.bg-clq {
    background-color: #1760BA;
    color: #fff;
}

.custom-control {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-select {
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-form-control-bg);
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-input {
    padding: .1rem 0;
}

.col-cross {
    flex: 0 0 5%;
    max-width: 5%; 
    padding-right: 0;
}

.col-cross.bg {
    background-color: var(--bs-secondary-bg);
}

a span.popup, a:link span.popup{
	display: none;
}

a.none {
  text-decoration: none;
}

a:hover span.popup{
  display: inline;
  font-size:80%;
  position: absolute;
  background: #eee;
  width: 15em;
  margin: 1.5em 0 0 -4em;  
  padding: 0.2em;
  z-index: 999;
  white-space:normal;
  text-decoration:none !important;
  text-align:left;
}

a:hover>span.popup {
  width:auto;
  max-width:15em;
  \-moz-border-radius: 8px;
}