li[aria-selected="true"] {
        background-color: rgb(42, 64, 115);
        color: white;
}
li[aria-selected="false"] {
        background-color: rgb(234, 234, 234);
        color: black;
}
button.support {
       float:left;
       margin:5px 5px 5px 0;
       width: 185px;
}
p.support {
       padding-top:15px;
}
.supportbox{min-height:45vh;}
div[role='tooltip'] {background-color: rgb(234, 234, 234);color:black;}
.pt-12{padding-top:3rem;}
h1,h2,h3,h4,h5,h6{color:white;font-weight: 700;font-size:1.875rem;padding-bottom:2rem;}
@media (min-width: 768px) {
  .md\:p-12 {
        padding: 3rem;
    }
}
img,video {
max-width: 100%;
    height: auto;
    object-fit:contain!important;
    aspect-ratio:auto!important;
}
html{scroll-behavior:smooth}
@media (min-width: 768px) {
    .md\:w-1\/4 {
        width: 22%;
    }
}
.banlogo {padding-top: .3rem;padding-bottom: .3rem;padding-left: 40px;}
.w100 {width: 100%;}
.h-20 {height: 6rem;}
.supportBar {float: left;;padding: 1rem;}
.searchBar {margin:1rem;}
.button-with-arrow[aria-selected="true"]:after {
    opacity: 1;
    background-color: #2a4073;
    padding: 0 15px;
    border-radius: 5px;
}
button[role=tab]:hover { font-weight: 900;color:white;}

.autocomplete {
  position: relative;
  display: inline-block;
}


input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
  cursor: pointer;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 30px;top:60px;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}
#bsearch {position: absolute;left: 320px;top:24px;color:white;}
.buttonservices {
  border-radius:10px;
  box-shadow:0px 4px 4px 0px #00000040;background-size:cover;height:151px;width:100%;min-width:190px
}
.help > button {background-color: orange;}
.help-icon { 
    padding-right:5px; 
    background: transparent url('/assets/img/help.png');
    width: 20px;
    height: 20px;
    background-size: cover;
}
.h100p {height: 100%;}
.h210 {height: 210px;}
.w16 {width: 16px;}
.w24 {width: 24px;}
.w300 {width: 300px;}
.w10em {width: 10em;}
.w15em {width: 15em;}
.br10 {border-radius: 10px;}
.display-none {display: none;}
.opacity80 {opacity: 0.8;}
.opacity100 {opacity: 1;}
.buttonservices {border-radius: 10px;
    background:  center/cover no-repeat;}
  .managed-services {background-image: url('/_astro/ms1.51jLhLKm_Z2viaUH.webp');}
  .cloud-diensten   {background-image: url('/_astro/cs1.eAWDU17w_xHyIh.webp');}
  .infrastructuur   {background-image: url('/_astro/is1.8ZHrhZUA_1nDBkh.webp');}
  .advisering       {background-image: url('/_astro/as1.rdVwqe7J_i82W4.webp');}
  #office-tab       {background-image: url('/_astro/supportOffice.KEZ_6k-M_Z57qLb.webp');} 
  #vpn-tab          {background-image: url('/_astro/supportRemote.gtNDnTHg_bD0Yn.webp');} 
  #domain-tab       {background-image: url('/_astro/supportHosting.p0gBCGPd_gMM21.webp');} 
  #PC-tab           {background-image: url('/_astro/supportPc.wb5_QdFw_ZH7awf.webp');} 

  .bi-record-circle-fill {color:#ef683e;position:relative;top:-5px;}


  
    .highlight {
      position: relative;
      z-index: 1;
      position: relative;
      z-index: 1;
      background-color: black;
      font-size: 1.2rem;
      padding: 10px;
      opacity: 0.6;
      border-radius: 5px;
      color: white;
    }