@import url('https://fonts.googleapis.com/css2?family=Courgette&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*
{
	outline: 0px;
	outline: none;
	-moz-outline: 0px;
	margin:0;
	padding:0;
}



body
{
	font-family: "Poppins", sans-serif;
	font-size:100% !important;
}
:root {
  --background-bg: #078DB1;
  --background-light-bg: #0b738e;
  --inner_submenu_bg:#1887a4;
  --navoverColor:#025b73;
  --dropdownListytype:#10abd6;
  --menuLogoBg:#006985;
  --svgColor:invert(28%) sepia(77%) saturate(1682%) hue-rotate(182deg) brightness(93%) contrast(100%);
  --svgColorGraph:invert(27%) sepia(82%) saturate(1446%) hue-rotate(151deg) brightness(94%) contrast(101%);
  --secondMenubg:#baf0ff;
  --whiteColor:#fff;
  --primary-color:#078DB1;
  --white-bg: #fff;
  --border-color: #cccccc;
	--default-secondary-color: #b0b0b1;
	/*---- Font Size -----*/
	--font-size-11: 0.68rem;
	--font-size-12: 0.75rem;
	--font-size-13: 0.81rem;
	--font-size-14: 0.875rem;
	--font-size-15: 0.93rem;
	--font-size-16: 1rem;
	--font-size-17: 1.06rem;
	--font-size-18: 1.125rem;
	--font-size-19: 1.18rem;
	--font-size-20: 1.25rem;
	--font-size-22: 1.37rem;
	--font-size-23: 1.43rem;
	--font-size-24: 1.5rem;
	--font-size-25: 1.562rem;
	--font-size-26: 1.625rem;
	--font-size-27: 1.625rem;
	--font-size-28: 1.625rem;
	--font-size-36: 2.25rem;

/* dropdown active color */

	/*   Default theme color*/  
	--text-color-white: #FFFFFF;
	--text-bsBlue-600: #078db1;
	--text-chicago-700: #555555;
	
	
	
	  
	--menuLogoBg:#006985;
    --background-bg: #078DB1;
	--inner_submenu_bg:#1887a4;
    --background-light-bg: #0b738e;
	--bg-color-dark: #043845;
	--bg-seashell-50: #f8f8f8;
	--bg-seashell-100: #f1f1f1;
	--bg-color-light: #FFFFFF;
	--bg-mattise-btn:  #368ACA;
	--bg-matisse-hover: #0f63a3;
	--bg-cornflower-300: #9ED5FF;
	--bg-oldGold-600: #c7b111;
	--bg-mountainMist-600: #969494;
	--bg-alto-200: #dddddd;
	--bg-persianRed-600: #d2322d;
	--bg-congressBlue-800: #044c92;
	--bg-charlotte-100: #baf0ff;
	--bg-mercury-100: #e9e9ea;
	--bg-Zanah-100: #dff0d8;
	--bg-boulder-400: #7c7c7c;
	--bg-apple-500: #4da94d;
	--bg-orinoco-100: #e7f4ca;
	--bg-tequila-100: #ffe5c2;
	--bg-cosmos-200: #f4ceca;
	--bg-outOrange-400: #ff5733;
	--bg-red-600: #f31515;
	--bg-sea-green: #148e51;
	--bg-grVouge-950: #002e5a;
	--bg-silver-300: #bbbbbb;
	--bg-skBlue-300: #77e2ff;
	--bg-azureRad-500: #3b82f6;
	--bg-gradient-sidebar: linear-gradient(45deg, #0f172a, #274481);
	--bg-active-nav: #baf0ff; 
	--bg-disabled-bth: #5bc0de;
	
    --border-skBlue-300: #262626;
	--border-light-50: #FFFFFF;
	--border-athenGray-200: #E2E5ED;
	--border-congressBlue-800: #004f8c;
	--border-nobel-400: #b1aaaa;
	--border-gallery-100: #eaeaea;
	--border-alto-200: #dddddd;
	--border-focus-400: #45adff;
	--border-red-300: #ff9494;
	--border-jordyBlue-300:  #86b7fe;
    --border-zumthor-100:#e2e8f0;
    --border-foscus-gray: #515252;
	--border-apple-500: #4cae4c;
	--border-mexicanRed-700: #ac2925;
	--border-disel-950: #1a0202e3;
	--border-iron-200: #ced4da;
	--border-mercury-200: #E1E1E1;
	--border-gunSmoke-400: #c7c7c7;
	--border-deepCurleen-700: #0083b0;
	--border-pointer: #0fa5cf;
	--border-color:#0fa5cf;
	
	/* btn-bg-color */
	--bg-btn-color: #078db1;
	
	/* --black-theme */
	--btn-bg-color:#078DB1;
	
	/*box-shadow */
     --btn-box-shadow: #00abc099; 	
	
	/* hover */
	--btn-hover-color: #00a9d6;
	
	--grid-icon-dark: #333333;
	--progress-bg-blue: #428bca;
	--grid-scrollbar: #1D6DE7;
	--label-boston-600 : #274481;
	/*--sidebar-icon-color:  invert(28%) sepia(12%) saturate(172%) hue-rotate(87deg) brightness(1000%) contrast(166%);*/
	/*--svgColor:invert(28%) sepia(89%) saturate(1348%) hue-rotate(209deg) brightness(100) contrast(100%);*/

	
	
	
	/*    dark theme  */
/*	 --menuLogoBg:#262626;
	 --background-bg: #333333;	 
	 --bg-mattise-btn:  #368ACA;
	 --background-light-bg: #5d5d5d;
	 --bg-charlotte-100: #baf0ff;
	 --text-color-white: #FFFFFF;
	 --border-gunSmoke-400: #c7c7c7;*/
	 
	 
/*	 --border-skBlue-300: #262626;
	 --border-light-50: #FFFFFF;
	 --border-athenGray-200: #E2E5ED;
	 --border-congressBlue-800: #004f8c;
	 --border-nobel-400: #b1aaaa;
	 --border-gallery-100: #eaeaea;
	 --border-alto-200: #dddddd;
	 --border-pictanBlue-400: #45adff;
	 --border-red-300: #ff9494;
	 --border-jordyBlue-300:  #86b7fe;
	 --border-zumthor-100:#e2e8f0;
	 --border-foscus-gray: #515252;
	 --border-apple-500: #4cae4c;
	 --border-mexicanRed-700: #ac2925;
	 --border-disel-950: #1a0202e3;
	 --border-iron-200: #ced4da;
	 --border-mercury-200: #E1E1E1;*/
	 
	 
	 /*white-theme*/
	 --bg-color-light: #FFFFFF;
	 
   
}

.order-autofillData ul.add-scroll li.active { 
    background: #d2fbff;
}

.ag-theme-alpine{
	font-family: "Poppins", sans-serif !important;	
}
/* Login Page Designs */

.novelPatterns-logo {
    position: absolute;
    top: 10px;
    right: 30px;
}
.form-bg{
	display:flex;
	align-items:center;
	justify-content: center;
	height:100%;
	width: 100%;
    padding: 30px;
}
.height100-vh{
	height:100vh;
}
.p-0 {
    padding: 0;
}
.login-img{
    display: flex;
    align-items: end;
    justify-content: center;
}
/* .login-img:after {
    content: "";
    background: url(../img/login-curve-img.svg);
    height: 100%;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    width:97px;
    background-size: cover;
} */
.curve-img {
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
}
.curve-img>img {
    max-height: 100%;
    height: 100vh;
}
.login-welcome{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 30px;
    display:flex;
    flex-wrap:nowrap;
}
.login-welcome>img {
    max-width: 180px;
}
.signInto{
	font-size: 26px;
    font-weight: 600;
}
.login-input{
	display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #E2E5ED;
    border-radius: 4px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.login-btn {
    border: none;
    border-radius: 2px;
    height: 40px;
    width: 100%;
    background: #368ACA;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top:20px;
}
.login-error {
    color:red;
    font-size:11px;
}
.login-btn:hover {
    background: #0f63a3;
}
.login-left-bg-box {
    position: relative;
}
.leftBg-mainImages {
    max-width: 100%;
}
.forgot-img{
	display: flex;
    align-items: center;
    justify-content: center;
}
.forgot-img>img {
    max-width: 200px;
}
.forgot-form {
    display: flex;
}
.forgot-img{
	flex:2;
}
.forgot-form-box{
	flex:3;
}

/*------------ANIMATION ---------------------*/
.login-select{
	display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    border: 1px solid #E2E5ED;
    border-radius: 4px;
    margin-bottom: 15px;
}
.data-1 {
    position: absolute;
    top: 5%;
    left: 10%;
}
.data-2 {
    position: absolute;
    top: 17%;
    left: 23%;
}
.data-3 {
    position: absolute;
    top: 30%;
    left: 10%;
}
.data-4 {
    position: absolute;
    top: 5%;
    right: 36%;
}
.data-5 {
    position: absolute;
    top: 17%;
    right: 22%;
}
.data-6 {
    position: absolute;
    top: 30%;
    right: 14%;
}
.data-div{
	position:relative;
	background: #9ED5FF;
    font-size: 16px;
    display: inline-block;
    padding: 10px 60px 10px 20px;
    font-weight: bold;
    color: #024373;
    border: 2px solid #004F8C;
    border-left-width: 5px;
    border-radius: 8px;
    min-width: 250px;
}

.data-div:after {
    content: "";
    background: url(../img/login-drag.png);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 12px;
}
/*-----------Start---all Text Animation -------*/
@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.data-1 {
  animation: upDown 2s ease-in-out infinite;
}
.data-2 {
  animation: upDown 2.5s ease-in-out infinite;
}
.data-3 {
  animation: upDown 3s ease-in-out infinite;
}
.data-4 {
  animation: upDown 2.2s ease-in-out infinite;
}
.data-5 {
  animation: upDown 2.8s ease-in-out infinite;
}
.data-6 {
  animation: upDown 3.2s ease-in-out infinite;
}
/* business icon graph-check Animation */

@keyframes pulse {
  0% {
    transform: scale(0.6);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(0.6);
  }
}

.graph-check {
	position: absolute;
    right: 14%;
    bottom: 21%;
    animation: pulse 5s ease-in-out infinite;
}

/* business icon globe Animation */

@keyframes fadeInUp {
   0% {
    transform: translateY(150px);
    opacity:0;
  }
  20% {
    transform: translateY(0);
     opacity:1;
  }
  80% {
    transform: translateY(0);
     opacity:1;
  }
  100% {
    transform: translateY(150px);
     opacity:0;
  }
}

.login-ipad {
	 position: absolute;
    left: 21%;
    bottom: 14%;
  opacity: 0;
  animation: fadeInUp 10s ease-out infinite;
  animation-delay: 2s;
}

/* business icon globe Animation */

.login-glob {
	animation: rotate-glob 10s linear infinite;
    position: absolute;
    left: 10%;
    bottom: 45%;
}

@keyframes rotate-glob {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* business icon briefcase */

@keyframes floatUpDown-briefcase {
  0% {
    transform: translateY(-40px);
    transform: scale(0);
    opacity:0;
  }
  20% {
    transform: translateY(0);
    transform: scale(0.8);
     opacity:1;
  }
  50% {
    transform: translateY(0);
    transform: scale(0.8);
     opacity:1;
  }
  100% {
    transform: translateY(-40px);
     opacity:0;
     transform: scale(0);
  }
}

.login-briefcase {
  position: absolute;
  left: 18%;
  top: 30px;
  animation: floatUpDown-briefcase 10s infinite ease-in-out;
}


/* business icon Animation */

@keyframes floatUpDownBusiness {
  0% {
    transform: translateY(-40px);
    opacity:0;
  }
  50% {
    transform: translateY(0);
     opacity:1;
  }
  100% {
    transform: translateY(-40px);
     opacity:0;
  }
}

.business_done {
  position: absolute;
  left: 46%;
  top: -40px;
  animation: floatUpDownBusiness 5s infinite ease-in-out;
  max-width: 70px;
}
/* login-computer-box Animation */

.login-computer-box {
    position: absolute;
    left: 53%;
    top: 38%;
}

@keyframes zoomInOutHold {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  33% {
    transform: scale(1);
    opacity: 1;
  }
  66% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}

.login-computer_logo {
  position: absolute;
  left: 33px;
  top: 24px;
  animation: zoomInOutHold 6s ease-in-out infinite;
}
/*------Laptop Animation ----------*/

@keyframes floatUpDownComputer {
  0% {
    transform: translateY(-5px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px);
  }
}

.login-computer {
  animation: floatUpDownComputer 4s infinite ease-in-out;
}


/* Cube Animation */

.cube-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 29%;
  top:5%;
}

@keyframes cubeDrop {
  0% {
    transform: translateY(-60px);
    opacity: 0;
  }
  20% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(0); 
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.cube-icon {
  width: 24px;
  opacity: 0;
  animation: cubeDrop 10s ease-in-out infinite;
  animation-fill-mode: forwards;
}

.cube-icon-1 {animation-delay: 0s;}
.cube-icon-2 {animation-delay: 2s;}
.cube-icon-3 {animation-delay: 4s;}
.cube-icon-4 {animation-delay: 6s;}







/* End Login Page Designs */

.multi-btn {
	cursor:no-wrap;
	margin-right:58px;
}

.inline-btns {
	display: inline-flex;
    justify-content:right;
    align-items: center;
    gap:6px;
}

.blue-btn{
	border: none;
	border-radius: 2px 2px 2px 2px;
	height: 30px;
	width: 100px;
	background-color: var(--background-bg);
	/*color: #fff*/;
	color: var(--text-color-white);
	font-size: var(--font-size-22);
}

.multi-btn-filtr {
	cursor:no-wrap;
	margin-right:85px;
}
.dt{
	color: var(--text-color-white);
	/* font-family: sans-serif; */
	font-size: var(--font-size-19);
	margin-left: 1055px;
	display: inline-block;
	position: absolute;
	padding-top: 9px;
}

 .float-rght {
     float: right;
} 

.row-grp-custon-style {
	background: var(--background-bg) !important;
    color: white !important;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bcbcbc;
    opacity: 1; /* Firefox */
}

.fileinput-button {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    /* background: transparent url(../img/file-upload-icon.png) no-repeat right top; */
    border: 0;
    vertical-align: middle;
    margin-top: 15px;
    margin-left: 6px;
 	color: transparent;
   	width:1px;
   	height:1px;
} 

.file-button {
    position: absolute;
    overflow: hidden;
    display: inline-block;
     /* background: transparent url(../img/file-upload-icon.png) no-repeat right top; */ 

   right: 10px;
    top: 8px;
}

.file-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

.file-upload {
  display: block;
    padding: 9px 6px 6px 0px;
}

a:focus{outline:none;}

/* .fileinput-button:hover {
     background: transparent url(../img/file-upload-icon.png) no-repeat right -26px; 
} */

.scroll_auto {
  overflow:auto;
}

.blue{background: url(../img/header-img.jpg) no-repeat right #09a8ce;}
.green{background: linear-gradient(154deg,#bce9ff 0,#304eda 100%);}
.dark{background:#000000;}
/* .grey{background:#845e40 ;border: 1px solid #ababab;}  */
.multicolor {
	background: linear-gradient(135deg, #b38745 40%,#61aa5d 98%);
}
.white-theme{background:  #FFFFFF;border: 1px solid #797979;}
.logout-theme{background:  #646464;border: 1px solid #797979;}


.form-label {
    color: #0b0b0b;
    font-weight: 400;
    text-shadow: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

 .form-input {
    background-color: var(--border-color);
    border-color: #b1aaaa;
    color: #000;
    width: 100% !important;
    outline:none;
	border: 0px;
    padding: 4px 5px;

}
.mrgn-top-bottom8{margin:8px 0px;}
.mrgn-right10{margin-right:10px;}
.mrgn-right20{margin-right:20px;}
.mrgn-right5{margin-right:2%;}
.pad-top6{padding-top:6px;}
.form-group {
    margin-right: 0;
    margin-left: 0;
}

label{font-weight: normal;font-size: 14px; } 

.bcgrund {
	background: #f8f8f8;
    padding-top: 12px;
    overflow: hidden;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border: solid 1px #eaeaea;
    
}

.custom-menu {
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  list-style: none;
  padding: 5px 0 0;
  margin: 0;
  box-shadow: -1px -3px 17px 0px rgba(0, 0, 0, .2);
  border-radius: 2px;
}


.custom-menu li {
  padding: 5px 12px;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  color: #252121;
  line-height: 1.5rem;
  border-bottom: 1px dashed #3333;
  margin-inline: .5rem;
}

.custom-menu li:last-child {
  border-bottom: none;
}

.custom-menu li:hover {
  background: #f0f0f0;
}


ul{padding:0px; margin:0px;/*  width:100%; */}

.line-break{    content: "\A";
    white-space: nowrap;}


.fileupload_popup
{
	width: 100%;
	
}

.file-upload {
 
    display: block;
    padding: 15px 6px 15px 0px;
    float: left;
    background: #fff;
    width: 100%;
    	border-radius:0px 0px 6px 6px;
    
}
.heading_txt
{
	width: 100%;
	float: left;
	font-size: var(--font-size-24);
	background: #f1f1f1;
	padding: 6px 15px;
	border-radius:6px 6px 0px 0px;
	border-bottom: 1px solid #ddd;
	
}
.filename-txtbox{
	outline:0px;
	width:90%;
	padding:3px 0 3px 5px !important;
	font-size: var(--font-size-19);
	border-radius:2px;
	margin-left:10px;
	border:1px solid #c8c8c8;
	display:inline;
	height:25px!important;
}

.all-btn{
text-transform: uppercase;
padding: 3px 20px;
background: #c7b111;
overflow: hidden;
text-align:center;
border:0px;
color:#fff;
margin:0 5px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.white-color {
	color: white;
}

input[type="checkbox"]{
	vertical-align:text-bottom;
}

.height-20{
	height: 20px;
}

.markClose_icon{
	margin-top: 3.5px;
    margin-left: 5px;
    cursor: pointer;
}

.select-poc{
	vertical-align:middle;
	width:100%;
	background:var(--border-color);
	outline:none !important;
}
.select-poc option:hover{
	vertical-align:middle;
	width:100%;
	background:#969494!important;
	outline:none;
}

select:active, select:hover {
  outline: none
}

.simpleDemo ul[dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

.simpleDemo ul[dnd-list] .dndDraggingSource {
    display: none;
}
.simpleDemo ul[dnd-list] .dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}

.simpleDemo ul[dnd-list] li {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}
.simpleDemo ul[dnd-list] li.selected {
    background-color: #dff0d8 !important;
    color: #3c763d;
}
.droptarget {
    float: left; 
    width: 100px; 
    height: 35px;
    margin: 15px;
    padding: 10px;
    border: 1px solid #aaaaaa;
}
.fr_datalist
{
/* display: inline-block; */
   /* display: flex;
   align-items: center;
   padding: 2px 0px;
    min-height: 34px; */
    position:relative;
    margin-top:16px;
    min-height: 40px;
   
}

/* .label-font {
	text-align: right;
    font-size: var(--font-size-25);
    font-weight:600;
    color: #333333;
    float: left;
    display: block;
    padding: 4px 10px 5px 0px;
} */
/* .label-font {
    position: absolute;
    top: -10px;
    display: block;
    z-index: 9;
    left: 20px;
    padding: 0 10px;
    background: #fff;
    font-size:1.3rem;
    color: #0056a9;
} */

.new-input-box{
	border-radius: 4px !important;
	 
}
.new-input-box:focus {
	border: 1px solid var(--background-bg)!important;
}


/* grid-css */

.order-grid .ag-theme-alpine  {
	--ag-header-background-color: red !important;
}


.no-heading{
	font-size: var(--font-size-22);
	color: #35118e;
	font-weight: normal;
	/* background: #b7b7b7;
    color: #000; */
    /* background: #827f7f;
    color: #f3f1f1; */
    padding: 1px 10px;
	
}

ul.themebox {
	margin-right:33px;
	position:absolute;
	right:0px;
	top:15px;
	z-index:999;
	cursor:pointer;
}
ul.themebox li{display:inline-block; border-radius: 50%; margin: 0px 2px;}
ul.themebox li.blue{width:15px; height:15px; background: #00ceff;    }
ul.themebox li.grey{width:15px; height:15px; background:#845e40 ;   }
ul.themebox li.green{width:15px; height:15px;background: linear-gradient(154deg,#bce9ff 0,#304eda 100%);}
ul.themebox li.dark{width:15px; height:15px; background:#000000; border: 1px solid #8a8988;}
ul.themebox li.multicolor{width:15px; height:15px; background: linear-gradient(135deg, #6200ff 40%,#555cff 98%);}
ul.themebox li.white-theme{width:15px; height:15px; background: linear-gradient(135deg, #ffffff 40%,#D3D3D3 98%);}
ul.themebox li.logout-theme{width:15px; height:15px;}
ul.themebox .fa{position: absolute;}
.navbar {
	margin-bottom: 0px;
}
.red-color {
    color: #FF0000;
} 
.padd-nill{
	padding-left: 0px;
    padding-right: 0px;
}
ul.add-scroll {
	z-index: 9999;
    position: absolute;
    list-style-type: none;
    width:100%;
    max-height:200px;
    overflow:auto;
    background: #ffffff;
    border: 1px solid #ddd;
    font-size: var(--font-size-25);
    border-radius: 0px;
    
}
ul.add-scroll li
{
	color: #333;
    padding: 1px 3px;
    /* border: 1px solid #ddd; */
    border-width: 0px 0px 1px 0px;
    margin-left: 3px;
    font-size: var(--font-size-23);
}
ul.add-scroll li:hover, ul.add-scroll li.active
{
	background: #f0fcff;
	color: var(--background-bg);
	cursor: pointer;
	
}

/* dropdown css */

.dropdown-menu{	
    border-radius: 0px;
    box-shadow: none;
    border:0px;
    padding:0px;
    margin: 0px 0 0 !important;
	position: absolute;
	top: 100%;
	left: 0;  
}

.open>.dropdown-menu {
  visibility: visible; /* shows sub-menu */
  z-index: 99999;
  border-radius: 6px;
  transform: translateY(0%);
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  /*---border: 1px solid rgba(255, 255, 255, 0.32); */
}

.dropdown-menu>li>a{
	color:#fff;
	font-size: var(--font-size-18);
    padding: 8px 14px;
	cursor: pointer;
	transition: all 0.3s ease-out;	
}

.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu{
	border-radius: 0px!important;
    box-shadow: none;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	
	background-color: rgba(0, 0, 0, 0.2);
}


ul.dropdown-menu.open {
    display: block;
}
/* .dropdown-submenu:hover>.dropdown-menu {
    display: block;
} */
 /* .dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--border-color);
    margin-top: 5px;
    margin-right: -10px;
} */
/*
a.submenu_icon:after {
	display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #7ac6ea;
    margin-top: 3px;
    margin-right: 0px;
}
*/
a.submenu_icon:after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    transform: rotate(135deg);
    border-right: 0;
    border-bottom: 0;
    border-top-color: #ffffff !important;
    float: right;
    top: 5px;
    position: relative;
}
/*
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
*/
.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.float-right{
	float: right;
}
.float-left{
	float: left;
}
.float-center{
	float: center;
}
.charges-btn {
    margin-bottom:10px;
    background: var(--background-bg);
    border: 1px solid var(--background-bg);
    border-radius: 3px;
    color: #fff;
    padding: 5px 15px;
    text-align: center;
    font-size: var(--font-size-19);
}

button[disabled]{
	cursor: no-drop;
}

input[disabled]{
	cursor: no-drop !important;
	-webkit-user-modify: read-only;
}

select[disabled]{
	cursor: no-drop !important;
	-webkit-user-modify: read-only;
}

i[disabled]{
	cursor: no-drop !important;
	-webkit-user-modify: read-only;
}

.grid-btn {
	    float: right;
    color: var(--background-bg);
    margin-right: 11px;
}

.grid-icon-pointer{
	cursor:pointer;
	padding-left: 5px;
}



/*.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
	border-color: rgba(0,0,0,0.0);
	background-image: -webkit-linear-gradient(bottom, #90acb8, #566f76);
	background-image: -moz-linear-gradient(bottom, #90acb8, #566f76);
	background-image: -o-linear-gradient(bottom, #90acb8, #566f76);
	background-image: -ms-linear-gradient(bottom, #90acb8, #566f76);
	background-image: linear-gradient(to top, #90acb8, #566f76);
}
*/
.scroll-hide {
	overflow-y: hidden;
}

.tab-content{
	padding:0 6px;
	/* border:1px solid #c7c7c7; */
	overflow-y: auto;
	height: calc(100vh - 110px) !important;
	/* padding-bottom:10px; */
	background:#fff;
	border-radius: 4px;
	position:relative;
}
 .ag-theme-alpine {
    height: calc(100vh - 145px);
}
.ag-theme-alpine.ag-popup {
    height: auto;
}
.tab-content-report{
	/* padding:12px; */
	border:1px solid #c7c7c7;
	margin:0 10px;
	/* overflow-y: auto; */
	/* height: calc(100vh - 130px); */
}

.calendar-content{
	padding: 3px 0px 22px;
    margin: 0 5px;
    overflow-y: auto;
}
.save-btn{
	font-size: x-large !important;
    float: right;
    padding: 5px 64px 0px 0px;
    color: black;
    cursor:pointer;
}
.save-btn:hover {
	color:#fff;
}

/*theme-one style*/


.top-menu{
	border:0px;
	border-radius:0px;
	color:#fff;
	padding:0px 0px 0px 0px;
	min-height:48px;
	position: sticky;
    top: 0;
}

.top-menu a.navbar-brand {
   float: left;
    padding: 5px 0px 0px 15px;
    font-size: var(--font-size-24);
    line-height: normal;
    font-style: normal;
    font-weight: bold;
}
.btn-section{
	width:100%;
	border-radius:0px;
	color:#fff;
	display:inline-flex;
	padding-bottom:40px;
}
.nav-tabs{
	border:0px;
}
.btn-section .btn{
	outline:none;
	border:0px;
	background:none;
    font-size: var(--font-size-19);
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.btn-section .btn-primary {
    color: #fff;
    background-color: transparent;
    border-color: var(--background-bg);
    border: 0px;
}
	
.btn-section button.btn
{
	padding: 13px 15px 13px 10px;
	position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    border-radius:0;
    vertical-align: middle;
    user-select: none;
    font-size: var(--font-size-19);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
 }
 .btn-section .btn .caret {
    margin-left: 6px;
    top: 3px;
    position: relative;
}
.caret {
	color:white;
}
ul.menubar {
	position:relative;
	width: 100%;
    margin:2px 0 0 0px;
   /*  padding-left:10px; */   
}
ul.nav.nav-tabs.menubar.show-menu-hover {
    padding-left: 0 !important;
}
ul.menubar li {
	border: 1px solid #c7c7c7;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	margin-right:4px;
	z-index: 99;
}
ul.menubar li a {
	background-color: transparent!important;
	border:0px!important;
	padding: 6px 10px 6px 16px;
	color:#494949;
	cursor: pointer;
	font-size: var(--font-size-19);
}

ul.menubar li.active {
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	color:#fff;
	border: 0px;
    padding: 1px;
	background: var(--background-bg);
}

.btn-class {
    background: var(--bg-btn-color);
    border-radius: 3px;
    border: 0px solid var(--bg-btn-color);
    color: #fff;
    padding: 2px 10px;
    text-align: center;
    font-size: var(--font-size-22);
    display: flex;
    align-items: center;
    gap: 2px;
    height: 30px;
}
.btn-class, .changeGride, .custom-btn, .btn-class-odr, .charges-btn{
	/*  box-shadow: -2px -2px 0px #035f75; */
	box-shadow: -2px -2px 0px var(--btn-box-shadow);
	/* box-shadow: rgba(3, 95, 117, 0.6) 0px 4px 6px; */
	/*  box-shadow: -2px -2px 0px rgba(3, 95, 117, 0.6); */
	  /*    box-shadow: 0 3px 3px 0 rgb(0 0 0 / 41%); */
     transition: box-shadow 0.15s ease, transform 0.15s ease;
}
.btn-class:active, .changeGride:active, .btn-class-odr:active, .login-btn:active, .grid-btn-class:active, .charges-btn:active {
    box-shadow: none;
   /*  transform: translate(-2px, -2px); */
    transform: translate(-2px, -2px) scale(1);
}
button[disabled]:active{
	 box-shadow: -2px -2px 0px rgb(0 177 199 / 60%);
	 transform:scale(1);
}
.btn-class:hover, .changeGride:hover, .custom-btn:hover, .btn-class-odr:hover, .grid-btn-class:hover, .charges-btn:hover{
    /*background: #00a9d6;*/
	background: var(--btn-hover-color);
}
.login-btn{
	box-shadow: -3px -3px 0px rgb(0 171 192 / 60%);
}
.btn-class:focus {
    outline: 2px dotted #ffffff80;  /* semi-transparent white dotted border */
    outline-offset: 2px;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3); /* subtle glow */
}


ul.menubar .update-btn
{
	position: absolute;
    right: 10px;
    top: -3px;
    background: var(--background-bg);
    border: 1px solid #4a7ad3;
    border-radius: 3px;
    color: #fff;
    padding: 3px 10px;
    text-align: center;
    font-size: var(--font-size-19);
}

.report-btn
{
    
	background:var(--background-bg);
    border: 1px solid var(--background-bg);
    border-radius: 3px;
    color: #fff !important;
    padding: 3px 10px;
    text-align: center;
    font-size: var(--font-size-19);
}

.report-btn-icon
{
    
	background: var(--background-bg)!important;
    border: 1px solid var(--background-bg);
    border-radius: 3px;
    color: #000000 !important;
    padding: 0px 8px 0px 3px;
    text-align: center;
    font-size: var(--font-size-19);
}

.btn{
	background: var(--background-bg);
	border: 0px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
	opacity:inherit;
	pointer-events: auto;
}


.dropdown-menu-right {
    right: 3px;
    left: auto;
}

.icon:hover, .icon:focus {
	color:	#FFFFFF;
}

.mar-right-3{
	margin-right:3px;
}

.calendar-btn{
	position: absolute;
    right: 2.3%;
    top: 8px;
    background: var(--background-bg);
    border: 1px solid var(--background-bg);
    border-radius: 3px;
    color: #fff;
    padding: 3px 12px;
    text-align: center;
    font-size: var(--font-size-19);
}  
/*
 .instrumnt-div{
	border-radius: 4px;
    margin: 10px;
    padding: 3px 0px 10px 0px;
} 
*/
.all-heading {
    padding: 10px 15px 5px;
    font-size: 1.4rem;
    color: var(--background-bg);
    text-transform: uppercase;
    font-weight: 500;
}
.inputbox {
    float: left;
    width: 100%;
    position:relative;
   /*  min-height: 60px; */
}
.btn-section button.btn:focus, .btn-section button.btn:hover, .btn-section button.btn:active {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  -ms-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
}
.breadcrumb-menu
{
	width: 100%;
}

.breadcrumb-menu ul.breadcrumb {
    padding: 5px 14px;
    margin-bottom: 1px;
    list-style: none;
    background-color: transparent;
    /* border-bottom: 1px solid #dddddd; */
    font-size: var(--font-size-25);
}

.breadcrumb-menu ul.breadcrumb> li a {
    color: #fbfbfb;
    text-decoration: none;
}

.breadcrumb-menu ul.breadcrumb> li a.active {
    color: #fbfbfb;
    text-decoration: underline;
}
.breadcrumb-menu ul.breadcrumb>li {
    display: inline-block;
}
#left-slide .dropdown {
    cursor: pointer;
	z-index: 0;
}
html, body, .your-container-class {
    height: 100%;
    margin: 0;
}
.navbtn-group-box {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding: 4px 6px;
}
.SaveReset-Group {
    display: flex;
}
.bg-white{
	background:#fff;
}
.ng-grideTable {
    padding: 0 6px;
    display: block;
    background: #fff;
}
#clientMaster {
    background: #ffffff;
}
/*------Label Effect -----*/
.label-font {
            position: absolute;
            top: 50%;
            left: 20px;
            transform: translateY(-50%);
            transition: all 0.2s ease-in-out;
            pointer-events: none;
            z-index:9;
            color: #3d3d3d;
            font-size:1.3rem;
            padding: 0 10px;
   			background: #fff;
   			line-height:30px;
   			font-weight: 500;
   			min-width: 55px;
   			width: 60%;
        }
 
        input.form-control, select.form-select, textarea.form-control {
            width: 100%;
            padding: 10px;
           /*  font-size: 1rem; */
            border: 1px solid var(--border-color);
            border-radius: 5px;
            outline: none;
            background-color: transparent;
        }
 
        input:focus, select:focus, textarea:focus {
            /*border-color: #45adff;*/
			  border-color: var(--border-focus-400);
        }

        .active-label {
            top: -1px;
            left: 20px;
            font-size: var(--font-size-19);
            color: var(--background-bg);
            line-height:12px;
            width: auto;
        }
/*------End Label Effect -----*/
@media screen and (min-width: 767px) and (max-width: 1000px)
{
	
	.tab-content {
   
    height: 1020px;
}

.ag-body-viewport-wrapper {
    height: 99%;
}
.ag-scrolls {
    height: 819px;
}

.maintence-grid .ag-scrolls {
    height: 1000px;
}

}


@media screen and (min-width: 1000px) and (max-width: 1280px) 
{

.ag-body-viewport {
    overflow-x: auto;
    overflow-y: auto;
    height: calc(58vh - 201px);
}
}
@media screen and (min-width: 1280px) and (max-width: 1919px) 
{
	
	.tab-content {
   /*  padding: 12px 12px 0px 12px; */
   /*  border: 1px solid #c7c7c7; */
   /*  margin: 0 10px; */
    overflow-y: auto;
  	/* height:  calc(98vh - 120px); */
   /*height:auto;*/
   
}

/* .ag-body {
    height: auto !important;
}
 */
.ag-body-viewport
{
overflow-x:auto;
overflow-y:auto;
/* height: calc(75vh - 146px) !important; */
}

/* .ag-scrolls {
    height: calc(87vh - 207px) !important;
}
 */
.maintence-grid .ag-scrolls {
    height: calc(100vh - 157px) !important;
}
.maintence-grid .ag-body-viewport {
   
    height: calc(94vh - 146px) !important;
}
	
}
@media screen and (min-width: 1276px){
	#layout {
	     overflow: hidden;
	}
}

@media screen and (max-width: 1022px){
	.design-arrows>.nav-style .nav-link.active::before, .design-arrows>.nav-style .nav-link::after, .design-arrows>.nav-style .nav-link::before, .design-arrows>.nav-style .nav-link::after, .design-arrows>.nav-style .nav-link::before {
	   display:none !important;
	}
.sw.design-justified>.nav-style .nav-link, .sw.design-justified>.nav-style>li {
    min-width: auto !important;
    padding-left: 10px;
}
.design-arrows>.nav-style .nav-link {
    padding-left: 10px;
}
}
@media screen and (max-width: 1199px){
	.mb-ipad-2{
	    margin-bottom: 6px;
	}
}
/*Maintence grid*/

.exchange-data
{
	/* padding: 12px; */   
    overflow-y: hidden;
    height: calc(100vh - 130px);
}
.AssignBroker-gride .exchange-data {
        height: calc(100vh - 350px)!important;
        margin-bottom: 0;
    }
.maintence-grid {
    width: 100%;
    float: left;
    padding: 0px 10px 0px 10px;
}
.maintence-grid .ag-scrolls {
    height: calc(100vh - 158px);
}

.maintence-grid .ag-body-viewport
{
height: 99%;
}

.search-save
{
width: 100%;
float: left;	
}
.data-search span
{
	float: left;
	padding: 5px 6px 0px 0px;
	font-weight: 600;
	color: #494949;
    font-size: var(--font-size-19);
}
.data-search input[type='text']
{
	float: right;
	padding: 4px 6px 4px 6px;
	/* width: 220px; */
}
.float-ryt {
	float:right;
}
.maintenance-grid-icon {
	margin-top: 10px;
    margin-left: 10px;
    cursor: pointer;
    margin-right: 6px;
}

.maintenance-grid-span {
	margin-top:3px;
	margin-left:5px;
	cursor:pointer;
}
.maintenance-grid-span:focus {
	outline: 1px solid #007BFF;
	outline-offset: 1px;
	background-color: #e6f0ff;  /* Light blue */
	color: #000000;             /* Set text color to black for readability */
}

.data-search
{
	float: left;
}
.save-button
{
	float: right;
}


/*for popup*/
body.modal-open
{
	margin-right:0px !important;
	padding-right:0px !important;
}
.modal
{
overflow:hidden !important;
}
.alert-bg .modal-header, .modal-header {
    padding: 6px 13px;
    background: var(--background-bg);
    display: flex;
    align-items:center;
}
.alert-bg .modal-footer {
    padding: 5px 0px 20px;
    font-size: var(--font-size-22);
    margin-top: 0px;
    text-align: center;
  	border-top: 1px solid transparent;
}
.alert-bg .btn
{
    background: var(--background-bg);
    /* border: 1px solid #4a7ad3; */
    border-radius: 3px;
    color: #fff;
    padding: 6px 24px;
    text-align: center;
    font-size: var(--font-size-19);
}
.alert-bg .info
{
	font-size: var(--font-size-26);
    font-weight: 500;
    color: #299000;
    text-align: center;
    padding: 10px 0px 0px 0px;
    bottom: 0px;
}
.alert-bg .error{
	font-size: var(--font-size-22);
    font-weight: 500;
    color: #ec4d43;
    text-align: center;
}

.alert-bg .modal-body {
    position: relative;
    padding: 0px 20px 1px 20px;
    min-height: 90px;

}

.alert-bg h4.modal-title {
    font-size: var(--font-size-26);
   }

body.modal-open .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    width: 80%;
    height: 100%;
    margin: auto;
    z-index:9999;
}

/* input:invalid {
  border: 1px dashed red;
} */


body.modal-open .modal-content {
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    box-shadow: 0 1px 5px rgba(0,0,0,0.4);
    
}


body.modal-open .modal-backdrop.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

body.modal-open .large-Modal .modal-dialog 
{
    width: 80%;
   	height: 100%;
    padding-top: 10px;
    padding-bottom:10px;
}
.grid-heading{
background: var(--background-bg);
color: #fff;
padding: 0px 10px;
font-size: var(--font-size-22);	
height: 36px;
line-height:36px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}

.grid-input, .grid-heading .grid-input{
	border: 1px solid var(--border-color);
    outline: none;
    border-radius: .5rem;
    padding: 0 6px;
    height: 26px;
    margin: 2px 0 2px 0px;
    font-size: var(--font-size-20);
    color: #ffffff;
    background: #043845;
    width: 190px;
}
.grid-input:focus{
	border-color: #5bc0de; /* light blue border */
	box-shadow: 0 0 3px #5bc0de; /* subtle glow */
	background: #064B5A; /* slightly lighter background on focus */
}

.grid-input::placeholder

.autocompleteInputBox {
	width:100%;
}

.temp_btn
{
	float: right;
    display: block;
    text-align: right;
    padding: 1px 0px
    }
.temp_btn i.fa
{
	font-size: var(--font-size-19);
	cursor: pointer;
}
.cell_border {
	border:1px solid red !important;
}
.none {
	border:1px solid #ffffff!important;
}

 body.modal-open .large-Modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    margin: auto;
}

/* skeleton classes */

.mrg_20 {
	    margin-bottom: 20px;
}

.cursor {
	cursor:pointer;
}

.grid_btn{
	height: 18px;
    width: 46px;
    font-size: var(--font-size-25);
    /* margin-left: 20px; */
    margin-top: -2px;
    /* color: darkblue; */
    background: darkgray;
}

.disable-btn {
	cursor: no-drop;
}

.grid-panel-dropdown{
	
    margin-top: 3px;
    width: 130px;
    border: 1px solid var(--background-bg);
    outline: none;
    border-radius: 7px;
    padding: 0 6px;
    height: 20px;
    margin: 2px 0 2px 0px;
    font-size: var(--font-size-25);
    color: #ffffff;
    background: #043845;
}

.accounting-panel{
	float:right;
	font-size: var(--font-size-19);
}

.capitalized-row {
	background: #7c7c7c !important;
    font-size: var(--font-size-19) !important;
    padding: 3px 2px;
    color: white !important;
    height: 23px !important;
}


.select-icon {
	font-size: var(--font-size-19) !important;
    padding: 2px;
    cursor: pointer;
}

.deselect-icon {
	font-size: 18.4px !important;
    padding: 2px;
    cursor: pointer;
}

input[type="checkbox"] {
	position:relative;
	margin: 9px 0 0 16px;
	z-index:9;
	}
	
.grid-sum {
	margin-left: 10px;
    margin-right: 5px;
}

.mar-left{
	margin-right : 2px;
}

input:focus {
  border-style: groove;
  border-width:1px;
  /*border-color: #86b7fe;*/
  border-color: var(--border-focus-400);
}

select:focus {
  border-style: groove;
}

#popupLauncher:focus{
	color: #2f12cb;
    font-size: var(--font-size-25);
    display: inline-flex;
}

.autocomplete>input:focus {
    border-width: 2px;
}

.grid-paging-bg {
    padding-top: 6px;
    padding-bottom: 6px;
}
.grid-paging-bg>button {
    border: 1px solid #e2e8f0;
    width: 26px;
    height: 26px;
    border-radius: 2px;
    color: #1e293b;
}
.grid-paging-panel {
    background-color: #f1f1f1;
    opacity: 0.9 !important;
    height: 21px;
    border-radius: 0;
    border: solid 1px #515252;
    padding-top: 0px;
    vertical-align: middle;
}

.grid-paging-panel-disabled {
	cursor: not-allowed !important;
    background-color: #f1f1f1;
    opacity: 0.9 !important;
    height: 21px;
    border: solid 1px #515252;
    border-radius: 0;
    vertical-align: middle;
}

/* .grid-paging-panel i, .grid-paging-panel-disabled i{
    font-size: var(--font-size-19);
        color: black;
} */

.grid-paging-panel-icon{
    font-size: var(--font-size-19) !important; 
}

.grid-paging-panel-text{
	padding-left: 5px;
    font-size: var(--font-size-19);
    
}
.grid-paging-panel-right-text{
    font-size: var(--font-size-19);
    float:right;
    margin: 4px;
}

.width-80 {
	width:80px;
}

.mark_close_icon {
	 float: right;
    margin-bottom: 0;
    margin-left: 4px;
    margin-top: 0;
    padding: 2px 4px 0px 4px;
    font-family: inherit;
    cursor: pointer;
    background-color: var(--background-bg);
    border: 1px solid var(--background-bg);
    height: 20px;
    color: white;
    font-size: var(--font-size-25);
}

.filterscreen-icon{
	float: right;
    margin-right: 10px;
    margin-top: 2px;
}
.disabled-icon{
	cursor:no-drop;
}
.cursor-pointer{
	cursor:pointer;
}
.ca_screen_btn {
    float:right;
    margin-right: 15px;
    background: var(--background-bg);
    border: 1px solid var(--background-bg);
    border-radius: 3px;
    color: #fff;
    padding: 3px 10px;
    text-align: center;
    font-size: var(--font-size-19);
    margin-left: 3px;
    margin-bottom: 2px;
    margin-top: 2px;
}

input:-webkit-autofill {
	 box-shadow: 0 0 0 30px white inset;
    -webkit-box-shadow: 0 0 0 30px white inset;
}
.btn-group>.btn-success {
    color: #fff !important;
    background: #5cb85c !important;
    border-color: #4cae4c !important;
    padding: 3px 8px !important;
    text-align: center !important;
    font-size: var(--font-size-25) !important;
}
/* .alert-bg .btn .query{
	    padding: 4px 10px !important;
    text-align: center !important;
    font-size: var(--font-size-19); !important;
} */

/* .btn-group>.btn-primary{
     padding: 3px 8px !important;
    text-align: center !important;
    font-size: var(--font-size-25) !important;
} */
/* .btn-group>.btn-primary:hover,.btn-primary:disabled,.btn-primary:focus,.btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: #428bca !important;
    background-color:#428bca !important;
    border: #357ebd !important;
} */

.btn-group>.btn-primary {
 
    /*  background: #3276b1 !important;
    border: #285e8e !important; */
    padding: 3px 8px !important;
    text-align: center !important;
    font-size: var(--font-size-25) !important;
}
.btn-group>.btn-danger:hover,.btn-danger, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    color: #fff;
    background: #d2322d !important;
    border-color: #ac2925;
    padding: 3px 8px !important;
    text-align: center !important;
    font-size: var(--font-size-25) !important;
}

.rule-filter-container>.form-control{
    height: 20px;
    padding: 0px 0px;
    font-size: var(--font-size-25);
}
.rule-input-expression-filter>.form-control{
	height: 20px;
 	padding: 0px 0px;
 	font-size: var(--font-size-25);
 	width: auto;
}
.rule-operator-container>.form-control{ 
	height: 20px;
    padding: 0px 0px;
    font-size: var(--font-size-25);
 }
 .rule-expression-container>.form-control{ 
	height: 20px;
    padding: 0px 0px;
    font-size: var(--font-size-25);
    width: auto;
 }
 .rule-expression-field>.form-control{
 	height: 20px;
 	padding: 0px 0px;
 	font-size: var(--font-size-25);
 	width: auto;
 }
.rule-value-container>.form-control{
	 height: 20px;
    padding: 0px 0px;
    font-size: var(--font-size-25);
}

.info_icon{
	    margin-top: 4px;
    	margin-left: 4px;
}

/* .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
    background: rgb(255 255 255 / 32%) !important;
} */
.login-section{background:rgba(255, 255, 255, .70);border-radius:20px;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index: 9999;height:315px;}
.login-section.is-Responsive{max-width:500px;min-width:200px;padding:20px;width:50%;}
#logo-container{height:30px;margin:auto;margin-bottom:10px;width:200px;}
section{padding-bottom:40px;}
.bg-img{
	height: 200px;margin-left: 28%;opacity: .60;
}
.pinn-css {
	color: #f10000;
    font-size: var(--font-size-22);
}
.active-tab-border {
	border :1px solid #1a0202e3;
}
.footer {
    /* margin-right: 2%; */
    color: black;
    font-size: var(--font-size-24);
    position: fixed;
    bottom: 0;
    /* height: 40px; */
    margin-top: 45px;
    /* right: 0; */
    /* float: inline-end; */
    right: 40px;
    bottom: 20px;
}
.shortcuts-keys {
	    font-size: 8px;
    position: absolute;
    /* padding: 4px 5px; */
    top: 20px;
    right: -10px;
}
.input-box {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #ced4da;
   border-radius: 4px;
   color: #101010;
   display: block;
   padding: 2px 15px;
   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;
   font-size: var(--font-size-14);
}
.weight-input{
   background-color: transparent;
   background-image: none;
   border-radius: 4px;
   color: #333;
   display: block;
   padding: 2px 15px;
   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;
   font-size: var(--font-size-14);
	font-size:1.4rem;
	width:100%;
	height: 38px;
}
.mb-3{
	margin-bottom:20px;
}
.weight-trash{
	cursor: pointer;
    position: absolute;
    right: -17px;
    top: 10px;
    font-size: var(--font-size-25) !important;
}
select.input-box, .input-box {
	height: 38px;
	font-size: var(--font-size-23) !important;
	width:100%;
}

select.input-box:focus, .input-box:focus {
	border-color: var(--border-focus-400) !important;
}

span.input-box{
    line-height: 34px;
}

select.input-box {
    padding: 2px 12px;
    opacity: 1;
}
.oms-alert {
	font-size: var(--font-size-26);
    font-weight: 500;
    text-align: center;
    padding: 10px 0px 0px 0px;
    bottom: 0px;
}
.favourite {
	margin-left: -5px;
    margin-right: 5px;
    cursor: pointer;
}


.div-grid-view .div-grid-header {display: flex; align-items: center; flex-wrap: nowrap; width: 100%;}
.div-grid-header .hearder-tab {padding: 7px 10px; background: #e7e7e7; white-space: nowrap; font-size: var(--font-size-22); font-weight: 600;} 
.div-grid-view .div-grid-body .div-grid-body-wrappr {display: flex; align-items: center; flex-wrap: nowrap; width: 100%;} 
.div-grid-body .hearder-tab .div-grid-body-wrappr {padding: 7px 10px; width: 120px; font-weight: 600;} 
.div-grid-body .hearder-tab .div-grid-body-wrappr select {width: 100%;}
.div-grid-body .hearder-tab .div-grid-body-wrappr input {width: 100%;}
.div-grid-body .hearder-tab.checkbox-tab .div-grid-body-wrappr input {width: auto;}
.hearder-tab.checkbox-tab {display: flex; width: auto !important; align-items: center;}
.hearder-tab.checkbox-tab input {margin-right: 10px;}

.div-grid-header .hearder-tab {width: 120px;}
.div-grid-view {width: 100%; display: flex; flex-direction: column; overflow: auto;}

.div-grid-header .hearder-tab {width: 200px;}
.div-grid-body .hearder-tab .div-grid-body-wrappr {width: 200px;}

.grid-table-wrappr {border: 1px solid #E1E1E1; border-radius: 8px;}
.grid-view-table {margin: 40px;}
.grid-table-wrappr .filter-header {background: transparent linear-gradient(105deg,#008FE1,#00B19C 100%,#000 0) 0 0 no-repeat padding-box; padding: 10px;
  display: flex; align-items: center; justify-content: space-between; border-radius: 8px 8px 0px 0px;}
.search-box input {background: transparent; color: #fff; height: 24px; border: 0px; outline: none; box-shadow: none!important;}
.search-box input::placeholder {color: #fff;}
.refresh-icon i {padding: 0px 15px; color: #fff; font-size: var(--font-size-25); cursor: pointer;}

.add-scroll.new-grid-table {height: calc(100vh - 52vh);}
.odr-btn{background: #F31515;
	border: none;
	color: #fff;
	border-radius: 3px;
    padding: 6px 24px;
    text-align: center;
    cursor: pointer;
    }
 .odr-btn:focus {
    outline: 2px solid #ffb3b3;
    outline-offset: 2px;
}

.odr-btn1{background: #148E51;
	border: none;
	color: #fff;
	border-radius: 3px;
    padding: 6px 24px;
    text-align: center;
    cursor: pointer;
    }
.odr-btn1:focus {
    outline: 2px solid #9ae8c3;
    outline-offset: 2px;
}
    
  .front-page-designs {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#left-slide .btn-primary {
    width: 100%;
    text-align: left;
    display: flex;
    gap: 6px;
}

#left-slide .dropdown-submenu>.dropdown-menu {
    position: relative !important;
    left: 0;
    background: var(--inner_submenu_bg);
    width: 100%;
}
#left-slide::-webkit-scrollbar {
  width: 3px;
}
 
#left-slide::-webkit-scrollbar-track {
  background: #002e5a;
}
 
#left-slide::-webkit-scrollbar-thumb {
  background: var(--dropdownListytype);
  border-radius: 4px;
}
#left-slide .dropdown-submenu .dropdown-menu li {
    padding-left: 30px;
    position: relative;
}
#left-slide .dropdown-submenu .dropdown-menu li:after {
    content: "";
    background: var(--dropdownListytype);
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    left: 25px;
    border-radius: 6px;
    transform: translateY(-50%);
    border: 1px solid #fff;
}
#left-slide .dropdown-submenu .dropdown-menu li:hover {
    background: var(--navhoverColor);
}
#left-slide .dropdown-submenu .dropdown-menu li a:hover {
    background: transparent;
}
.dropdown-menu>li>a:hover {
    font-size: var(--font-size-22);
    transition: all 0.1s ease-out;
    font-weight: bold;
}
.menu-name {
    width: 90%;
}
/* New table grid style */
/*
.new-grid-table .ag-row {
    height: 40px !important;
    transform: translateY(0px) !important;
    line-height: 40px !important;
}
.new-grid-table .ag-row-position-absolute {
    position: relative;
}
.new-grid-table .ag-theme-alpine .ag-cell {
    border: 1px solid transparent;
    line-height: 40px;
    padding-right: 5px !important;
}
.new-grid-table .ag-header-row {
    height: 40px !important;
}
.new-grid-table .ag-header {
    height: 40px !important;
}
.new-grid-table .ag-cell.ag-cell-auto-height {
    height: 40px !important;
    border: 0px;
}
.new-grid-table .ag-cell>input {
    display: block;
    border: 1px solid #dddddd;
    width: calc(100% + 5px) !important;
    padding: 6px;
} */
/* End New table grid style */


/* Order Rebalance Screen Button*/
.btn-outline-primary {
    
    border: 1px solid #0325a3;
    margin-right: 5px;
    font-size: var(--font-size-22);
    padding: 6px 15px;
    border-radius: 4px 4px 0px 0px;
    color: #0325a3;
    font-weight: bold;
    margin-bottom: -1px;
    border-bottom: none;
}
.selected_1 {
    background: #044c92;
    color : #fff;

}

.tab-add-details {
    height: 100px;
    border: 1px solid #fff;
    padding: 34px;
    font-weight: bold;
    background-color: #fff;
}

button.btn-right:focus,
button.btn-right:hover {
    background: cornflowerblue;
    color: #fff;
}

button.btn-right {
    width: 70px;
    height: 22px;
    border: none;
    border-radius: 4px;
    margin-top: 7px;
    margin-left: 5px;
    cursor: pointer;
    margin-right: 8px;
	line-height: normal;
}
/*----Scroll to all ------*/
::-webkit-scrollbar {
  width: 6px;
  height:6px;
}
::-webkit-scrollbar-track {
   background: #bbbbbb; 
}
::-webkit-scrollbar-thumb {
  background: rgb(116, 116, 116); 
}
.btn-genesis {
    background: #044c92;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
}
.btn-genesis:hover{
	color:#ffffff;
}
.btn-genesis>svg {
    width: 20px;
    height: 20px;
}
.btn-genesis:hover, .btn-genesis:focus {
    color: #fff;
    outline: none;
}
.addBtn {
    display: flex;
    align-items: center;
    margin-right: 4px;
}
/*----End Scroll to all ------*/

/* --------------------New Websites Navbar Style------------------- */

.left-side-menu .simplebar-mask {
	   overflow: visible !important;
/* 	overflow-y: scroll;
	scroll-behavior: smooth;
	scrollbar-color: transparent transparent;
	scrollbar-width: none; */
}

.saveReset_ul{
	position: absolute;
    top: -35px;
    right: 30px;
}
.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 999;
    max-width:70px;
/* 	border-right: 1px solid #e2e8f0; */
}

.innerfield-box {
   /*  display: flex;
    flex-wrap: nowrap; */
    position: relative;
    z-index: 9;
   /* border:1px solid var(--border-color);*/
    border-radius:4px;
    height:100%;
	overflow : hidden; 
}
#sidebar-menu>ul {
	list-style: none;
	padding: 30px 0;
	max-width: 70px;
	/*  border-right: 1px solid var(--border-color);*/
	height: 100%;
	overflow: scroll;
	scrollbar-color: transparent transparent;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.change-mode {
	padding: 0px 0 !important;
}
#up-arrow {
    margin-top: 0px;
}
#down-arrow {
    margin-bottom: 0px;
}
#side-menu li {
    list-style-type: none;
}
#sidebar-menu li {
    position: relative;
    white-space: nowrap;
    list-style-type:none;
  
}

.left-side-menu #sidebar-menu>ul>li {
	position: relative;
	white-space: nowrap;
	padding-block: 10px;
	padding-inline-start: 6px;
	display:flex;
	justify-content: center;
}

#sidebar-menu>ul>li>a {
    color: #4B4B5A;
    display: block;
    padding: 6px 10px;
    position: relative;
    transition: all .4s;
    white-space: nowrap;
    font-size: var(--font-size-24);
    min-height: 56px;
    cursor:pointer;
    display: flex;
    align-items: center;
}
li.sub-menu-item.active a {
    /* background: var(--secondMenubg); */
    background: var(--bg-active-nav) !important;
    border-radius: 8px;
    border: 0px solid #CCCCEC !important;
    box-shadow: 1px 4px 6px; 
    
}
#sidebar-menu>ul>li>a svg {
    width: 18px;
    height: 18px;
 /*    margin-left: 3px;
    margin-right: 10px; */
    fill: #4b4b5a1f;
}
#sidebar-menu>ul>li:hover a svg {
    fill: #cbcbff;
}
.left-side-menu #sidebar-menu>ul>li:hover>a span {
    display: inline;
}
.left-side-menu #sidebar-menu>ul>li>a span {
    display: none;
    padding-left: 28px;
}

#sidebar-menu>ul>li>a>span {
    vertical-align: middle;
}
.collapse:not(.show) {
    display: none;
}
.left-side-menu #sidebar-menu>ul>li:hover>.collapse, .left-side-menu #sidebar-menu>ul>li:hover>.collapsing {
    display: block !important;
    height: auto !important;
    transition: none !important;
}
.left-side-menu #sidebar-menu>ul ul {
    padding: 5px 0;
    z-index: 9999;
    display: none;
    background-color: #fff;
}
#sidebar-menu .active .active {
    color: var(--background-bg);
}
.left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul a, .left-side-menu #sidebar-menu>ul>li:hover>.collapsing>ul a {
    box-shadow: none;
    padding: 8px 20px;
    position: relative;
    width: 190px;
    z-index: 6;
    text-decoration:none;
}
.left-side-menu #sidebar-menu>ul ul li.active a {
    color: var(--background-bg);
}
#sidebar-menu .active .active {
    color: var(--background-bg);
}
/* .left-side-menu #sidebar-menu>ul>li:hover>a {
    position: relative;
    width: calc(230px + 70px); 
    width: calc(74px);
    color: var(--background-bg);
    background-color:var(--secondMenubg);
    text-decoration:none;
	border-radius: 8px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	} */
	
.left-side-menu #sidebar-menu>ul>li:hover>a {
	border: 1px solid var(--bg-active-nav);
	/* box-shadow: rgba(0, 0, 0, 0.35) 0px 2px 15px; */
	    box-shadow: 1px 4px 6px;
	/*       background-color: #dfffe2; */
	background-color: var(--bg-active-nav);
}

.left-side-menu #sidebar-menu>ul>li>a {
    position: relative;
   /*  width: calc(230px + 70px);  */
    width: calc(52px);
    color: var(--background-bg);
 /*    background-color:var(--secondMenubg); */
    text-decoration:none;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items : center;
/*     background-color :#baf0ff5e; */
	border-radius: 8px;
	border: 1px solid #cccece;
}

/* .left-side-menu #sidebar-menu>ul>li:hover>a::before,
.left-side-menu #sidebar-menu>ul>li:hover>a::after {
��� content: '';
��� position: absolute;
��� top: 50%;
��� transform: translateY(-50%);
��� width: 20px; Adjust the width as needed
��� height: 20px; Adjust the height as needed
���
This makes the element circular
}

.left-side-menu #sidebar-menu>ul>li:hover>a::before {
��� left: -10px; Adjust the position as needed
}

.left-side-menu #sidebar-menu>ul>li:hover>a::after {
��� right: -10px; Adjust the position as needed
} */

/* .left-side-menu #sidebar-menu>ul>li>a::before, .left-side-menu #sidebar-menu>ul>li>a::after
	{
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: var(- -secondMenubg);
	border-radius: 50%;
	background : #FFFFFF;
}
 */
/* .left-side-menu #sidebar-menu>ul>li>a::before {
	left: -10px;
} */
.left-side-menu #sidebar-menu>ul>li>a::after {
	right: -2px;
	top: -3%;
	border-bottom-right-radius: 51px;
	background: var(- -white-bg);
	transform: rotate(460deg);
}


	
.left-side-menu #sidebar-menu>ul ul {
    padding: 5px 0;
    z-index: 9999;
    display: none;
    background-color: #fff;
}
.left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul, .left-side-menu #sidebar-menu>ul>li:hover>.collapsing>ul {
    display: block !important;
    left: 70px;
    position: absolute;
    width: 230px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}
.nav-second-level li a {
    padding: 8px 25px;
    color: #4b4b5a;
    display: block;
    position: relative;
    transition: all .4s;
    font-size: var(--font-size-24);
    text-decoration:none;
}
.nav-second-level li a:hover {
    color: var(--background-bg);
}

/*-------------------- Step by Step progress ----------*/

.progressbox {
    display: flex;
    justify-content: space-between;
}

.design-arrows {
	position: relative;
	border-bottom: 1px solid var(--border-color);
}

.design-arrows *,
.design-arrows ::after,
.design-arrows ::before {
	box-sizing: border-box;
}

.sw>.nav-style {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-right: 1px solid var(--border-color);
}

.sw>.nav-style .nav-link {
	display: block;
	padding: .5rem 1rem;
	text-decoration: none;
}

.sw>.nav-style .nav-link:active,
.sw>.nav-style .nav-link:focus,
.sw>.nav-style .nav-link:hover {
	text-decoration: none;
}

.sw.design-justified>.nav-style .nav-link,
.sw.design-justified>.nav-style>li {
	/* flex-basis: 0;
	flex-grow: 1; */
	text-align: center;
	min-width: 200px;
}

.sw-theme-basic>.nav-style {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1) !important;
}

.sw-theme-basic>.nav-style .nav-link {
	position: relative;
	height: 100%;
	min-height: 100%;
	margin-right: 5px;
}

.sw-theme-basic>.nav-style .nav-link::after {
	content: "";
	position: absolute;
	pointer-events: none;
	height: 2px;
	width: 0;
	left: 0;
	bottom: -1px;
	transition: all .35s ease .15s;
	width: 100%;
}

.sw-theme-basic>.nav-style .nav-link.default {
	color: var(--default-secondary-color);
	cursor: not-allowed;
}

.sw-theme-basic>.nav-style .nav-link.default::after {
	background-color: var(--default-secondary-color)
}

.sw-theme-basic>.nav-style .nav-link.active {
	color: var(--background-bg) !important;
	cursor: pointer;
}


.design-arrows>.nav-style {
	overflow: hidden;
}

.design-arrows>.nav-style .nav-item:first-child .nav-link {
		margin-left: 0;
	}


.design-arrows>.nav-style .nav-item:last-child .nav-link {
	margin-right: 0;
}

.design-arrows>.nav-style .nav-link {
	position: relative;
	height: 100%;
	padding: 10px;
/* 	margin-right: 30px;
	margin-left: -30px; */
	padding-left: 50px;
	transition: all .5s ease-in-out;
}


.design-arrows>.nav-style .nav-link::after,
.design-arrows>.nav-style .nav-link::before {
	content: "";
	pointer-events: none;
	position: absolute;
	display: block;
	left: 100%;
	top: 50%;
	height: 0;
	width: 0;
	margin-top: -50px;
	border: 50px solid transparent;
	border-left-width: 40px;
	transition: all .5s ease-in-out;
}

.design-arrows>.nav-style .nav-link::after {
	z-index: 2;
}

.design-arrows>.nav-style .nav-link::before {
	z-index: 1;
}

.design-arrows>.nav-style .nav-link.default {
	color: var(--primary-color);
	background-color: var(--white-bg);
	cursor: not-allowed;
	font-size: var(--font-size-22);
}


.design-arrows>.nav-style .nav-link.default::after {
	border-left-color: var(--white-bg);
}

.design-arrows>.nav-style .nav-link.default::before {
	border-left-color: #000000;
}

.design-arrows>.nav-style .nav-link.active {
	color: var(--whiteColor) !important;
	border-color: var(--background-bg);
	background-color: var(--background-bg);
	cursor: pointer;
}

.design-arrows>.nav-style .nav-link.active::after {
	border-left-color: var(--background-bg);
}

.design-arrows>.nav-style .nav-link.active::before {
	border-left-color: var(--whiteColor);
}

.design-arrows>.nav-style .nav-link.done {
	color: var(--sw-anchor-done-secondary-color);
	border-color: var(--sw-anchor-done-primary-color);
	background-color: var(--sw-anchor-done-primary-color);
	cursor: pointer;
}

/*--End Step by Step progress --*/
.closeMenu {
    background: var(--menuLogoBg);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 44px;
    padding: 6px 6px 6px 5px;
    width: 100%;
    cursor: pointer;
    position: sticky;
    top: 0;
    z-index: 2;
	box-shadow: 0 11px 0px var(--background-bg);
}
.menuLogo>img {
    max-height: 34px;
}
.formbgTop{
	background: #ffffff;
    height: calc(100vh - 60px);
    overflow: hidden;
}
.left-side-menu #sidebar-menu>ul>li img {
	width: 40px;
	height: 40px;
	object-fit: contain;
    border-radius: 8px;
  /*  padding: 3px;*/
	
}

.floatingIcon {
    display: none;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index:999;
    cursor:pointer;
    background: var(--bg-btn-color);
    padding: 10px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 27px -10px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 27px -10px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 27px -10px rgba(0, 0, 0, 0.75);
}
.floatingIcon.float-icon {
    display: block;
}
.floatingIcon>img{
   max-width: 38px;
}
.dropdown-menu {
    background: var(--background-light-bg);
}
.caret {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    transform: rotate(225deg);
    border-right: 0;
    border-bottom: 0;
    border-top-color: #ffffff !important;
    transition: all 0.5s ease-out;
}
.firstTabChange{
	border: 2px solid var(--background-bg);
    border-radius: 4px;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 0px 2px;
    color: var(--background-bg);
    cursor:pointer;
    background:#fff;
    width: 32px;
    max-width:32px;
}
.fullFormView {
    background: var(--background-bg);
    color: #fff;
}
.changeGride{
	background: var(--bg-btn-color);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008fe2', endColorstr='#00b29c', GradientType=1);
    border: 0px solid var(--background-bg);
    border-radius: 3px;
    color: #fff;
    text-align: center;
    font-size: var(--font-size-22);
    height: 30px;
    max-width: 60px;
    min-width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*----------- Progressbar Desings -----------*/
/*.progressbarWidth{
	width: 100%;
    min-width: 240px;
	min-width: 140px;
    margin-right:30px;
}
   .progress-title{
    font-size: var(--font-size-25);
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 25px;
}
.progress-style{
    height: 8px;
    background: #e9e9ea;
    border-radius: 15px;
    overflow: visible;
    position: relative;
}
.progress-style:before,
.progress-style:after{
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 1;
}
.progress-style:after{
    border: 5px solid #e9e9ea;
    left: auto;
    right: 0;
}
.progress-style .progress-bar{
    box-shadow: none;
    border: none;
    border-radius: 15px;
    position: relative;
    -webkit-animation: animate-positive 1s;
    animation: animate-positive 1s;
    padding-left:0px;
	background-color: var(--bg-btn-color);
}
.progress-style .progress-value{
	
	line-height: 25px;
	border-radius: 20px;
	font-size: var(--font-size-17);
	font-weight: 600;
	position: absolute;
	top: -12px;
	right: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
}
.progress-style:before{ border: 5px solid var(--bg-btn-color); }
.progress-style .progress-value span{
    border: 2px solid var(--background-bg);
    color: var(--background-bg);
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
	width: 60px;
	height: 26px;
	border-radius: 25px;
	display: inline-block;
}
 .progress-style .progress-value{
   display: flex;
    align-items: center;
    justify-content: center;
    height: 31px;
} 
.progressbarWidth:hover .progress-style .progress-value span{
	opacity: 1;
	visibility: visible;
    display: block;
	width: 60px;
		height: 26px;
}

.empty_per {
    background: var(--background-bg);
    width: 10px;
    height: 10px;
    border-radius: 40px;
    display: flex;
    align-items: center;
}
.progress_percent {
    background: #fff;
    padding: 0 10px;
    border-radius: 20px;
    font-size: var(--font-size-22);
    border: 2px solid var(--bg-btn-color);
    color: var(--bg-btn-color);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.progress-style:hover .progress_percent {
    opacity: 1;
    visibility: visible;
}
.progress-style{
    height: 8px;
    background: #e9e9ea;
    border-radius: 15px;
    overflow: visible;
    position: relative;
    cursor: pointer;
}
.empty_per {
    background: var(--bg-btn-color);
    width: 10px;
    height: 10px;
    border-radius: 40px;
    display: flex;
    align-items: center;
}
@-webkit-keyframes animate-positive{
    0%{ width: 0; }
}
@keyframes animate-positive{
    0%{ width: 0; }*/
	
	
	


	.progressbarWidth.ng-scope {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 80px;
	    /* height: 20px; */
	    /* position: relative; */
	    z-index: 99;
}

	.progress-style {
	    position: relative;
	    width: 35px;
	    height: 35px;
	    border-radius: 50%;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    top: -3px;
	}

	.progress-bar {
	    background: conic-gradient(
	        #3b82f6 0%,
	        #3b82f6 75%,
	        #e5e7eb 75%,
	        #e5e7eb 100%
	    );
	    width: 100% !important; 
	    height: 100%;
	    border-radius: 50%;
	    position: relative;
	}

	.progress-bar::after {
	    content: '';
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 85%;
	    height: 85%;
	    background-color: #ffffff;
	    border-radius: 50%;
	}

	.progress_percent.ng-binding {
	    position: absolute;
	    top: 50%;
	    /* left: 50%; */
	    transform: translate(-46%, -48%);
	    z-index: 1;
	    font-size: 9px;
	    font-weight: bold;
	    color: var(--background-bg);
	}

/*--------- End Progressbar --*/

ul.menubar li.active {
	background: var(--background-bg);
}

.sub-menu-disable{
	
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none; 
}

.form-border {
	border: 1px solid #D1D1D1;
	/* border: 1px solid #e2e8f0; */
	border-radius: 4px;
	margin: 10px;
	padding: 3px 0px 10px 0px;
	transition-delay: 0.7s;
	margin-inline-start: 2rem !important;
	box-shadow: inset 0 1px 5px #FFF;
	}

button.up-arrow {
    width: 100%;
    border: none;
    height: 26px;
    border-right: 1px solid #cccccc;
	position: absolute;
	background: #77e2ff;
	z-index: 9;
}
button.up-arrow i,.down-arrow i {
	font-size: 25px;
	color: var(--background-bg);
}
button.up-arrow i:hover,.down-arrow i:hover{
	color: #7c7c7c;
}

button.down-arrow {
	width: 100%;
    border: none;
    height: 26px;
    border-right: 1px solid #cccccc;
	position: absolute;
	margin-top: -26px;
	background: #77e2ff;
	z-index: 9;
}
.modal-header {
    display: flex;
    justify-content: space-between;
}
#home.child-sub-menu-d{
	padding-left:70px;	height: 100%;  overflow: auto;
}
.child-sub-menu-d1{
	padding-left:0px;	height: 100%; /* overflow: auto; */
}
.child-sub-menu-d1 .form-border {
    margin: 0 0 10px !important;
}
.form-tab-style {
    position: absolute;
    top: -40px;
    right: 15px;
}
.print-modalComposition{
	position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 9;
}
.gride-Position {
    position: absolute;
    top: 28%;
    width: Calc(100% - 100px);
	z-index: 99;
    background: #ffffff;
    margin-left: 80px;
}
.gride-Position-report {
    position: absolute;
    top: 40%;
    width: Calc(100% - 100px);
    background: #ffffff;
    margin-left: 80px;
}
.add-save-btn {
    display: flex;
    justify-content: right;
        margin-bottom: 0px !important;
}
.save-button-grid {
    display: flex;
    gap: 4px;
    justify-content: right;
    margin-top: -34px;
	z-index: 9;
	position: relative;
	float: right;
}
.ag-theme-alpine .ag-row:not(.ag-row-first) {
    border-bottom-style: solid !important;
}
.ag-theme-alpine .ag-row {
	border-width: 0.5px !important;
}
.ag-theme-alpine .ag-ltr .ag-cell {
    border-right: none !important;
}
.modal-content{
	border-radius: 0;
	    border: 0px;
}
.fund-Portfolio, .filter-Position, .info-Position {
    position: absolute;
    top: 10px;
    right: -14px;
    font-size: var(--font-size-26) !important;
}
.modal-textarea>label{
	display: block;
    font-size: var(--font-size-22);
}
.modal-textarea textarea {
    width: 100%;
    display: block;
    border-radius: 4px;
}
.modal-textarea {
    font-size: var(--font-size-22);
}
/* i.fa.fa-times.cursor, .cancel-reset-btn {
    color: #fff;
} */
.ag-header-cell{
	font-weight: 600 !important;
}
.inline-btns .report-btn {
    padding: 6px 12px;
}
.inline-btns #dLabel {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.color-white .dropdown-menu>li>a:hover, .dropdown-menu>li>a{
    color: #fff !important;
}
.icon-color-white {
    color: #fff;
}
.dropdown-li-style {
    margin-right: 0px !important;
    border: 0 !important;
    border-bottom: 1px solid hsl(0deg 0% 100% / 37%) !important;
}
.iframe-scroll{
	z-index: 9;
    border-top: 0px;
}
.pin-icon, .unpin-icon{
    position: absolute;
    bottom: 0px;
    /*background: #088db1;*/
	background: var(--background-bg);
    padding: 4px 10px 8px;
}
.pin-unpin {
    position: inherit;
    bottom: 0;
    cursor: pointer;
    z-index: 9999;
}
.pin-unpin img{
	width:20px;
}
.modal-header i {
    color: #fff;
}
.inline-block{
	display:inline-block;
}
.model-d-flex {
    display: flex;
    align-items: center;
}
.popUpBody {
    padding: 2rem;
    max-height: calc(100vh - 321px);
    overflow: auto;
}
.strechBtn{
	position: relative;
}
.strechBtn::before {
    content: "\f063";
    font-family: "FontAwesome";
    font-size: var(--font-size-10);
    font-weight: normal;
    position: absolute;
    transform: rotate(226deg);
	top: 14px;
	right: 0;
}
.strechBtn::after {
    content: "\f063";
    font-family: "FontAwesome";
    font-size: var(--font-size-10);
    font-weight: normal;
    position: absolute;
    transform: rotate(45deg);
	top: 4px;
	right: -7px;
}
.table-responsive {
  max-height: 300px;
  overflow: auto;
  position: relative;
}

.table thead {
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
}
.mb-0{
	margin-bottom:0;
}
.child-form-padding-border{
	padding: 0 10px 0 15px;
	border-left: 1px solid #e2e8f0;
}
.sticky-top {
    position: sticky;
    top: 0px;
    background: #ffffff;
    z-index: 99;
    margin-top: 0 !important;
    padding-top: 10px;
}
.open-cog{
	font-size: 18px !important;
	padding: 3px 5px;
	cursor: pointer;
}
.filter-body {
    height: 60vh;
}
button.btn-filter-config {
    width: 50px;
    height: 25px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    position: relative;
    display: inline-block;
}
.filter-div img{
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.filter-div{
	display: flex;
	gap: 6px;
	align-items: center;
}

span.ag-header-icon.ag-header-cell-menu-button{
	display: none !important;
}
.d-flex {
    display: flex;
}
button.btn-right .fa-refresh {
    font-size: 11px;
}
.justify-right{
	display:flex;
	justify-content:right;
}
.whiteClose{
	color:#fff;
	opacity:1;
}

.calendar-index{
	z-index: 0 !important;
}
.calendar-hide{
	z-index: 99 !important;
}

.model-bg
 {
    padding-bottom: 20px;
}

.panel2 .modal-dialog{
	width: 40% !important;
}

.panel2 .modal-dialog .fr_datalist
 {
    width: 50%;
}

.panel3 .modal-dialog{
	width: 24% !important;
}

.panel3 .modal-dialog .fr_datalist
 {
    width: 100%;
}

input[type="date"]::-webkit-datetime-edit {
    color: transparent;
 }
  input[type="date"]:focus::-webkit-datetime-edit,
  input[type="date"]:valid::-webkit-datetime-edit {
    color: black;
 }
 

.instrument-div-active {
	border: 1px dashed var(--border-pointer) !important;
	border-radius: 8px;
	/* 	box-shadow: rgba(0, 169, 162, 0.2) 0px 4px 12px, rgba(0, 169, 162, 0.5)
		0px 0px 20px !important;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px
		-12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px
		12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px !important; */
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
		rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	margin-inline-start: 2rem !important;
}

.higlight-subMenu {
	position: absolute;
	border: 1px dashed var(--border-pointer);
	/* height: 18.5rem !important; */
    right: -8px;
    top: 35px;
}

@media screen and (min-width: 1296px) and (max-width: 1440px) {
	.higlight-subMenu {
		right: -11px;
	}
}

/* @media screen and (min-width : 1024px) and (max-width: 1280px) {
	.left-side-menu #sidebar-menu>ul>li>a {
		width: calc(60px);
	}
} */
@media screen and (min-width : 1280px) and (max-width: 1330px) {
     .higlight-subMenu {
		right: -11px;
	}
}

@media screen and (min-width: 1220px) and (max-width: 1366px) {
	#sidebar-menu>ul>li>a {
		min-height: 48px !important;
	}
	.left-side-menu #sidebar-menu>ul>li {
		padding-block: 4px !important;
		padding-inline-start: 6px !important;
		display: flex;
		justify-content: center;
	}
	.left-side-menu #sidebar-menu>ul>li img {
		width: 30px;
		height: 30px;
	}
	.left-side-menu #sidebar-menu>ul>li>a {
		width: 50px !important;
	}
	.higlight-subMenu::after {
		width: 16px !important;
		right: 1px !important;
	}
	.higlight-subMenu::before {
		width: 14px !important;
		right: -14px !important;
	}
	  .customInput input, .customSelect select, .count-number, .customSelect .count-number, .customSelect input {
    min-width: 140px !important;
    max-width: 160px !important;
    font-size: 1rem !important;
}
.order-autofillData .autocomplete>input {
    min-width: 130px !important;
    max-width: 160px !important;
    font-size: 1rem !important;
}

}

@media screen and (min-width: 1080px) and (max-width: 1199px) {
	#sidebar-menu > ul > li > a {
		min-height: 48px !important;
	}
		.scrollX {
		    white-space: normal;
		}
	.left-side-menu #sidebar-menu > ul > li {
		padding-block: 4px !important;
		padding-inline-start: 6px !important;
		display: flex;
		justify-content: center;
	}

	.left-side-menu #sidebar-menu > ul > li img {
		width: 30px;
		height: 30px;
	}


	.left-side-menu #sidebar-menu > ul > li > a {
		width: 50px !important;
	}
}


.downplay-subMenu {
	box-shadow: inset 0px 1px 5px #FFF !important;
    border: 1px solid #CCCECE !important;
}




.higlight-subMenu::before {
	content: '';
	position: absolute;
    width: 14px;
    /* top: 0; */
    right: -13px;
	border: 1px dashed var(--border-pointer);
	bottom: -1px;
}

.higlight-subMenu::after {
	content: '';
	position: absolute;
	width: 13px;
	top: -1px;
	right: 0px;
	border: 1px dashed var(--border-pointer);
}

.reverse-highlight-subMenu::before {
		right: -1px !important;
}

.reverse-highlight-subMenu::after {
		right: -14px !important; 
}


.active-highlight-subMenu {
	top: 105px;
}

 .active .highlight-Subtab {
	/* background: #dfffe2 !important; */
	background-color: #baf0ff;
	/* box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px; */
	    /* box-shadow: #CCCCCC 0px 22px 70px 4px !important; */
} 

.active .left-side-menu #sidebar-menu>ul>li>a {
   background : #baf0ff !important;
}


.active .left-side-menu #sidebar-menu>ul>li img {
    filter: var(--svgColor) !important;
    width: 50px !important;
    height: 50px !important;
}
/*
.theme-select {
	display: flex;
 	justify-content: space-around; 
    padding:  10px;
	border-radius: 4px;
	 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    width: fit-content;
    gap: 1rem;
    background: #FFFFFF;
    border: 1px solid #cccccc;
     transform : rotate(90deg); 
}


.theme-select {
	position: absolute;
	 top: 28px; 
	top: 10px;
	right: 1.2%;
	left: 9.1%;
	background-color: #FFFFFF;
	border: 1px solid rgb(238, 236, 236);
	 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
	 display: none; 
	z-index: 999999;
	background-color: #FFFFFF;
}

.theme-option {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
   margin-block-start: .5rem; 
}

.theme-option:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

#light-theme {
  background-color: #ffffff;
  border: 2px solid #ccc;
}

#dark-theme {
  background-color: #333333;
  border: 2px solid #444;
}

#blue-theme {
  background-color: #007bff;
  border: 2px solid #0056b3;
}

#green-theme {
  background-color: #28a745;
  border: 2px solid #218838;
}

.theme-option p {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.select-theme span {
	font-size: 18px;
	font-weight: 500;
    display : flex;
    justify-content: center;
    align-items : center; 
}

.theme-color {
    top: 35px;
    right: 0px;
	gap: .5rem;
	border: 1px solid #cccece;
	padding: 6px 10px;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
	opacity: 0;
	transform: scaleY(0) rotateX(-90deg);
	transform-origin: top;
	transition: transform 0.4s ease, opacity 0.4s ease;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	z-index: 10;
	pointer-events: none;  Prevent interaction while hidden 
}
*/

.forgot-remember {
    display: flex;
    align-items: center;
    justify-content: right;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 600;
}
.forgot-remember>span:hover{
    color: #095c9b;
}
.forgot-remember>span>input, .forgot-remember>span>label {
    margin-left: 4px;
    cursor:pointer;
}
.forgot{
	color: #1584d9;
	cursor:pointer;
}

.select-theme:hover .theme-color {
  opacity: 1;
  transform: scaleY(1) rotate(0deg);
  pointer-events: auto;
}



  .delete-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: rgb(7, 141, 177);
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
    box-shadow: none;
  }

  .delete-icon-box:hover {
    background-color: rgb(0, 120, 160);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  }

  .delete-icon-box i {
    color: #fff;
    font-size: 18px;
    pointer-events: none;
  }
  
  .delete-icon-box:hover {
    background-color: rgb(0, 120, 160);
    box-shadow: 0 0 8px #00d1d1;
  }
  


/* .select-theme:hover .theme-color {
  display: block;
  transform: rotate(90deg);
}
 */

/* .menuBack {
	position : relative;
	z-index: 1;
} */.whiteFont{
	color:#fff;
	opacity:1;
}



/*-----------Notifications ---------*/
 
.notification-icon {
    position: absolute;
    top: 20px;
    right: 15px;
    cursor:pointer;
}
.notification-icon img {
   animation: swing 1.5s ease infinite;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
} 
.notification-icon .badge {
    position: absolute;
    right: -5px;
    top: -7px;
    padding: 2px 4px;
    font-size: 11px;
    font-weight: 700;
    font-family: work-Sans, sans-serif;
    background-color: #65c15c;
}
 
.onhover-show-notification-div {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background:#efefef;
    padding: 10px;
    position: absolute;
    top: 30px;
    right: -4px;
    z-index: 999;
    max-width: 400px;
     opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    border-radius: 5px;
    overflow: hidden;
    transition: all linear 0.3s;
    min-width: 360px;
}
.notification-title {
    font-size: 14px;
    font-weight: 600;
    color: #078db1;
    letter-spacing: 0.5px;
    display:flex;
    justify-content:space-between;
}
.onhover-show-notification-div ul>li>a {
    padding: 8px 0;
    text-decoration: none;
    display: inline-block;
    color: #555;
    cursor: pointer;
    font-size: 14px;
    pointer-events: auto;
}
.onhover-show-notification-div ul>li>a:hover{
	color:#078db1;
	cursor: pointer;
}
.onhover-show-notification-div ul>li{
	position:relative;
	list-style-type: none;
    background: #ffffff;
    margin-bottom: 4px;
    padding: 0 10px;
    cursor: pointer;
    border-radius: 4px;
}
.notification-icon:hover .onhover-show-notification-div{
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    border-radius: 5px;
    overflow: hidden;
}
/* .onhover-show-notification-div {
    transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
} */
.notification-hd {
    font-weight: 600;
    color: #000000;
}
.onhover-show-notification-div i {
    position: absolute;
    right: 6px;
    top: 4px;
}
.notification-box{
	max-height: 50vh;
    overflow: auto;
}
/*-----------Finished Notifications ---------*/

/*--------ORDER DASHBOARD NEW DESIGNS -----------*/

.inputSectionBox {
    padding: 25px 20px !important;
    background: #fff;
    border: 1px solid #C4D0DB;
    box-shadow: rgb(185 185 185 / 17%) 0px 1px 2px 0px, rgb(185 185 185 / 15%) 0px 1px 2px 1px;
}
.validation-summary{
	    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 0 5px;
    font-size:12px;
    margin-right:10px;
    
}
.validation-summary>span {
    min-width: 80px;
    
}
.validation-summary span {
    text-align: center;
}
.order-autofillData input::placeholder {
  color: #101010;
}

 
.Btn {
  --black: #000000;
  --ch-black: #141414;
  --eer-black: #1b1b1b;
  --night-rider: #2e2e2e;
  --white: #ffffff;
  --af-white: #f3f3f3;
  --ch-white: #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 45px;
  height: 45px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  /*position: relative;*/
  position: fixed;
/*  left: .8%;*/
  bottom: 2%;;
  overflow: hidden;
  transition-duration: .3s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
  background: var(--background-bg);
}

/* plus sign */
.sign {
  width: 100%;
  transition-duration: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sign svg {
  width: 17px;
}

.sign svg path {
/*  fill:var(--text-color-white);*/
    fill: #FFF;
}
/* text */
.text {
  position: absolute;
  right: 0%;
  width: 0%;
  opacity: 0;
  color: #FFF;
  font-size: 1.2em;
  font-weight: 600;
  transition-duration: .3s;
}
/* hover effect on button width */
.Btn:hover {
  width: 125px;
  border-radius: 5px;
  transition-duration: .3s;
  border:1px solid #F4F4F4;
}

.Btn:hover .sign {
  width: 30%;
  transition-duration: .3s;
  padding-left: 20px;
}
/* hover effect button's text */
.Btn:hover .text {
  opacity: 1;
  width: 70%;
  transition-duration: .3s;
  padding-right: 2rem;
}
/* button click effect*/
.Btn:active {
  transform: translate(2px ,2px);
}

.logout-Btn-sidebar {
	position: fixed;
	bottom: 6%;
	width: 3rem;
	height: 3.5rem;
	border: 1px solid #FFFF;
	box-shadow: none;
	margin-inline: .5rem;
	z-index: 999999;
}

.menuBack {
	height: 2.8rem;
	width: 2.8rem;
	background: var(--inner_submenu_bg);
	text-align: center;
	align-content: center;
	border-radius: 50%;
}

.menuBack span i {
	font-size: 12px;
}


.theme-select {
	position: absolute;
	top: 16px;
	 right: 3.2%; 
/*	left: 10.1%;*/
/*	border: 2px solid rgb(238, 236, 236);*/
	/* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
	/* display: none; */
	z-index: 999999;
	display: none;
}



.theme-option {
/*  width: 15px;
  height: 15px;*/
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
/*   margin-block-start: .5rem; */
position: relative;
display: inline-block;
margin: 5px;
}

/*.theme-option input {
	padding: 0 !important;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
}
*/


.theme-option input[type="color"] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
}

.color-preview {
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    border: 2px solid #ccc;
}


/*.theme-option:hover {
  transform: scale(1.1);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}*/

#light-theme {
  /*background-color: #ffffff;*/
  background-color : var(--bg-color-light);
  border: 2px solid #ccc;
}

#dark-theme {
  background-color: #333333;
  /*background-color : var(--bg-dark-900);*/
  border: 2px solid #444;
}

#blue-theme {
  background-color: #785e78;
  border: 2px solid #d371d3;
}

#green-theme {
  background-color: #5e8085;
  border: 2px solid #69b3be;
}

#feeling-fall {
 background : #deb499;
 border: 2px solid #ce8b69;
}

#palette {
	background : #194161;
	border: 2px solid #1a84da;
}

.theme-option p {
  /*color: #ffffff;*/
  color : var(--text-color-white);
  font-size: 14px;
  font-weight: bold;
  margin: 0;
}

.select-theme span {
	font-size: 18px;
	font-weight: 500;
    display : flex;
    justify-content: center;
    align-items : center; 
}

.theme-color {
    top: 15px;
    right: 0px;
	gap: .5rem;
	border: 1px solid #cccece;
	padding: .125rem;
	display: grid;
    grid-template-columns: repeat(4, 1fr);
	opacity: 1;
	/*transform: scaleY(0) rotateX(-90deg);*/
	transform-origin: top;
	position: absolute;
	background: #fff;
	/*background : var(--bg-color-light);*/
	border: 1px solid #ccc;
	border-radius: 3px;
	z-index: 10;
}

.theme-option i {
	color: #078db1;
    font-size: 16px;
	}
	
	.open-sidebar {
	    width: 220px !important;
	    max-width: 220px !important;
	    opacity: 1;
	    transition:
	        width 0.6s ease,
	        max-width 0.6s ease,
	        opacity 0.6s ease,
	        transform 0.6s ease;
	}

.pr2{
	padding-right:20px;
}


.fund-search-container {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.search-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.quick-search-form {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.search-results table {
    width: 100%;
}

.search-results th {
    background-color: #f5f5f5;
    font-weight: 600;
}
.search-container {
    padding: 0 6px;
}
/* .ui-select-bootstrap .ui-select-choices-row.active>span
 {
    background-color: #006885;
}
.ui-select-bootstrap .ui-select-choices-row>span {
    color: #ffffff;
} */
input.form-control.ui-select-search.ng-pristine.ng-valid.ng-touched, input.form-control.ui-select-search.ng-pristine.ng-untouched.ng-valid, input.form-control.ui-select-search.ng-valid.ng-touched.ng-dirty.ng-valid-parse {
    height: 28px;
    border-radius: 40px !important;
}
.ui-select-bootstrap .ui-select-choices-row>span{
    color: #ffffff !important;
}
.ui-select-bootstrap .ui-select-choices-row>span:focus, .ui-select-bootstrap .ui-select-choices-row>span:hover {
    background-color: #078db1 !important;
}

.ui-select-bootstrap .ui-select-match-text {
    position: relative;
    top: 0px;
}
.main-global-search{
	position: sticky;
	top: 5.5rem;
	z-index: 1;
}
.main-global-search>i{
	    position: absolute;
   /* right: 13px;*/
   left: 1.4rem;
    top: 7px;
    color: #494949;
    z-index: 1;
    font-size: 1.4rem;
}
.ui-select-match>span {
    height: 28px;
    border-radius: 40px !important;
}
.ui-select-container .caret.pull-right {
    display: none;
}
.btn-default-focus{
	background-color:transparent !important;
	outline:0 !important;
}
.form-tab-style-parameter {
    position: absolute;
    top: -9px;
    right: -18px;
}

.custom-menu {
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ccc;
  list-style: none;
  padding: 5px 0;
  margin: 0;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
  border-radius: 2px;
}
.custom-menu li {
  padding: 5px 15px;
  cursor: pointer;
}
.custom-menu li:hover {
  background: #f0f0f0;
}

/* Audit History Pages */

.auditHistorySection {
    background: #fff;
    padding: 10px;
    margin-top: 6px;
}
.auditMargin {
    margin-left: 0px !important;
    margin-bottom: 10px;
}
.duration-group {
    display: flex;
    gap: 6px;
}
/* equivalence screen */
#equivalence{
	 background:#fff;
	 padding: 10px 0;
}
.m-0{
	margin:0;
}
.labelPos{
	position: relative;
    top: 4px;
    margin-left: 4px;
}
.deleteEquivalence {
    font-size: 16px !important;
    color: #ff0000;
    margin-top: 5%;
}
.equivalence-div {
    overflow: auto;
    max-height: Calc(100vh - 92px);
}
.form-tab-style-equivalencePageOnly {
    position: absolute;
    top: -42px;
    right: 0px;
}
/* Audit History Pages */