/* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
  }
  

 
.container-fluid{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}*/
@import
	url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap')
	;

body {
	padding: 0px;
	margin: 0px;
	overflow-y: auto;
	/* overflow: hidden; */
	font-family:  'Roboto', sans-serif;
	font-size: 100% !important;
}

body::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.g-2>col-sm-1, .g-2>.col-sm-2, .g-2>.col-sm-3, .g-2>.col-sm-4, .g-2>.col-sm-5,
	.g-2>.col-sm-6, .g-2>.col-sm-7, .g-2>.col-sm-8, .g-2>.col-sm-9, .g-2>.col-sm-10,
	.g-2>.col-sm-11, .g-2>.col-sm-12, .g-2>.col-md-1, .g-2>.col-md-2, .g-2>.col-md-3,
	.g-2>.col-md-4, .g-2>.col-md-5, .g-2>.col-md-6, .g-2>.col-md-7, .g-2>.col-md-8,
	.g-2>.col-md-9, .g-2>.col-md-10, .g-2>.col-md-11, .g-2>.col-md-12, .g-2>.col-lg-1,
	.g-2>.col-lg-2, .g-2>.col-lg-3, .g-2>.col-lg-4, .g-2>.col-lg-5, .g-2>.col-lg-6,
	.g-2>.col-lg-7, .g-2>.col-lg-8, .g-2>.col-lg-9, .g-2>.col-lg-10, .g-2>.col-lg-11,
	.g-2>.col-lg-12 {
	padding-right: 6px;
	padding-left: 6px;
}

.front-table.table-responsive{
	display: block;
	width: 100%;
	overflow-x: auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

.mt20 {
	margin-top: 20px;
}

.fist-box {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}

.Portfolios {
    border: 1px solid #C3C1EA !important;
    background: #E7E6FB !important;
}

.asset-box{
    border-radius: 10px;
border: 1px solid #E8C6CE;
background: #F8E5E9;
}


.pending-box{
    border-radius: 10px;
border: 1px solid #B6CCDE;
background: #DFEDF8;
}
.pending-redmop-box{
    border-radius: 10px;
    border: 1px solid #E5D0B4;
    background: #FBECD8;
}
.Portfolios h2{
    color: #6151F8;
}
.asset-box h2{
    color: #F02B59;;
}
.pending-box h2{
    color: #1A8BE2;
}
.pending-redmop-box h2{
    color: #FFA428;
}

.name-hd {
	font-size: var(--font-size-22);
	font-weight: 600;
	padding-block: .3rem;
	display: flex;
	justify-content: space-between;
}
.name-hd>p {
    margin-bottom: 5px;
}
.left-part>h2 {
	margin: 0;
	font-size: var(--font-size-24);
	font-weight: 600;
	padding-block-end: .3rem;
}

.left-part p {
	font-size: var(--font-size-22);
	font-weight: 500;
	padding-block-end: .3rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.left-part p span {
	min-width: 40px;
}

.full-box {
	border-radius: 10px;
	padding: 10px 10px 0;
	clear: both;
/*	background: #fff;
	border: 1px solid #E6E6E6;*/
	overflow: hidden;
	min-height: 112px;
	max-height: 112px;
	height: 100%;
}

.name-hd span {
	color: var(--primary-color);
}

.row-flex-custom-box {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

table.table>thead>tr {
	border-radius: 12px 12px 0px 0px;
	background: #f2f2f2;
	color: #40505F;
	font-size: var(--font-size-22);
	font-weight: 500;
	
}

table {
	width: 100%;
	font-size: 0.875em;
}

.form-control {
	background: #FFF !important;
}

table.dashboard-table-header>thead>tr {
	border-radius: 12px 12px 0px 0px;
	background: #C4D0DB;
	color: #40505F;
	font-size: var(--font-size-22);
	font-weight: 500;
}

.table-hd {
    color: #262626;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard-table-header>thead>tr>th, tbody>tr>td {
	padding-inline: .5rem;
	font-size: var(--font-size-22);
	font-weight: 500;
}

.card-box {
	padding: 10px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
	position: relative;
	clear: both;
	overflow: hidden;
}

.front-page .card-box {
	height: 380px;
	/* max-height: 620px; */
}

.mt-20 {
	margin-top: 10px;
}

.panel.panel-default {
	border: 0;
}

.table-hd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-block: .5rem;
}

.table-hd h6 {
	color: var(--primary-color);
	font-size: var(--font-size-26);
	font-weight: 600;
	margin: 0;
}

.nav-box {
	display: flex;
	align-items: center;
	gap: 20px;
}

.nav-box .input-sec {
	width: 100%;
	display: flex;
	gap: 10px;
	align-items: center;
}

form.input-flex {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.input-sec {
	width: 25%;
}

label.form-label {
	display: block;
	padding-block-end: .5rem;
	font-size: var(--font-size-22);
	font-weight: 400;
}

select.form-select {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: var(--font-size-22);
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.table thead>tr>th {
	vertical-align: middle;
	border-bottom: 2px solid #ddd;
	color: #40505F;
	font-size: var(--font-size-22);
	font-weight: 500;
}

table.table {
	border: 1px solid #DCE3E9;
}

canvas#myChart2 {
	max-width: 100% !important;
}

.front-page .col {
	margin-bottom: 10px;
}

.apexcharts-toolbar {
	display: none !important;
}

button.add-btn {
	position: absolute;
	right: 10px;
	border: 0;
	top: 10px;
	font-size: var(--font-size-22);
	color: #fff;
	background: #1a8be2;
	width: 26px;
	height: 26px;
	border-radius: 50px;
	line-height: 28px;
}

th {
	height: 38px;
	padding-left: 10px;
	font-size: 0.875em;
}

td {
	height: 28px;
	padding-left: 10px;
	/*  min-width: 120px; */
}

/*----------- Scrollbar --------------*/
.vertical-scroll-table {
	max-height: 245px;
}

.vertical-scroll-table::-webkit-scrollbar {
	width: 6px;
}

.vertical-scroll-table::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.vertical-scroll-table::-webkit-scrollbar-thumb {
	background: #888;
}

.vertical-scroll-table::-webkit-scrollbar-thumb:hover {
	background: #555;
}
/*----------- Scrollbar --------------*/
.download-pos {
	position: absolute;
	right: 10px;
	color: #1a8be2;
	font-size: var(--font-size-20);
	top: 10px;
	cursor: pointer;
}

.right-part {
	position: relative;
	top: -17px;
}

.panel {
	margin-bottom: 0px;
}

.btnstyle-add {
	position: relaitive;
}

button.add-btn-new {
	position: fixed;
	border: 0px;
	padding: 6px 15px;
	font-size: var(--font-size-26);
	font-weight: 500;
	background: #1a8be2;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	z-index: 12;
	right: 37px;
	bottom: 50px;
}

.front-page .card-box {
	height: 380px;
	overflow-y: auto;
	scrollbar-width: thin;
	scroll-behavior: smooth;
	scroll-padding: auto;
	/*    	scrollbar-color: #3A4A58 #C4D0DB; */
}

::-webkit-scrollbar-button {
	height: 0 !important;
	width: 0 !important;
}

::webkit-scrollbar-button {
	display: none !important;
}

canvas#myChart2 {
	height: 300px !important;
}

.graph {
	display: flex;
	justify-content: right;
	top: -40px;
	position: relative;
}

.select-max-width {
	max-width: 260px;
}

.action-table-icon {
	cursor: pointer;
	display: flex;
	gap: 8px;
	font-size: var(--font-size-15);
	align-items: center;
	position: absolute;
	right: 10px;
	top: 5px;
}

.action-table-icon>span>i {
	cursor: pointer;
}

/*----------Design Changes ----------*/
.tab-content {
	border: 1px solid #e2e8f0 !important;
	background: #fff;
	height: calc(100vh - 60px) !important;
	border-bottom: 0;
	position:relative;
	padding-left: 0;
	overflow: visible;
    /* overflow: hidden; */
}

.theme1-tab-content {
	max-height: calc(100vh - 60vh) !important;
	margin-bottom: .5rem;
}
/* #home{
	height: 534px;
	overflow-y: scroll;
} */
/* .all-heading {
	padding: 10px;
	font-size: var(--font-size-26);
    color: #044C92;
    text-transform: uppercase;
    font-weight: 500;
}
 */
.instrumnt-div, .instrumnt-div-noheading {
	/*  border: 1px solid #e2e8f0; */
	/*border: 1px solid #e2e8f0;*/
/*	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: 0px 0px 10px 0px rgb(228 228 228 / 85%);
	-moz-box-shadow: 0px 0px 10px 0px rgb(228 228 228 / 85%);
	box-shadow: 0px 0px 10px 0px rgb(228 228 228 / 85%);*/
}

.grid-table-wrappr .filter-header {
	background: #fff;
	padding: 12px 10px;
	border-bottom: 1px solid #e2e8f0;
}

.resp-table-row.header-table-row {
	background: #f8fafc;
	display: table-row-group !important;
}

.header-table-row {
	padding: 6px;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e2e8f0;
}

.search-box>input {
	width: 100%;
	padding: 16px 10px;
	border: 1px solid #e2e8f0 !important;
}

.search-box {
	max-width: 260px;
	width: 100%;
}

.front-page {
	padding-inline: .5rem !important;
}
/*-------- Navbar Animation---------*/

/* Initial styles for .btn-section */
.btn-section {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	position: fixed;
	top: 0px;
	left: -250px;
	z-index: 1000;
	/*height: calc(100vh - 0px);*/
	height: calc(100vh - 125px);
	width: 42px;
	max-width: 42px;
	background-color: var(--background-bg); overflow-x : hidden;
	overflow-y: auto;
	gap: 4px;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/
	transition: width 0.5s ease-in-out 0.5s, max-width 0.5s ease-in-out 0.5s;
	overflow-x: hidden;
}

.theme1-btn-section {
	width: 36px !important ;
	max-width: 36px  !important;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	position: fixed;
	z-index: 1000;
	left: 0;
	height: calc(100vh - 0px);
	background-color: var(--background-bg); overflow-x : hidden;
	overflow-y: auto;
	gap: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	transition: width 0.5s ease-in-out 0.5s, max-width 0.5s ease-in-out 0.5s;
	overflow-x: hidden;
}

/*.theme1-btn-section:hover {
	width: 220px;
	max-width: 220px;
	transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out;
	transition-delay: 0s;
}
*/

.btn-section:hover {
	width: 220px !important;
	max-width: 220px !important;
	/*transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out;*/
	transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.3s ease;
}

#layout, ul.nav.nav-tabs.menubar {
	display: inline-block;
	width: 100%;
	padding: 0 10px 0 15px;
	/* transition: padding-left 0.5s ease-in-out 1s; */
}
#layout {
 transition: all 0.4s ease-out;
    height: 99vh;

}

.layout {
	height: 90vh !important;
}

.theme1-layout {
	margin-inline-start : 3rem !important;
}

ul.nav.nav-tabs.menubar {
	padding-left: 0px;
	/*z-index: 99;*/
}

/* Apply padding shift when .btn-section is hovered */
/* .btn-section:hover + .show-menu-hover,
.btn-section:hover + ul.nav.nav-tabs.menubar .show-menu-hover {
	padding-left: 260px;
	transition: padding-left 0.5s ease-in-out 5s;
} */

/* Hover out delay on .btn-section */
.btn-section {
	transition-delay: 1s;
}

.btn-sectionLhover #layout {
	transition-delay: 0.5s ease-in-out;
}
/* .show-menu-hover {
	padding: 0 10px 0 260px !important;
	transition-delay: 0s !important;
} */
.show-menu-hover:hover {
	transition: padding-left 0.5s ease-in-out 0.5s;
}

/*-------- Navbar Animation---------*/
.dropdown.ng-scope>button {
	display: block;
	width: 100%;
	text-align: left;
}
/*.btn-section .btn .caret {
    right: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/
#left-slide ul.dropdown-menu.multi-level {
	position: relative;
	top: 0;
	border-radius: 0px;
	width: 100%;
}

.navbar-brand {
	padding: 5px 15px;
}

.slide-bar {
	margin-left: 0px;
	display: flex;
	align-items: center;
	height: 56px;
	color: #626262;
	font-size: var(--font-size-20);
	line-height: 56px;
	cursor: pointer;
	transition: all 0.5s ease-out;
}

a.navbar-brand-new {
	width: 240px;
	height: 56px;
	display: flex;
	align-items: center;
	min-height: 48px;
}
/*.btn-section .dropdown.ng-scope.open .remove-dropdown-hover {
    visibility: hidden;
    display: none;
}
.btn-section:hover .dropdown.ng-scope.open .remove-dropdown-hover {
    visibility: visible;
    display: block;
}*/
.ng-scope.closenav .slide-bar {
	margin-left: -240px;
	transition: all 0.5s ease-out;
}

.ng-scope.closenav .btn-section {
	left: -240px;
	transition: all 0.5s ease-out;
}

.ng-scope.closenav .front-page, .ng-scope.closenav #layout, .ng-scope.closenav ul.nav.nav-tabs.menubar
	{
	padding: 0 10px 0 15px;
	transition: all 0.5s ease-out;
}

button.selectbar {
	border: 0;
	background: transparent;
	transition: all 0.5s ease-out;
}

.closenav {
	transition: all 0.5s ease-out;
}

.autocomplete>input {
	background-color: #FFFFFF;
	background-image: none;
	/* border: 1px solid #bebebe; */
	border: 0px;
	border-radius: 2px;
	color: #333;
	display: block;
	padding: 2px 4px;
	transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	width: 100%;
	height: 34px;
	font-size: 1.6rem !important;
}

#piechart .apexcharts-legend {
	margin-top: 50px;
	gap: 6px;
}

.maximize {
	font-size: var(--font-size-25);
	cursor: pointer;
	margin-right: 2px;
	float: right;
	margin-top: 16px;
}

/* Basic styling for the scrollbar */

/* ::-webkit-scrollbar-button {
    display: none !important;
}
 */
.scroll-bar {
	overflow-y: auto;
	height: 76vh;
	scrollbar-width: thin;
	/* 	scrollbar-color: #3A4A58 #C4D0DB; */
	border-radius: 10px;
}

.scroll-bar::-webkit-scrollbar {
	width: 8x;
}

.scroll-bar::-webkit-scrollbar-thumb {
	background-color: #3A4A58;
	border-radius: 10px;
	border: 2px solid #C4D0DB;
	cursor: pointer;
}

.scroll-bar::-webkit-scrollbar-button {
	display: none;
}

.scroll-bar::-webkit-scrollbar-thumb:hover {
	background-color: #2F3E4D;
	cursor: pointer;
}

@media screen and (min-device-width: 1360px) and (max-device-width:
	1440px) {
	#parentScreenTemplate>.col.col-lg-6 {
		padding-left: 6px;
		padding-right: 6px;
	}
	form.input-flex {
		gap: 5px;
	}
	.inputbox-full .form-control, .input-sec .form-select {
		padding: 6px 4px;
		font-size: var(--font-size-25);
	}
	label.form-label {
		font-size: var(--font-size-25);
	}
	.name-hd {
		font-size: var(--font-size-22);
	}

	.img-icon img {
	    width: 20px;
	}
}

/* ----------------Home Dashborad css ---------------*/
.mb-2 {
	margin-bottom: 6px;
}

.selct-id {
	min-width: 200px;
}

.border-0 {
	border: 0px !important;
}

.bottom-graph>img {
	width: 100%;
	filter:var(--svgColorGraph);
}

.bottom-graph {
	position: relative;
	left: -10px;
	bottom: -10px;
	width: calc(100% + 20px);
}

.tatal-fund-text {
	font-size: var(--font-size-22);
	margin-bottom: 2px;
	color: #212121;
}

.growthUp img, .growthDown img {
	position: relative;
	top: -2px;
	width: 20px;
	height: 20px;
}

.growthUp>span {
	color: #33ca30;
}

.growthDown>span {
	color: #ff0e0e;
}

.graphbox {
	display: flex;
	flex-wrap: nowrap;
}

.financialOverview {
	padding: 10px 20px;
	height: 100%;
}

.smallHd {
	font-size: var(--font-size-26);
	font-weight: 600;
	color: var(--primary-color);
	margin-bottom: 2px;
}

.smallsubHd {
	font-size: var(--font-size-22);
}

.weeklyPercentage {
	display: inline-block;
	font-size: var(--font-size-36);
	font-weight: bold;
	color: var(--background-bg);
	margin-right: 10px;
}

.weeklyPerf {
	display: flex;
	align-items: center;
	font-size: var(--font-size-22);
}

.apexcharts-yaxistooltip {
	display: none !important;
}

.revenueData {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: var(--font-size-22);
}

.revenueData>div {
	border: 1px solid #dedede;
	width: 33.333%;
	padding: 5px 10px;
	text-align: center;
}

.mt-2 {
	margin-top: 10px;
}

.revenueData h4 {
	font-weight: bold;
	margin: 0;
	font-size: var(--font-size-26);
}

.revenueData p {
	margin: 0;
}

.navbar-form {
	display: inline-block;
	position: relative;
}

.navbar-form>input {
	width: 250px;
	border-color: #F0EFF0 !important;
	box-shadow: none;
}

.searchIcon {
	background: transparent;
	right: 24px;
	position: absolute;
	top: 50%;
	font-size: var(--font-size-22);
	transform: translateY(-50%);
	border: 0px;
	color: #7D7D7D;
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.sectorwise-dataTable {
	padding: 10px 20px;
	font-size: var(--font-size-22);
}

.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td,
	.table tbody>tr>td, .table tfoot>tr>td {
	padding: 4px 8px;
	/* line-height: 1.5; */
}

.dashboard-table-header>thead>tr>th, tbody>tr>td {
	font-size: var(--font-size-22);
}

.layout-slide {
	padding-left: 54px !important;
}

.showleftmenu {
  left: 0px !important;
  min-width: 42px !important;
  transition: width 0.5s ease-in-out, max-width 0.5s ease-in-out, padding 0.5s ease-in-out, opacity 0.3s ease;
}


.sub-menu-item.active a>img, .sub-menu-item:hover a>img {
	filter: var(--svgColor);
	    /* filter: invert(28%) sepia(77%) saturate(1682%) hue-rotate(182deg) brightness(93%) contrast(100%); */
	    /* filter: invert(100%) brightness(100%); */
	    width: 40px !important;
	    height: 40px !important;
	    /*box-shadow: 0px 0px 3px;*/
	    border-radius: 8px;
	/*    padding: 3px;*/
}


@media screen and (min-width: 1080px) and (max-width: 1366px) {
	.sub-menu-item.active a>img, .sub-menu-item:hover a>img {
		width: 40px !important;
		height: 40px !important;
	}
}

.btn-section.float-icon{
	transition: all 1s ease-out;
}

.metabase-frame{
	width: -webkit-fill-available;
	height: 98vh;
}

.theme1-dashboard {
	max-height : 82vh;
	overflow-y: scroll;
}

div:has(> .btn-section) {
	background: var(--background-bg);
    height: 100vh;
    max-width: 42px;
    position: absolute;
	z-index: 999;
}

.active-slide {
  width: 220px;
  background-color: #e0f7fa;
  transition: all 0.3s ease;
}

#left-slide ul.dropdown-menu.multi-level {
	z-index:0;
}