.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_White_16.png);
	background-repeat: no-repeat;
}

.filter-icon {
	background-image: url(../images/dashboard/Filter_White_16.png);
	margin-top: 5px !important;
	background-repeat: no-repeat;
	margin-right: 4px !important;
}

.plus-icon {
	background-image: url(../images/plus-icon.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;
	/* width of the entire scrollbar */
}

.pane-hScroll::-webkit-scrollbar {
	height: 3px;
	/* width of the entire scrollbar */
}

.pane-vScroll::-webkit-scrollbar-track,
.pane-hScroll::-webkit-scrollbar-track {
	background: var(--pane-bg-color);
	/* color of the tracking area */

}

.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;
	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;
	padding-right: 5px !important;
}

.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) !important;
	padding: 0px 0px;
	width: 100%;
}

#widget2 .footer-section .table-layout {
	border: none;
	padding: 8px 0px !important;
	border-style: hidden;
}

#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;
	width: 20%;
	padding: 0px !important;
}

#widget2 .footer-section .table-layout tr th:last-child {
	width: 18%;
	border: 0px !important;
}

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

#widget2>div.grid-stack-item-header>span {
	vertical-align: middle;
}

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

#widget {
	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,
.btn-primary:focus,
.btn-secondary:focus {
	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;
}

.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: #F0CBA6; */
	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);
}

.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.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: 0.75pt solid #404040 !important;
	width: inherit;
	height: 230px;
	border-radius: 2px;
}

#btn-card-group {
	list-style: none;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	text-align: center;
	margin-top: 15px !important;
	margin-bottom: 0px !important;
	padding-top: 5px !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 {

	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: 25%;
}

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

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

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

.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;

	text-align: center;

}

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

.loosers-symbol {
	display: inline-block;
	height: 18px;
	width: 18px;
	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: 7px;
	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;
}

.indices-table td:first-child {
	border-right: thin solid var(--indices-table-firstChild-brd);
}

.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-black.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-black.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);
	border: 1.5pt solid #ffc000;
}

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

}

/* market news */

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

.grid-stack-item-header cspl-dtp .input-group .input-group-btn button {
	border-color: var(--grid-stack-item-header-btn-brd) !important;
}

.go-btn,
.go-btn:hover,
.go-btn:active,
.go-btn:focus {
	background-color: var(--go-btn-bg) !important;
	padding: 5px !important;
	border: 1.5pt solid var(--go-btn-brd) !important;
	color: var(--go-btn-color);
	font-size: 9pt !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;
}

.modal-xm {
	width: 500px;
}

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

.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 */
}

.order-entry cspl-radio-button .btn-group {
	border: thin solid #595959 !important;
	padding: 0px;
}

.order-entry cspl-radio-button label {
	padding: 3px !important;
	font-size: 8.5pt;
	background-color: #eaeaea;
	color: #404040;
}

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

.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 .btn-primary,
.client-order-entry-container cspl-dtp .btn-primary {
	margin-top: 0px !important;
	margin-right: 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 {
	border-color: #595959 !important;

}

.order-entry-container cspl-radio-button .btn-group,
.client-order-entry-container cspl-radio-button .btn-group {
	border: thin solid #595959 !important;
	padding: 0px;
}

.order-entry-container cspl-radio-button label,
.client-order-entry-container cspl-radio-button label {
	padding: 0px !important;
	font-size: 8.5pt;
	background-color: #eaeaea;
	color: #404040;
}

.order-entry-container cspl-radio-button .active,
.client-order-entry-container cspl-radio-button .active {
	background-color: #00ff00;
	color: #000000;
}

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

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

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

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

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

.green-btn,
.green-btn:active,
.green-btn:hover {
	font-size: 8.5pt !important;
	color: #000000 !important;
	background-color: #00ff00 !important;
	padding: 1px 5px;
	margin: 8px;
}

.btn-toggle {
	background: #7f7f7f !important;

}

.btn-toggle.active {
	background: #00ff00 !important;
}

.btn-toggle>.handle {
	background: #d9d9d9;
}

.order-entry-container {
	padding: 0px;
}

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

/* 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;
}

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

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

m #dealer-verify-table .new-value {
	width: 70px !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 {}

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

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

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

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



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

#cancelOrderTable thead {}

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

#cancelOrderVScroll {
	height: 100px;
}

#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);
}

.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-18.png);
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
}

.cancel-icon {
	background-image: url(../images/Cancel_ThickStroke.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: -45px !important;

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



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

.tooltip-define {
	max-width: 200px;
	display: inline-block;
}

.tooltip-table {
	max-width: 165px;
	display: inline-block;
}

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

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

.tableCellHideTooltip {
	max-width: 55px;
}

.tableCellHideTooltip {
	max-width: 55px;
}


.newsCellSubjectTooltip {
	max-width: 70px;
}

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

#marketTrades #cancelOrderVScroll {
	height: 200px !important;
}

#tradeMarketVScroll {
	height: 200px !important;
}



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

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

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

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

.mapped-user-profile-icon {
	background-image: url(../images/Mapped_User_Profile-18_dark.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%;
	padding: 5px 0px;
	background-color: var(--screen-top-bg);
}

.modal-md {
	width: 530px;

}

.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;
}


.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);
}

.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 !important;
	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;
}

.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 124px 15px 123px !important;
	background-color: #7f7f7f !important;
	border-color: transparent !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;
	background-color: var(--single-order-bg);
}

.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 {
	border: 1pt solid var(--profile-segment-brd);
}

.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;
}

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

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

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

.profile-body::-webkit-scrollbar-track {
	background: var(--go-btn-bg);
	/* color of the tracking area */
}

.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 .pane {
	margin-top: -5px;
}

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

#offMarketTrades {}

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

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

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

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

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

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

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

#offMarketTradesMismatched th,
#offMarketTradesMismatched 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 {
	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 {
	display: none;
}

.statusPendingBgColor {
	background-color: #6D5510 !important;
	padding: 5px
}

.statusRejectedBgColor {
	background-color: #6C2019 !important;
	padding: 5px
}

.statusPartialTradeBgColor {
	background-color: #0A690A !important;
	padding: 5px
}

.statusFullyTradeBgColor {
	background-color: #0A307B !important;
	padding: 5px
}

.statusCancelBgColor {
	background-color: #B10909 !important;
	padding: 5px
}

.statusRequestBgColor {
	background-color: #617F16 !important;
	padding: 5px
}

.statusExpiredBgColor {
	background-color: #6C156E !important;
	padding: 5px
}

.statusPendingApprovalBgColor {
	background-color: #90243C !important;
	padding: 5px
}

.statusMatchedBgColor {
	background-color: #23b723 !important;
	padding: 5px
}

.statusOffmarketBgColor {
	background-color: #0F8082 !important;
	padding: 5px
}


.order-entry-container .help-block-error {
	margin-top: 0px;
	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;
}

#OrderActivityVScroll .pending {
	background-color: #6D5510;
}

#OrderActivityVScroll .rejected {
	background-color: #6C2019;
}

#OrderActivityVScroll .partialTrade {
	background-color: #107510;
}

#OrderActivityVScroll .fullTrade {
	background-color: #0A307B;
}

#OrderActivityVScroll .cancelStatus {
	background-color: #B10909;
}


#OrderActivityVScroll .Expired {
	background-color: #6C156E;
}

#OrderActivityVScroll .pendingApproval {
	background-color: #90243C;
}

#OrderActivityVScroll .matchedStatus {
	background-color: #00FF00;
}

#OrderActivityVScroll .offMarketStatus {
	background-color: #0F8082;
}


#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;
}

#cancelOrderVScroll .pending {
	background-color: #6D5510;
}

#cancelOrderVScroll .partialTrade {
	background-color: #107510;
}

#cancelOrderVScroll .offMarketStatus {
	background-color: #0F8082;
}

/* 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;
}

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

.clients-title-background {
	background-color: var(--profile-header-bg);
	height: 40px;
	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;
}

#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 i {
	display: block;
}

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

#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);
}

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

#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-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;
}

.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-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 #ffbf00;
	background: var(--serverPendingBox-bg);
	width: 230px;
	display: inline-block;
	border-radius: 7px;
	padding: 10px 10px 70px 10px;
	margin-left: 10px;
}

.refreshing {}

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

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

.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;
}

.marginDepositMsg {
	margin: 2px 12px;
	text-align: justify !important;
	/* margin: 10px 37px; */
}


.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;
}

.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 */


#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>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;

}

#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 {
	padding: 7px 36px !important;
}


#report-tab-strip>.nav-tabs>li>a>uib-tab-heading>label {

	color: var(--report-tab-strip-li-label-color) !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-label-color) !important;
}

#report-tab-strip>.nav-tabs {
	border-bottom: 2px solid var(--report-tab-strip-nav-tabs-brd-bot) !important;
	margin-bottom: -1px !important;
}

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

}

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

.manage-report {
	/* border:8px solid black; */
}

.padding-form {
	padding: 7px 0px 7px 0px !important;
}

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

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

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

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

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

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

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

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

.head {
	color: #ffc000 !important;
}

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

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

.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 {
	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;
}

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

.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;
	border-left: 0.25px solid var(--input-group-btn-button-brd-left) !important;
}

.breadcrumb {
	margin-left: 0px;
}

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

.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;
}


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

#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-body>.selected td {
	border: none !important;
}

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

#manage-report-las-body>.selected td {
	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-card {

	border-radius: 5px;
	border: 1.5px solid #FFC000;
	margin-left: 15px;
	margin-right: 15px;
	/* #e1a161 
    background-color:#e1a16;*/
	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;

}

.card-header-port {
	border: 0.6px solid black;
	border-radius: 3px !important;
}

.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: 2px 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: 2px solid var(--pane-bg-color);
	color: var(--table-layout-color);
	font-size: 9pt;
}

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

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

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

.value-odd {
	background-color: var(--port-folio-nth-even-bg) !important;
	margin-left: 15px !important;
	color: var(--report-tab-strip-li-label-color);
	padding: 8px 3px 8px 7px !important;
}

.value-even {
	background-color: var(--value-even-bg) !important;
	margin-left: 15px !important;
	color: var(--report-tab-strip-li-label-color);
	padding: 8px 3px 8px 7px !important;
}

.port-folio>tbody>tr>td {
	padding: 8px 3px 8px 3px !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-value>tbody>tr>td {
	font-size: 9.5pt;

}

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

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

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

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

.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);
	color: var(--export-import-div-btn-image-brd);
}

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

#portfolio>thead>tr>th,
#portfolio>thead>tr>td {
	border-color: #0e1c4e !important;
	background-color: var(--port-folio-thead-tr-bg) !important;
	border: 0px solid var(--port-folio-thead-tr-bg) !important;
}

#portfolio-valuation>thead>tr>th,
#portfolio-valuation>thead>tr>td {
	border-color: var(--portfolio-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;

}

.width-chart {
	width: 60px;
}

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

.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;
}

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

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

.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>div>span>button {
	border-color: var(--report-dtps-div-span-btn-brd) !important;
}

.report-dtps cspl-dtp .input-group .input-group-btn button {
	background-color: var(--input-group-btn-button-bg) !important;
	border-left: 0.25px solid var(--input-group-btn-button-brd-left) !important;
}

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

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

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

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

.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; */
	background-color: var(--contract-report-tr-odd);
}

.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: 10px;
    padding-left: 0px;
    width: 98.5%;
}


/* available funds*/
.inner-row-af {
	border-radius: 3px;
	margin: 0px !important;
	background-color: var(--pane-bg-color);
	margin-top: 2px !important;
}

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

.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;
}

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

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

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

.table-even-value {
	background-color: var(--snapshot-table-child-bg) !important;
	font-size: 9.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;

}

#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: 2px 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: 14px !important;
}

.value-progress {
	width: 60px;
}

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

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

.yellow-font-color {
	color: var(--yellow-font-color) !important;
}

.padding-head {
	padding: 5px;
}

.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;
	color: #fff;
	float: left;
	height: 10px;
	width: 30px;
	position: relative;
	text-align: left;
	border-radius: 4px;
}

.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;
	color: #fff;
	float: left;
	height: 10px;
	width: 30px;
	position: relative;
	text-align: left;
	border-radius: 4px;
}

.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;
	font-weight: bold !important;
	border: 1px solid #626262 !important;
	padding: 6px !important;
}

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

.font-white {
	color: white;
}

.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;
}




/*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: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; */
	background-color: var(--manage-report-nth-odd-bg);
}

.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;
}

.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-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;
}

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

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

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

#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: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;
}


/* 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;
}

.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);
	text-decoration: underline;
	font-size: 9.5pt;
	color: var(--history-link-color);
	margin-top: 10px;
	width: 27%;
}

.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;
}

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

.modal-xlg {
	width: 690px;

}

/*-------------------*/
/* 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 {
	border: 1.5pt solid #404040;
	color: var(--dep-with-button-color);
	background-color: var(--dep-with-button-bg);
	text-align: center;
}

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

.dep-with-button-active:after {
	content: " ";
	position: absolute;
	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);

}

.margin-steps {
	margin-top: 15px;
}

.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>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>#pagination-background>ul {
	margin-top: 0px !important;
}

#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.5px solid var(--business-container-brd);
	color: var(--loose-gain-table-color);
	font-size: 9pt;
	border-radius: 6px;
	padding: 4px;
}

.withdraw-payment-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;
}

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

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

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

.table-width {
	width: 50%;
}

#paymentMode>div>div>span {
	top: -2px !important;
}

.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;
	padding: 8px 3px 8px 3px !important;
	color: var(--table-layout-color);
}

.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;
}

.withdraw-note {
	color: #f0cba6 !important;
}

/*referral module*/

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

.refer-label-2 {
	font-size: 10pt;
	color: var(--refer-label-2-color);
}

.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: 24pt;
	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;
}

#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 {
	background-color: var(--tradingMode-label-primary);
	font-size: 10.5pt;
	color: #7f7f7f;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	width: 50%;
}

/* 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;
}

#report-pagination-button>#pagination-background>ul>li.active>a {
	padding: 0px 6px 0px 4px !important;
	font-size: 13px !important;
	margin-top: 7px !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; */
	background-color: var(--contract-report-tr-odd);
}

.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;
	font-size: 10pt;
	font-family: segoe ui semibold;
	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 {
	background-color: #000;
}

.highcharts-bindings-wrapper li {
	border: 1px solid gray;
	border-radius: 2px;

}


.highcharts-bindings-wrapper li>span.highcharts-menu-item-btn {
	background-color: #999;

}

.highcharts-legend-item .highcharts-point,
.highcharts-legend-item .highcharts-graph {
	-webkit-text-fill-color: red;
}

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



svg>g.highcharts-series-group>g.highcharts-series.highcharts-series-1.highcharts-column-series.highcharts-color-1.highcharts-tracker>rect {
	fill: gray;
}

.highcharts-scrollbar-track {
	fill: #444;
}

.highcharts-grid-line {
	color: #444;
}

svg>g:nth-child(8)>path {
	stroke: #111;
}

.highcharts-navigator-xaxis path {
	stroke: #333;
}


.highcharts-yaxis-grid path {
	stroke: #444;
}


.btn-template li a {
	vertical-align: middle;

}


/* 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;
}

/* DashBoard Widget's */




/* Gainers Losers */

.gainerLoserBtnWidth {
	width: 100px !important;
}

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




/* Indices */
/* 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-black.png) !important;

}

/* low */
.indicestableRows_left .n20iImg {
	content: url(../images/n20i-black.png) !important;

}



/* 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: 28.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: 213px !important;
}

/* Market Trades */
#marketTrades .marketTradesHeight {
	height: 242px !important;
}

.marketTrades_Container {
	padding-top: 10px;
}

/* Sector statistics */

#sector-statistics cspl-table .ag-body-viewport {
	height: 232px !important;
}

#intraday-trades cspl-table .ag-body-viewport {
	height: 231px !important;
}

/* Intraday Position */
.intradaypositiontable_Container {
	padding-top: 16px;
}

#offMarketTrades .intradayPositionSizingXY {
	width: 100% !important;
	height: 222px !important;
}

/* Order Status */

#order-status cspl-table .ag-body-viewport {
	height: 179px !important;
}

/* Market News */

#marketNews {
	padding-top: 15px;
}


/* 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: 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;
	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;
}

/* Date Picker FundTransfer */
.fundTransferDatePicker>cspl-dtp>div>span>button {
	border-color: #616670 !important;
}

.fundTransferDatePicker cspl-dtp .input-group .input-group-btn button {
	background-color: #0b0b0b !important;
	border-left: 0.25px solid #0b0b0b !important;
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}

.fundTransferDatePicker cspl-dtp .input-group input {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !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%;
}


/* 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_filter_panel_directive */

.filter-panel-background {
	background-color: var(--go-btn-bg);
}

.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 {
	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;
}

/* 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;
}

/* widget filter template border */
.widget-filter-template-border {
	border: 4px solid var(--pane-bg-color) !important;
	padding: 5px;
	border-radius: 4px !important;
	background-color: var(--go-btn-bg) !important;
}


/* cspl multi select directive */

.search-drop-down {
	background-color: var(--go-btn-bg);
}

cspl-multi-select[aria-required].ng-invalid .search-drop-down-text,
cspl-multi-select[aria-required].ng-valid .search-drop-down-text,
.search-drop-down-text {
	background-color: var(--go-btn-bg);
}

.item-selected {
	background-color: var(--go-btn-bg) !important;
	color: var(--cancelOrderVScroll-color) !important;
}

cspl-multi-select>div>button {
	color: var(--cancelOrderVScroll-color) !important;
}

cspl-multi-select[aria-required].ng-invalid {
	background-color: var(--tradingMode-label-primary);
}

.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;
}

/* 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;
}

/* 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_DarkTheme_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__DarkTheme_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;
}

.dropdown-menu>li {
	color: var(--cancelOrderVScroll-color);
}

.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: 0.5px solid var(--port-ach-input-text-brd) !important;
	/* border: 1px solid #595959 !important; */
	border-left: none !important;
	height: 30px;
}


.userProfileBgcolor {
	background-color: var(--pane-bg-color) !important;
}

.userProfilecolor {
	color: var(--table-layout-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;
}

.text-end {
	text-align: right !important;
}

.cspl-ach.ng-dirty.ng-invalid input {
	background-color: var(--go-btn-bg) !important;
	border-width: 1px !important;
}

.multi-select-dark-bg-color {
	background-color: var(--go-btn-bg) !important;
}

/* date picker */

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default[disabled] {
	border: none !important;
	background-color: var(--go-btn-bg) !important;
}

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default:hover {
	background-color: var(--pane-bg-color) !important;
}

cspl-dtp>div>div>ul>li>div>div>div>table>thead tr th .btn-default:hover {
	background-color: var(--pane-bg-color) !important;
}

cspl-dtp>div>div>ul>li>div>div>div>table>thead tr th .btn-default:active {
	background-color: var(--go-btn-bg) !important;
}

cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default.active {
	background-color: #0e1c4e !important;
	color: #FFFFFF !important;
}

cspl-text input.form-control.ng-dirty.ng-invalid {
	background-color: var(--go-btn-bg) !important;
}

.validity-date-retail-order-dtp cspl-dtp>div>span>button {
	margin-left: 0px !important;
}


.tradingAcc-dtps cspl-dtp>div>div>ul>li>div>div>div>table>tbody tr td .btn-default[disabled] {
	border: none !important;
	background-color: var(--tradingAcc-dtps-btn-default-bg) !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;
}

.dropdownBorderColorValidInvalid .ng-invalid input {
	border: 1px solid #595959 !important;
}

.notifications-dropdown-menu .notificationList .notificationBgPending>span>div {
	background: var(--notifications-dropdown-menu-notificationBgPending-bg) !important;
}

.notifications-dropdown-menu .notificationList .notificationBgVisited>span>div {
	background: var(--go-btn-bg) !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);
	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);
	text-align: center;
}

cspl-search>div>input {
	color: var(--cancelOrderVScroll-color);
}

.cspl-search-light-bg-color {
	background-color: var(--pane-bg-color);
}

.checkbox-color {
	color: #7f7f7f;
}

.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;
}

.dropdownBorderColorValidInvalid .ng-valid .input-group-text {
	border: 1px solid #595959 !important;
}

.dropdownBorderColorValidInvalid .ng-invalid .input-group-text {
	border: 1px solid #595959 !important;
	/*  background-color:black !important; */
}

.enabled-bgcolor-dropdown {
	background-color: black !important;
}

.search-text-color {
	color: var(--cancelOrderVScroll-color) !important;
}

.ag-header-cell div {
	/* width: 98% !important; */
	/* padding-left: 20px !important; */
}

.ag-header-cell .ng-scope {
	/* width: 98% !important; */
	/* padding-left: 20px !important; */
}

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 {
	color: var(--cancelOrderVScroll-color);
}

.ag-theme-blue {
	color: var(--cancelOrderVScroll-color) !important;
}

.manage-clients-search>cspl-search>div>input {
	width: 150px !important;
}


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

.withdrawPagination>ul .active {
	padding-top: 5px !important;
}

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

.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);
}

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

.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:#262626;
}

.bonds-trading-widget > tbody >tr:nth-child(odd){
background-color:#404040;
}

.bonds-trading-widget > tbody tr:hover td  {
	background-color:#1c476e;
	color:#ffffff;
}

	.bonds-trading-widget > tbody tr td  {
	vertical-align: middle;
}

.bonds-trading-widget > thead > tr th{
	background-color:#111111;
	color:#ffffff;
}

.bonds-trading-widget > thead > tr{
	border: 2pt solid #7f7f7f !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;
}

.terms-link {
	font-size: 9.5pt;
}

.passageBond {
	margin-bottom: 7px !important;
	font-size: 12pt !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;
}

#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;
}

.referal-txt-color {
	color: var(--cancelOrderVScroll-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);
	color: var(--export-import-div-btn-image-brd);
	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.5px solid var(--profile-segment-brd);
	color: var(--withdraw-cancel-button-failure-color);
	font-size: 9pt;
	border-radius: 6px;
	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;
}

.withdraw-failure-data {
	color: var(--yellow-font-color) !important;
}

.sticky-col-invalid-data {
	position: sticky !important;
	right: 0;
	z-index: 1;
	background: inherit;
	height: inherit;
	text-align: left;
	width: 279px !important;
}

#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);
}

.Card_bgColor_UserProfile {
	Background-color: var(--pane-bg-color);
}

.userProfile-DarkTheme-bg {
	background-color: #292929;
}

.userProfile-DarkGreenTheme-bg {
	background-color: #063722;
}

.userProfile-LightTheme-bg {
	background-color: #0E1C4E;
}

.userProfile-LightGreenTheme-bg {
	background-color: #205A41;
}

#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;
}

.market-depth-scripChangeForm{
	background-color:var(--market-depth-scripChangeForm-bg);
}


.dealerGroupingAllow {
    background-color:#00FF00;
    color:#000000;
    border:none;
}

.dealerGroupingDeny {
    background-color:#FF0000;
    color:#000000;
    border:none;
}

.btn-bck-color{
	background-color:#000000;
}

.label-dark-color{
	color:#F0CBA6;
}

.AlertTriggered{	
	content: url(../images/AlarmSecurityAlertTrigger.png);
}

.AlertCreated{
	content: url(../images/SecurityAlertSuccesSymbol.png);
}

.AlertDisabled{
	content: url(../images/AlertDisabledSymbol.png);
	
}

.security-alert-text-color{
	color:#D3D3D3;
}
.Card_bgColor_UserProfile {
	Background-color:var(--pane-bg-color);
	border-radius: 0px 0px 6px 6px;
}

.card-userprofile-brd{
border:1px solid #ffffff;
}

.userProfile-DarkTheme-bg{
	background-color:#292929;
}

.userProfile-DarkGreenTheme-bg{
	background-color:#063722;
}

.userProfile-LightTheme-bg{
	background-color:#0E1C4E;
	}
	
.userProfile-LightGreenTheme-bg{
		background-color:#205A41;
	}

#user-profile-upload-btn{
	color:var(--grid-stack-item-header-color) !important;
}

.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-hover-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;
   }

   #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:white;
}

.invalid-bg-color{
	background-color:#404040 !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;
}

.modal-title-terms{
	color: #ffffff;
}

.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;
}