:root {
  --primary-color:#06c;
  --success-color: #1f6617;
  --alert-color: #bb0f24;
  --info-color: #1a60c0;
  --bg-color: #0d987c;
  --text-color: #e1c8c8;
}



html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.badge {
  height: fit-content;
}
.text-center {
  vertical-align: middle;
}
/*.badge-info{*/
/*  background-color: var(--info-color);*/
/*}*/
/*.badge-success{*/
/*  background-color: var(--success-color);*/
/*}*/
/*.badge-alert{*/
/*  background-color: var(--alert-color);*/
/*}*/

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  /*color: var(--text-color);*/
  /*background-color: var(--bg-color);*/
}
.location-list,
.skill-list {
  list-style: none;
  padding: 0;
}
.location-list li,
.skill-list li {
  text-align: left;
  margin-right: 10px;
}
.location-list {
  margin-top: 10px;
}
.location-list span{
  margin-left: 5px;
}
#categoryAccordionProjects .radio-container.hidden,
#categoryAccordion .radio-container.hidden {
  display: none;
}

#categoryAccordionProjects .radio-container,
#categoryAccordion .radio-container {
  display: block;
}
#radio-template-checked,
#radio-template,
#radio-container-template{
  display: none;
}

.btn.btn-primary.margin-top,
.btn.btn-secondary.margin-top{
  margin-top: 15px;
}

.btn.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#matchresult_container .card-title {
  text-align: left;
}

#matchresult_container .checkbox-group {
  text-align: right;
}
.checkbox-filter-container label {
  text-align: start;
}

#matchresult_container .card-body.selected {
  background-color: rgba(89, 190, 2, 0.38);
}

.custom-control input {
  display: none;
}
.custom-control-label {
  background-color: #e1c8c8;
  padding: 10px;
  color: white;
  width: 150px;
 
}

.custom-control-label.left {
  border-radius: 10px 0 0 10px;
  margin-right: -5px;
  text-align: center;
}
.custom-control-label.right {
  border-radius: 0 10px 10px 0;
  text-align: center;
}
.custom-control-label.selected {
    background-color: var(--primary-color);
    color: white;
}
.header-label {
  margin-bottom: 5px;
}