/*Content tooltip*/

.first_div  span.tooltip_content {
     z-index:10;
     padding:14px 20px;
     width:auto;
     line-height:16px;
     display:inline;
     position:absolute;
     top:50px;
     color: var(--bs-blue);
     border:1px solid var(--bs-lightblue);
     background: rgba(201, 217, 242, 0.3) !important;
     border-radius:4px;
     box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
     overflow:auto;
     opacity: 1;
}

/*Tooltip*/
span.toolpopup {
    color: #709CDB;
    border-bottom: 1px dotted #709CDB;
	cursor: help;
}

.toolpopup[data-title]:hover:after {
opacity: 1;
transition: all 0.1s ease 0.5s;
visibility: visible;
z-index: 9;
}
.toolpopup[data-title]:after {
	content: attr(data-title);
	position: absolute;
	left: -90px;
	padding: 4px;
	color: #293276;
	 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;  
	border-radius: 3px;  
	-moz-box-shadow: 0px 0px 4px #C9D9F2;  
	-webkit-box-shadow: 0px 0px 4px #C9D9F2;  
	box-shadow: 0px 0px 4px #C9D9F2;  
	font-size: 0.7rem;
	opacity: 0;
	z-index: 99999;
	visibility: hidden;
	background-color: #eef2fb;
	border: 1px solid var(--bs-lightblue);
    width: 400px;
    top: 24px;
    line-height: 1rem;
}
 .toolpopup[data-title] {
position: relative;
z-index: 9;
}

/*Fixed thead*/
table thead  {
  position: sticky;
  top: -1px;
  background: #d9e4f6 !important;
z-index: 10;
}

table thead th {
  position: sticky;
  top: -1px;
  background: #d9e4f6 !important;
z-index: 10;
}
table th {
  position: sticky;
  top: -1px;
  background: #d9e4f6 !important;
z-index: 10;
}

table td table tr th {
  z-index: 2;
}

/*Table with Code*/
.table-responsive.codesection code[class*=language-], pre[class*=language-] {
    white-space: break-spaces;
}

/*Tab with Light blue color*/
.bg-lightblue-50 {
    background: rgba(201, 217, 242, 0.5);
}

/*Table with border 0px*/
.table-responsive table table.borderless-td th {
		border: none !important;
}
.table-responsive table table.borderless-td td{
		border: none !important;
     border-top: 1px solid rgb(41, 50, 118, 0.2) !important;
}


/*Filter dropdown*/
	
.custom-select {
  min-width: auto;
  position: relative;
  font-size: 0.8rem;
}

.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  width: 100px;
  font-size: 0.85rem;
  padding: 3px 35px 2px 8px;
  background-color: #fff;
  border: 1px solid #293276;
  border-radius: 0.25rem;
  color: #293276;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 10px;
}

.custom-select::before,
.custom-select::after {
  position: absolute;
  content: "";
  right: 1rem;
  pointer-events: none;
}


.custom-select::after {
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-top: 0.3rem solid #f08261;
  top: 30%;
}

.custom-select select#filterDropdown:focus-visible {
    border: 1px solid #f08261;
    outline: none;
}

.custom-select select option{
	padding:15px 3px;
}

span.expandcol:before{
	content: '\f0ec';
    font: normal normal normal 14px / 1 FontAwesome;
}