body {
	overflow-x: hidden
}

.shortDescMenu {
	font-size: 14px;
	font-weight: 500
}

table.dataTable thead .sorting span.sort_icon {
	content: '';
	display: inline-block;
	background-image: url('../../dist/images/sorting-asc.svg');
	background-size: 16px 16px;
	width: 16px;
	height: 11px;
	margin-left: 5px
}

.loading-text {
	font-weight: 500;
	font-size: 18px
}

.loading-text {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center
}
.mainadbcards .col-md-4 {
    width: 28%;
}

.loading-text img {
	max-width: 40px;
	height: auto
}

.loader {
	background-color: rgb(255 255 255 / 7%)
}

.subLoader {
	text-align: center;
	font-weight: 500
}

.w124 {
	width: 124px
}

.mtop24 {
	margin-top: 24px
}

.dataTables_wrapper .dataTables_filter input {
	width: 200px
}

.dataTables_wrapper .dataTables_filter {
	float: none;
	text-align: left;
	float: left !important;
	padding: 5px 0 12px 0
}

.viewReport {
	color: #000
}

.w-85 {
	width: 30px;
	height: 30px
}

.f14 {
	font-size: 14px !important
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
	border-left-width: 0;
	border-bottom-width: 1px;
	border-right-width: 0
}

table.table-bordered.dataTable td {
	font-family: Lato;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	color: #000
}

.logoicon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #DDD;
	border-radius: 50%
}

.logoicon img {
	max-width: 18px
}

.advProducts ul li a {
	padding: 16px 0 16px 0;
	gap: 4px;
	border-bottom: 1px solid #ddd
}

p.text-caption {
	padding: 16px 0
}

.mod_heading {
	padding-bottom: 20px
}

.openActive {
	color: #000 !important;
	font-weight: 700;
	line-height: 16px;
	text-align: right;
	opacity: 1;
	text-decoration: underline
}

span.opn-btn {
	padding: 4px 8px 4px 8px;
	gap: 10px;
	border-radius: 4px 0 0 0;
	background: #F6E7C9;
	font-size: 12px;
	font-weight: 700;
	line-height: 14.4px;
	text-align: right
}

span.date-time {
	color: #666;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.41px;
	text-align: left
}

.marketAnalysisReportColImg {
	width: 40px;
	height: 40px
}

.marketAnalysisReportColImg img {
	object-position: center;
	border-radius: 50%;
	padding: 5px;
	border: 1px solid #ddd
}

.rupee {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 16.41px;
	text-align: left
}

.font-CaribbeanGreen {
	color: #2DB777;
	font-family: Roboto;
	font-size: 14px;
	line-height: 18.75px;
	text-align: left
}

.moBasketList li h6 {
	color: #666;
	opacity: .5;
	margin-bottom: 0;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.41px;
	text-align: left
}

.entryPrice {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 700;
	/* line-height: 18.75px; */
	text-align: center
}

.small_caption {
	font-family: Roboto;
	font-size: 12px;
	font-weight: 400;
	line-height: 14.06px;
	text-align: center
}

.bold_caption {
	font-family: Roboto;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 700;
	line-height: 14.06px;
	text-align: center
}

.bg-grey {
	background-color: #eee;
	width: 100%;
	padding: 0 8px 0 8px;
	gap: 10px;
	border-radius: 6px;
	opacity: 0;
	height: 26px
}

.pe-2 {
	padding-right: 2.5rem !important
}

.border-bottom {
	border-bottom: 1px solid #ddd
}

button.midSizeButton.viewMore {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 16.41px;
	color: #000;
	text-transform: capitalize;
	text-align: center
}

.midSizeButton {
	text-align: center !important;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: capitalize;
	line-height: 16.41px
}

.tabcontent {
	display: none;
	border-top: none
}

.active .tabcontent {
	display: flex;
	padding: 6px 12px;
	border-top: none
}

.mainadbcards {
	padding: 12px;
	border: solid 1px #DDD;
	border-radius: 8px;
	background-color: #fff !important;
}

.mainadbcards .iconholder {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: solid 1px #DDD;
	display: flex;
	align-items: center;
	justify-content: center
}

.mainadbcards .centerdiv .left {
	position: relative
}

.top52::after {
	top: 52% !important
}

.greencolor {
	color: #00A850;
}

.viewsummary,
.downloadlin {
	color: #2E2A94;
	cursor: pointer
}

.viewsummary:hover,
.downloadlin:hover {
	color: #000
}

.callstatus {
	padding: 4px 8px;
	border-radius: 8px;
	display: inline-block;
	font-weight: 700;
	font-size: 12px
}

.f-12 {
	font-size: 12px
}

.callstatus.open {
	background: #F6E7C9
}

.modal-body {
	padding: 12px !important
}

.modal-dialog .mtop20 {
	margin-top: 12px !important
}

.modal-dialog .moredetails .mainadbcards {
	margin-top: 10px !important
}

.stoplosslabel {
	background: #EEE;
	border-radius: 8px;
	padding: 5px 10px;
	display: block;
	text-align: center
}

.ccta {
	font-weight: 600;
	padding: 5px 20px;
	text-align: center;
	border: solid 1px #DDD;
	border-radius: 8px;
	text-align: center;
	display: block;
	color: #000
}

.ccta:hover {
	color: inherit
}

.ccta.buynow {
	background: #2DB777;
	color: #FFF
}

.relative {
	position: relative
}

.relative .abdiv {
	background: #3B3B3B;
	padding: 4px 8px;
	color: #FFF;
	position: absolute;
	font-weight: 500;
	right: -7px;
	top: 10px;
	border-radius: 8px 0 0 8px;
	font-size: 12px
}

.relative .abdivGreen {
	padding: 6px 8px;
	position: absolute;
	right: 6px;
	border-radius: 8px 0 0 8px;
	font-size: 12px
}

.relative .abdivGreen .relative::after {
	content: "";
	position: absolute;
	right: -9px;
	background: url(../../dist/images/risk.svg) no-repeat;
	width: 8px;
	height: 10px;
	bottom: -15px;
	background-size: cover
}

.relative .abdiv .relative::after {
	content: "";
	position: absolute;
	right: -8px;
	background: url(../../dist/images/vector1.svg) no-repeat;
	width: 8px;
	height: 10px;
	bottom: -14px;
	background-size: cover
}

.col-6.np-l {
	padding-left: 6px
}

.col-6.np-r {
	padding-right: 6px
}

.colorRed {
	background: #cc101c;
    color: #fff;
}

.colorYellow {
	    background: #DC9205;
    color: #fff;
}

.relative .abdivGreen .relative::after {
	content: "";
	position: absolute;
	right: -9px;
	background: url(../../dist/images/risk.svg) no-repeat;
	width: 8px;
	height: 10px;
	bottom: -15px;
	background-size: cover
}

.relative {
	position: relative
}

.mainadbcards {
	padding: 12px;
	border: 4px solid #DBF1FF;
    border-radius: 24px;
   
}
.maintabbody {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}
.mainabox {
    background: #dbf1ff;
    border-radius: 24px;
}
img.chips-icons {
    width: 28px;
    height: 28px;
    margin-right: 5px;
}
/* .secondlevelbody {
    padding-top: 24px;
} */
#pointsPopup .col-md-4 {
    width: 30%;
}

.mtop20 {
	margin-top: 12px
}

.lightgrey {
	color: #666
}

.f16 {
	font-size: 16px
}

.semibold {
	font-weight: 700
}

.TopTabSection1 li a .active {
	font-weight: 600;
	color: #000;
	content: "";
	position: relative
}

.searchbox .holder {
	position: relative
}

.searchbox .holder img {
	position: absolute;
	left: 12px;
	top: 12px;
	margin-top: -3px
}

.searchbox .holder input {
	padding-left: 35px;
	border-radius: 20px
}

.sortFilter {
	cursor: pointer;
	padding: 0 24px
}

img.filter-icon {
	left: 6px;
	position: relative
}

span.sfText {
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	line-height: 18.75px;
	text-align: left
}

.lineborder {
	width: 100%;
	height: 1px;
	background: #DDD;
	margin: 12px 0
}

.mitem {
	color: #000;
	content: "";
	position: relative;
	text-decoration: underline
}

.mitem.active {
	font-weight: 600;
	color: #2E2A94;
	background-color: #fff;
    border-color: #2E2A94;
}
.basket-filter{height:48px;}
 .maintabbody.bodyquants .flist.chipsTitle.selected {
        /* background-color: #d9e6ff !important;
        border-color: #b3d1ff !important; */
        background-color: #fff!important;
    border-color: #2E2A94!important;
        /* box-shadow: 0 2px 8px rgba(46, 42, 148, 0.2) !important; */
        color:#2E2A94!important;
        font-weight:600;
    }

.TopTabSection1 ul li a {
	padding-left: 0 !important
}

.toggleswitch {
	border: solid 1px #DDD;
	border-radius: 8px
}

.toggleswitch .cardview,
.toggleswitch .tableview {
	padding: 5px;
	border-radius: 8px;
	cursor: pointer;
	width: 28px;
	height: 28px
}

.toggleswitch svg {
	margin-top: -5px
}

.tableview svg {
	opacity: .2
}

.tableview.active svg {
	opacity: 1
}

.toggleswitch .active {
	background: #2E2A94;
	color: #fff;
	border-radius: 7px
}

.toggleswitch .active svg g {
	opacity: 1
}

.hide {
	display: none
}

.closedidea.table {
	min-width: 1200px
}

.closedidea th:first-child,
.closedidea td:first-child {
	position: sticky;
	left: 0;
	background: #fff;
	z-index: 1
}

.scrollabletable {
	overflow-y: scroll;
	overflow-x: scroll;
	height: 420px;
	padding-right: 10px
}

.scrollabletable::-webkit-scrollbar {
	width: 2px !important;
	height: 4px !important
}

.scrollabletable::-webkit-scrollbar-track {
	background: #f1f1f1
}

.scrollabletable::-webkit-scrollbar-thumb {
	background: #2E2A94;
	color: #fff;
	border-radius: 10px
}

.scrollabletable::-webkit-scrollbar-thumb:hover {
	background: #e69b10
}

.labelstatus {
	font-size: 12px;
	font-weight: 600;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 8px;
	width: 60px;
	text-align: center
}

.labelstatus.openGreen {
	background: #E0EEE0;
	color: #009B00
}

.callstatus.openGreen {
	background: #E0EEE0;
	color: #009B00
}

.callstatus.closedRed {
	background: #FEE9E7;
	color: #F44437
}

a.callstatus.closedRed.ccta {
	background: #D13636;
	color: #fff;
	padding: 6px 20px 7px
}

.labelstatus.closed {
	background: #EECFCF
}

div.deliveryidea .boxborder {
	height: 510px
}

.inputsearchholder {
	position: relative
}

.inputsearchholder img {
	position: absolute;
	right: 10px;
	top: 10px
}

.stock_name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px
}

.TopTabSection .nav .nav-item .nav-link {
	cursor: pointer
}

.buynowDisable.ccta {
	background: #EEE;
	color: #666
}

.no-img {
	border-radius: 50%;
	padding: 8px 19px;
	background: #eee;
	font-size: 21px
}

.moredetails .blacklabel {
	background: #3B3B3B;
	color: #FFF;
	padding: 4px 8px;
	border-radius: 8px;
	display: inline-block;
	font-size: 12px
}

.moredetails .mtop20 {
	margin-top: 12px
}

.moredetails .iconholder {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: solid 1px #DDD;
	display: flex;
	align-items: center;
	justify-content: center
}

.moredetails .mainadbcards {
	margin-top: 10px;
	border:unset;
}

.moredetails .opencolor {
	color: #F8AF0D
}

.mtop10 {
	margin-top: 10px
}

.mtop5 {
	margin-top: 5px
}

.stoplossblock {
	background: #eee;
	padding: 10px;
	border-radius: 8px
}

.blackcolor {
	color: #000000 !important
}

.othercalls {
	padding: 10px;
	border: solid 1px #DDD;
	color: #000;
	border-radius: 8px;
	width: 100%;
	display: block;
	margin-top: 20px
}

.othercalls:hover {
	color: #000
}

.sctbox .circle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: solid 1px #ddd;
	background: #fff;
	position: relative;
	z-index: 9
}

.sctbox .circle.active {
	border: solid 1px #2db777;
	background: #2db777
}

.sctbox .line {
	flex: 0 0 33.33%;
	max-width: 33.33%;
	position: relative
}

.sctbox .line::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 6px
}

.sctbox .line.active::before {
	content: "";
	width: 100%;
	height: 2px;
	background: #ddd;
	position: absolute;
	right: 0;
	top: 6px;
	z-index: 9;
	left: 25px
}

.sctbox .line.active::after {
	background: #2db777
}

.sctbox .activesecond .entry.line.active::before {
	z-index: 0
}

.sctbox .activesecond .line.active::before {
	left: 0
}

.sctbox .activethird .circle {
	border: solid 1px #2db777;
	background: #2db777
}

.sctbox .activethird .line::before {
	content: none;
	z-index: 0
}

.sctbox .activethird::before,
.sctbox .activethird .current.line.active::before {
	content: none !important
}

.sctbox .entry .circle {
	margin-left: 25px
}

.sctbox .current.line.active::before {
	left: 50%
}

.sctbox .current .circle {
	margin: auto
}

.sctbox .target .circle {
	float: right;
	margin-right: 25px
}

.sctbox .clear {
	clear: both
}

.showmoretext {
	display: none
}

.readmorecta {
	cursor: pointer
}

.text-right {
	text-align: right
}

.viewReport {
	color: #000
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
	border-left-width: 0;
	border-bottom-width: 1px;
	border-right-width: 0
}

table.table-bordered.dataTable td {
	font-family: Lato;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	color: #000
}

.logoicon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #DDD;
	border-radius: 50%
}

.logoicon img {
	max-width: 18px
}

table.table-bordered.dataTable td,
table.table-bordered.dataTable th {
	border-left-width: 0;
	border-bottom-width: 1px;
	border-right-width: 0
}

table.table-bordered.dataTable td {
	font-family: Lato;
	font-size: 14px;
	font-weight: 400;
	line-height: 16.8px;
	color: #000
}

.logoicon {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #DDD;
	border-radius: 50%
}

.try-again {
	color: #000;
	background: #2E2A94;
	color: #fff;
	border: solid 1px #DDD;
	display: block;
	text-align: center;
	padding: 10px 18px;
	border-radius: 8px;
	cursor: pointer
}

.try-again:hover {
	color: #000
}

.f20 {
	font-size: 20px;
	line-height: 30px;
	font-weight: 700
}

small {
	font-size: 14px !important
}

.h-70 {
	height: 70px
}

a#research_company-report {
	padding-left: 0
}

.offcanvas-body ul li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 2px
}

.offcanvas-header.border-bottom.border-1.align-items-center {
	background: #ededed;
	border-radius: 10px 10px 0 0
}

label.customform-controller {
	text-align: right;
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px
}

.nav-pills.bg-LightGreay.ActiveWhite .nav-link.active {
	font-weight: 700;
	border-left: 3px solid #2E2A94
}

.nav-pills.bg-LightGreay.ActiveWhite .nav-link.active .dot-10 {
	display: none !important;
	margin: 0
}

input[type="radio"] {
	color: #000
}

.checkmark,
.customform-controller input:checked~.checkmark {
	border: 1px solid #666666 !important;
	width: 20px !important;
	height: 20px !important
}

.customform-controller .checkmark:after {
	background: #666 !important;
	width: 12px;
	height: 12px
}

.checkmark-2 {
	right: 0;
	left: unset
}

.checkmark2-label {
	text-align: left;
	position: relative;
	display: block;
	left: -20px;
	top: 5px
}

.customform-controller-blank {
	padding-top: 16px;
	border-bottom: 0 !important
}

.d-flex-buttons {
	background: #efefef;
	width: 100%;
	padding: 10px
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0
}

button.btn.btn-warning.bg-BrightYellow.btn-border.w-100.p-2.m-1 {
	font-weight: 500
}

img.close-btn {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: .25em .25em;
	color: #000;
	background: #fff0 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
	border: 0;
	border-radius: .375rem;
	opacity: .5
}

.plans input {
	display: none !important
}

.m-data {
	position: relative;
	top: -26px
}

.sellRed:hover {
	color: #fff !important;
}

@media only screen and (min-width:360px) and (max-width:600px) {
	.filtMargin {
		margin-top: 15px
	}

	.mtop24 {
		margin-top: 12px
	}

	.m-data {
		position: relative;
		top: 0
	}

	div#basketCardView {
		margin-bottom: 1.5rem
	}

	img.close-btn {
		box-sizing: content-box;
		width: 1em;
		height: 1em;
		padding: .25em .25em;
		color: #000;
		background: #fff0 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
		border: 0;
		border-radius: .375rem;
		opacity: .5
	}

	.moversSearchBar input {
		height: 35px !important;
		width: 152px
	}

	.sortfilter {
		width: 160px;
		display: flex;
		justify-content: right
	}

	.relative .abdivGreen {
		padding: 4px 8px;
		position: absolute;
		right: 6px;
		border-radius: 8px 0 0 8px;
		font-size: 10px
	}

	div#basketCardView .mainadbcards.mtop24:first-child {
		margin-top: 0
	}

	.font-md-semimedium {
		font-weight: 700
	}

	.d-flex-buttons {
		margin-bottom: 12px
	}

	div#lockUnlock.unlockSect {
		display: block !important;
		position: sticky !important;
		bottom: 50px !important
	}

	.past_calls {
		width: 100%
	}

	.btn-close {
		opacity: unset !important
	}

	.modal {
		--bs-modal-border-color: unset
	}

	.modal-content {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		box-shadow: 0 -2px 10px rgb(0 0 0 / .1);
		transition: bottom .3s ease-in-out;
		z-index: 1050;
		border-radius: 10px 10px 0 0;
		margin: 0;
		padding: 0;
		height: 520px;
		overflow-y: scroll
	}

	p#pointsdata {
		height: 300px;
		overflow: scroll
	}

	.modal-body .col-md-4 {
		width: 33.33%
	}

	.advisory_rr {
		ul {
			overflow: auto;
			scrollbar-color: #fff0 #fff0;
			scrollbar-width: thin;
			max-width: 330px;

			.nav-item .nav-link {
				color: #000;
				white-space: nowrap;
				padding-left: 0
			}
		}
	}

	.searchbox .holder img {
		margin-top: -5px
	}

	.left-rr.col-md-4,
	.center-rr.col-md-4.text-center,
	.right-rr.col-md-4.text-right {
		width: 33.33% !important
	}

	.col-md-4.curPrice,
	.col-md-4.date {
		padding-right: 0
	}

	.modal-body .col-md-4.right1.text-right {
		padding-left: 0 !important
	}

	.toggleswitch {
		display: none !important
	}

	.lightgrey.call_date,
	.stoplosslabel,
	.f14,
	.readMore,
	.stoplossblock,
	.lightgrey {
		font-size: 12px !important
	}

	.relative .abdiv,
	.callstatus.openGreen {
		font-size: 10px
	}

	.nav .nav-item.active .nav-link {
		height: unset !important
	}

	.mtop20 {
		margin-top: 10px
	}

	small,
	.font-base {
		font-size: 12px !important
	}

	.col-md-4.curPrice,
	.col-md-4.date {
		width: 33.33%
	}

	.advProducts ul li a {
		padding: 16px 0 16px 0;
		gap: 4px;
		border-bottom: 1px solid #ddd
	}

	.moredetails .f20 {
		font-size: 14px
	}

	.moredetails .f16 {
		font-size: 14px;
		padding-top: 3px
	}

	.f16 {
		font-size: 14px;
		padding-top: 3px
	}

	.moredetails .blacklabel {
		font-size: 10px
	}

	.mobwrap {
		flex-wrap: wrap
	}

	.menu_items {
		flex-wrap: wrap
	}

	.menu_items .searchbox {
		margin-top: 15px;
		width: 100%
	}

	.adblist {
		white-space: nowrap;
		overflow-y: scroll;
		padding-bottom: 5px;
		gap: 2rem !important
	}

	div#deliveryidea .boxborder {
		height: auto
	}

	.scrollabletable {
		height: auto
	}

	#deliveryidea .stock_name {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 120px
	}

	#deliveryidea .choicechips {
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch
	}

	#deliveryidea .ideablock .f12 {
		font-size: 10px
	}

	#deliveryidea .ideablock .mininv:after {
		height: 30px
	}

	#deliveryidea .col-md-8 .boxborder {
		margin-top: 20px
	}

	#deliveryidea .closedidea th:first-child,
	#deliveryidea .closedidea td:first-child {
		width: 170px
	}

	.desk {
		display: none !important
	}

	.mobf18 {
		font-size: 18px
	}

	.maincardsblock {
		flex-wrap: wrap
	}

	.maincardsblock .maincards {
		flex: 0 0 100%;
		max-width: 100%
	}

	.maincardsblock .mscrollerbar {
		height: auto
	}

	.mob {
		display: block !important
	}

	.mod_heading {
		padding-bottom: 12px
	}

	.mobtabswitch {
		border-bottom: solid 1px #DDD
	}

	.mobtabswitch .d-flex div {
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
		padding: 10px 15px
	}

	.mobtabswitch .d-flex div.active {
		font-weight: 600;
		position: relative
	}

	.mobtabswitch .d-flex div.active::after {
		content: "";
		width: 100%;
		height: 1px;
		background: #000;
		position: absolute;
		bottom: 0;
		left: 0
	}

	#stockdetail {
		margin-top: 10px
	}

	#stockdetail .boxborder.custommobbox {
		border: none;
		border-top: solid 1px #DDD;
		border-bottom: solid 1px #DDD;
		border-radius: 0;
		padding: 10px 0;
		margin-top: 20px
	}

	#stockdetail .tprow .left {
		gap: 10px !important
	}

	.mobf16 {
		font-size: 16px
	}

	.mobf14 {
		font-size: 14px
	}

	.mobf12 {
		font-size: 12px
	}

	.mobf10 {
		font-size: 10px
	}

	.detailsblock .boxborder {
		padding: 0;
		border: none
	}

	.detailsblock .togsection {
		margin-top: 20px
	}

	.graph {
		width: 100%
	}

	.stockstable {
		height: auto;
		overflow: initial
	}

	.mainmarallocation {
		display: none
	}

	.mobmtop30 {
		margin-top: 30px
	}

	.mininv:after {
		content: "";
		height: 30px;
		width: 1px;
		background: #ddd;
		position: absolute;
		right: -50%;
		top: 5px
	}

	.f20 {
		font-size: 14px;
		line-height:21px;
	}

	.lightgrey.box_title {
		font-size: 12px;
		line-height: 14.4px
	}

	.left1.col-md-4,
	.col-md-4.center1,
	.left1-popup.col-md-4,
	.center1-popup.col-md-4,
	.center-basket.col-md-4.text-center,
	.left-basket.col-md-4 {
		width: 28.33%
	}

	.col-md-4.right1,
	.right1.col-md-4.text-right {
		width: 33.33%;
		padding-left: 0 !important
	}

	.tableview {
		display: none
	}

	.offcanvas.filterdropdown-bottom {
		min-height: 300px !important
	}

	.offcanvas-body ul li {
		border-bottom: 1px solid #ddd;
		padding-bottom: 2px
	}

	.offcanvas-header.border-bottom.border-1.align-items-center {
		background: #ededed;
		border-radius: 10px 10px 0 0
	}

	.offcanvas.show:not(.hiding),
	.offcanvas.showing {
		transform: translate3d(0, 10px, 10px) !important;
		z-index:99;
	}

	#overviewFilterModal {
		max-width: 100% !important;
		left: 0 !important;
		right: 0 !important;
		border-radius: 10px 10px 0 0 !important;
		position: fixed !important;
		bottom: 0 !important;
		background-color: #fff;
		box-shadow: 0 -2px 10px rgb(0 0 0 / .1);
		transition: bottom .3s ease-in-out;
		z-index: 1050;
		margin: 0;
		padding: 0
	}

	.offcanvas.offcanvas-top {
		top: unset !important
	}

	label.customform-controller {
		text-align: right;
		border-bottom: 1px solid #ddd;
		padding-bottom: 8px
	}

	.modal-body .mainadbcards {
		padding: 12px
	}

	.modal-header {
		padding: 12px !important
	}

	.col-md-4.date.lightgrey.text-center {
		padding-left: 0
	}

	.modal-dialog.modal-lg {
		margin-left: unset;
		margin-right: unset
	}

	.col-md-4.date.lightgrey.text-right {
		padding-left: 0;
		padding-right: 12px
	}

	.stoplossblock {
		background: #eee;
		padding: 4px 10px;
		border-radius: 8px
	}
}

@media (min-width:992px) {

	.modal-lg,
	.modal-xl {
		--bs-modal-width: 550px !important
	}
}

.w124 {
	width: 124px
}

.blurtext {
	filter: blur(7px);
	pointer-events: none;
	user-select: none
}

.activelock::after {
	content: "";
	background: url(../../dist/images/blur-Lock.png) no-repeat;
	width: 24px;
	height: 32px;
	position: absolute;
	left: calc(50% - 16px);
	top: calc(50% - 12px)
}

.TopTabSection .nav .nav-item.active .nav-link {
	color: #000;
	font-weight: 500;
	border-bottom: 1px solid #2E2A94;
	border-width: medium;
	height: 38px !important;
	width: auto
}

.table-container {
	margin-bottom: 60px;
	max-height: 500px;
	overflow-y: auto
}

.unlock_More {
	background-color: #006EB9;
    color: #fff !important;
    padding: 11px 11px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-top: 1px solid #ddd;
    width: 94px;
    cursor: pointer;
    margin: 8px;
    height: 40px;
}

.past_calls {
	background-color: #fff;
	border: 1px solid #D8D6CF;
	border-radius: 8px;
	cursor: pointer;
	font-weight: 700;
	padding: 12px;
	margin: 0 5px
}

.sticky_cont {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: center
}

span.lock_img img {
	padding-bottom: 4px
}

div#lockUnlock.unlockSect {
	display: flex;
	justify-content: center;
	align-items: center;
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	background: #D9E6FF;
	/* padding: 8px; */
	/* border-radius: 12px 12px 0 0; */
	margin: 24px 0;
	z-index: 11
}

.offcanvas.filterdropdown-bottom {
	min-height: 310px
}

svg#resultOverviewFilter {
	cursor: pointer !important
}

#overviewFilterModal {
	position: absolute;
	max-width: 330px;
	width: 100%;
	left: inherit;
	top: 72%;
	right: 1% !important
}

.sticky-btn {
	display: flex;
	justify-content: center
}

span.label.f10.bold.rounded-pill.px-2.py-1 {
    /* border-radius: 4px !important; */
    color: #2b2e8c !important;
    font-weight: 500 !important;
}
.label.f10.bold.rounded-pill.rounded-pill.px-2.py-1 {
    /* border-radius: 4px !important; */
    font-weight: 500 !important;
}

.exitDate{
	color:#fff;min-width:210px;text-align:right;
}
.recoDate{
	color:#fff;min-width:210px;text-align:right;
}
@media only screen and (max-width: 767px) {
	.mainadbcards{
		border-top-left-radius: 10px !important;	
		border-top-right-radius: 10px !important;	
	
	}

	#mainBroker-Consensus .borderbox,#mainStock-Ratings .borderbox{
		border-bottom-left-radius: 10px !important;	
		border-bottom-right-radius: 10px !important;
	}
}

@media only screen and (min-width:360px) and (max-width:600px) {
	.recoDate {
    color: #fff;
    min-width: 106px;
    text-align: right;
    font-size: 9px;
	font-weight:400!important;
}
	.exitDate {
	color: #fff;
	min-width: 106px;
	text-align: right;
	font-size: 9px;
	font-weight:400!important;

}
.label.f10.bold.rounded-pill.rounded-pill.px-2.py-1, .f10.closedRed.bold.rounded-pill.px-2.py-1 {
    border-radius: 10px !important;
    font-weight: 500 !important;
    font-size: 10px;
    padding: 4px 6px !important;
}
.bg-blue{
	padding:0 6px !important;
}
.w-57 {
    width: 40px;
}
.logobx {
    width: 40px;
    height: 40px;
}
.gap26 {
    gap: 15px;
}
.stockLogoName .stockName{font-size:16px;font-weight: 700;
    
    text-transform: uppercase;}
	.separator {
    border: solid 1px #D8D6CF;
    margin: 6px 0!important;
}
.potentialColor{
	font-size:26px;
	margin-bottom: 5px;
}
.f18 {
    font-size: 14px;
}
.f12{font-size:10px;}
.f12.bold.ltp{font-size:9px!important;}
.gap10 {
    gap: 7px;
}
}