#v_navbar {
  padding: 30px 0 160px;
}

#v_navbar .container {
  padding: 0;
}

#v_navbar .container .row {
  padding: 36px 10px 53px 10px;
  margin: 0;
  border: thin solid #ccc;
  box-shadow: 2px 5px 2px #dbdbdb;
  border-radius: 6px;
  background-color: #eceeed;
}

#v_navbar .container .row .col-md-3 {
  padding: 0;
}

/* Style the tab */
.tab {
  float: left;
  width: 100%;
}

/* Style the buttons inside the tab */
.tab button {
display: block;
    color: #575757;
    padding: 16px 8px 16px 24px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    background: none;
    text-transform: inherit;
    height: 80px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.tab button::before {
  position: absolute;
    content: "";
    background: #00b8f3;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    margin: 6px 0 0 -16px;
}


.tab button.active::before {
  background: #006585;
}

.tab2 {
  margin-top: 10px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #e1e1e1;
  border-radius: 10px;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #dbdbdb;
  border-radius: 10px;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 16px 24px;
  border-left: none;
  height: auto;
}

.tabcontent h3 {
  color: #00b8f3;
}