body, html{
  font-family: Asap,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

}

body {
  background-color: #e9e9e9;
  color: #333333;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  line-height: 2rem;
}

h1 { font-size: 1.4rem;}
h2 { font-size: 1.3rem;}
h3 { font-size: 1.2rem;}
h4 { font-size: 1.1rem;}
h5 { font-size: 1rem;}
h6 { font-size: 1rem;}

h4 {
  color: #890c50;
  margin-top: 0;
}

a,
a:link, a:active,
a:hover, a:visited{
  color: #890c50;
  text-decoration: underline;
  background-color: transparent;
}

.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-primary, .btn-primary.disabled,
.btn-primary:disabled, .show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #890c50;
  border-color: #890c50;
}

.btn-primary:hover {
  color: #fff;
  background-color: #66093b;
  border-color: #5a0835;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #5a0835;
  border-color: #4e072e;
}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #66093b;
    border-color: #5a0835;
    box-shadow: 0 0 0 0.2rem rgba(155,48,106,.5);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(155,48,106,.5);
}

.navbar a {
  color: white;
  text-decoration: none;
}
.navbar > .navbar-brand {
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar-collapse > .navbar-nav > .divider {
  border-top: 1px solid #CCCCCC66;
  margin-bottom: 5px;
}

/* All service blocks hidden by default */
#blockTemplates {
  display: none;
}

/* Except for the spinner */
#spinnerBlock {
  display: block;
}

.topToolbarSetLanguage_fi {
  display: none;
}

/* Some padding around the content */
/* #mainContainer {
  margin-top: 1rem;
  margin-bottom: 1rem;
} */

/* Scrollbars for selectors */
#calendarParishSelector {
  max-height: 300px;
  overflow-y: auto;
}

#wizardContainer {
  margin-bottom: 15px;
}
#wizardContainer .nav-link {
  color: #881d58;
  text-decoration: none;
}
#wizardContainer .nav-link.active {
  background-color: #881d58;
  color: #fff;
}
#wizardContainer .nav-link.disabled {
  color: #333;
}


.free-time-entry {
  padding: 5px; 
  margin: 0 5px 10px 0;
  width: 80px;
  float: left;
  text-align: center;
  cursor: pointer;
}


.menu-container .navbar-brand{
  margin-right: 0;
}
/* 
.service-category {
  border: none;
  border-left: 4px solid #881d51;
  border-radius: 0;
  margin-bottom: 2rem;
}
.service-category header {
  border: 0;
}

.service-category > header h2 {
  padding: 0;
  margin: 0;
  letter-spacing: 3.6px;
  font-size: 1.2rem;
}

.service-category .card-header {
  color: #881d51;
  text-transform: none;
  background-color: #fff;
  border-bottom: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2;
} */

/* .service-categories,
.service-category .card-body,
.service-card .card-body {
  padding-top: 0;
  padding-bottom: 0;
} */

.service-category > .card-body {
  padding-bottom: 0.25rem;
}
.service-card-col {
  margin-bottom: 1rem;
}

.service-card .card-title {
  line-height: 1;
  font-size: 1.1rem;
}
.service-card {
  cursor: pointer;
  height: 100%;
}
.service-card > .card-body {
  hyphens: auto;
}
.service-card .card-body p {
  overflow: hidden;
  font-size: small;
  margin-bottom: 0;
  margin-top: 0;
}

.service-card .img-cont {
  max-height: 100px;
  overflow: hidden;
}

.kat-card1 > header,
.kat-card1 > .card-header{
  background-color: #890c50;
  color: #fff;
  letter-spacing: 2px;
  height: 4rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: space-between;
}

.kat-card2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.kat-card2 > header,
.kat-card2 > .card-header{
  background-color: #890c50;
  color: #fff;
  letter-spacing: 2px;
  height: 4rem;
  overflow: hidden;
  text-transform: uppercase;
  justify-content: space-between;
}

.kat-card3 > header,
.kat-card3 > .card-header{
  background-color: #890c50;
  color: #fff;
  height: 2.5rem;
  overflow: hidden;
  text-transform: uppercase;
}

.kat-card4 {
  margin-bottom: 1rem;
  margin-top: 0;
  background-color: #ededed;
}
.kat-card4 > header,
.kat-card4 > .card-header{
  background-color: #890c50;
  color: #fff;
  height: 2.5rem;
  overflow: hidden;
  text-transform: uppercase;
}

.kat-card1 > header,
.kat-card2 > header,
.kat-card3 > header,
.kat-card4 > header,
.kat-card5 > header {
  margin-left: -1px;
  margin-right: -1px;
  margin-top: -1px;
}

.kat-card1 .heading {
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kat-card2 .card-header .heading {
  padding: 0;
  margin: 0;
  letter-spacing: 2px;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1.3;
 }

.kat-card3 .card-header .heading {
  line-height: 1.3;
  letter-spacing: 1.5px;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
 }

.kat-card4 .card-header .heading {
  color: #fff;
  line-height: 1.3;
  letter-spacing: 1.5px;
  padding: 0;
  margin: 0;
  text-transform: none;
 }


.kat-card1 > .card-header,
.kat-card2 > .card-header,
.kat-card3 > .card-header,
.kat-card4 > .card-header,
.kat-card5 > .card-header {
  display: flex;
  align-items: center;
}

.kat-card1 > .card-header > .heading,
.kat-card2 > .card-header > .heading,
.kat-card3 > .card-header > .heading,
.kat-card4 > .card-header > .heading,
.kat-card5 > .card-header > .heading {
  white-space:nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.kat-card1 header h2, .kat-card1 header h3 {
  line-height: 1.3;
  letter-spacing: 3px;  
  margin: 0;
}

.kat-card1 header h2, .kat-card1 header h3 {
  line-height: 1.3;
  letter-spacing: 3px;  
  margin: 0;
}

.card-header h1, header h1,
.card-header h2, header h2,
.card-header h3, header h3,
.card-header h4, header h4{
  margin: 0;
  padding: 0;
}

.crm-client-card .card-body {
  background-color: #ededed;
}

#alertContainer .alert {
  margin-top: 1em;
}

.crm-consentform-link {
  color: #890c50;
}

.strong-auth-options {
  padding-left: 1rem;
}
.strong-auth-option > div {
  width: 33%;
  float: left;
}
.strong-auth-option > div {
  padding-bottom: 1rem;
  padding-right: 1rem;
}
.strong-auth-option > div > div {
  border: 1px solid #999;
  padding: 5px;
  height: 75px;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.strong-auth-option img {
  vertical-align: middle;
  max-width: 100%;
}

.service-form-info-field {
  color: #890c50;
}

.calendar.fc a {
  text-decoration: none;
}

.summary-container .form-group {
  margin-bottom: 0;
}

.summary-katperson {
  padding: 0.5rem;  
  max-width: 500px;
}

.summary-katoffice {
  padding: 0.3rem;  
  max-width: 500px;
}

.resource-reservation-info {
  padding: 15px;
  border-left: 4px solid #881d58;
  margin-bottom: 1rem;
}

#sessionTimedOut .modal-title  {
  font-weight: bold;
} 
#sessionTimedOut .modal-body .middle {
  text-decoration: underline;
}

.service-group-info .card-body,
.service-details-card-body .service-descrption,
.additional-info-label {
  white-space: pre-wrap;
}

.service-details-card-body .service-picture {
  max-width: 250px;
  border-radius: 5px;
}

.datepicker-days .new, .datepicker-days .old {
  color: #aaa;
}

.datepicker-days .day_ok,
.datepicker-days .new.day_ok,
.datepicker-days .old.day_ok {
  color: #890c50;
  font-weight: bold;
}

.datepicker .datepicker-days table tr td.disabled, 
.datepicker .datepicker-days table tr td.disabled:hover {
  color: #aaa;
}

.fc-header-toolbar .spinner-border {
  vertical-align: middle;
}

.info-icon {
  color: #890c50;
  cursor: pointer;
}
.heading > .info-icon {
  color: white;
}

.menu-container a.navbar-brand {
  text-transform: uppercase;
}

.signicat-info-form .firstname-label,
.signicat-info-form .lastname-label,
.signicat-info-form .ssn-label,
.signicat-info-form .birthdate-label {
  font-weight: bold;
  color: black;
}

.hidden {
  display: none;
}

.datepicker .loader {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0001;
  margin-left: -4px;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;  
  font-size: 24px;
  color: #890c50;
  display: none;
}

.missing-time-alert {
  display: none;
}

@media screen and (max-width: 575.98px){
  #bodycontent{
      padding-left: 0px;
      padding-right: 0px;
  }
  .navbar-brand {
    max-width: 75%;
  }

  .top-container > .container{
    margin: 0;
    padding: 0;
  }
  
  .top-container .navbar-brand img {
      width: 35%;
      background-size: contain;
      background-position-y: center;
      
  }

  .menu-container.open{
      display: block;
  }
}

/* #22094 */ 
.reg-hameenlinnavanaja .service-card .service-desc,
.reg-hameenlinnavanaja .service-details-card-body .service-register { 
  display: none;
}

@media screen and (min-width: 768px){

}

@media screen and (max-width: 576px) {
  .strong-auth-form .card-body {
    padding: 0
  }
}

@media screen and (max-width: 468px) {
  .strong-auth-form .card-body {
    padding: 0
  }

  .strong-auth-option > div {
    width: 50%;
  }
}