.watchlist1{

display: inline-flex;
width:300px;
border-bottom: 1px solid #092c74;
border-left: 1px solid #092c74;
border-right: 1px solid #092c74;
background-color: #ffffff;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
border-top: 1px solid #092c74;



}


.perColo{
  color:rgb(9 44 116) !important;border:  1px solid rgb(9 44 116) !important;
}
.perColo:hover{


color:#ffffff !important;
background-color: rgb(9 44 116) !important;
border:  1px solid rgb(9 44 116) !important;
}


.watchlist2{

width: 150px;
text-align: center;
border-right: 1px solid #092c74;
 color:#092c74;
 font-weight: bold;

	}


.watchlist3{
width: 150px;
text-align: center;
font-weight: bold; 
color:#092c74;


	}

	.tooltipdesc {
		position: relative;
	  }
	  
	  .tooltip-text {
		visibility: hidden;
		background-color: black;
		color: white;
		text-align: center;
		border-radius: 4px;
		padding: 5px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
	  }
	  
	  .tooltip-text2:hover ~ .tooltip-text {
		visibility: visible;
		cursor:default;
	  }
	  
	  .tooltip-text2 {
		
		cursor:default;
	  }
	  
	  .tooltip-text::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: black transparent transparent transparent;
	  }