/* Style to change the bootstrap tooltip color and display  */
.navbar {
	padding: 0px;
	postion: fixed;
	top: 0;
}
.nav.navbar.navbar-expand-sm.bg-light {
position: fixed;
top: 0;
}
.tooltip-inner {
  background-color: #E2E3E2 !important;
  /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
  color: #000000;
  }

.tooltip.top .tooltip-arrow {
  border-top-color: #E2E3E2;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
  .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #E2E3E2;
 }
 .tooltip.right .tooltip-arrow {
  border-right-color:  #E2E3E2;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color:  #E2E3E2;
}

.tooltip.left .tooltip-arrow {
  border-left-color:  #E2E3E2;
}
.tooltip, .arrow:after {
  border: none;
  border-color: transparent;
  padding: 5px 0 0 0;
  background-color: transparent;
}


/*End tooltip */
/*Style of buttons for how to overview page*/
.btn-group-lg>.btn,.btn-lg {
color: #FFFFFF;
background-color: #003870 ;
border-radius: 3px;
width:170px;
}
a.btn.btn-info.btn-lg {
color: #FFFFFF;
}
.btn btn-info btn-lg:hover {
    background-color:#0DA6CB;
}
/*End how to buttons */