/*
  Description:   A basic theme, with Bootstrap 4.1.1
  Virta hakupalkkiin liittyvät muotoilut
  Author:        JH Computer - Olli
  Modified:      9.10.2024
  Changes:       btn-haku-selaus ja -kerroin muotoilun viilauksia
  Version:       1.1
*/


.btn-haku-uusi {
	border: 1px solid #ced4da;
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.btn-haku-suodattimet {
	border: 1px solid #ced4da;
	border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-haku {
	border: 1px solid #ced4da;
}

.btn-haku-md {
	border: 1px solid #ced4da;
  max-width: 100px; 
}

.btn-haku-sm {
	border: 1px solid #ced4da;
  max-width: 50px; 
}

.btn-haku-selaus,
.btn-haku-kerroin {
  background-color: var(--virta-primary-blue);
  color: #FFF;
  /* border: 1px solid #ced4da; */
}

.btn-haku-selaus:hover,
.btn-haku-kerroin:hover {
  background-color: var(--virta-primary-blue-hover);
}

.selaus-group {
  /* display: flex;
  flex-wrap: wrap; */
}

.btn-haku-selaus {
  width: 45px; 
}

.btn-haku-kerroin {
  width: 100px;
}

.btn-haku-uusi:hover,
.btn-haku-suodattimet:hover,
.btn-haku:hover 
.btn-haku-sm:hover {
    color: white;
    background-color: #6c757d;
    border-color: #6c757d;
}

.haku-select {
	max-width: 100px;
	font-size: 1rem;
}

.haku-select-2 {
	max-width: 200px;
	font-size: 1rem;
}