.watch-icon {
	display: inline-block;
	height: 19px;
	width: 15px;
	top: 0;
	vertical-align: middle;
	padding: 0px !important;
	margin: 0px !important;
}

.refresh-icon {
	background-image: url(../images/Refresh_Black_16.png);
	background-repeat: no-repeat;
}

.filter-icon {
	background-image: url(../images/Filter_Black_18.png);
	margin-top: 3px !important;
	background-repeat: no-repeat;
}

.plus-icon {
	background-image: url(../images/plus-icon1.png);
	width: 25px !important;
	height: 20px;
}

.pane {
	background: var(--pane-bg-color);
	padding-bottom: 3px;
	box-sizing: border-box;
	width: 100%;
}

.pane-hScroll {
	overflow: auto;
	width: 100%;
	background: var(--pane-hScroll-bg-color);
	box-sizing: border-box;
}

.pane-vScroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 350px;
	background: var(--pane-bg-color);
	box-sizing: border-box;
}

.pane-vScroll::-webkit-scrollbar {
	width: 3px;
}

.pane-hScroll::-webkit-scrollbar {
	height: 3px;
}

.pane-vScroll::-webkit-scrollbar-track,
.pane-hScroll::-webkit-scrollbar-track {
	background: var(--pane-bg-color);

}

.pane-vScroll::-webkit-scrollbar-thumb,
.pane-hScroll::-webkit-scrollbar-thumb {
	background-color: var(--pane-vScroll-bg-color);
	/* color of the scroll thumb */
	border-radius: 3px;
	/* roundness of the scroll thumb */
	border: 5px solid var(--pane-vScroll-bg-color);
	/* creates padding around scroll thumb */
}


.table-layout {
	border-collapse: collapse;
	background: var(--pane-bg-color);
	width: 100%;
	box-sizing: border-box;
	width: 100%;
	border: thin solid var(--table-layout-border);
}

.table-layout thead {
	border: 2px solid var(--table-layout-border) !important;
	background-color: var(--table-layout-thead-bg);
	box-sizing: border-box;
	width: 100%;
	overflow-x: auto;
	padding: 3px 0px;

}

.table-layout th,
.table-layout td {
	padding: 1px 2px;
	overflow: hidden;
	font-size: 10pt;
	font-weight: bold;
	color: var(--table-layout-color);
	box-sizing: border-box;

}

.table-layout th {
	padding: 2px 2px !important;
}

.table-layout tbody tr:nth-child(odd) {
	background-color: #d9d9d9;
	border-spacing: 0;
	box-sizing: border-box;
}

.table-layout tbody tr:nth-child(even) {
	background-color: #eee;
	box-sizing: border-box;
}

#widget2 {
	padding: 0px !important;
}

#widget2 .grid-stack-item {
	height: 229px;
}

#widget2 .pane-hScroll {
	padding-bottom: 0px;
}

#widget2 .pane-vScroll {
	height: 110px;
}

#widget2 .table-layout td,
#widget2 .table-layout th {}

#widget2 table tbody td:first-child,
#widget2 table tbody td:first-child+td,
#widget2 table tbody td:first-child+td+td {
	background-color: var(--table-first-child-bg) !important;
}

#widget2 table tbody td:last-child,
#widget2 table tbody td:first-child+td+td+td,
#widget2 table tbody td:first-child+td+td+td+td {
	background-color: var(--table-last-child-bg) !important;
}

/* widget2 styles */

#widget2 .pane {
	padding-bottom: 0px;
}

#widget2 .footer-section {
	background-color: var(--pane-hScroll-bg-color);
	border: 2pt solid var(--table-layout-border);
	padding: 0px 0px;
	width: 100%;
}

#widget2 .footer-section .table-layout {
	border: none;

}

#widget2 .footer-section .table-layout tr,
#widget2 .footer-section .table-layout td {
	background-color: var(--footer-section-bg) !important;
}

#widget2 .footer-section .table-layout .section-label {
	color: var(--footer-section-color);
	font-size: 9pt;
	padding: 0px !important;
}

#widget2 .footer-section .table-layout .section-value {
	color: var(--table-layout-color);
	font-size: 8pt;
	text-align: right;
	padding-right: 5px;
}

#widget2 .grid-stack-item-header {
	padding: 5px 5px;
}


#widget2 .footer-section .table-layout .splitter {
	padding-right: 5px !important;
	border-right: 1pt solid var(--footer-section-borderRight);
}

.widget-height {
	height: 230px !important;
}

/* Scrip */
.center_div {

	padding: 20px !important;
}

.center_div input[type="search"] {
	width: 100%;
}

.security-define {
	padding-left: 3px;
	font-size: 8pt;
	font-style: italic;
	color: var(--security-define-color);
	display: block;
}

.btn-primary,
.btn-secondary {
	font-size: 9pt;
	color: var(--btn-primary-color);
	background-color: var(--btn-primary-bg);
	border: 1pt solid #7f7f7f;
}

.btn-primary span {
	padding: 0px 10px !important;
}

.btn-secondary {
	color: var(--btn-secondary-color) !important;
	background-color: var(--btn-secondary-bg) !important;
}

.modal-xs {
	width: 345px;
}

.form-group {
	margin-bottom: 0px;
}

@media only screen and (max-width: 600px) {
	.mainForm {}

	.center_div {

		margin: 0 0 5px 0;
	}

	.center_div label {

		float: none;
		margin: 0 0 3px 0;
	}
}

/* snapshot */

.snapshot-table tr:nth-child(odd) th:first-child,
.snapshot-table tr:nth-child(even) th:first-child {
	width: 60%;
	color: var(--snapshot-table-color);
	font-size: 9pt;
	background-color: var(--snapshot-table-bg);
	padding: 4px;
	padding-right: 3px;
}

.snapshot-table {
	border: 1pt solid var(--snapshot-table-brd) !important;
	width: 100% !important;
}

.snapshot-table tr:nth-child(odd) th:first-child,
.snapshot-table tr:nth-child(even) th:first-child {
	width: 60%;
	color: var(--snapshot-table-nthChild-color);
	font-size: 9pt;
	background-color: var(--snapshot-table-nthChild-bg);
	padding: 4px;
	padding-right: 3px;
}

.snapshot-table tr:nth-child(even) th:first-child {
	background-color: var(--snapshot-table-firstChild-bg) !important;

}

.snapshot-table tr:nth-child(odd) th:last-child,
.snapshot-table tr:nth-child(even) th:last-child {
	width: 40%;
	color: var(--table-layout-color);
	font-size: 8pt;
	background-color: var(--snapshot-table-lastChild-bg);
	padding-left: 4px;
}

.snapshot-table tr:nth-child(even) th:last-child {
	background-color: var(--snapshot-table-child-bg) !important;
}


.scrip-btn-icon {
	display: inline-block;
	height: 19px;
	width: 15px;
	top: 0;
	background-image: url(../images/retweet-white.PNG);
	vertical-align: middle;
	margin-bottom: 2px;
}

.scrip-icon {
	color: var(--scrip-icon-color);
}

/* loosers gainers */


#gain-lose-container {
	width: 100%;
	background-color: var(--pane-bg-color);
	border: thin solid #404040;
	height: 225px;
}

#btn-card-group {
	list-style: none;

	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 0px !important;
	margin-top: 15px !important;
	padding-left: 0px !important;
	width: 100%;
}

#btn-card-group li {
	display: inline-block;
	cursor: pointer;
}

#btn-card-group .btn-card {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	font-size: 7.8pt;
	color: var(--btn-card-group-color);
	background-color: var(--btn-card-group-bg);
	border: 1.5pt solid #404040;
	padding: 10px 5px;
	line-height: 1.5;
}

#btn-card-group .selected {
	color: #F2F2F2 !important;
	background-color: var(--btn-template-selected-bgColor) !important;
	border: 1.5pt solid #FFC000;
}

.gain-container {
	width: 100%;
	margin-top: 2px;
	padding: 0px !important;

}

.loose-gain-table {
	width: 100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0 4px;
	border: none;
	background-color: var(--pane-bg-color);
	padding: 2px !important;
}

.loose-gain-table td {
	padding: 1px;
	background-color: var(--loose-gain-table-td-bg);
}

.loose-gain-table tr td:first-child {
	font-size: 9pt;
	color: var(--loose-gain-table-first-child);
	width: 30%;
}

.loose-gain-table tr td:first-child+td {
	font-size: 10pt;
	color: var(--table-layout-color);
	width: 20%;
}

.loose-gain-table tr td:first-child+td+td {
	width: 15%;
}

.loose-gain-table tr td:last-child {
	font-size: 9pt;
	width: 35%;
}

.gainersChangeColor {
	color: var(--gainersChangeColor-color);
}

.loosersChangeColor {
	color: #FF1D1D;
}

.loose-gain-table th {
	color: var(--loose-gain-table-color);
	font-size: 8pt;
	font-style: italic;

	text-align: center;
}

.gainers-symbol {
	display: inline-block;
	height: 17px;
	width: 17px;
	top: 0;
	background-image: url(../images/gainchangelight.png);
	vertical-align: middle;
	margin-bottom: 2px;
}

.loosers-symbol {
	display: inline-block;
	height: 17px;
	width: 17px;
	top: 0;
	background-image: url(../images/Ticker_Low_24.png);
	vertical-align: middle;
	margin-bottom: 2px;
}

.movers-symbol {
	display: inline-block;
	height: 20px;
	width: 20px;
	top: 0;
	background-repeat: no-repeat;

	background-image: url(../images/Trend_Neutral_18_Yellow_Latest.png);
	vertical-align: middle;
	margin-bottom: 2px;
}


/* Indices */
/* .indices-header{
	border: 1.5pt solid #FFC000 !important;
    background-color: var(--indices-header-bg);
    padding: 10px;
} */

.indices-body {
	border: 0.75pt solid var(--indices-body-brd);
	width: inherit;
	height: inherit;
	margin-top: 40px;
}

.indices-header {
	border: 1.5pt solid #FFC000 !important;
	background-color: var(--indices-header-bg);
	padding: 10px;
	text-align: center;
}


.indices-table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border: none;
	margin: 5px 0px !important;
}

.indices-table td {
	padding-bottom: 8px;
	width: 50%;
}

.indices-table tr td:first-child {
	border-right: thin solid var(--indices-table-firstChild-brd);
	width: 51% !important;
}

.indices-table tr td:last-child {
	width: 49% !important;

}

.indices-table .label {
	font-size: 13.5pt;
	color: var(--table-layout-color);
	/* 	padding-right: 5px !important; */
}

.indices-table .value {
	font-size: 13pt;
	color: var(--table-layout-color);
	;
	padding-right: 10px !important;
}

.indices-table .high {
	font-size: 9pt;
	color: var(--gainersChangeColor-color);
	font-weight: bold;
}

.indices-table .low {
	font-size: 9pt;
	color: var(--indices-table-low-color);
	font-weight: bold;
}

.indices-table .nasi-img {
	display: inline-block;
	height: 25px;
	width: 30px;
	vertical-align: middle;
	padding: 0px !important;
	margin: 0px !important;
	background-image: url(../images/nasi-white.png);
}

.indices-table .n20i-img {
	display: inline-block;
	height: 25px;
	width: 30px;
	vertical-align: middle;
	padding: 0px !important;
	margin: 0px !important;
	background-image: url(../images/n20i-white.png);
}

/* rate chart */


.btn-template .btns {
	font-size: 7.5pt;
	color: var(--btn-template-color);
	background-color: var(--btn-template-bg-color);
	border: 1.5pt solid #404040;
	padding: 5px !important;
	border-radius: 0px !important;

}

.btn-template .selected {
	font-size: 7.5pt;
	color: #F2F2F2;
	background-color: var(--btn-template-selected-bgColor) !important;
	border: 1.5pt solid #ffc000;
}

.btn-template-fullwidth {
	width: 100%;

}

/* market news */

.grid-stack-item-header cspl-dtp>button {
	background: var(--grid-stack-item-header-bg) !important;
}

.grid-stack-item-header cspl-dtp input[type="text"] {
	color: var(--table-layout-color) !important;
}

.uib-datepicker-popup {
	padding: 0px !important;
}

.uib-datepicker-popup .pull-left {
	margin: 5px;
}

cspl-dtp .input-group .input-group-btn button {
	background-color: var(--cspl-dtp-input-grp-btn-bg) !important;
	color: #FFFFFF;
}

/* order Entry */
.modal-xm {
	width: 500px;
	border: 1.5pt solid var(--modal-xm-brd);
}

.order-entry cspl-radio-button .btn-group,
.client-order-entry cspl-radio-button .btn-group {
	border: thin solid var(--modal-xm-brd) !important;
	padding: 0px;
}

.order-entry cspl-radio-button label,
.client-order-entry cspl-radio-button label {
	padding: 3px !important;
	font-size: 8.5pt;
	background-color: hsl(0, 0%, 92%);
	color: var(--order-entry-radio-btn-color);
}

.order-entry cspl-radio-button label.btn.btn-primary.active,
.client-order-entry cspl-radio-button label.btn.btn-primary.active {
	background-color: #00ff00 !important;
	color: #000000 !important;
}

.order-entry-container {
	padding: 5px;
	overflow-y: auto !important;
	max-height: calc(90vh - 10px);
	overflow-x: hidden;
}

.order-entry-container::-webkit-scrollbar {
	width: 3px;
	/* width of the entire scrollbar */
}

.order-entry-container::-webkit-scrollbar {
	height: 3px;
	/* width of the entire scrollbar */
}

.order-entry-container::-webkit-scrollbar-track {
	background: #000000;
	/* color of the tracking area */
}

.order-entry-container::-webkit-scrollbar-thumb {
	background-color: #00b0f0;
	/* color of the scroll thumb */
	border-radius: 3px;
	/* roundness of the scroll thumb */
	border: 5px solid #00b0f0;
	/* creates padding around scroll thumb */
}

.client-order-entry-container {
	padding: 5px;
}


.order-entry-container cspl-ach input[type="text"],
.order-entry-container cspl-numeric .help-block-error,
.client-order-entry-container cspl-ach input[type="text"],
.client-order-entry-container cspl-numeric .help-block-error {
	margin-bottom: 0px !important;
}

.order-entry-container cspl-dtp .input-group .input-group-btn button,
.client-order-entry-container cspl-dtp .input-group .input-group-btn button {
	background-color: var(--order-entry-container-input-bg) !important;
	color: var(--order-entry-container-input-color);
	border-color: var(--modal-xm-brd) !important;
}

.order-entry-container cspl-dtp input[type="text"],
.client-order-entry-container cspl-dtp input[type="text"] {
	color: var(--order-entry-container-input-color) !important;
}

.order-entry-container cspl-dtp .btn-primary,
.client-order-entry-container cspl-dtp .btn-primary {
	margin-top: 0px !important;
	margin-right: 0px !important;
}

.order-entry-container .chkAlign,
.client-order-entry-container .chkAlign {
	margin-top: 3px;
}

.btn-buy-sell,
/* .btn-buy-sell:hover, */
.btn-buy-sell:active {
	font-size: 14pt;
	color: #f2f2f2 !important;
	padding: 15px 99px;
}

/* .btn-buy-sell-retail-custodian,
.btn-buy-sell-retail-custodian:hover,
.btn-buy-sell-retail-custodian:active {
	font-size: 14pt;
	color: #f2f2f2 !important;
	padding: 15px 112px 15px 119px;
} */

.btn-buy-sell-retail-custodian {
	font-size: 14pt;
	color: #f2f2f2 !important;
	padding: 15px 112px 15px 119px;
	border-color: transparent !important;
}

/* .btn-modify-cancel,
.btn-modify-cancel:hover,
.btn-modify-cancel:active {
	font-size: 12pt;
	font-weight: bold;
	color: #f2f2f2 !important;
	padding: 7px 47px;
} */

.btn-modify-cancel {
	font-size: 12pt;
	font-weight: bold;
	color: #f2f2f2 !important;
	padding: 7px 47px;
}

.btn-buy {
	background-color: #005996 !important;
}

.btn-sell {
	background-color: #c1272d !important;
}

.green-btn {
	font-size: 8.5pt;
	color: #000000;
	background-color: #00ff00;
	padding: 1px 5px;
	margin: 8px;

}

/* Client Order Verification */

#verification-body {
	padding: 10px 65px 20px 65px;
}

#verification-body .buy-head-line {
	border: 1.5pt solid #005996;
}

#verification-body .sell-head-line {
	border: 1.5pt solid #c1272d;
}

#verification-body .btn-template {
	float: left;
	padding-left: 0px !important;
	text-align: center;
}

#verification-body .btn-template li {
	padding: 2px 2px;
	font-size: 9pt;
	color: var(--table-layout-color);
}

#verification-body table tr:last-child {
	border-top: 0.25pt solid #7f7f7f;
	border-bottom: 0.25pt solid #7f7f7f;
	background-color: var(--pane-bg-color) !important;
}

#verification-body table tr:last-child th {
	background-color: var(--pane-bg-color) !important;
	font-size: 10.5pt;
	padding-top: 6px;
	padding-bottom: 6px;
}

#verification-body table tr th:first-child+th,
#verification-body table tr th:first-child {
	padding-right: 5px !important;
}


/* order verification dealer */
.modal-xd {
	width: 430px;
	border: 1.5pt solid var(--modal-xm-brd);
}

#verification-body .btn-template .blue {
	color: #00b0f0;
}

#dealer-verify-table tr th:first-child {
	width: 30% !important;
}

#dealer-verify-table .new-value {
	width: 50px !important;
	color: #00b0f0;
	font-size: 9pt;
	display: inline-block;
}

#dealer-verify-table .old-value {
	color: var(--dealer-verify-table-color);
	font-size: 9pt;
	display: inline-block;
}

/* order status */
.modal-xl {
	/* width: 1000px; */
	border: 1.5pt solid var(--modal-xm-brd);
}

.grid-stack-item-header-placeholder {
	height: 23px !important;
}

#cancelOrderTable cspl-checkbox input,
#cancelOrderVScroll cspl-checkbox input {
	color: #595959;
	font-size: 15pt;
	font-weight: bold;
}

#cancelOrderVScroll .market-width {
	width: 60px !important;
}

#cancelOrderVScroll tr,
#tradeMarketVScroll tr {
	line-height: 1px !important;
}



#cancelOrderTable th,
#cancelOrderVScroll td,
#tradeMarketVScroll td {
	/* 	width: initial !important; */
	vertical-align: middle;
	padding: 0px !important;
}

#cancelOrderTable thead {

	background-color: var(--cancelOrderTable-bg);
}

#cancelOrderVScroll tr:first-child,
#tradeMarketVScroll tr:first-child,
#OrderActivityVScroll tr:first-child {
	border-top: thin solid var(--pane-bg-color);
}

#cancelOrderVScroll tr,
#tradeMarketVScroll tr,
#OrderActivityVScroll tr {
	border-bottom: thin solid var(--pane-bg-color);
}

#cancelOrderTable thead th {
	color: var(--order-entry-container-input-color) !important;
}


#cancelOrderVScroll td:last-child {
	font-size: 9pt;
	color: #ffffff;
	text-align: center;
}

#cancelOrderVScroll {
	height: 100px;
}

.breadcrumb a,
.breadcrumb a:active,
.breadcrumb a:hover,
.breadcrumb>li+li:before {
	color: var(--table-layout-color);
}

.breadcrumb li span {
	color: var(--breadcrumb-li-color);
}

/* offMarket Order */
.off-market-screen {
	height: 410px;
	border: 1pt solid #7f7f7f;
	border-radius: 2px;
	width: 98%;
	padding-left: 0px !important;

}

.off-market-screen .main-section {
	display: flex;
	width: 100%;
}

.off-market-screen .main-section .left-block {
	width: 12%;
	display: inline-block;
	padding-right: 0px;
	padding-left: 10px;
}



.off-market-screen .btn-vertical-template {
	list-style: none;
	float: right;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

.off-market-screen .btn-vertical-template .divider {
	position: absolute;
	height: 1px;
	width: 30px;
	background-color: #7f7f7f;
	margin-top: 28px;
	margin-left: 50px;
}

.off-market-screen .btn-vertical-template li {
	display: block;
	cursor: pointer;
	background-color: var(--pane-bg-color);
	padding: 32px 0px;
	text-align: center;
}

.off-market-screen .btn-vertical-template li a {
	text-decoration: none;
	color: var(--breadcrumb-li-color);
}

.off-market-screen .btn-vertical-template .selected {
	color: var(--btn-vertical-template-color);
	background-color: var(--btn-vertical-template-bg);
}

.off-market-screen .btn-vertical-template li .value {
	font-size: 25pt;
	font-weight: bold;
	color: var(--breadcrumb-li-color);
	display: block;
}

.off-market-screen .btn-vertical-template li .selected {
	color: var(--btn-vertical-template-li-color) !important;
}

.off-market-screen .btn-vertical-template li .head {
	font-size: 10pt;
	color: var(--breadcrumb-li-color);
	display: block;
}

.off-market-screen .main-section .right-block {
	display: inline-block;
	width: 88%;
	background-color: var(--btn-vertical-template-bg) !important;
	height: 391px;
}

.off-market-screen .main-section .right-block cspl-table .ag-header,
.off-market-screen .main-section .right-block cspl-table .ag-header .ag-header-viewport .ag-header-row {
	height: 45px !important;
}

.off-market-screen .main-section .right-block cspl-table .ag-body-viewport {
	height: 240px !important;
}

.off-market-screen .main-section .right-block cspl-table .opt {
	padding: 5px 0px 8px 0px !important;
}


.chk-style {
	width: 16px !important;
	height: 18px !important;
	margin: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;

	box-shadow: none;
	font-size: 0.1em;
	text-align: center;

	background-color: var(--pane-bg-color) !important;
	border: 1pt solid #7F7F7F;
	vertical-align: text-bottom;
}

.chk-style:checked:after {
	content: '✔';
	color: #7F7F7F;
}

.ag-theme-blue .ag-header-cell,
.ag-theme-blue .ag-header-group-cell {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

cspl-table .btn-template {

	text-align: center;
}

.edit-icon {
	background-image: url(../images/Modify_Black-18.png);
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

#order-status .ag-row-hover div .edit-icon {
	background-image: url(../images/Modify-18.png) !important;
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

.cancel-icon {
	background-image: url(../images/Cancel_Black-18.png);
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}


#sector-statistics cspl-table .opt,
#market-statistics cspl-table .opt,
#order-status cspl-table .opt,
#market-watch cspl-table .opt,
#intraday-trades cspl-table .opt {
	margin-top: -32px !important;

	right: 100px;
	position: absolute;
	z-index: 999;
}

.iffyTip {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hideText2 {
	max-width: 100px;
	display: inline-block;
}

.hideText3 {
	max-width: 126px;
	display: inline-block;
}

.tableCellHideTooltip {
	max-width: 55px;
}

.newsCellSubjectTooltip {
	max-width: 70px;
}

.newsCellNewsTooltip {
	max-width: 150px;
}

.text-only-header {
	padding: 8px 5px !important;
}

#tradeMarketVScroll {
	height: 200px !important;
}

.off-market-screen cspl-search .form-control-feedback {
	right: 0px !important;
}

/* Business Rule */
.align-center {
	text-align: center;
}

.business-rule-icon {
	width: 17px !important;
}

.view-icon {
	background-image: url(../images/View-18_Black.png);
	height: 17px;
	background-repeat: no-repeat;
	width: 18px !important;
}

.user-profile-icon {
	background-image: url(../images/User_Profile_Black-18.png);
	height: 17px;
	width: 22px;
	background-repeat: no-repeat;
}

.mapped-user-profile-icon {
	background-image: url(../images/Mapped_User_Profile-18.png);
	height: 17px;
	width: 22px;
	background-repeat: no-repeat;
}

.disabled-label {
	color: #8a8a8a;
}

.screen-title {
	font-size: 10pt;
	color: #D9D9D9;
	padding-left: 5px !important;
}

.screen-top {
	display: inline-block;
	width: 100%;
	background-color: var(--screen-top-bg);
	padding: 5px 0px;
}

.modal-md {
	width: 530px;
	border: 1.5pt solid var(--modal-xm-brd);
}

.business-rule-container {
	padding: 10px 60px;
}

.business-container {
	border: 0.75pt solid var(--business-container-brd);
	border-radius: 2px;
}

[data-toggle-target] {
	cursor: pointer;
}

[data-toggle-target]:before {
	content: url(../images/Collapse_18.png);
	display: inline-block;
	vertical-align: middle;
	height: 18px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: -5px;
}

[data-toggle-target].up:before {
	transform: rotate(180deg);
}

.mkt-sub-heading {
	padding: 3px 30px;
	background-color: #00ff00;
	color: #0d0d0d;
	font-size: 9pt;
	border-radius: 2px;
	margin-left: 5px;
}

.business-rule-container cspl-radio-button .btn-group,
.business-rule-container cspl-radio-button .btn-group {

	padding: 0px;
}

.business-rule-container cspl-radio-button label,
.business-rule-container cspl-radio-button label {
	padding: 3px 10px !important;
	font-size: 9pt;
	color: #404040;
}

.business-rule-container cspl-radio-button label.btn.btn-primary.active {
	background-color: #00ff00;
	font-size: 9pt;
	color: #0d0d0d;
	border: 0.5pt solid var(--business-rule-container-label-brd) !important;
}

.business-rule-container cspl-radio-button label.btn.btn-primary {
	background-color: var(--business-rule-container-label-bg);
	font-size: 9pt;
	color: var(--business-rule-container-label-color);
	border: 0.5pt solid var(--business-rule-container-label-brd) !important;
}

.business-container cspl-label {
	color: var(--business-container-color);
}

.label-disabled {
	color: var(--label-disabled-color) !important;
}

cspl-checkbox label {
	color: #7F7F7F;
}

#mkt-template .radio-disabled label:nth-child(1),
#mkt-template-bonds .radio-disabled label:nth-child(1),
#mkt-template-derivatives .radio-disabled label:nth-child(1) {
	background-color: var(--mkt-template-radio-disabled-bg);
	color: #7f7f7f;
	border: 0.5pt solid #7F7F7F !important;
}

#mkt-template .radio-disabled label:nth-child(2),
#mkt-template-bonds .radio-disabled label:nth-child(2),
#mkt-template-derivatives .radio-disabled label:nth-child(2) {
	background-color: var(--snapshot-table-lastChild-bg);
	color: #7f7f7f;
	border: 0.5pt solid #7F7F7F !important;
}

.business-rule-container cspl-radio-button .radio-disabled label.btn.btn-primary.active {
	background-color: #00ff00;
	font-size: 9pt;
	color: #0d0d0d;
}

.business-rule-container cspl-radio-button .radio-disabled label.btn.btn-primary {
	background-color: #292929;
	font-size: 9pt;
	color: #7f7f7f;
}

.single-order {
	font-size: 10pt;
	color: #f2f2f2;
}

.single-order input[type="text"] {
	border: 0.75pt solid #ffc000 !important;
}

.confirm-delete-holder {
	margin: 50px 30px;
}

.confirm-delete {
	font-size: 10.5pt;
	color: var(--table-layout-color);
}

#deleteDialog {
	border: 2.25pt solid #c1272d !important;
	margin: -2px !important;
}

.profile-segment {}

.profile-header {
	background-color: var(--profile-header-bg);
	border: 1pt solid #404040;
	padding: 5px;
}

.profile-body {
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	border: 1pt solid var(--order-entry-radio-btn-color);
	border-top: none;
}

.profile-list {
	list-style: none;
	padding-left: 5px;
}

.ml-6 {
	margin-left: 4rem !important;
}

.profile-body::-webkit-scrollbar {
	width: 5px;
	/* width of the entire scrollbar */
}

.profile-body::-webkit-scrollbar-track {}

.profile-body::-webkit-scrollbar-thumb {
	background-color: var(--profile-body-bg);
	/* color of the scroll thumb */
	border-radius: 3px;
	/* roundness of the scroll thumb */
	border: 5px solid var(--profile-body-bg);
	/* creates padding around scroll thumb */
}

.off-market-screen cspl-search .form-control-feedback {
	right: 0px !important;
}

#business-rule {
	padding: 0px;
}

#business-rule .filter-icon {
	background-image: url(../images/Filter_White_18.png);
	margin-top: 3px !important;
	background-repeat: no-repeat;
}

#business-rule .pane {
	margin-top: -5px;
}

.off-market-screen .refresh-icon {
	margin-top: 4px;
}


#offMarketTrades table {
	border-collapse: collapse;
	background: white;
	table-layout: fixed;
	width: 100%;
}

#offMarketTrades th,
#offMarketTrades td {
	padding: 8px 16px;
	width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#offMarketTrades .pane-hScroll {
	overflow: auto;
	width: 100%;

}

#offMarketTrades .pane-vScroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 250px !important;
}

#orderActivity .pane-vScroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 250px !important;
}

#OrderActivityVScroll tr {
	line-height: 8px;
}

#offMarketTradesMismatched table {
	border-collapse: collapse;
	background: white;
	table-layout: fixed;
	width: 100%;
}

#offMarketTradesMismatched th,
#offMarketTradesMismatched td,
#OrderActivityTable th,
#OrderActivityVScroll td {
	padding: 8px 16px;
	width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#offMarketTradesMismatched .pane-hScroll {
	overflow: auto;
	width: 100%;

}

#offMarketTradesMismatched .pane-vScroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 250px !important;
}


#offMarketTradesRejected table {
	border-collapse: collapse;
	background: white;
	table-layout: fixed;
	width: 100%;
}

#offMarketTradesRejected th,
#offMarketTradesRejected td,
#OrderActivityTable th,
#OrderActivityVScroll td {
	padding: 8px 16px;
	width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#offMarketTradesRejected .pane-hScroll {
	overflow: auto;
	width: 100%;

}

#offMarketTradesRejected .pane-vScroll {
	overflow-y: auto;
	overflow-x: hidden;
	height: 250px !important;
}

.modal-backdrop {
	/* bug fix - no overlay */
	display: none;
}


.Buysell-disabled {

	font-size: 14pt;
	color: #292929 !important;
	padding: 15px 99px !important;
	background-color: #7f7f7f;
}

.Buysell-disabled-retail-custodian {

	font-size: 14pt;
	color: #292929 !important;
	padding: 15px 123px 15px 123px !important;
	background-color: #7f7f7f !important;
	border-color: transparent !important;
}


#order-status cspl-table .ag-body-viewport {

	height: 175px !important;

}


#market-statistics cspl-table .ag-body-viewport {

	height: 50px !important;

}

.statusPendingBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #6D5510 !important;
	padding: 5px
}

.statusRejectedBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #6C2019 !important;
	padding: 5px
}

.statusPartialTradeBgColor {
	background-color: #0A690A !important;
	color: var(--order-entry-container-input-bg) !important;
	padding: 5px
}

.statusFullyTradeBgColor {
	background-color: #0A307B !important;
	color: var(--order-entry-container-input-bg) !important;
	padding: 5px
}

.statusCancelBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #B10909 !important;
	padding: 5px
}

.statusRequestBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #617F16 !important;
	padding: 5px
}

.statusExpiredBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #6C156E !important;
	padding: 5px
}

.statusPendingApprovalBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #90243C !important;
	padding: 5px
}

.statusMatchedBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #23b723 !important;
	padding: 5px
}


.statusOffmarketBgColor {
	color: var(--order-entry-container-input-bg) !important;
	background-color: #0F8082 !important;
	padding: 5px
}

.order-entry-container .help-block-error {
	margin-top: 0px;
	margin-bottom: 0px;
}

.order-entry-container .drop-down-list-options {
	margin-bottom: 0px;
}


cspl-ach input[type="text"] {
	text-transform: uppercase;
}

#cancelOrderVScroll td:last-child {
	font-size: 9pt;
	color: #ffffff;
	text-align: center;
}

#OrderActivityVScroll .requested {
	background-color: #617F16;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .pending {
	background-color: #6D5510;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .rejected {
	background-color: #6C2019;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .partialTrade {
	background-color: #107510;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .fullTrade {
	background-color: #0A307B;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .cancelStatus {
	background-color: #B10909;
	color: var(--order-entry-container-input-bg) !important;
}


#OrderActivityVScroll .Expired {
	background-color: #6C156E;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .pendingApproval {
	background-color: #90243C;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .matchedStatus {
	background-color: #00FF00;
	color: var(--order-entry-container-input-bg) !important;
}

#OrderActivityVScroll .offMarketStatus {
	background-color: #0F8082;
	color: var(--order-entry-container-input-bg) !important;
}


#base2 {
	width: 100% !important;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;

}

.gain-size {
	width: 190px !important;
	min-width: 190px !important;
	max-width: 190px !important;
	height: 258px !important;
	min-height: 258px !important;
	max-height: 258px !important;
}

.dept-size {
	height: 260px !important;
	min-height: 238px !important;
	max-height: 260px !important;
}

#modalBody [uib-typeahead-popup].dropdown-menu {
	display: contents;
}

.indice-size {
	height: 170px !important;
	min-height: 170px !important;
	max-height: 170px !important;
}


#cancelOrderVScroll .requested {
	background-color: #617F16;
	color: var(--order-entry-container-input-bg) !important;
}

#cancelOrderVScroll .pending {
	background-color: #6D5510;
	color: var(--order-entry-container-input-bg) !important;
}

#cancelOrderVScroll .partialTrade {
	background-color: #107510;
	color: var(--order-entry-container-input-bg) !important;
}

#cancelOrderVScroll .offMarketStatus {
	background-color: #0F8082;
	color: var(--order-entry-container-input-bg) !important;
}

/* Manage Clients */
#manage-clients {
	height: calc(90vh - 10px);
	border: 0.75pt solid #404040;
	border-radius: 2px;
	background-color: var(--pane-bg-color);
}

#manage-clients .go-btn {
	border: 1.5pt solid #404040;
}

#manage-clients .fa-caret-down {
	color: var(--table-layout-color);
}

.client-table-layout {
	border: 1.50pt solid #ff0000;
	width: 100%;
	padding: 5px 3px;
}

.clients-title {
	font-size: 10pt;
	color: var(--order-entry-container-input-color);
}

.clients-sub-title {
	font-style: italic;
	color: #969696;
}

.clients-title-background {
	background-color: var(--profile-header-bg);
	height: 40px;
	/* margin-right: 2px !important;
	margin-left: 1px !important; */
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.btn-client-cancel {
	padding: 3px 13px;
}

.btn-client-save {
	padding: 3px 20px;
}

#manage-clients-table .pane-vScroll {
	height: 270px;
}

#manage-clients-table>div>table>thead>tr {
	height: 40px;
	background-color: var(--order-entry-container-input-bg) !important;
}

#manage-clients-table>div>table>thead>tr th {
	color: var(--order-entry-container-input-color) !important;
}

#manage-clients-table .table-layouts tbody tr {
	background-color: var(--pane-bg-color) !important;
	height: 25px;
}

#manage-clients-table .table-layouts tbody tr td:first-child {
	width: 50px;
	padding-left: 10px;
}

#manage-clients-table .table-layouts tbody tr td:first-child+td {
	width: 150px;
}

#manage-clients-table .table-layouts tbody tr td:first-child+td+td {
	width: 60px;
}

#manage-clients-table .table-layouts tbody tr td:first-child+td+td+td {
	width: 100px;
}

#manage-clients-table .table-layouts tbody tr:hover {
	background-color: var(--manage-clients-table-bg) !important;
}

#manage-clients-table .table-layouts tbody tr:hover td {
	color: var(--order-entry-container-input-bg) !important;
}

#manage-clients-table .table-layouts tbody tr:hover i {
	display: block;
}

.cancel-icon1 {
	background-image: url(../images/Cancel_ThickStroke.png);
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

#manage-clients>div.col-md-12>div.client-table-layout>div.row.clients-title-background>cspl-search>div>input {
	border: thin solid var(--manage-clients-brd);
}

#tradeMarketVScroll .operationAdded {
	background-color: #A3EB7F;
	color: #000000;
}

#tradeMarketVScroll .operationAddedDeleted {
	background-color: #FF5555;
	color: #000000;
}

.mapping-entity-left {
	border: 1.75pt solid #00FF00;
	padding: 5px;
}

.mapping-entity-right {
	border: 1.75pt solid #FF0000;
	padding: 5px;
}

.mapping-sub-heading {
	color: var(--table-layout-color) !important;
}

.mapping-sub-heading1 {
	color: var(--mapping-sub-heading1-color);
}

#manage-clients .mapper-search-container {
	background-color: var(--profile-header-bg);
	border: none;
	border-radius: 0px !important;
}

#manage-clients .mapper-outer-container {
	border: none;
}

/* server monitoring status */

.gray-back {
	background-color: var(--gray-back-bg);
}

.outer-row {
	background-color: var(--outer-row-bg);
	padding-top: 8px;
	border-radius: 3px;
}

.outer-row>div {
	padding: 0px;
}

.outer-row-width {
	width: 97.5%;
}

.outer-row span {
	margin-left: 10px;
}

.inner-row {
	border-radius: 3px;
	margin: 0px !important;
	background-color: var(--pane-bg-color);
	margin-top: 8px !important;
	border: 1pt solid var(--inner-row-brd);
}


.serverBox {
	border: 1.5pt solid var(--serverBox-brd);
	background: var(--serverBox-bg);
	width: 230px;
	display: inline-block;
	border-radius: 7px;
	padding: 10px 10px 70px 10px;
	margin-left: 10px;
}

.serverBox span {
	font-size: 13pt;
	color: var(--serverBox-brd);
}

.serverBox span center {
	margin-top: 40px;
}

.oeps-img {
	display: inline-block;
	background-image: url(../images/SODProcess-Black_26.png);
	width: 26px;
	height: 26px;
}


.serverErrorBox {
	border: 1.5pt solid var(--serverErrorBox-brd);
	background: var(--serverErrorBox-bg);
	width: 230px;
	display: inline-block;
	border-radius: 7px;
	padding: 10px 10px 70px 10px;
	margin-left: 10px;
}

.serverErrorBox span {
	color: var(--serverErrorBox-span-color);
	font-size: 13pt;
}

.serverErrorBox span center {
	margin-top: 40px;
}

.serverPendingBox {
	border: 1.5pt solid #ffc000;
	background: var(--serverPendingBox-bg);
	width: 230px;
	display: inline-block;
	border-radius: 7px;
	padding: 10px 10px 70px 10px;
	margin-left: 10px;
}

.serverPendingBox span {
	color: var(--serverPendingBox-span-color);
	font-size: 13pt;
}

.serverPendingBox span center {
	margin-top: 40px;
}

.refreshing {
	color: var(--screen-top-bg);
}

.inner-pad {
	padding: 60px 0px 60px 280px;
}

.left-status {
	border: 0.75pt solid #404040;
	border-radius: 5px;
	padding: 10px 20px 20px 20px;
	margin-top: 10px;
	width: 245px;
	margin-left: 10px;
}

.left-status .head {
	font-size: 10pt;
	color: var(--left-status-color);
	font-weight: bold;
	margin-bottom: 20px;
	margin-left: 0px;
}

.left-status .block {
	width: 200px;
	text-align: center;
	font-size: 10pt;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.left-status .btn1 {
	border: 1.5pt solid var(--left-status-btn1-brd);
	background-color: var(--left-status-btn1-bg);
	color: var(--left-status-btn1-color);
	margin-top: 10px;
}

.left-status .btn2 {
	border: 1.5pt solid var(--left-status-btn2-brd);
	background-color: var(--left-status-btn2-bg);
	color: var(--left-status-btn2-color);
	margin-top: 10px;
}


.left-status .btn3 {
	border: 1.5pt solid var(--left-status-btn3-brd);
	background-color: var(--left-status-btn3-bg);
	color: var(--left-status-btn3-color);
	margin-top: 10px;
}



.server-component-flexBox {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}

.maxWidth {
	width: 100% !important;
}

.fixedHeight {
	height: 108px !important;
}

.marginBottom {
	margin-bottom: 10px !important;
}

.marginZero {
	margin: 0 !important;
}


.block1 {
	width: 49.3%;
}

.block2 {
	/* margin-left: 3px;	 */
	width: 49%;
}

.server-component-table {
	border: 0.75pt solid var(--mkt-template-radio-disabled-bg);
	border-radius: 5px;
	margin: 15px 10px;
	padding: 10px 5px;
}

.server-component-table table {
	width: 100%;

}

.server-component-table table thead tr {
	border: 1pt solid var(--server-component-table-brd);
	background-color: var(--footer-section-bg);
	font-size: 9.5pt;
	color: var(--table-layout-color);

}

.server-component-table table thead tr th {
	padding-left: 5px;
}

.server-component-table table thead tr th,
.server-component-table table tbody tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	color: var(--order-entry-container-input-color);
}

.server-component-table table tbody tr td {
	font-size: 9pt;

}

.sod-status-circle {
	border-radius: 50%;
	height: 8px;
	width: 8px;
	display: inline-block;
	vertical-align: middle;
}

.completed {
	background-color: var(--completed-bg);
}

.inprogress {
	background-color: var(--inprogress-bg);
}

.not-connected {
	background-color: var(--not-connected-bg);
}

.eod-status-open {
	background-color: var(--eod-status-open-bg);
}

.server-component-login-btn {
	font-size: 8pt;
	border: 1pt solid var(--server-component-login-btn-brd);
	padding: 2px 15px 2px 5px;
	font-weight: bold;
	-moz-box-shadow: inset 0 0 2px #a1a1a1;
	-webkit-box-shadow: inset 0 0 2px #a1a1a1;
	box-shadow: inset 0 0 2px #a1a1a1;
}

.server-component-login-btn:enabled {
	background-color: var(--server-component-login-enabled-bg);
	color: var(--btn-primary-color);
}

.server-component-login-btn:disabled {
	background-color: var(--server-component-login-disabled-bg);
	color: var(--server-component-login-disabled-color);
}

.login-table table tbody tr td {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Manage Report */

.disable-today-date-dtp>div>div>ul>li>span>button.uib-datepicker-current {
	color: var(--order-entry-container-input-color);

}

#report-tab-strip>.nav-tabs>li.active>a,
#report-tab-strip>.nav-tabs>li.active>a:focus,
#report-tab-strip>.nav-tabs>li:hover>a:hover {
	background-color: var(--report-tab-strip-li-bg) !important;
	border: 1px solid var(--report-tab-strip-li-bg) !important;

}


#report-tab-strip>.nav-tabs>li.active>a,
#report-tab-strip>.nav-tabs>li.active>a:focus,
#report-tab-strip>.nav-tabs>li.active>a:hover {
	background-color: var(--screen-top-bg) !important;
	padding: 7px 36px !important;
	border: 2px solid var(--screen-top-bg) !important;

}

#report-tab-strip>.nav-tabs>li:hover>a {
	border: 2px solid var(--report-tab-strip-nav-tabs-brd) !important;

}

#report-tab-strip>.nav-tabs>li.active>a>uib-tab-heading>label,
#report-tab-strip>.nav-tabs>li.active>a:focus>uib-tab-heading>label,
#report-tab-strip>.nav-tabs>li.active>a:hover>uib-tab-heading>label {

	color: var(--report-tab-strip-li-active-color) !important;
	background-color: var(--screen-top-bg) !important;
}


#report-tab-strip>.nav-tabs>li>a>uib-tab-heading>label {
	/* color: var(--report-tab-strip-li-label-color) !important; */
	color: black !important;
	font-size: 10pt !important;

}

#report-tab-strip>.nav-tabs>li>a {
	background: var(--report-tab-strip-li-a-bg) !important;
	margin-right: 6px !important;
	padding: 7px 36px !important;
}

#tab-heading>.ng-scope,
#tab-heading>.white-color {
	color: var(--report-tab-strip-li-active-color) !important;
}

#report-tab-strip>.nav-tabs>li>a:hover>uib-tab-heading>label {
	color: var(--report-tab-strip-li-hover-color) !important;
}

#report-tab-strip>.nav-tabs {
	margin-bottom: -2px !important;
}

.title-style {
	font-size: 13pt !important;
	color: #D9D9D9 !important;
	padding-left: 10px;
}


#border {
	padding: 10px;
	border: 5px solid var(--outer-row-bg) !important;
	border-radius: 0px 5px !important;
	background-color: var(--pane-hScroll-bg-color);
}

.container-fluid {
	padding: 20px !important;
}

.center-align {
	text-align: center;
}

.right-align {
	text-align: right;
}


.manage-report {}

.manage-report>tbody>tr:nth-child(even) {
	background-color: var(--gray-back-bg) !important;
}

.manage-report>tbody>tr:nth-child(odd) {
	background-color: var(--manage-report-nth-odd-bg) !important;
}

.manage-report>tbody>tr td {
	padding: 7.4px 4px !important;
}

.manage-report>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}

.head {
	color: #ffc000 !important;
}

.icon-padding {
	padding: 0px 10px 0px 10px !important;
}


.table>thead>tr .row-border {
	border: 1px solid var(--report-tab-strip-li-hover-color) !important;
}

.table-head>th {
	padding: 10px !important;

}

.table-head th {

	background-color: var(--screen-top-bg) !important;
}

.title-style {
	font-size: 13pt !important;
	color: var(--btn-secondary-color) !important;

}

.thead {
	padding: 9px 4px 9px 4px !important;
}

#pagination-background>ul>li>a,
#pagination-background1>ul>li>a,
#pagination-background2>ul>li>a {
	background-color: var(--pane-bg-color) !important;
	color: var(--pagination-background-ul-li-color) !important;
	padding: 0px 2px 2px 2px !important;
	font-size: 20px !important;
	text-decoration: none;
}

.statement-pagination>#pagination-background>ul>li>a,
.statement-pagination>#pagination-background1>ul>li>a,
.statement-pagination>#pagination-background2>ul>li>a {
	background-color: var(--cancelOrderTable-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	font-size: 16px !important;
	margin-top: 4px !important;
	padding: 0px 2px 2px 2px !important;
}

.statement-pagination>#pagination-background>ul.pagination {
	margin: 0px !important;
}

#pagination-background>ul>li.active>a,
#pagination-background1>ul>li.active>a,
#pagination-background2>ul>li.active>a {
	background-color: var(--pagination-background--ul-active-bg) !important;
	border: var(--indices-header-bg) !important;
	color: var(--pane-bg-color) !important;
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !important;
}

.report-dtps>cspl-dtp>div>span>button {
	border-color: var(--report-dtps-span-btn-brd) !important;
}

.report-dtps cspl-dtp .input-group .input-group-btn button {
	background-color: var(--input-group-btn-button-bg) !important;
	color: var(--order-entry-container-input-color) !important;
}

#day-background {
	background-color: var(--screen-top-bg) !important;
	color: white;
}

#export-import-background>div>div>button {
	background-color: var(--cancelOrderTable-bg);
}

#export-import-background>div>div>button>img {
	filter: brightness(0.5);
	border: 1px solid var(--order-entry-container-input-color);
}

#report-pagination>cspl-pagination>ul {
	margin: -2px !important;
}

.row-top {
	margin-top: 10px;
	width: 100%;
}

.breadcrumb {
	margin-left: 0px;
}

h1,
.h1,
h2,
.h3,
.h3 {
	margin-bottom: 17px !important;
}

#export-white-background>div>div>button {
	background-color: var(--order-entry-container-input-bg) !important;
	margin: 10px 0px 0px -30px !important;
}

#export-white-background>div>div>button>img {
	filter: brightness(0.5);
	border: 1px solid var(--order-entry-container-input-color);
}

.font-white {
	color: white !important;
}

#manage-report-equity-body>.selected {
	background: var(--outer-row-bg) !important;
	border: 1pt solid #f0cba6 !important;
	color: #ffc000 !important;
	font-weight: bold;
}

#manage-report-equity-body>.selected td {
	border: none !important;
}

#manage-report-mt-body>.selected td {
	border: none !important;
}

#manage-report-las-body>.selected td {
	border: none !important;
}

#manage-report-mt-body>.selected {
	background: var(--outer-row-bg) !important;
	border: 1pt solid #f0cba6 !important;
	color: #ffc000 !important;
	font-weight: bold;
}

#manage-report-las-body>.selected {
	background: var(--outer-row-bg) !important;
	border: 1pt solid #f0cba6 !important;
	color: #ffc000 !important;
	font-weight: bold;
}

.manage-report-equity thead tr th {
	border: none !important;
}

.manage-report-mt thead tr th {
	border: none !important;
}


.manage-report-las thead tr th {
	border: none !important;
}


.report-go {
	padding-left: 15px;
}

.padding-report {
	padding-right: 15px;
	padding-left: 15px;
}

/* Portfolio Valuation */

#portfolio>.table>thead>tr>th,
#portfolio>.table>thead>tr>td {
	border-color: #0e1c4e !important;
}

#portfolio>.table>tbody>tr>td {
	border-bottom: 1px solid var(--order-entry-container-input-bg);
}

.portfolio-card {

	border-radius: 5px;
	border: 1.7px solid #FFC000;
	margin-left: 15px;
	margin-right: 15px;
	background-color: var(--cancelOrderTable-bg);
	box-shadow: var(--snapshot-table-child-bg);
}


.networth-head {
	text-align: center;
	color: var(--networth-head-color);
	margin-top: 25px;
	margin-bottom: 0px;
	font-size: 9.5pt;
}

.portfolio {
	text-align: left;
	border: 1.6px solid #FFC000;
	background-color: var(--portfolio-bg);
	font-size: 13px;
	color: white;
	padding-left: 3px;
}

.networth-value {
	text-align: center;
	color: var(--networth-value-color);
	margin-top: 0px !important;
	font-size: 14pt;
}

.table-width {
	width: 50%;
}

.port-folio>tbody>tr:nth-child(even) {
	background-color: var(--port-folio-nth-even-bg) !important;
	border-top: 1px solid var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 9pt;
}

.port-folio>tbody>tr:nth-child(odd) {
	background-color: var(--manage-report-nth-odd-bg) !important;
	border-top: 1px solid var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 9pt;
}

.data-odd {
	background-color: var(--data-odd-bg) !important;
	color: var(--data-odd-color);
	border-top: 1px solid var(--data-odd-brd);
	padding: 8px 7px 8px 3px !important;
}

.data-even {
	background-color: var(--data-even-bg) !important;
	color: var(--data-odd-color);
	border-top: 1px solid var(--data-odd-brd);
	padding: 8px 7px 8px 3px !important;
}

.value-odd {
	background-color: var(--port-folio-nth-even-bg) !important;
	color: var(--report-tab-strip-li-label-color);
	border-top: 1px solid var(--data-odd-brd);
	padding: 8px 3px 8px 7px !important;
}

.value-even {
	background-color: var(--value-even-bg) !important;
	color: var(--report-tab-strip-li-label-color);
	border-top: 1px solid var(--data-odd-brd);
	padding: 8px 3px 8px 7px !important;
}

.port-folio>thead>tr>th,
.port-folio>thead>tr>td {
	padding: 4px 3px 4px 3px !important;
	background-color: var(--report-tab-strip-li-bg);
	color: var(--port-folio-thead-tr-th-color);
	font-size: 10.5pt;
}

.port-folio>tbody>tr>td {
	padding: 8px 3px 8px 3px !important;
}

.port-folio-value>tbody>tr td {
	font-size: 9.5pt;
	border-color: var(--order-entry-container-input-bg);
}

.align-right {
	text-align: right;
}

#port-go {
	background-color: var(--port-go-button-bg) !important;
	color: var(--loose-gain-table-first-child) !important;
	border: 1.5px solid #FFC000;
	margin-top: 1px !important;
	padding: 3px 11px;
	margin-bottom: 2px;

}

.text-color {
	color: #FFC000 !important;
	font-size: 9.5pt;
}

.row-seperate {
	border-right: 0.7px solid var(--indices-table-firstChild-brd);
}

.num-size {
	font-size: 14pt !important;
	margin-top: 0px !important;
	color: #f2f2f2;
}

#export-import>div>div>button {
	background-color: var(--pane-bg-color);

}

#export-import>div>div>button>img {
	filter: brightness(0.5);
	border: 1px solid var(--export-import-div-btn-image-brd) !important;
	color: var(--export-import-div-btn-image-brd) !important;

}

.table-port {
	padding: 5px 2px 5px 2px;
}

#portfolio>thead>tr>th,
#portfolio>thead>tr>td {
	border-color: #0e1c4e !important;

}

#portfolio-valuation>thead>tr>th,
#portfolio-valuation>thead>tr>td {
	border-color: var(--portfolio-bg) !important;
}

.port-folio>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}

.header-port {
	padding: 5px 0px 0px 0px !important;
	background-color: var(--screen-top-bg) !important;
}

.header-title {
	background-color: var(--cspl-dtp-input-grp-btn-bg) !important;
	margin-left: 0px;
	margin-right: 0px;
}

.modal-border {
	border-left: 5px solid var(--cspl-dtp-input-grp-btn-bg) !important;
	border-right: 5px solid var(--cspl-dtp-input-grp-btn-bg) !important;
	border-bottom: 5px solid var(--cspl-dtp-input-grp-btn-bg) !important;
	border-radius: 0px !important;
	border-top: 0px;
}

.chart-head {
	margin-bottom: 0px !important;
	color: var(--chart-head-color);
	margin-left: 10px;
	font-size: 13px;
}

.chart-value {
	background-color: var(--chart-value-bg);
	color: black;
	border-radius: 3px;
	padding: 0px 2px 0px 1px !important;
	font-size: 12px;
	margin-left: 10px;

}

.padding-export {
	padding-left: 43px;
}

.width-chart {
	width: 60px;
}

.port-ach {
	margin-top: 3px !important;
	padding-right: 15px;
}

#port-ach>div>div>div>input {
	border: 0.5 solid var(--port-ach-div-input-brd);
	border-style: none;
	/* height:30px; */
}

.chart-padding {
	padding-bottom: 5px !important;
}

.margin-bot {
	margin-bottom: 0px !important;
}

.margin-value {
	margin-right: 4px;
}

.margin-data {
	margin-bottom: -23px !important;
}

.tab-data {
	padding-right: 2px;
}

.tab-head-pad {
	padding-left: 2px;
}

.tab-profit {
	padding-right: 4px;
}

#ach-portfolio>div>div>div {
	border: 0.5 solid var(--port-ach-div-input-brd);
	border-radius: 6px;
	background-color: var(--order-entry-container-input-bg);
	color: var(--order-entry-container-input-color);
}

.port-folio>thead>tr>th,
.port-folio>thead>tr>td {
	border-color: var(--pane-bg-color) !important;
}

.chart-container {
	display: inline-flex !important;
	height: 200px !important;
	width: 200px !important;
	margin-top: -30px !important;
	margin-left: 50px !important;
}

/* Contract  */

#contract-notes-pagination>#pagination-background>ul {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.report-dtps cspl-dtp .input-group .input-group-btn button {
	background-color: var(--input-group-btn-button-bg) !important;
	color: var(--order-entry-container-input-color) !important;
}

.report-dtps>cspl-dtp>div>span>button {
	border-color: var(--report-dtps-div-btn-brd) !important;
}

#contract-notes-pagination>#pagination-background>ul>li>a {
	background-color: var(--order-entry-container-input-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	padding: 0px 2px 2px 2px !important;
	font-size: 20px !important;
}

#contract-notes-pagination>#pagination-background>ul>li.active>a {
	background-color: var(--screen-top-bg) !important;
	border: var(--screen-top-bg) !important;
	color: var(--order-entry-container-input-bg) !important;
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !important;
}

.padding-segment {
	padding-left: 25px;
}

.padding-go {
	padding-left: 20px;
}

.padding-segment-value {
	padding-left: 0px;
}

.export-padding {
	padding-left: 50px;
}

.segment-drop {
	color: var(--order-entry-container-input-color);
}

.contract-report>tbody>tr:nth-child(even) {
	background-color: var(--snapshot-table-lastChild-bg) !important;
}

.contract-report>tbody>tr:nth-child(odd) {
	background-color: var(--contract-report-tr-odd) !important;
}

.contract-report>tbody>tr td {
	padding: 10px 4px 10px 4px !important;
}

.contract-report>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}

.contract-report>thead>tr>th,
.contract-report>thead>tr>td {
	border-color: var(--portfolio-bg) !important;
}

.contract-go {
	padding-left: 30px;
}

.padding-contract {
	padding-right: 15px;
}

.padding-contract-label {
	padding-left: 15px;
}

.bot-segment {
	margin-bottom: 2px;
}

.bottom-label {
	margin-bottom: 2px;
	margin-top: 2px;
}

#contract-notes-pagination>#pagination-background>ul>li>a {
	font-size: 16px !important;
	margin-top: 4px !important;
	padding: 0px 2px 2px 2px !important;
	text-decoration: none !important;
}

#contract-notes-pagination>#pagination-background>ul>li.active>a {
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !important;
}

.title-padding {
	padding-left: 13px;
}

.contract-border {
	border: 1px solid var(--pagination-background--ul-active-bg);
	border-radius: 3px;
	margin-left: 0px;
	padding-left: 0px;
	width: 100%;
}

/* available funds */

.outer-row-af {
	background-color: var(--outer-row-bg);
	padding-top: 2px;
	border-radius: 3px;
}

.inner-row-af {
	border-radius: 3px;
	margin: 0px !important;
	background-color: var(--pane-bg-color);
	margin-top: 2px !important;
	border: 1pt solid var(--inner-row-brd);
}

.border-radius-ach>div>div>div>input {
	border-radius: 5px;
}

.table-odd-label {
	background-color: var(--snapshot-table-firstChild-bg) !important;
	font-size: 9.5pt !important;
}

.table-even-label {
	background-color: var(--snapshot-table-bg) !important;
	font-size: 9.5pt !important;
}

.table-odd-value {
	background-color: var(--port-folio-nth-even-bg) !important;
}

.table-even-value {
	background-color: var(--snapshot-table-child-bg) !important;
}

.font-10 {
	font-size: 10pt !important;
}

.font-10p5 {
	font-size: 10.5pt !important;
}


.available-funds>tbody>tr>td {
	border-left: 1px solid #626262 !important;
	border-bottom: 1px solid var(--pane-bg-color) !important;
	padding: 10px 8px 10px 8px !important;
	border-top: 1px solid var(--available-funds-tbody-brd);
}

#availableFunds>thead>.thead-background>th {
	background: var(--availableFunds-thead-bg-th-bgColor) !important;
	color: var(--table-layout-color) !important;
	font-weight: bold !important;
	border-left: 1px solid #626262 !important;
	border-bottom: 2pt solid #626262;
	padding: 6px !important;
}

#availableFunds>thead {
	border: 2px solid var(--availableFunds-thead-brd) !important;

}

.tablePadding {
	height: 1px !important;
}

.border-top {
	border: 1px solid #595959 !important;
}

#go-background {
	background: var(--port-go-button-bg) !important;
	color: var(--loose-gain-table-first-child) !important;
	border: 2px solid #ffc000 !important;
}

#go-background-af {
	background: var(--port-go-button-bg) !important;
	color: var(--loose-gain-table-first-child) !important;
	border: 2px solid #ffc000 !important;
	padding: 3px 6px 3px 6px;
	margin-top: 3px;
}

#af-table {
	background-color: var(--af-table-bg) !important;
	border: 1px #ffc000 !important;
}

#af-table>tbody>tr {
	background-color: var(--af-table-bg) !important;
	padding: 2px !important;
}

#af-table>tbody {
	border: 2px solid #ffc000 !important;
}

.margin-af {
	margin-top: 5px !important;
	margin-left: 10px !important;
}

.font-style-label {
	color: #bfbfbf;
	font-weight: bold !important;
	font-size: revert !important;
}

.font-style-value {
	color: #ffffff;
	font-weight: bold !important;
	font-size: 14pt !important;
}

.value-progress {
	width: 60px;
}

.button-border {
	border: 1px #ffc000 !important;
}

.marginBottom {
	margin-bottom: 10px !important;
}

.padding-head {
	margin-bottom: -10 px !important;
}

.progress {
	background-color: var(--progress-bg);
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset;
	height: 10px;
	margin-bottom: 2%;
	width: 40%;
	overflow: hidden;
}

.bar-G {
	background-color: #82ee68;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, .15) inset;
	border-radius: 4px;
	color: #fff;
	float: left;
	height: 10px;
	width: 30px;
	position: relative;
	text-align: left;
}

.bar-G>.percent {
	font-size: .9rem;
	left: 8px;
	position: absolute;
	top: 3px;
}

.bar-A {
	background-color: #ffBf00;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, .15) inset;
	border-radius: 4px;
	color: #fff;
	float: left;
	height: 10px;
	width: 30px;
	position: relative;
	text-align: left;
}

.bar-A>.percent {
	font-size: .9rem;
	left: 8px;
	position: absolute;
	top: 3px;
}

.bar-R {
	background-color: red;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, .15) inset;

	color: #fff;
	float: left;
	height: 10px;
	width: 30px;
	position: relative;
	text-align: left;
	border-radius: 4px;
}

.bar-R>.percent {
	font-size: .9rem;
	left: 8px;
	position: absolute;
	top: 3px;
}

#availableFunds>thead>.thead-bg>th {
	background: var(--availableFunds-thead-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	font-weight: bold !important;
	border: 1px solid #626262 !important;
	padding: 6px !important;
}

#availableFunds>thead>.thead-value-bg>th {
	background: var(--availableFunds-thead-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	font-weight: bold !important;
	border: 1px solid #626262 !important;
	/* padding: 0px 6px !important; */
}

.table-label-font-color {
	color: var(--export-import-div-btn-image-brd);
}

.zero-margin-left {
	margin-left: 0px !important;
}

.font-style-symbol {
	color: #ffffff;
	font-size: 10pt !important;
}

#availableFunds tbody>tr:hover {
	color: var(--availableFunds-tbody-hover-color) !important;
}

/*stock-holding*/

.white-background {
	background-color: var(--pane-bg-color);
}

#stock-holding-pagination>cspl-pagination>ul {
	margin: -2px !important;
}

#stock-holding-pagination>cspl-pagination>ul>li>a {
	background-color: var(--pane-bg-color) !important;
}

.stock-holding-report-dtps cspl-dtp .input-group .input-group-btn button {
	background-color: var(--pane-bg-color) !important;
	color: var(--table-layout-color) !important;
}

.stock-holding-report-dtps>cspl-dtp>div>span>button {
	border-color: #494d55 !important;
}

#export-import-stockHolding>div>div>button {
	background-color: var(--pane-bg-color);
}

#export-import-stockHolding>div>div>button>img {
	filter: brightness(0.5);
	border: 1px solid black;
}

#stock-holding-report {
	margin-right: 15px;
}

#stock-holding-report>tbody>tr:hover {
	color: var(--availableFunds-tbody-hover-color) !important;
}

.stock-holding-report>tbody>tr:nth-child(even) {
	background-color: var(--gray-back-bg) !important;
}

.stock-holding-report>tbody>tr:nth-child(odd) {
	background-color: var(--manage-report-nth-odd-bg) !important;
}

.stock-holding-report>tbody>tr td {
	padding: 10px 12px !important;
}

/* Intraday Position Report */

#intraday-position-pagination>#pagination-background>ul {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/*
#intraday-position-pagination > #pagination-background > ul > li > a {
    background-color: white !important; 
    color: black !important;
     padding:0px 2px 2px 2px !important;  
 font-size:20px !important;
}

#intraday-position-pagination > #pagination-background > ul > li.active > a {
	background-color:#0E1C4E !important;
	border:#0E1C4E !important;
	color:white !important;
	 padding:0px 6px 0px 4px !important;
 font-size:13px !important;  
 margin-top:7px !important;
} */
.go-intraday {
	padding-left: 30px;
}

.client-intraday {
	padding-right: 10px;
	padding-top: 7px !important;
}

.intraday-page {
	padding-top: 0px !important;
}

.align-left {
	text-align: left;
}

#intraday-position-pagination>#pagination-background>ul>li>a {
	background-color: var(--order-entry-container-input-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	padding: 0px 2px 2px 2px !important;
	font-size: 20px !important;
}

#intraday-position-pagination>#pagination-background>ul>li.active>a {
	background-color: var(--screen-top-bg) !important;
	border: var(--screen-top-bg) !important;
	color: var(--order-entry-container-input-bg) !important;
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !important;
}

.intraday-report>tbody>tr:nth-child(even) {
	background-color: var(--port-folio-nth-even-bg) !important;
}

.intraday-report>tbody>tr:nth-child(odd) {
	background-color: var(--contract-report-tr-odd) !important;
}

.intraday-report>tbody>tr td {
	padding: 10px 1px 10px 1px !important;
}

.intraday-report>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}

.intra-border {
	border: 1px solid var(--pagination-background--ul-active-bg);
	border-radius: 3px;
}

.intraday-report>thead>tr>th,
.intraday-report>thead>tr>td {
	border-color: var(--portfolio-bg) !important;
}

/*order history*/

.thead-order-history {
	padding: 10px !important;
	background: var(--thead-order-history-bgColor) !important;
	font-weight: bold !important;
	color: white !important;
}

.close-icon-drop-down-hide>div>div>div>span>img {
	display: none !important;
}

.order-history-fixed-row {
	background-color: var(--order-history-fixed-row-bg);
	width: 1608px;
}

#export-import-order-history>div>div>button {
	background-color: var(--pane-bg-color);
}

#export-import-order-history>div>div>button>img {
	filter: brightness(0.5);
	border: 1px solid black;
}

#orderHistory-table {
	margin-right: 15px;
}

#order-history-pagination>cspl-pagination>ul {
	margin: -2px !important;
}

#order-history-pagination>cspl-pagination>ul>li>a {
	background-color: var(--pane-bg-color) !important;
}

.table-pad-20 {
	padding: 1px 20px 1px 20px;
}

#orderHistory-table>tbody>tr:hover {
	color: var(--availableFunds-tbody-hover-color) !important;
}

#orderHistory-table>tbody>tr:nth-child(even) {
	background-color: var(--gray-back-bg) !important;
}

#orderHistory-table>tbody>tr:nth-child(odd) {
	background-color: var(--manage-report-nth-odd-bg) !important;
}


/* ach */
#OrderHistoryCollapse>div:nth-child(2)>div:nth-child(2)>cspl-ach.offset-md-1.col-md-3.ng-untouched.ng-valid.ng-isolate-scope.ng-valid-required.ng-dirty.ng-valid-parse.ng-not-empty>div>div>div>input {
	text-transform: none;
}


/* order history pdf */

#export-import-order-history>div>ul>li:nth-child(3) {
	display: none;
}

/* fund transfer*/
.border-module {
	border: 1px solid #404040 !important;
}

.yellow-Border {
	border: 1.5pt solid #ffc000 !important;
}

.progress-ft {
	background-color: #404040;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .15) inset;
	height: 10px;
	width: 83%;
	overflow: hidden;
}

.gray-Border {
	border: 1.5pt solid #404040 !important;
}

.dep-with-button {
	border: 1.5pt solid #404040;
	color: var(--dep-with-button-color);
	background-color: var(--dep-with-button-bg);
	font: 10.5pt;
	text-align: center;
}

.cspl-text-withdraw>div>input {
	height: 23px;
	width: 150px;
	margin-top: 3px;
}

.cspl-dropDown-withdraw {
	width: 150px;
	margin-left: -2px;
}

.cspl-dropDown-withdraw>div>div>div>input {
	height: 23px;
}

.remark>input {
	height: 23px;
	margin-top: 3px;
	width: 346px;
}

.fundTransfer-label {
	color: var(--loose-gain-table-color);
	font-size: 10pt;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.fundTransfer-value {
	color: var(--report-tab-strip-li-label-color);
	font-size: 10pt;
	padding-right: 23px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.fund-transfer-limit {
	color: var(--left-status-color);
	font-size: 8pt;
	font-style: italic;
}

.history-link {
	background-color: var(--history-link-bg);
	font-size: 9.5pt;
	color: var(--history-link-color);
	margin-top: 10px;
	width: 27%;
	text-decoration: underline;
}

.blue-font-value {
	color: var(--blue-font-value-color);
	font-size: 10pt;
	padding-right: 23px;
	text-decoration: underline;
}

.highlight-fundTransfer-label {
	color: var(--loose-gain-table-color);
	font-size: 10pt;
	padding-right: 2px;

}

.highlight-color {
	color: var(--highlight-color);
	font-size: 10pt;
	padding-right: 20px;
}

.data-portion {
	background: var(--data-portion-bg);
	padding-top: 6px;
	margin-top: 4px;
}

.data-portion-head {
	background: var(--data-portion-head-bg);
}

.data-Head-mt-label {
	color: var(--footer-section-color);
	font-size: 9.5pt;

}

.data-Head-mt-label-value {
	color: var(--highlight-color);
	font-size: 9.5pt;

}

.data-Head-mt-label-darkBlue {
	color: var(--data-Head-mt-label-darkBlue-color);
	font-size: 9.5pt;

}

.data-Head-value {
	color: var(--report-tab-strip-li-label-color);
	font-size: 14pt;
	padding-left: 2px;
}

.data-Head-symbol {
	font-size: 10pt;
	color: var(--data-Head-symbol-color);
	padding-left: 2px;
}

.margin-header {
	margin-left: 8px;
	margin-right: 10px;
}

.btn-withdraw,
.btn-withdraw:hover {
	background-color: var(--server-component-login-enabled-bg) !important;
	color: var(--btn-primary-color) !important;
	border: 1.5pt solid #FFC000 !important;
	border-radius: 4px !important;
	font-size: 9pt !important;
	padding: 3px 15px !important;

}



.modal-xlg {
	width: 690px;
	border: 1.5pt solid var(--modal-xm-brd);
}

.available-border-mt {
	padding: 12px 2px 0px 2px;
	border: 1.5pt solid #FFC000;
	background-color: var(--available-border-mt-bg);
}

/*-------------------*/
/* Fund Transfer */

/* Fund Transfer */

.available-border-client {
	padding: 5px;
	border: 1.5pt solid #FFC000;
	background-color: var(--af-table-bg);
}

.available-border {
	padding: 13px 20px 13px 20px;
	border: 1.5pt solid #FFC000;
	background-color: var(--af-table-bg);
}

.dep-with-border {
	padding: 10px 20px 10px 20px;
	border: 2px solid #404040;
}

.padding-deposit {
	padding: 3px 10px 10px 10px;
}

.available-padding {
	padding: 7px 27px 0px 27px;
}


.deposit-padding {
	padding-right: 5px;
}

.withdraw-padding {
	padding-left: 5px;
}

.dep-with-button-active {
	border: 1.5pt solid var(--networth-head-color);
	/* color: var(--scrip-icon-color); */
	color: var(--networth-head-color);
	background-color: var(--dep-with-button-active-bg);
	font-size: 10.5pt;
	text-align: center;
}

.dep-with-button-active:after {
	content: " ";
	position: absolute;
	/* margin-left: 100px !important; */
	margin-top: 40px;
	/*  left: calc(48.5% - 1px); */
	border-top: 8px solid var(--networth-head-color);
	border-right: 11px solid transparent;
	border-left: 11px solid transparent;
	border-bottom: none;
}



.deposit-button {
	background-color: var(--server-component-login-enabled-bg);
	color: var(--btn-primary-color);
	border: 1.5pt solid #FFC000;
	border-radius: 4px;
	font-size: 9pt;
	padding: 3px 15px;
}

.available-data {
	font-size: 10pt;
	color: var(--available-data-color);
}

.available-value {
	font-size: 14pt;
	color: var(--available-value-txt-clr);
	padding-left: 5px;
}

.kes-data {
	font-size: 10pt;
	color: var(--available-value-txt-clr);
	padding: 2px;
}

.steps-color {
	background-color: var(--steps-color-bg);
	padding: 7px;
	font-size: 10.5pt;
	color: var(--table-layout-color);

}

.view-deposit-history {
	background-color: var(--history-link-bg);
	font-size: 9.5pt;
	color: var(--history-link-color);
	padding: 2px 7px 8px 7px;
	text-decoration: underline;
	text-decoration-color: #008ffa;
}

.margin-lipa {
	margin-top: 14px;
}

.label-lipa {
	font-size: 10pt;
	color: var(--loose-gain-table-color);
	padding-right: 15px;
}

.label-lipa-margin {
	margin-top: 6px;
}

#fund-ach-cds>div>div>div>input {
	border-radius: 6px;
	background-color: var(--fund-ach-cds-input-bg);
	border: 0.5pt solid var(--fund-ach-cds-input-brd);
	font-size: 10pt;
	color: var(--fund-ach-cds-input-color);
	height: 28px;
	margin-bottom: 10px;
}

#fund-ach-cds>div>div>span>a {
	font-size: 7px;
}

#fund-numeric>div>input {
	background-color: var(--pane-bg-color);
	border: 0.5pt solid var(--port-ach-div-input-brd);
	font-size: 10pt;
	color: var(--fund-numeric-color);
	height: 28px;
	border-radius: 6px;
}

#fund-text>input {
	background-color: var(--pane-bg-color);
	border-radius: 6px;
	border: 0.5pt solid var(--port-ach-div-input-brd);
	font-size: 10pt;
	color: var(--fund-numeric-color);
	height: 28px;
}

#fund-text-code>input {
	background-color: var(--fund-ach-cds-input-bg);
	border-radius: 6px;
	border: 0.5pt solid var(--fund-ach-cds-input-brd);
	font-size: 10pt;
	color: var(--fund-ach-cds-input-color);
	height: 28px;
}

.phone-code {
	border-radius: 4px;
	background-color: var(--fund-ach-cds-input-bg);
	border: 0.5pt solid var(--fund-ach-cds-input-brd);
	font-size: 10pt;
	color: var(--fund-ach-cds-input-color);
	padding: 2px 11px 3px 5px;
}

.hypen-fund {
	font-size: 10pt;
	color: var(--hypen-fund-color);
	padding-left: 2px;
}

.kes-text {
	margin-top: 5px;
	padding-left: 6px;
	font-size: 9pt;
	color: var(--left-status-color);
}

.deposit-bank-transfer {
	text-align: center;
	padding-left: 43px;
	padding-top: 14px;
	padding-bottom: 13px;
	font-style: italic;
	font-size: 10pt;
	color: var(--deposit-bank-transfer-color);
}

.cdsc-deposit {
	font-size: 10pt;
	color: var(--networth-value-color);
	font-style: italic;
	font-weight: bold;
}

.deposit-bank-padding {
	padding: 5px;
	font-size: 9pt;
	color: var(--report-tab-strip-li-label-color);
	padding-left: 10px;
}

.deposit-even {
	background-color: var(--business-rule-container-label-bg);
	padding: 5px;
	font-size: 9.5pt;
	color: var(--deposit-even-color);
}

.deposit-odd {
	background-color: var(--deposit-odd-bg);
	padding: 5px;
	font-size: 9.5pt;
	color: var(--deposit-even-color);
}

.cheque-head {
	margin-bottom: 0px;
	margin-top: 12px;
	font-style: italic;
	font-size: 10pt;
	color: var(--deposit-bank-transfer-color);
}

.cheque-data {
	font-style: italic;
	font-size: 11pt;
	color: var(--networth-value-color);
}

#deposit-history-pagination>#pagination-background>ul {
	margin-top: 0px;
}

#deposit-history-pagination>#pagination-background>ul>li>a {
	background-color: var(--order-entry-container-input-bg) !important;
}

#deposit-history-pagination>#pagination-background>ul>li.active>a {
	background-color: var(--screen-top-bg) !important;
	border: var(--screen-top-bg) !important;
	color: var(--order-entry-container-input-bg) !important;
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !important;
}

#fund-pagination-background>ul {
	margin-top: 0px;
}

#fund-pagination-background>ul>li>a {
	background-color: var(--order-entry-container-input-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	padding: 0px 2px 2px 2px !important;
	font-size: 20px !important;
}


.deposit-history>tbody>tr:nth-child(even) {
	background-color: var(--port-folio-nth-even-bg) !important;
	border-top: 1px solid var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 9pt;
}

.deposit-history>tbody>tr:nth-child(odd) {
	background-color: var(--contract-report-tr-odd) !important;
	border-top: 1px solid var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 9pt;
}

.deposit-history>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}


.deposit-history>tbody>tr>td {
	padding: 8px 3px 8px 3px !important;
}

.deposit-history>thead>tr>th,
.deposit-history>thead>tr>td {
	padding: 4px 3px 4px 3px !important;
	background-color: var(--report-tab-strip-li-bg);
	color: var(--port-folio-thead-tr-th-color);
	font-size: 10.5pt;
}

.deposit-history>thead>tr>th,
.deposit-history>thead>tr>td {
	border-color: var(--pane-bg-color) !important;
}

.date-deposit {
	padding-right: 10px;
	padding-top: 7px !important;
}

.deposit-page {
	padding-top: 0px !important;
}

#deposit-history-pagination>#fund-pagination-background>ul {
	margin-top: 0px !important;
}

/* .deposit-dtps>div>span>button {
	border-radius: 6px;
	background-color: #0b0b0b;
	border: 1pt solid #595959;
	color: #f2f2f2;
	font-size: 10pt;

} */

#search-deposit>input {
	border-radius: 5px;
	height: 30px;
}

#phoneNumberInput {
	width: 91px;
	height: 29px;
	border: 0.5pt solid var(--port-ach-div-input-brd);
	border-radius: 6px;
	background-color: var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 10pt;
}

#deposit-amount-input,
.dropdown-fund-transfer,
#deposit-amount-input1 {
	width: 158px;
	height: 29px;
	border: 0.5pt solid var(--port-ach-div-input-brd);
	border-radius: 6px;
	background-color: var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 10pt;
}

.dropdown-fund-transfer option {
	background-color: var(--pane-bg-color);
	color: var(--table-layout-color);
}

.deposit-history-client {
	padding-left: 15px;
	padding-top: 9px;
}

#deposit-history-clientcode>div>div>div>input {
	height: 33px;
}

#deposit-history-clientcode>div>div>div>span {
	height: 33px;
}

#fund-cds-text>input {
	height: 30px;
	border-radius: 6px;
}


#withdrawAmount>div>input {
	background-color: var(--pane-bg-color);
	border: 0.5pt solid var(--port-ach-div-input-brd);
	font-size: 10pt;
	color: var(--fund-numeric-color);
	height: 28px;
	border-radius: 6px;
}

#paymentMode>div>div>div>input {
	background-color: var(--pane-bg-color);
	border: 0.5pt solid var(--port-ach-div-input-brd);
	font-size: 10pt;
	color: var(--fund-numeric-color);
	height: 28px;
	border-radius: 6px;
}

#remarks>input {
	background-color: var(--pane-bg-color);
	border: 0.5pt solid var(--port-ach-div-input-brd);
	font-size: 10pt;
	color: var(--fund-numeric-color);
	height: 28px;
	border-radius: 6px;
}

/*  withdraw  */

.withdraw-amount {
	padding: 11px;
	border: 1.5pt solid #ffc000;
	background-color: var(--af-table-bg);
	text-align: center;
}

.withdraw-available-data {
	font-size: 10pt;
	color: var(--available-data-color);
	padding-top: 5px;
	padding-bottom: 5px;
}

.withdraw-available-value {
	font-size: 14pt;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.withdraw-kes-data {
	font-size: 10pt;
	color: #ffffff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.withdraw-table-data {
	font-size: 10pt;
	color: var(--loose-gain-table-color);

}

.withdraw-table-value {
	font-size: 10pt;
	color: var(--networth-value-color);

}

.verification-table {
	background-color: var(--verification-table-bg);
}


.withdraw-cancel-button {
	background-color: var(--withdraw-cancel-button-bg);
	border: 1.5pt solid var(--business-container-brd);
	color: var(--loose-gain-table-color);
	font-size: 9pt;
	border-radius: 4px;
	padding: 4px;
}

.withdraw-payment-button {
	background-color: var(--server-component-login-enabled-bg);
	border: 1.5pt solid #ffc000;
	color: var(--btn-primary-color);
	font-size: 9pt;
	border-radius: 4px;
	padding: 4px;
}

.note {
	font-size: 9.5pt;
	font-style: italic;
	color: var(--note-color);
}

.clientCode-ft>cspl-ach>div>div>div>input {
	height: 28px;
}

.clientCode-ft>cspl-ach>div>div>div>span {
	height: 28px;
}

.table-width {
	width: 50%;
}

.collateral-total {
	background-color: var(--collateral-total-bg);
	border: 1pt solid var(--report-tab-strip-li-active-color);
}

.collateral-total-data {
	font-size: 10.5pt;
	color: var(--table-layout-color);
	padding: 8px 3px 8px 3px !important;
}

.collateral-total-value {
	font-size: 11pt;
	color: var(--table-layout-color);
	padding: 8px 3px 8px 3px !important;
}

.foot-border {
	border-top: 2.1pt solid var(--report-tab-strip-li-active-color);
}

#btnFundTransfer:disabled {
	background-color: var(--btnFundTransfer-bg);
	color: var(--loose-gain-table-first-child);
}

#btnFundTransfer1:disabled {
	background-color: var(--btnFundTransfer-bg) !important;
	color: var(--loose-gain-table-first-child) !important;
	opacity: initial !important;
}


/*referral module*/

/* .referral-credit-box {
	background-color: #0E1C4E;
	border: 1.5pt solid #FFC000;
	width: 255px;
	border-radius: 5px;
	padding: 10px 5px 5px 5px;
	margin-left: 130px;
} */

.refer-label {
	font-size: 13pt;
	color: var(--table-layout-color);
}

.refer-label-2 {
	font-size: 10pt;
	color: var(--refer-label-2-color);
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 5px;
	padding-left: 5px;

}

.YourReferralCode-label {
	font-size: 11pt;
	color: var(--YourReferralCode-label-color);
	margin-top: 7px;
	width: 65%;
}

.YourReferralCode-code {
	font-size: 17pt;
	color: var(--scrip-icon-color);
	padding-left: 5px;
}

.referral-Code-box {
	background-color: var(--referral-Code-box-bg);
	border: 1.5pt dashed #7F7F7F;
	border-radius: 5px;
	width: 230px;
	padding: 3px 5px 3px 5px;
}

.copylink {
	background-color: var(--history-link-bg);
	border: 1pt solid var(--history-link-bg);
	border-radius: 1px;
	color: var(--history-link-color);
	font-size: 11pt;
	width: 80px;
	text-decoration: underline;
}

.separator {
	border-bottom: 0.5pt solid var(--separator-brd);
}

.image-text {
	display: flex;
	align-items: center;
}

.image-text__image {
	flex: 1 1 auto;
	padding: 1em;
}

.image-text__image img {
	display: block;
}

.image-text__text {
	flex: 1 1 auto;
	font-size: 11pt;
	color: var(--btn-secondary-color);

}

.note-refferal {
	background-color: var(--note-refferal-bg);
	color: var(--note-refferal-color);
	font-size: 9.5pt;
	font-style: italic;
}

.details-textbox>input {
	height: 35px;
	margin-top: 3px;
	width: 265px;
	border-radius: 5px;
}

#addReceipientContainer>cspl-radio-button>div>label.btn.btn-primary.active {
	background-color: #00ff00;
	font-size: 10.5pt;
	color: var(--addReceipientContainer-color);
	padding-top: 1px;
	padding-bottom: 1px;

}

#addReceipientContainer>cspl-radio-button>div>label.btn.btn-primary {
	background-color: var(--business-rule-container-label-bg);
	font-size: 10.5pt;
	color: var(--addReceipientContainer-primary-color);
	padding-top: 1px;
	padding-bottom: 1px;
}

.referral-cancel-button {
	/* background-color: var(--loose-gain-table-color); */
	border: 1.5px solid var(--indices-table-firstChild-brd);
	color: var(--loose-gain-table-color);
	font-size: 9pt;
	border-radius: 6px;
	padding: 4px 11px 4px 11px;
}

.send-link-button {
	background-color: var(--server-component-login-enabled-bg);
	border: 1.5px solid #ffc000;
	color: var(--btn-primary-color);
	font-size: 9pt;
	border-radius: 6px;
	padding: 4px 11px 4px 11px;
	margin-left: 10px;
}

#address-book1 input[type="number"],
#address-book1 input[type="text"] {
	border: 0.5pt solid #595959;
	border-radius: 5px;
	height: 35px;
	width: 265px;
}

#address-book2 input[type="number"],
#address-book2 input[type="text"] {
	border: 0.5pt solid #595959;
	border-radius: 5px;
	height: 35px;
	width: 200px;
	margin-left: 10px;
}

#countryCode input[type="number"],
#countryCode input[type="text"] {
	border: 0.5pt solid #aeaeae;
	border-radius: 5px;
	height: 35px;
	width: 50px;
	color: #7f7f7f;
	background-color: var(--fund-ach-cds-input-bg);
	font-size: 10pt;
	text-align: center;
}

.referal-radiobutton-mt {
	margin-top: 5px;
}

.error-msg {
	color: #e86a6a;
	font-size: 8pt;
	font-style: italic;
}

#referalBoxTable {

	margin-bottom: 0px !important;
	border: 1pt solid var(--referalBoxTable-brd);

}

#referalBoxTable>tbody>tr {

	padding: 2px !important;
}

#referalBoxTable>tbody>tr>.YourReferralCredit-label {
	font-size: 11pt;
	color: var(--referalBoxTable-YourReferralCredit-color);
	padding-top: 15px;
	padding-bottom: 7px;
	padding-left: 10px;
}

#referalBoxTable>tbody>tr>.YourReferralCredit-value {
	font-size: 22pt;
	color: var(--referalBoxTable-YourReferralCredit-value-color);
	padding-top: 5px;
	padding-bottom: 7px;

}

#referalBoxTable>tbody>tr>.YourReferralCredit-symbol {
	font-size: 12pt;
	color: var(--referalBoxTable-YourReferralCredit-value-color);
	padding-top: 15px;
}

.referalTableDiv {
	border: 1.5pt solid var(--referalTableDiv-brd) !important;
	border-radius: 5px;
	background-color: var(--referalBoxTable-brd) !important;
	width: 270px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px !important;
}

#copy-text a:hover {
	color: var(--history-link-color) !important;
}


/*new trading account*/
.mb-7 {
	margin-bottom: 7px;
}

.tradingAccTextBox {
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--order-entry-container-input-color);
	width: 100%;

}

.ReferraltradingAcc {
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--order-entry-container-input-color);
	width: 102%;
	border: 1.3pt solid var(--business-rule-container-label-brd);

}

.tradingAccLabel {
	width: 30%;
	padding-right: 10px;
	font-family: segoe ui semibold;
	font-size: 11pt;
	color: var(--order-entry-radio-btn-color);
	margin-top: 5px;
}

.tradingAcc-dtps cspl-dtp .input-group .input-group-btn button {
	background-color: var(--cancelOrderTable-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	height: 32px !important;
	border-radius: 0px 5px 5px 0px;
}

.tradingAcc-dtps>cspl-dtp>div>span>button {
	border-color: var(--report-dtps-div-btn-brd) !important;
}

.tradingAcc-dtps>cspl-dtp>div>input {
	border-radius: 5px 0px 0px 5px;
	height: 32px;
}

.inner-row-tradingAcc {
	border-radius: 3px;
	margin: 0px !important;
	background-color: var(--order-entry-container-input-bg);
	margin-top: 2px !important;
	border: 1.3pt solid var(--order-entry-container-input-color);
}

.black-bg-tradingAc {
	background-color: var(--order-entry-container-input-color) !important;
}

.tradingAcc {
	margin: 0px;
}

.tradingAccWidth {
	width: 8%;
}

/* New Trading Account */

#tradingAccContainer {
	width: fit-content !important;
}

#tradingAccContainer>cspl-radio-button>div {
	height: 32px;
}

#tradingAccContainer>cspl-radio-button>.btn-group {
	padding: 0px !important;
}

#tradingAccContainer>cspl-radio-button>div>label.btn.btn-primary.active {
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--order-entry-container-input-bg);

	/* background-color: var(--BusinessRuleContainer-radio-btn-bg); */
	background-color: #005996;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 32px;

}

#tradingAccContainer>cspl-radio-button>div>label.btn.btn-primary {
	background-color: var(--cancelOrderTable-bg);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);
	padding-top: 4px;
	padding-bottom: 4px;
	height: 32px;
}

.btn-continue1,
.btn-continue1:hover {
	background-color: var(--BusinessRuleContainer-radio-btn-bg);
	color: var(--order-entry-container-input-bg);
	border: 1.3pt solid var(--BusinessRuleContainer-radio-btn-bg);
	border-radius: 4px;
	font-size: 10pt;
	font-family: segoe ui semibold;
	padding: 3px 15px;

}

#btn-continue1:disabled {
	background-color: var(--btn-continue1-disabled-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	border: 1.3pt solid var(--btn-continue1-disabled-bg) !important;
}

.note-tradingAcc {
	background-color: var(--note-tradingAcc-bg);
	font-size: 9.5pt;
	font-family: segoe ui semibold;
	color: var(--note-tradingAcc-color);
	padding: 3px 10px;
	text-decoration: underline;
	font-style: italic;
}

#firstNameTrading>div>div>div>input {
	background-color: var(--order-entry-container-input-bg);
	border: 1.3pt solid var(--modal-xm-brd);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--order-entry-container-input-color);
	height: 32px;
	border-radius: 6px;
}

.dropdown-firstName option {
	background-color: var(--order-entry-container-input-bg);
	color: var(--order-entry-container-input-color);
}

.dropdown-firstName {
	width: 120%;
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	color: var(--order-entry-container-input-color);
	font-size: 10pt;
	font-family: segoe ui semibold;

}

.firstNameTextBox {
	width: 98%;
	margin-left: 15px;
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);

}

.otherNameTextBox {
	width: 102%;
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	border: 1.3pt solid var(--business-rule-container-label-brd);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);
}

.dateBox {
	width: 25%;
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	font-size: 10pt;
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);

}

.surnameTextBox {
	width: 102%;
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	font-size: 10pt;
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);

}

.widthTextBox>input {
	width: 102%
}

.checkbox-tradingAcc {
	width: 20px;
	height: 20px;
	margin-top: 4px;
}

#newTradingAccFormID input[required].ng-valid,
textarea[required].ng-valid,
select[required].ng-valid,
cspl-multiple-autocomplete[aria-required].ng-valid,
cspl-multiple-autocomplete[aria-required].ng-valid .multiple-autocomplete-container,
cspl-multiple-autocomplete[aria-required].ng-valid .transparent-control,
.validInput {
	border-color: var(--newTradingAccFormID-ng-valid-brd);
	background-color: var(--order-entry-container-input-bg);
	border-radius: 4px;
	border-top: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
	border-bottom: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
	border-right: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
}

#newTradingAccFormID .input-group-addon {
	border: 1.3pt solid var(--newTradingAccFormID-input-group-addon-brd);
	border-radius: 4px;
}

#newTradingAccFormID input[required].ng-invalid,
textarea[required].ng-invalid,
select[required].ng-invalid,
cspl-multiple-autocomplete[aria-required].ng-invalid,
cspl-multiple-autocomplete[aria-required].ng-invalid .multiple-autocomplete-container,
cspl-multiple-autocomplete[aria-required].ng-invalid .transparent-control {
	border-color: var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	background-color: var(--order-entry-container-input-bg) !important;
	border-radius: 4px;
	border-top: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-bottom: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-right: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
}

#newTradingAccFormID input.form-control:focus,
textarea.form-control:focus,
button.form-control:focus,
.multiple-autocomplete-container:focus-within,
cspl-multiple-autocomplete.multiselect-btn-group .form-control:focus,
cspl-multi-select[aria-required].ng-invalid .form-control:focus,
cspl-multi-select[aria-required].ng-valid .form-control:focus {
	border-color: var(--business-rule-container-label-brd);
	background-color: var(--newTradingAccFormID-multiselect-btn-group-bg);
}


/*terms*/

.center-img-terms {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 20%;
}

.generalTerms {
	padding: 3px 15px;
	width: 81%;
	color: var(--note-tradingAcc-color);
	font-size: 11pt;
	font-family: segoe ui semibold;
	/* background-color: var(--generalTerms-bg); */
	background-color: #DBEEF4;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.inner-row-terms {
	margin: 0px !important;
	background-color: var(--order-entry-container-input-bg);
	margin-top: 2px !important;
	padding-right: 10px;
	padding-left: 10px;
	overflow-y: auto;
	overflow-x: hidden !important;
	height: 620px;
}

#content-container .inner-row-terms {
	margin: 0px !important;
	background-color: var(--content-container-inner-row-terms-bg) !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
	height: 154px !important;
}

.definition {
	background-color: var(--note-tradingAcc-bg);
	font-size: 9.5pt;
	font-family: segoe ui semibold;
	color: var(--note-tradingAcc-color);
	padding: 3px 10px;
	margin-right: 14px !important;
	text-decoration: underline;
	margin-top: 10px;
	margin-bottom: 7px;
	font-style: italic;
}

.passage {
	margin-bottom: 7px !important;
	font-size: 12pt !important;
	color: var(--passageBond-color) !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	font-family: Calibri !important;
	text-align: justify;
	padding-right: 30px;
}

.termHead {
	display: block;
	height: 50px;
	margin-bottom: -10px !important;
	padding-top: 10px;
	font-size: 16pt;
	font-family: segoe ui semibold;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.btn-back {
	background-color: var(--BusinessRuleContainer-radio-btn-bg);
	color: var(--order-entry-container-input-bg);
	border: 1.5pt solid var(--BusinessRuleContainer-radio-btn-bg);
	border-radius: 4px;
	font-size: 10pt;
	font-family: segoe ui semibold;
	padding: 3px 15px;
	margin: auto;
	display: block;
}

#btn-back {
	background-color: #2a7ab8 !important;
	border: 1.5pt solid #2a7ab8 !important;
}

#btn-back:disabled {
	background-color: var(--btn-continue1-disabled-bg) !important;
	color: var(--order-entry-container-input-color);
}

#referralCode:disabled {
	background-color: var(--referralCode-disabled-bg);
	color: var(--business-rule-container-label-brd);
}

.newTradeHeading {
	display: block;
	height: 70px;
	margin-bottom: -10px !important;
	padding-top: 10px;
	font-size: 16pt;
	font-family: segoe ui semibold;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* Auto Account Opening */


#genderDropDown>div>label {
	padding-left: 4px;
	padding-right: 4px;
	font-size: 10pt;
}

#dividentdropID>div>label {
	font-size: 10pt;
}

.newTradeHead {
	margin-top: 16px;
	font-size: 14pt;
}

.accountHolderDocument {
	color: var(--note-tradingAcc-color);
	padding: 5px;
	/* background-color: var(--generalTerms-bg); */
	background-color: #DBEEF4;
	font-style: italic;
	margin-top: 7px;
	margin-left: 7px;
	font-size: 11pt;
	width: 27%;
	text-align: center;
}

.paymentOnlineHead {
	color: var(--note-tradingAcc-color);
	padding: 5px;
	/* background-color: var(--generalTerms-bg); */
	background-color: #DBEEF4;
	font-style: italic;
	margin-top: 7px;
	margin-left: 7px;
	text-align: center;
	margin-bottom: 10px;
	font-size: 11pt;
}

.documentUpload {
	color: var(--note-tradingAcc-color);
	/* background-color: var(--generalTerms-bg); */
	background-color: #DBEEF4;
	font-style: italic;
	margin-top: 7px;
	margin-bottom: 15px;
	margin-left: 10px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11pt;
}

.label-client {
	padding-left: 23px;
	color: var(--order-entry-container-input-color);
	margin-top: 4px;
}

.clientSuffixDrop #txtclientSuffix>div>div>div>input {
	/* border-radius:5px; */
	height: 32px;

}

.clientSuffixDrop #txtclientSuffix>div>div>span>i {
	color: var(--order-entry-container-input-color);
}

.label-auto-account {
	color: var(--order-entry-container-input-color);
	margin-top: 4px;
	text-align: right;
}

.label-auto-padding {
	padding-right: 7px;
}

.addressOneAuto {
	color: var(--order-entry-container-input-color);
	width: 100%;
	height: 33px;
	margin-bottom: 6px;
	border-radius: 5px;
}

.addressAuto {
	color: var(--order-entry-container-input-color);
	width: 100%;
	height: 33px;
	margin-bottom: 6px;
	border-radius: 5px;
	border: 1.3pt solid var(--business-rule-container-label-brd);

}

.text-auto-account {
	color: var(--order-entry-container-input-color);
	height: 31px;
	font-size: 10pt;

	border-radius: 5px;
}

.margin-row-auto {
	margin-bottom: 5px;
}

.back-button-auto {
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);
	padding: 5px 30px;
	background-color: var(--back-button-auto-bg);
	border-radius: 3px;
	border: 1.3pt solid var(--back-button-auto-brd);
	font-size: 10pt;
	float: right;
	margin-right: 5px;
}

.create-auto-button {
	color: var(--order-entry-container-input-bg);
	padding: 5px 30px;
	background-color: var(--BusinessRuleContainer-radio-btn-bg);
	border-radius: 3px;
	font-size: 10pt;
	float: right;
	margin-right: 8.33%;
	border: 1px solid var(--BusinessRuleContainer-radio-btn-bg);
}

.terms-text {
	color: var(--order-entry-radio-btn-color);
	font-style: italic;
	font-size: 9.5pt;
}

.terms-link {
	text-decoration: underline;
	font-size: 9.5pt;
	color: var(--terms-link-color);
}

.kyc-auto-input {
	background-color: var(--order-entry-container-input-bg) !important;
	height: 31px !important;
	border-radius: 5px 0px 0px 5px !important;

}

.kyc-auto-label {
	background-color: var(--order-entry-container-input-bg) !important;
	border-radius: 0px 5px 5px 0px;
	height: 31px;
	border: 1.3pt solid var(--business-rule-container-label-brd);
	border-left: none !important;
	border-color: var(--business-rule-container-label-brd) !important;
}

.label-font-auto {
	font-size: 11pt;
	color: var(--note-tradingAcc-color);
}

.help-text-auto {
	font-size: 9pt;
	font-style: italic;
	color: var(--help-text-auto-color);
}

#auto-account input[required].ng-valid,
textarea[required].ng-valid,
cspl-multi-select[aria-required] button.form-control,
cspl-multiple-autocomplete[aria-required].ng-valid,
cspl-multiple-autocomplete[aria-required].ng-valid .multiple-autocomplete-container,
cspl-multiple-autocomplete[aria-required].ng-valid .transparent-control,
.validInput {
	border-color: var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	background-color: var(--order-entry-container-input-bg);
	border-top: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd);
	border-right: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd);
	border-bottom: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	border-right: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	border-left: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
}

#auto-account .input-group-addon {
	border: 1.3pt solid var(--modal-xm-brd);
}

#auto-account input[required].ng-invalid,
textarea[required].ng-invalid,
cspl-multiple-autocomplete[aria-required].ng-invalid,
cspl-multi-select[aria-required].ng-invalid,
cspl-multi-select[aria-required].ng-invalid .form-control,
cspl-multiple-autocomplete[aria-required].ng-invalid .multiple-autocomplete-container,
cspl-multiple-autocomplete[aria-required].ng-invalid .transparent-control {
	border-color: var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	background-color: var(--order-entry-container-input-bg) !important;
	border-top: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd);
	border-right: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd);
	border-bottom: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-right: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
}


.kyc-auto-label:hover {
	padding: -18px 1px !important;
	padding: 0px !important;
	height: 31px !important;
	background: none !important;
	border-radius: 0px 5px 5px 0px !important;
	border-left: none !important;
	border: 1.3pt solid var(--business-rule-container-label-brd);
	border-color: var(--business-rule-container-label-brd) !important;
}

#auto-account>div:nth-child(14)>div.col-md-6>div>label>img {
	padding-right: 10px;
}

#createAcc:disabled {
	background-color: var(--btn-continue1-disabled-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	border: 1px solid var(--btn-continue1-disabled-bg) !important;
	outline: none !important;
}

#kyc-label-border>.fileUploadButton,
.fileUploadButton:hover,
.fileUploadButton:focus,
.fileUploadButton:active,
.fileUploadButton.active,
.fileUploadButton.hover,
.fileUploadButton.active:hover {
	background: var(--kyc-label-border-fileUploadButton-bg);
	border: 1.3pt solid var(--business-rule-container-label-brd);
	border-left: 1.3pt solid var(--business-rule-container-label-brd);
	border-color: var(--business-rule-container-label-brd);
	height: 34px;
	margin-bottom: 20px;
	border-radius: 0px;


}

#auto-account-ach>div>div>div>input {
	width: 145px;
	height: 32px;
	border-radius: 5px;
	border: 1.3pt solid var(--business-rule-container-label-brd) !important;
}

#auto-account-ach>div>div>div>span {
	height: 32px !important;
}

#auto-account-ach>div>span>button {
	height: 32px !important;
}

#auto-account-ach {
	font-size: 10pt;
}

#nationality>cspl-ach>div>div>div>input {
	height: 32px;
}

#genderDropDown>div>label {
	width: 107px !important;
}

#taxBracketDropDown>div>label {
	width: 107.6px !important;
}

#dividentdropID>div>label {
	width: 73px !important;
}

/* Terms and Conditions */

.definition-introduction {
	width: 22%;
}

.head-align-left {
	text-align: left;
}

.definition-applicable {
	width: 20%;

}

.definition-dispute {
	width: 24%;

}

.definition-notice {
	width: 15%;
}

.definition-variation {
	width: 30%;
}

.definition-liability {
	width: 14%;

}

.definition-authorities {
	width: 36%;

}

.definition-payments {
	width: 30%;

}

.definition-instructions {
	width: 18%;
}

.definition-representations {
	width: 35%;

}

.definition-security {
	width: 26%;
}

.definition-ost {
	width: 20%;
}

.definition-conditions {
	width: 16%;
}

.definition-account {
	width: 34%;
}

.terms-background {
	background-color: var(--note-tradingAcc-color);
}

#achHeightRadius>cspl-ach>div>div>div>input {
	height: 33px;
	border-radius: 5px;
}

#achHeightRadius>cspl-ach>div>div>div>span {
	height: 33px !important;
}

#auto-account-ach>div>div>div>input {
	width: 100%;
}

.modal-title-terms {
	color: var(--btn-secondary-bg);
	background-color: var(--note-tradingAcc-color);
}

#accountDisable[disabled] {
	background-color: var(--multi-select-disable-bg) !important;
	color: var(--accountDisable-disabled-color) !important;
	border: 1.3pt solid var(--business-rule-container-label-brd) !important;
}

#achHeightRadius .has-feedback .form-control {
	padding-right: 30px;
}

#tradingMode>cspl-radio-button>div {
	width: 100%;
}

#tradingMode>cspl-radio-button>div>label.btn.btn-primary.active {
	background-color: #00ff00;
	font-size: 10.5pt;
	color: #0d0d0d;
	width: 50%;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

#tradingMode>cspl-radio-button>div>label.btn.btn-primary {

	font-size: 10.5pt;
	color: #7f7f7f;
	width: 50%;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

/* RISK MONITORING REPORT REPORT */


.client-report {
	padding-right: 10px;
	padding-top: 7px !important;
}

.go-report {
	padding-left: 30px;
}

#report-pagination-button>#pagination-background>ul {
	margin: 0px !important;
}

#report-pagination-button>#pagination-background>ul>li>a {
	font-size: 16px !important;
	margin-top: 4px !important;
	padding: 0px 2px 2px 2px !important;
	background-color: var(--order-entry-container-input-bg) !important;
}

#report-pagination-button>#pagination-background>ul>li.active>a {
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !important;
	background-color: var(--screen-top-bg) !important;
}

.report-border {
	border: 1px solid var(--pagination-background--ul-active-bg);
	border-radius: 3px;
}

.risk-report-table>tbody>tr:nth-child(even) {
	background-color: var(--port-folio-nth-even-bg) !important;
}

.risk-report-table>tbody>tr:nth-child(odd) {
	background-color: var(--contract-report-tr-odd) !important;
}

.risk-report-table>tbody>tr td {
	padding: 10px 8px 10px 7px !important;
	font-size: 9pt;
	color: var(--table-layout-color);
}

.risk-report-table>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}

.risk-report-table>thead>tr>th,
.risk-report-table>thead>tr>td {
	border-color: var(--portfolio-bg) !important;
	font-size: 10.5pt;
	color: var(--port-folio-thead-tr-th-color);
}

.report-thead {
	padding: 9px 7px !important;
}

.error-msg {
	color: #e86a6a;
	font-size: 8pt;
	font-style: italic;
}

.AvailableBalance {
	height: 32px;
	border-radius: 4px;
	background-color: var(--order-entry-container-input-bg);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--order-entry-container-input-color);
	width: 102%;
	border: 1.3pt solid #7f7f7f;

}

.intraday-risk-report>thead>tr>th {
	padding: 5px 9px !important;
	font-size: 10.5pt;
	color: var(--port-folio-thead-tr-th-color);
}

.intraday-risk-report>tbody>tr td {
	padding: 8px 9px !important;
	font-size: 9pt;
	color: var(--table-layout-color);
}

#client-code-risk-report>div>div>div>input {
	border-radius: 5px;
}

#agent-risk-report>div>div>div>input {
	border-radius: 5px;
}

.label-risk {
	font-size: 10pt;
}

/* Risk Monitoring Report */

#export-import-risk>cspl-table-export>div>ul>li:nth-child(3) {
	display: none;
}


/* price chart */

#overlays,
#overlays option,
#oscillators,
#oscillators option {
	color: #000;
}

.highcharts-container {
	border: 1px solid gray !important;
	resize: horizontal !important;
}

input[required].ng-valid,
textarea[required].ng-valid,
cspl-multi-select[required] button.form-control,
cspl-multiple-autocomplete[aria-required].ng-valid,
cspl-multiple-autocomplete[aria-required].ng-valid .multiple-autocomplete-container,
cspl-multiple-autocomplete[aria-required].ng-valid .transparent-control,
.validInput {
	background-color: var(--order-entry-container-input-bg) !important;
}

input[disabled].form-control,
button[disabled].btn-primary,
button[disabled].btn-info,
button[disabled].btn-success,
button[disabled].btn-danger,
cspl-multiline-text[disabled] textarea,
cspl-multi-select[disabled] button,
input[type="checkbox"][disabled] {
	cursor: default;
	background-color: var(--multi-select-disable-bg) !important;
}



/* Nov 2022 | Updated Css  */
/* Start's Here ! */

/* Risk Managements */
/* Manage Clients , Securities , Business Rule's  */
.manageModule {
	width: 100% !important;
	margin: 0 !important;
}

.manageModule .manageModuleContainer {
	height: auto !important;
}


.manageModuleBorder {
	border: 1pt solid #7f7f7f !important;
	border-radius: 2px !important;
}

.manageModule #business-rule #tradeMarketVScroll {
	height: 230px !important;
}

.manageModule #business-rule .manageModuleBusinessRule_Icons {
	display: inline-flex !important;
	width: 100% !important;
	justify-content: center !important;
	align-items: center !important;
	float: none !important;
	padding: 0% !important;
}


.heightLine_01 {
	line-height: 1.5 !important;
}


/* Business Rule Dialog */

/* Business RUle COntainer */

/* Radio BTn active Color */

.BusinessRuleContainer cspl-radio-button label.btn.btn-primary.active {
	background-color: var(--BusinessRuleContainer-radio-btn-bg) !important;
	font-size: 9pt;
	color: var(--order-entry-container-input-bg) !important;
}

/* label Bg */
.BusinessRuleContainer .mkt-sub-heading {
	background-color: var(--BusinessRuleContainer-radio-btn-bg) !important;
	color: var(--order-entry-container-input-bg) !important;
}


/* DashBoard Widget's */

/* Gainers Losers */

.gainerLoserBtnWidth {
	width: 100px !important;
}

.gainers-losers-width {
	padding: 0px 27px !important;
	height: 268px !important;
	margin: 14.7px 0px 0px 0px !important;
}

/* Portfolio */


.chartDognut_height {
	height: 100% !important;
}

/* Indices */
.indicestableRows {
	border: none !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	padding: 16px 20px !important;
	padding-top: 20px !important;
}


.indices-table .indicestableRows td:first-child {
	border: none !important;
	width: auto !important;
}

.indicestableRows td {
	vertical-align: middle !important;
	width: auto !important;

}

.indicestableRows td:first-child span:first-child {
	font-size: 13pt !important;
}

.indicestableRows_value {
	font-size: 20px !important;
}

.indicestableRows_subValue {
	font-size: 14px !important;
	color: var(--report-tab-strip-li-label-color) !important;
}

.indicesTablepadding {
	padding: 0.2em 0.6em 0.3em !important;
}

.indicestableRows_HighImg,
.indicestableRows_LowImg {
	width: 25px;
	height: 18px;
	margin-bottom: 10px !important;
}


.height_fixed {
	height: 265.9px !important;
}

.indices_EmptyRow_gap {
	height: 1.5px !important;
	border-top: 2.4px solid var(--server-component-login-btn-brd) !important;
	margin: 10px 6px !important;
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}


.indicestableRows_Container td {
	border-right: none !important;
}

.indicestableRows_left {
	display: flex;
	align-items: center;
	align-items: center;
}

.nasiImgSize {
	display: block !important;
	height: 70px !important;
	width: 120px !important;
	background-image: none !important;
}

.margin-left-30 {
	margin-left: 17px;
}

/* high */
.indicestableRows_left .nasiImg {
	content: url(../images/nasi-white.png);
}

/* low */
.indicestableRows_left .n20iImg {
	content: url(../images/n20i-white.png);

}





/* Table Widget Height Adjacent */


/* settings Icon */
/* positioning */
#market-watch cspl-table .widgetSetting_Btn,
#intraday-trades cspl-table .widgetSetting_Btn,
#market-statistics cspl-table .widgetSetting_Btn,
#sector-statistics cspl-table .widgetSetting_Btn,
#order-status cspl-table .widgetSetting_Btn {
	top: 38.992px !important;
}

/* Market WatchList */

#market-watch cspl-table .ag-body-viewport {
	height: 550px !important;
}


/* Market Statictics */

#market-statistics cspl-table .ag-body-viewport {
	height: 72px !important;
}

/* Market Depth */

.market-depth_Width {
	height: 208px !important;
}

/* Market Trades */
#marketTrades .marketTradesHeight {
	height: 242px !important;
}

.marketTrades_Container {
	padding-top: 18px;
}

/* Sector statistics */

#sector-statistics cspl-table .ag-body-viewport {
	height: 232px !important;
}

/* Intraday Trades */

#intraday-trades cspl-table .ag-body-viewport {
	height: 231px !important;
}

/* Intraday Position */
.intradaypositiontable_Container {
	padding-top: 22px;
}

#offMarketTrades .intradayPositionSizingXY {
	width: 100% !important;
	height: 227px !important;
}

/* Order Status */

#order-status cspl-table .ag-body-viewport {
	height: 181px !important;
}


/* Market News */

#marketNews {
	padding-top: 22px;
}

#marketNews thead {
	background-color: transparent !important;
}

#marketNews .table-layouts th {
	color: var(--order-entry-container-input-color) !important;
}


/* Server Component Status */

.leftStatus .block {
	width: auto !important;
	text-align: left !important;
	padding: 10px 0px !important;
}

.leftStatus_Header {
	color: var(--leftStatus-Header-color) !important;
	font-size: 10pt !important;
	font-family: segoe ui semibold !important;
}

.leftStatus_Content {
	color: var(--leftStatus-Header-color) !important;
	font-size: 10pt !important;
	font-family: segoe ui semibold !important;
}

.leftStatus .block span {
	margin-left: 5px !important;
}


/* Icons */

.leftStatus_ConnectedIcon {
	content: url(../images/Server\ Component\ Status_Running_18.png);
	margin-bottom: -4px;
}

.leftStatus_StopIcon {
	content: url(../images/Server\ Component\ Status_Stopped_18.png);
	margin-bottom: -4px;
}

.leftStatus_NotInCurrentDateIcon {
	content: url(../images/Server\ Component\ Status_Not\ in\ Current\ Date_18.png);
	margin-bottom: -4px;
}


/* Fund Transfer */

.fundTransferNote {
	color: var(--deposit-bank-transfer-color) !important;
	font-style: italic !important;
	font-size: 9.3pt !important;
	font-family: segoe ui !important;
	text-align: center !important;
}

/* Table */
.fundTransfer-table .table {
	width: 100% !important;
	border: none !important;
	outline: none !important;
	background-color: transparent !important;
}

.fundTransfer-table .table .fundTransfer-tableHeader {
	border: none !important;
	outline: none !important;
	/* background-color: #0e1c4e !important; */
	background-color: var(--report-tab-strip-li-bg) !important;
}

.fundTransfer-table .table .fundTransfer-tableHeader tr th {
	font-family: segoe ui semibold !important;
	font-size: 10.5pt !important;
	color: var(--port-folio-thead-tr-th-color) !important;
	text-align: center !important;
	font-style: normal !important;
	background-color: transparent !important;
}

.fundTransfer-table .table .fundTransfer-tablerows .fund_padding {
	padding: 6px 16px !important;
}

/* Odd */
.fundTransfer-table .table .fundTransfer-tablerows:nth-child(odd) {
	font-family: segoe ui semibold !important;
	font-size: 9pt !important;
	color: var(--deposit-even-color) !important;
	background: var(--fundTransfer-table-odd-bg) !important;
	border: none !important;
	border-top: 1.2pt solid var(--pane-bg-color) !important;
}

/* Even */
.fundTransfer-table .table .fundTransfer-tablerows:nth-child(even) {
	font-family: segoe ui semibold !important;
	font-size: 9pt !important;
	color: var(--deposit-even-color) !important;
	background: var(--fundTransfer-table-even-bg) !important;
	border: none !important;
	border-top: 1.2pt solid var(--pane-bg-color) !important;
}

.border-0 {
	border: 0 !important;
}

/* Form Footer FundTransfer*/

.fundTransferForm1_Footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;

}

.text-italic {
	font-style: italic !important;
}

.fundTransferForm1_Link {
	color: #008ffa;
	text-decoration: underline !important;
}

.HistoryLinkColor,
.HistoryLinkColor:hover {
	color: #008ffa !important;
}


/* Modal Payment Request */

.paymentReqModal_BodyContainer {
	min-height: 70vh !important;
	max-height: 70vh !important;
	overflow-y: auto;
	overflow-x: hidden;
	margin-right: 0px;
	padding-right: 9px;
}

.paymentReqModal_Footer {
	background-color: var(--pane-bg-color);
	padding: 5px !important;
	border-top: 1px solid #e5e5e5 !important;
	text-align: center !important;
}


.paymentReqModal_FooterBtn {
	padding: 5px 30px !important;
}

.paymentReqModal_BodyContainer .passage {
	margin-bottom: 7px !important;
	font-size: 10pt !important;
	color: var(--paymentReqModal-BodyContainer-passage-color) !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	font-family: segoe ui semibold !important;
	line-height: 1.6 !important;
}

.paymentReqModal_BodyContainer .definition {
	background-color: var(--paymentReqModal-BodyContainer-definition-bg);
	font-size: 11pt;
	font-family: segoe ui semibold;
	color: var(--paymentReqModal-BodyContainer-definition-color);
	padding: 3px 10px;
	margin-right: 14px !important;
	text-decoration: underline;
	margin-bottom: 7px;
	font-style: italic;
}

.paymentReqModal_BodyContainer .passage_contentSizing {
	text-align: left;
	margin-bottom: 13px !important;
}

/* Withdraw Verfication FundTransfer */
.withdrawAmount {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	width: 100% !important;
}

.containerVerification-table {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.verificationTable {
	padding: 10px !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	width: 100% !important;
}

.displaytoggle {
	display: none;
}

.margin-left-11 {
	margin-left: 11px !important;
}

.withDrawVerficationNoteHeader {
	color: var(--deposit-bank-transfer-color) !important;
	font-family: segoe ui semibold !important;
	font-style: italic !important;
	display: inline-block !important;
	margin: 0 !important;
}

.withDrawVerficationNote {
	color: var(--deposit-bank-transfer-color) !important;
	font-style: italic !important;
	font-family: segoe ui !important;
	display: inline !important;
	text-align: center !important;
}


/* Action Buttons */

.withDrawVerificationBtn_Container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 !important;
}

.withDrawVerificationBtn_alignLeft {
	margin: 0;
}

.withDrawVerificationBtn_alignRight {
	margin: 0;
}

/* apply only for last child of table span  */
.verificationTable div:last-child span {
	padding-bottom: 5px !important;
}

.file-upload-header {
	color: var(--report-tab-strip-li-label-color);
	text-align: right;
	width: 90%;
}


/* New trading account */


#new-trading-account-dtp .uib-datepicker-popup>li>div.uib-datepicker>table .btn-default {
	background-color: var(--order-entry-container-input-bg);
	color: var(--order-entry-container-input-color);
}

#new-trading-account-dtp>.input-group>.ng-empty {
	border-color: var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	background-color: var(--order-entry-container-input-bg) !important;
	border-radius: 4px;
	border-top: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-bottom: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-right: none !important;
}

#new-trading-account-dtp>.input-group>.ng-not-empty {
	border-color: var(--newTradingAccFormID-ng-valid-brd);
	background-color: var(--order-entry-container-input-bg);
	border-radius: 4px;
	border-top: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
	border-bottom: 1.3pt solid var(--newTradingAccFormID-ng-valid-brd) !important;
	border-right: none !important;
}

#new-trading-account-dtp>div>div>ul>li>span>button.uib-datepicker-current {
	color: var(--order-entry-container-input-color);
}



/* Funds */
.Funds_modal_title {
	color: var(--report-tab-strip-li-label-color);
	font-size: 13pt !important;
}

/* Report screen search & Exports */

#reportTable_search .has-feedback {
	position: relative !important;
}

.tableExportIcon>div>div>button {
	padding: 0px !important;
}

.tableExportIcon>div>div>button>img {
	width: 30px !important;
}


/* cspl drop down directive */

.drop-down-icon-light-theme-color {
	color: var(--order-entry-container-input-color);
}

/*  cspl filter panel */

.filter-panel-text-color,
.filter-panel-text-color:hover,
.filter-panel-text-color:active,
.filter-panel-text-color:visited {
	color: var(--table-layout-color);
	text-decoration: none;
}



/* Off Makret Order - Clear Filters */

.offMarketOrder_ClearFiltersBtn,
.offMarketOrder_ClearFiltersBtn:hover,
.offMarketOrder_ClearFiltersBtn:focus {
	background-color: var(--screen-top-bg) !important;
	color: var(--order-entry-container-input-bg);
	margin-top: 0px !important;
	padding: 3px 5px !important;
	outline: none !important;
}

.widgetHeaderAlignflex {
	padding-left: 8px !important;
}

/* reports-table-border */
.table-export-drop-down-size>div>ul {
	min-width: 40px;
}

.report-table-border {
	border: 1px solid var(--pagination-background--ul-active-bg) !important;
	border-radius: 3px !important;
}

.report-table-alignment {
	margin-left: 0px;
	margin-right: 0px;
}

/* Reset Password */
.reset-text {
	color: var(--order-entry-radio-btn-color);
	font-size: 9.5pt;
}


/* market news */
#marketNewsTable thead {
	background-color: var(--cancelOrderTable-bg);
}

#marketNewsTable thead th {
	color: var(--order-entry-container-input-color) !important;
}

/* widget text color */
.widget-empty-table-text {
	-webkit-font-smoothing: antialiased;
	color: var(--dealer-verify-table-color);
	font-family: Helvetica Neue, sans-serif;
	font-size: 14px;
}

/* Terms and conditions in User Refistration for all broking firms */

.definition-userReg-conditions {
	width: 20%;
}

.definition-userReg-account {
	width: 43%;
}

.definition-userReg-ost {
	width: 24%;
}

.definition-userReg-security {
	width: 34%;
}

.definition-userReg-representations {
	width: 45%;
}

.definition-userReg-instructions {
	width: 22%;
}

.definition-userReg-payments {
	width: 38%;
}

.definition-userReg-authorities {
	width: 50%;
}

.definition-userReg-variation {
	width: 39%;
}

.definition-userReg-notice {
	width: 16%;
}

.definition-userReg-dispute {
	width: 31%;
}

.definition-userReg-applicable {
	width: 26%;
}

/* Terms & Condition in User Registration for NCBA */

.definition-definitionsAndInterpretation {
	width: 51%;
}

.definition-systemUsageAndMaterials {
	width: 46%;
}

.definition-customerResponsibilities {
	width: 45%;
}

.definition-mobileServices {
	width: 85%;
}

.definition-serviceCharges {
	width: 29%;
}

.definition-exclusionOfLiability {
	width: 37%;
}

.definition-termination {
	width: 25%;
}

.definition-generalProvisions {
	width: 35%;
}

.definition-confidentialityAndDisclosure {
	width: 52%;
}

.definition-intellectualPropertyRights {
	width: 49%;
}

.definition-disclosure {
	width: 23%;
}

.definition-governingLaw {
	width: 30%;
}


/* widget filter template border */
.widget-filter-template-border {
	border: 4px solid var(--pane-bg-color) !important;
	padding: 5px !important;
	border-radius: 4px !important;
}


/* cspl multi select directive */

.multiple-options-display-color-multi-select {
	color: var(--order-entry-container-input-color) !important;
}

cspl-multi-select[aria-required] button.form-control {
	border-color: var(--order-entry-container-input-color) !important;
	background-color: var(--order-entry-container-input-bg);
	border-radius: 4px;
	border-top: thin solid var(--modal-xm-brd) !important;
	border-left: thin solid var(--modal-xm-brd) !important;
	border-bottom: thin solid var(--modal-xm-brd) !important;
	border-right: thin solid var(--modal-xm-brd) !important;
}

cspl-multi-select[aria-required].ng-invalid,
cspl-multi-select[aria-required].ng-invalid .form-control {
	border-color: var(--order-entry-container-input-color) !important;
	background-color: var(--order-entry-container-input-bg) !important;
	border-radius: 4px;
	border-top: thin solid var(--modal-xm-brd) !important;
	border-left: thin solid var(--modal-xm-brd) !important;
	border-bottom: thin solid var(--modal-xm-brd) !important;
	border-right: thin solid var(--modal-xm-brd) !important;
}


/*  manage client screen */

.close-icon-text-color {
	background-color: var(--report-dtps-div-btn-brd);
}

.filter-icon {
	background-image: url(../images/Filter_black_16.png);
	margin-top: 5px !important;
	background-repeat: no-repeat;
	margin-right: 4px !important;
}

.fundTransferRemark {
	width: 100% !important;
}

/* Fund Withdraw Verification Dialog Mt */

.withDrawVerficationTable tbody tr:nth-child(odd) td:first-child {
	background-color: var(--withDrawVerficationTable-nthChild-odd-bg);
	;
}


.withDrawVerficationTable tbody tr:nth-child(even) td:first-child {
	background-color: var(--withDrawVerficationTable-nthChild-even-bg);
	;
}

.withDrawVerficationTable_Container {
	border: 1px solid var(--snapshot-table-brd) !important;
	padding: 5px;
	margin: 10px 0px;
	background-color: var(--pane-bg-color);
}

.border-toggleColor {
	border: 1px solid var(--pane-bg-color) !important;
}

.containerVerification_Width {
	width: 500px !important;
}


.stock-holding-table th,
.stock-holding-table td {
	padding: 10px 12px !important;
}

/* Apply Market Depth Safari Fix - only on light theme */

.market-depth_Width tr {
	height: auto !important;
}

/* Audit Log */
/* links Hover state */

.auditLogLinks:hover {
	color: #23E1F5 !important;
}

/* Market Watch Status Colors  */
#market-watch [col-id="symbolsign"] span {
	color: transparent !important;
}


#market-watch [col-id="symbolsign"] span .symbolColorOrange,
#market-watch [col-id="symbolsign"] span .symbolColorOrange i,
#market-watch [col-id="symbolsign"] span .symbolColorOrange i::before {
	color: orange !important;
}

#market-watch [col-id="symbolsign"] span .symbolColorRed,
#market-watch [col-id="symbolsign"] span .symbolColorRed i,
#market-watch [col-id="symbolsign"] span .symbolColorRed i::before {
	color: red !important;
}


#market-watch [col-id="symbolsign"] span .symbolColorGreen,
#market-watch [col-id="symbolsign"] span .symbolColorGreen i,
#market-watch [col-id="symbolsign"] span .symbolColorGreen i::before {
	color: #34c317 !important;
}

.portFolioChart {
	width: 300px !important;
	height: 170px !important;

}

.managePortFolioChart {
	width: 400px !important;
	height: 185px !important;

}

.portfolio-equity-bond-bgcolor {
	background-color: var(--cancelOrderTable-bg);
}

#cdsAccount[disabled] {
	background-color: var(--multi-select-disable-bg) !important;
	color: var(--modal-xm-brd) !important;
	border: 1.3pt solid var(--business-rule-container-label-brd) !important;
}

/* Resolution Media Query */
/* Below Width of 1600.98 - nth */
@media only screen and (max-width: 1680.98px) and (min-width: 1024.98px) {

	.portfolioValutionTitle_TradingAcc {
		width: 120px !important;
	}

}


.bond-view-portfolio-icon {
	background-repeat: no-repeat;
	display: inline-block;
	height: 23px;
	width: 22px;
	top: 0;
	background-image: url(../images/ViewPortfolio_LightTheme_Icon.png);
	vertical-align: middle;
}

.bond-view-orders-icon {
	background-repeat: no-repeat;
	display: inline-block;
	height: 23px;
	width: 22px;
	top: 0;
	background-image: url(../images/ViewOrders_LightTheme_Icon.png);
	vertical-align: middle;
}


/* ----------------------- version upgrade --------------- */

.main-nav-wrapper .main-nav li .sub-menu li a {
	text-decoration: none;
}

.main-nav-wrapper .main-nav li a {
	text-decoration: none;
}

.dropdown-menu>li>a {
	text-decoration: none;
}

.dropdown-menu>.active>a {
	text-decoration: none;
}

.header .user-container .dropdown-menu>li>a {
	text-decoration: none;
}

.ach-input-group-text {
	background-color: var(--ach-input-group-text-bg) !important;
	border: 1px solid #595959 !important;
}

.ach-input-group-disable {
	/* background-color: var(--snapshot-table-child-bg) !important; */
	background-color: var(--ach-input-group-disable-bg) !important;
}

#port-ach>div>div>div .ach-input-group-text {
	border: none !important;
	/* 	height:30px; */
}

.dropdown-input-group-disable {
	background-color: var(--multi-select-disable-bg) !important;
}

.dashboard-menu-name.active {
	color: var(--order-entry-container-input-color);
	background-color: var(--dashboard-menu-name-active-bg);
}

.userProfileBgcolor {
	background-color: var(--pane-bg-color) !important;
}

.userProfilecolor {
	color: var(--table-layout-color) !important;
}

.cspl-search-light-bg-color {
	background-color: var(--pane-bg-color) !important;
}

.dashboard-hover-active-color>li:active {
	background: #2462EC !important;
}

.dashboard-hover-active-color>li:hover {
	background: #2A7AB8 !important;
	color: #ffffff;
}

.dashboard-menu-name {
	color: var(--table-layout-color) !important;
}

.orderType-dropdown-orderEntry>div>div>div>div>input {
	width: 262px !important;
}

.orderInitiatedBy-dropdown-orderEntry>div>div>div>div>input {
	width: 265px !important;
}

.segment-dropdown-length>div>div>div>div>input {
	width: 249px !important;
}

.filter-segment-dropdown-length>div>div>div>div>input {
	width: 443px !important;
}

.cspl-ach.ng-dirty.ng-invalid input {
	border-width: 1px !important;
}


.text-end {
	text-align: right !important;
}

/* .ag-header-viewport .ag-header-cell{
	text-align:right !important;
} */



/* date picker */

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default[disabled] {
	border: none !important;
}

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td button:not(:disabled) {
	color: var(--order-entry-container-input-color) !important;
}

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default.active {
	background-color: #0e1c4e !important;
	color: var(--order-entry-container-input-bg) !important;
}

.validity-date-retail-order-dtp cspl-dtp>div>span>button {
	margin-left: 0px !important;
}


.newtradingAccountAchBorder cspl-ach>div>div>input {
	border-radius: 4px 1px 1px 4px !important;
}

.newtradingAccountAchBorder .ng-valid>div>div>div>span {
	border-color: var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	background-color: var(--order-entry-container-input-bg);
	border-top: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd);
	border-right: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd);
	border-bottom: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	border-right: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	border-left: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
}

.newtradingAccountAchBorder .ng-invalid .input-group-text {
	border-color: var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	background-color: var(--order-entry-container-input-bg) !important;
	border-radius: 4px;
	border-top: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-bottom: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-right: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
}

.newTradingAccountDropdown .ng-invalid .input-group-text {
	border-color: var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	background-color: var(--order-entry-container-input-bg) !important;
	border-radius: 4px;
	border-top: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-left: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-bottom: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
	border-right: 1.3pt solid var(--newTradingAccFormID-multiple-autocomplete-container-brd) !important;
}

.newTradingAccountDropdown .ng-valid .input-group-text {
	border-color: var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	background-color: var(--order-entry-container-input-bg);
	border-top: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd);
	border-right: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd);
	border-bottom: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	border-right: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
	border-left: 1.3pt solid var(--newtradingAccountAchBorder-ng-valid-span-brd) !important;
}

.achBorderColorValidInvalid .ng-valid .input-group-text {
	border: 1px solid #595959 !important;
}

.achBorderColorValidInvalid .ng-invalid .input-group-text {
	border: 1px solid #595959 !important;
}

.achBorderColorValidInvalid .ng-valid input {
	border: 1px solid #595959 !important;
}

.achBorderColorValidInvalid .ng-invalid input {
	border: 1px solid #595959 !important;
}

.dropdownBorderColorValidInvalid .ng-valid .input-group-text {
	border: 1px solid #595959 !important;
}

.dropdownBorderColorValidInvalid .ng-invalid .input-group-text {
	border: 1px solid #595959 !important;
}

.dropdownBorderColorValidInvalid .ng-valid input {
	border: 1px solid #595959 !important;
	background-color: var(--dropdownBorderColorValidInvalid-bgColor);
}

.dropdownBorderColorValidInvalid .ng-invalid input {
	border: 1px solid #595959 !important;
	background-color: var(--dropdownBorderColorValidInvalid-bgColor);
}

.notifications-dropdown-menu .notificationList .notificationBgPending>span>div {
	background: var(--notifications-dropdown-menu-notificationBgPending-bg) !important;
}

.notifications-dropdown-menu .notificationList .notificationBgVisited>span>div {
	background: transparent !important;
}

.notifications-dropdown-menu .notificationList .notificationBgPending:hover>span>div {
	color: #000000;
	font-weight: bold;
}

.disabled-bgcolor-dropdown {
	background-color: var(--disabled-bgcolor-dropdown-bg) !important;
}

cspl-search .ng-valid {
	border-right: none !important;
	border: 0.5pt solid #7f7f7f !important;
}


.dep-with-button-client {
	border: 1.5pt solid #404040;
	color: var(--dep-with-button-color);
	background-color: var(--dep-with-button-bg);
	font-size: 10.5pt;
	text-align: center;
}

.dep-with-button-client-active {
	border: 1.5pt solid var(--networth-head-color);
	color: var(--scrip-icon-color);
	background-color: var(--dep-with-button-active-bg);
	font-size: 10.5pt;
	text-align: center;
}

.newtradingAccountAchBorder>cspl-ach[disabled]>div>div>div>span {
	border: 1.3pt solid var(--business-rule-container-label-brd) !important;
}

.modal-xmd {
	--bs-modal-width: 600px;
}

.modal-md {
	--bs-modal-width: 530px;
}

.modal-sm {
	--bs-modal-width: 500px;
}

.modal-xm {
	--bs-modal-width: 500px;
}

.modal-lg {
	--bs-modal-width: 75%;
}

.modal-xl {
	width: 1000px !important;
}

.modal-xlg {
	--bs-modal-width: 690px;
}

.csplMultiSelectValidInvalid .ng-invalid button {
	border: 1px solid #595959 !important;
}

.csplMultiSelectValidInvalid .ng-valid button {
	border: 1px solid #595959 !important;
}

.table-export-dropdown cspl-table-export>div>ul li {
	padding: 15px 9px !important;
}

#new-trading-account-dtp>div>div>ul>li>div>div>div>table>thead>tr:nth-child(even) {
	color: var(--order-entry-container-input-color);
}

#new-trading-account-dtp>div>div>ul>li>div>div>div>table>tbody tr>td>button:hover {
	color: var(--order-entry-container-input-bg) !important;
}

.ag-header-cell div {
	/* width: 98% !important; */
     /* padding-left: 20px !important; */
}

.newTradingAccountDropdown .enabled-bgcolor-dropdown {
	background-color: var(--order-entry-container-input-bg) !important;
}

.newTradingAccountDropdown cspl-drop-down>div>div>div>input {
	border-radius: 5px 0px 0px 5px;
}

.newTradingAccountDropdown cspl-drop-down>div>div>div>span {
	border-radius: 0px 5px 5px 0px;
}

.ag-header-cell .ng-scope {
	/* width: 98% !important; */
	   /* padding-left: 20px !important; */
}

#new-trading-account-dtp>div>div>ul>li>div>div>div>table>thead tr th .btn-default:hover {
	background-color: var(--order-entry-container-input-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	border: 1px solid var(--screen-top-bg);
}

#new-trading-account-dtp>div>div>ul>li>div>div>div>table>thead tr th button {
	color: var(--order-entry-container-input-color);
}

#new-trading-account-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default:hover {
	background-color: var(--order-entry-container-input-bg) !important;
	color: var(--order-entry-container-input-color) !important;
	border: 1px solid var(--screen-top-bg);
}

cspl-dtp>div>div>ul>li>div>div>div>table>thead tr th .btn-default:hover {
	background-color: var(--pane-bg-color) !important;
	color: var(--order-entry-container-input-color) !important;
	border: 1px solid var(--screen-top-bg);
}

cspl-dtp>div>div>ul>li>div>div>div>table>thead tr th .btn-default {
	color: var(--table-layout-color);
}

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default:hover {
	background-color: var(--pane-bg-color) !important;
	color: var(--order-entry-container-input-color) !important;
	border: 1px solid var(--screen-top-bg);
}

.manage-clients-search>cspl-search>div>input {
	width: 150px !important;
}

.clientSuffixDrop #txtclientSuffix>div>div>div>div>input {
	color: var(--order-entry-container-input-color) !important;
}

.OrderVerifylabelColor {
	color: var(--OrderVerifylabelColor-color) !important;
}

.withdrawPagination>ul .active {
	padding-top: 5px !important;
}

.AvailableBalance:disabled {
	background-color: var(--AvailableBalance-disabled-bg) !important;
}

.layout-option-menu li:hover {
	background-color: #0080c0;
}

#deposit-history-pagination>#pagination-background>ul .active {
	padding-top: 5px !important;
}

.bonds-trading>tbody>tr:nth-child(even) {
	background-color: var(--bonds-trading-nth-child-even-bg) !important;
}

.bonds-trading>tbody>tr:nth-child(odd) {
	background-color: var(--manage-report-nth-odd-bg) !important;
}

.bonds-trading>tbody tr:hover td {
	background-color: var(--manage-clients-table-bg);
	color: #ffffff;
}

.bonds-trading>tbody tr td {
	vertical-align: middle;
}


/*Bonds Trading Widget
*/

.bonds-trading-widget>tbody>tr:nth-child(even) {
	background-color: #d9d9d9 !important;
}

.bonds-trading-widget>tbody>tr:nth-child(odd) {
	background-color: #c9c9c9 !important;
}

.bonds-trading-widget>tbody tr:hover td {
	background-color: #0f1f56;
	color: #ffffff;
}


.bonds-trading-widget>tbody tr td {
	vertical-align: middle;
}

.bonds-trading-widget>thead>tr th {
	background-color: #eee !important;
	color: #0D0D0D;
}

.bonds-trading-widget>thead>tr {
	border: 2pt solid #204d84 !important;
}

.bonds-trading-widget tr {
	height: 20px;
	line-height: 4px;
}

.bonds-trading-widget>tbody tr {
	height: 20px;
	line-height: 4px !important;
}

.bondtermsbtn {
	color: white;
	margin-right: 5px !important;
	margin-left: 5px !important;
	background-color: #005996;
}

.bondtermsbtnsell {
	color: white;
	margin-right: 5px !important;
	margin-left: 5px !important;
	background-color: #c1272d;
}

.generalTermsbond {
	padding: 3px 15px;
	width: 81%;
	font-size: 11pt;
	font-family: segoe ui semibold;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.passageBond {
	margin-bottom: 7px !important;
	font-size: 12pt !important;
	color: var(--passageBond-color) !important;
	margin-right: 20px !important;
	margin-left: 20px !important;
	font-family: Calibri !important;
	text-align: justify;
}

.dashboard-hover-active-color {
	background-color: var(--pane-bg-color);
	border: 1px solid var(--dashboard-hover-active-color-brd);
	margin-top: 2px;
}

.dashboard-switcher-modal-dialog {
	border: 1.75pt solid #7f7f7f;
	border-radius: 5px;
	margin-top: 3px;
}

.dashboard-switcher-modal .dashboard-switcher-modal-footer {
	margin-bottom: 5px;
}

#otp input {
	color: black !important;
}

#paymentModeId>div>div>div input {
	border-radius: 4px 0px 0px 4px;
	color: var(--order-entry-container-input-color) !important;
}

#paymentModeId>div>div>div span {
	border-radius: 0px 4px 4px 0px;
}

.kes-data-available-funds {
	font-size: 10pt;
	color: var(--table-layout-color);
	padding: 2px;
}

.marginDepositMsg {
	margin: 2px 12px;
	text-align: justify !important;
}

.closeIconGuest {
	color: var(--order-entry-radio-btn-color);
}

.uploadDocumentName {
	color: var(--table-layout-color);
	text-decoration: none;
}

.save-icon {
	background-image: url(../images/Requiredcolumns-14_HoverIcon.png);
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

.undo-save-icon {
	background-image: url(../images/IgnoreChanges-14_HoverIcon.png);
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

#export-import-bulk-order>div>div>button {
	background-color: var(--pane-bg-color);

}

#export-import-bulk-order>div>div>button>img {
	filter: brightness(0.5);
	border: 1px solid var(--export-import-div-btn-image-brd) !important;
	color: var(--export-import-div-btn-image-brd) !important;
	width: 20px !important;
	height: 20px !important;
}

#export-import-bulk-order>div ul {
	padding: 0px;
}

#export-import-bulk-order>div ul li {
	padding: 3px !important;
}

.bulk-order-invalid-tbody {
	border-width: 2px;
}

.bulk-order-invalid-header {
	width: 170px;
	background-color: var(--bulk-order-invalid-header-bg);
	text-align: left;
	color: var(--table-layout-color);
}

.withdraw-cancel-button-failure {
	background-color: #dc3545;
	border: 1.5pt solid;
	color: var(--withdraw-cancel-button-failure-color);
	font-size: 9pt;
	border-radius: 4px;
	padding: 4px;
	width: 70px;
}

.withdraw-failure-data-odd {
	background-color: var(--deposit-odd-bg);
	border-left: 2px solid var(--pane-bg-color);
	padding: 11px;
}

.withdraw-failure-data-even {
	background-color: var(--withDrawVerficationTable-nthChild-even-bg);
	border-left: 2px solid var(--pane-bg-color);
	padding: 11px;
}

.withdraw-kes-data-failure {
	font-size: 8pt;
	color: var(--table-layout-color);
	padding-top: 5px;
	padding-bottom: 5px;
}

.withdraw-header-failure {
	background-color: var(--withdraw-header-failure-bg);
	border: none;
}

.alertToaster_Icon_withdraw_failure {
	content: url(../images/mingcute_alert-fill-new.png);
	margin-bottom: -9px;
}

.sticky-col-invalid-data {
	position: sticky !important;
	right: 0;
	z-index: 1;
	background: inherit;
	height: inherit;
	text-align: left;
	width: 279px !important;
}

.bannerImgBtn {
	border-radius: 50%;
	background-color: white;
	padding: 5px;
	display: inline-block;
	margin-left: 10px;
}

.image-container {
	position: relative;
	display: inline-block;
	/* Ensures the container wraps around the image */
}

.login_banner {
	width: 100%;
	/* Make sure the image is responsive */
	height: 100%;
	/* Keep aspect ratio intact */
}

.center-button {
	position: absolute;
	top: 95%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.bannerImgBtn:hover {
	background-color: steelblue;
}

.center-button .active {
	background-color: steelblue;
}

.onboarding-terms-card {
	border-radius: 10px;
	border: 2px solid #D3D3D3;
	margin-left: 7.5px;
	margin-right: 50px;
}

#beneficiary-physical-address-text>div>input {
	border-radius: 5px;
}

#beneficiary-physical-address-text>input {
	background-color: var(--pane-bg-color);
	border: 0.5pt solid var(--port-ach-div-input-brd);
	font-size: 10pt;
	color: var(--fund-numeric-color);
	height: 28px;
	border-radius: 6px;
}

.market-depth-scripChangeForm {
	background-color: var(--market-depth-scripChangeForm-bg);
}

.widget-modal-content-bgColor {
	background-color: var(--widget-modal-content-bgClr);
}

.Card_bgColor_UserProfile {
	Background-color: var(--pane-bg-color);
	border-radius: 0px 0px 6px 6px;
}

.card-userprofile-brd {
	border: 1px solid #000000;
}

#dividentdropID label.btn.btn-primary.active {
	background-color: #236699;
}

#genderDropDown label.btn.btn-primary.active {
	background-color: #236699;
}

#taxBracketDropDown label.btn.btn-primary.active {
	background-color: #236699;
}

#btn-continue1:hover {
	background-color: #114bcd;
}


.dealerGroupingAllow {
	background-color: #00FF00;
	color: #000000;
	border: none;
}

.dealerGroupingDeny {
	background-color: #FF0000;
	color: #000000;
	border: none;
}

.btn-bck-color {
	background-color: #ffffff;
}

.AlertTriggered {
	content: url(../images/AlarmSecurityAlertTrigger.png);
}

.AlertCreated {
	content: url(../images/SecurityAlertSuccesSymbol.png);
}

.AlertDisabled {
	content: url(../images/AlertDisabledSymbol.png);
}

.security-alert-text-color {
	color: #7B7B7B;
}

#auto-account-ach .ach-input-group-disable {
	background-color: #eeeeee !important;
}

#createAcc {
	background-color: #236699 !important;
	border: 1pt solid #236699 !important;
	color: #ffffff !important;
}

#btn-continue1 {
	background-color: #236699 !important;
	border: 1pt solid #236699 !important;
	color: #ffffff !important;
}

.userProfile-LightTheme-bg {
	background-color: #0E1C4E;
}

.userProfile-LightGreenTheme-bg {
	background-color: #205A41;
}

.userProfile-DarkTheme-bg {
	background-color: #292929;
}

.userProfile-DarkGreenTheme-bg {
	background-color: #063722;
}

#ag-grid-settings-market-watch>cspl-table-setting>div {
	padding: 0px !important;
	margin-right: 9px !important;
	padding-top: 6px !important;
}

.visibleMarketWatchSymbol {
	display: inline-block;
}

.hiddenMarketWatchSymbol {
	display: none;
}

#user-profile-upload-btn {
	color: var(--grid-stack-item-header-color) !important;
}

#registration-rdo-btn>cspl-radio-button .btn-group {
	padding: 10px 8px !important;
}

#registration-rdo-btn>cspl-radio-button>div>label.btn.btn-primary.active {
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--order-entry-container-input-bg);
	/* background-color: var(--BusinessRuleContainer-radio-btn-bg); */
	background-color: #005996;
}

#registration-rdo-btn>cspl-radio-button>div>label.btn.btn-primary {
	background-color: var(--cancelOrderTable-bg);
	font-size: 10pt;
	font-family: segoe ui semibold;
	color: var(--tradingAccContainer-cspl-radio-btn-primary-color);
}

.defaultLightTheme {
	border: 3px solid #00ff00;
	/* Red border when selected */
	box-shadow: 0 0 5px 7px #f49c05;
	/* Optional: Adds a glow effect */
}

.customLightTheme {
	border: 3px solid #00ff00;
	/* Red border when selected */
	box-shadow: 0 0 5px 7px #f49c05;
	/* Optional: Adds a glow effect */
}

.defaultDarkTheme {
	border: 3px solid #00ff00;
	/* Red border when selected */
	box-shadow: 0 0 5px 7px #f49c05;
	/* Optional: Adds a glow effect */
}

.customDarkTheme {
	border: 3px solid #00ff00;
	/* Red border when selected */
	box-shadow: 0 0 5px 7px #f49c05;
	/* Optional: Adds a glow effect */
}

.btn-report-color {
	color: var(--btn-report-color) !important;
}

.btn-report-color:disabled {
	color: var(--btn-report-color-disable) !important;
	background-color: var(--btn-report-color-disable-bg) !important;
}

.btn-report-color:hover {
	color: var(--btn-report-color-hover) !important;
	background-color: var(--btn-report-color-hover-bg) !important;
}

#deposit-odd {
	background-color: var(--deposit-odd-id-bg) !important;
}

#deposit-even {
	background-color: var(--deposit-even-id-bg) !important;
}

.off-market-order-header-text {
	color: #ffffff !important;
}

.active .off-market-order-header-text {
	color: #ffc000 !important;
}

.custom-context-menu {
	position: absolute;
	background-color: black;
	border: 1px solid #ccc;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	z-index: 9999;
	/* Ensure the menu is above other content */
}

.business-rule-icon-color-change tr:hover td>span .color-black {
	color: #ffffff !important;
}

.business-rule-icon-color-change tr:hover td>span .edit-icon {
	background-image: url(../images/Modify-18.png) !important;
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

.business-rule-icon-color-change tr:hover td>span .cancel-icon {
	background-image: url(../images/Cancel.png) !important;
	/* width: 20px !important;
    height: 17px; */
	background-repeat: no-repeat;
}

#templateSaveForm .dropdown-menu {
	position: absolute !important;
	z-index: 9999 !important;
	/* Higher than other elements */
	display: block !important;
}

#ag-grid-settings-market-watch>cspl-table-setting>div {
	padding: 0px !important;
	margin-right: 9px !important;
	padding-top: 5px !important;
}

.btn-arrow {
	color: black;
}

.invalid-bg-color {
	background-color: #DEDEDE !important;
}

.setting-position-fix {
	/* display: block !important; */
	position: absolute !important;
	z-index: 10000 !important;
	top: 30px;
	left: 0px;
	/*inset: 0px 0px auto auto;margin: 0px;top:22px;left:0px; */
}

.riskMonitorReport {
	padding-right: 0px;
	overflow: auto;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
}

.modalContent {
	margin-left: 0px;
	margin-right: 0px;
}

.serverCompStatus {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.custom-hover-btn :hover {
	color: #fff !important;
	background-color: #0e1c4e !important;
}

.custom-hover-btn :active {
	color: #fff !important;
	background-color: #0e1c4e !important;
}

.ag-header-cell[col-id="symbol"] div{
  padding-left:0px !important;
}

.ag-header-cell[col-id="exchange"] div{
  padding-left:0px !important;
}

.ag-header-cell[col-id="securityCode"] div{
  padding-left:0px !important;
}

.ag-header-cell[col-id="ltp"] .ag-header-cell-text {
  padding-left:22px !important;
}

.ag-header-cell[col-id="ltq"] .ag-header-cell-text {
  padding-left:22px !important;
}

.ag-header-cell[col-id="bidQuantity"] .ag-header-cell-text {
  padding-left:18px !important;
}
.ag-header-cell[col-id="bidPrice"] .ag-header-cell-text {
  padding-left:9px !important;
}
.ag-header-cell[col-id="openingPrice"] .ag-header-cell-text {
  padding-left:15px !important;
}
.ag-header-cell[col-id="lowPrice"] .ag-header-cell-text {
  padding-left:20px !important;
}
.ag-header-cell[col-id="highPrice"] .ag-header-cell-text {
  padding-left:20px !important;
}
.ag-header-cell[col-id="previousClosingPrice"] .ag-header-cell-text {
  padding-left:11px !important;
}
.ag-header-cell[col-id="marketCapital"] .ag-header-cell-text {
  padding-left:20px !important;
}
.ag-header-cell[col-id="closingPrice"] .ag-header-cell-text {
  padding-left:15px !important;
}
.ag-header-cell[col-id="trades"] .ag-header-cell-text {
  padding-left:14px !important;
}
.ag-header-cell[col-id="volume"] .ag-header-cell-text {
  padding-left:83px !important;
}
.ag-header-cell[col-id="turnover"] .ag-header-cell-text {
  padding-left:72px !important;
}
.ag-header-cell[col-id="vwap"] .ag-header-cell-text {
  padding-left:20px !important;
}
.ag-header-cell[col-id="Net"] .ag-header-cell-text {
  padding-left:20px !important;
}


/* Sector statistics and Market Statistics widget */

.ag-header-cell[col-id="secTrades"] .ag-header-cell-text {
  padding-left:20px !important;
}
.ag-header-cell[col-id="foreignBuy"] .ag-header-cell-text {
  padding-left:61px !important;
}
.ag-header-cell[col-id="foreignSell"] .ag-header-cell-text {
  padding-left:61px !important;
}

/* Today's Trade widget */

.ag-header-cell[col-id="Quantity"] .ag-header-cell-text {
  padding-left:47px !important;
}
.ag-header-cell[col-id="Price"] .ag-header-cell-text {
  padding-left:63px !important;
}
.ag-header-cell[col-id="NetChange"] .ag-header-cell-text {
  padding-left:27px !important;
}