#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
}

#exTab3 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

.new-tab {
  margin-bottom: 0px !important;
  border-bottom: 0px solid transparent; !important;
}

.new-tab > li:hover  {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  border: 1px solid #dee2e6 !important;
  border-bottom-color: white !important;
}

.new-tab > .ui-tabs-active.ui-state-active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  border: 2px solid #dee2e6 !important;
  border-bottom-color: white !important;
}

.new-tab > .ui-tabs-active.ui-state-active > a {
  border-bottom-color: white !important;
}

.new-tab > li > a {
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

#tab-personal, #worker-tab-person-cards, #worker-tab-qualifications, #worker-tab-employments, #worker-tab-person-vaccinations {
  /*
  border: 2px solid #dee2e6 !important;
  box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.15) !important;
  */
  border-top: 2px solid #dee2e6 !important;
  background-color: white;
  border-radius: 0px 5px 5px 5px;
}

#tab-personal .boxed {
  background-color: white;
}

.boxed.shadowed {
  background-color: white;
  margin: 30px;
}

#worker-tab-person-cards, #worker-tab-qualifications, #worker-tab-person-vaccinations {
  width: 1400px;
  padding-bottom: 20px;
}

#worker-tab-employments {
  padding-bottom: 20px;
}

.shadowed {
  box-shadow: 8px 8px 10px 8px rgba(0, 0, 0, 0.15) !important;
  border-radius: 5px;
  background-color: white;
}

.shadowed td {
 padding-left: 30px;
}

.shadowed h3 {
 margin-top: 20px;
}

.separator {
  height: 60px;
}

.separator-30 {
  height: 30px;
}

div.lebego {
  position:sticky;
  bottom: 1em;
  text-align: right;
  margin-right: 10px;
}