/*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;
	}
	
/*Table with code*/
.table-responsive.codesection code[class*=language-], pre[class*=language-] {
    white-space: break-spaces !important;
}

.patchmethod{
    background: #58e2c2;
    font-weight: bold;
    border: 1px solid #58e2c2;
    text-align: center;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    color: var(--bs-white);
  }

span.patchmethod {
  width: 10%;
  display: inline-block;
  padding: 5px 0px;
  vertical-align: top;
  font-size: 0.75rem;
}	

/*Image inside Note section fix*/
.div_wrapper .accordion img.content.noteimg {
	overflow: auto !important;
	height: auto !important;
}

/*Vertical table*/
.verticaltable tr th:first-child {
    background: rgb(201, 217, 242, 0.7) !important;
    color: var(--bs-blue) !important;
}

.verticaltable .TableStyle-TemenosTables tbody table tr th {
    background: rgb(201, 217, 242, 0.7) !important;
    color: var(--bs-blue) !important;
}

.verticaltable tbody table tr th {
    background: rgb(201, 217, 242, 0.7) !important;
    color: var(--bs-blue) !important;
}

.verticaltable table table {
    margin-bottom: 0rem;
    margin-top: 0rem;

}