footer .footer-bottom {
    background-color: #000000 !important;
    height: 260px !important;
    margin-top: auto !important;   
}

body p, h1, h2, h3, h4, h5, a {
    font-family: Arial, sans-serif !important;
}

h1 {
  font-size: 32px; /*32px*/
}
h2 {
  font-size: 24px; /*24px*/
}

h3 {
  font-size: 20px; /*20px*/
}

h4 {
  font-size: 18px; /*20px*/
}
h5 {
  font-size: 16px; /*testin ajan*/
}

p {
  font-size: 18px;
}
.control input {
  font-size: 16px;
}
.field-label {
  font-size: 20px;
}

.form-control.picklist {
  font-size: 16px;
}
.panel {
  border: none;
}
/* .nav-item.weblink a {
  color:black;
  padding-left:5px;
} */
.nav-link p {
  font-weight: 400 !important;
  margin: 0px;
}
.nav-link { 
  color:black;
    display: flex;
    align-items: center !important; /* pystysuuntainen keskitys */
    gap: 6px; /* väli kuvan ja tekstin välille, valinnainen */
}

.nav.navbar-nav.weblinks {
    margin-top: 15px;
}

.control > .text-muted {
    display: none;
}

/* .text-muted {
  display: none;
} */
/*make checkbox larger*/
 /* .entitylist-filter-option-group-box-overflow {
  overflow-y: unset;
  padding: 10px;
}
 input[type="checkbox"] {
  transform: scale(1.6);
  -webkit-transform: scale(1.6); Safari */
   /* transform-origin: center;
}   */

.fa.fa-trash-o.fa-fw {
  padding-right: 3px;
}
.open .dropdown-menu > li > a:hover {
  background-color: white;
}
/* HELSINKI BLUE */
.list-group-item.active {
  background-color: #0000BF;
  border-color: #0000BF;
}
.btn-primary {
  background-color: #0000BF !important;
  border-color: #0000BF !important;
}
a.text-primary {
  color: #0000BF !important;
}
#service-links a {
  color: #0000BF !important;
}
.username a {
  color: #0000BF !important;
}
.btn-default {
    border-color: #0000BF !important;
    color: #0000BF !important;
}
th a, td a {
  color: #0000BF !important;
}
.pagination>.active>a {
  background-color: #0000BF !important;
}
.addnote.btn.btn-primary, .add-file.btn.btn-primary {
  border-color: #0000BF !important;
  background-color: white !important;
}
.validation-summary a {
  color: #0000BF !important;
}
/* HELSINKI BLUE END*/
/*
.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  border: none !important;
}
*/
.instructions {
  background-color: #e8f3fc;
  font-size:20px;
  padding: 30px;
  white-space: pre-line; /*show line break*/
  margin-bottom: 15px;
}

.crmEntityFormView .actions {
  border-top: none;
}
 .crmEntityFormView {
  border: none !important;
}
.navbar-nav > li > a {
  display: flex;
  align-items: center;
}

.navbar-nav > li > a h2 {
  margin: 0;
  line-height: 1;
}

.button-container .main-text {
  font-size: 18px;
}
.button-container .hover-extra-text {
font-size: 15px;
}

.nav.navbar-nav.weblinks {
  font-size: 20px;
}
/**/
/* Varmista että navbar on referenssipiste */
.navbar.self-service-internal {
  position: relative;
}

/* Siirrä dropdown navbarin alareunaan Muuta 28 -> 24 jos otsikko pienenee*/
.navbar.self-service-internal .dropdown-menu {
  top: 100% !important;
  margin-top: 0;
}
.navbar.self-service-internal .dropdown-menu {
  margin-top: +28px;
}
/**/

footer {
    padding-top: 50px;
}
.progress.list-group.top .list-group-item {
  font-size: 20px;
}

.main-content {
  flex: 1;
  height: 100%;
}

.navbar.navbar-default.self-service-internal {
  padding: 24px;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.self-service-header-heading {
  font-size: 24px;
  font-weight: 400;
  padding-left: 15px;
  margin-left: 3px;
}
.navbar.navbar-default.self-service-internal a {
  color: black;
  background-color: transparent !important;
}

.navbar.navbar-default.self-service-internal .navbar-nav > .active > a,
.navbar.navbar-default.self-service-internal .navbar-nav > .active > a:hover,
.navbar.navbar-default.self-service-internal .navbar-nav > .active > a:focus {
    background-color: transparent !important;
    font-weight: bold;
    color: black;   
}

.navbar.navbar-default.self-service-internal a:hover {
  color: black;
  text-decoration: underline;
}

.navbar.navbar-expand-xl.navbar-static-top {
  /* padding: 0px 24px 0px 24px; */
  padding: 24px;
}
.visible-sm-block.visible-md-block.visible-lg-block.visible-xs-block.navbar-brand {
  padding-left: 30px;
  margin-left: 3px;
}

.navbar-right.menu-bar {
  padding-right: 30px;
  margin-right: 3px;
}

.sectionBlockLayout {
  padding: 0px !important;
}
.columnBlockLayout {
  padding: 0px !important;
}

.container {
  /* padding-left: 0px !important;
  padding-top: 50px !important; */ 
  padding: 50px 0px 50px 0px !important;
}

#WebFormPanel .tab-title {
  display: none;
} 

.section-title h3 {
  padding-left: 28px;
}

.tab-column {
  padding-top: 20px;
}

.createdby.text-muted, .attachment-separator {
  display: none;
}
.attachment-outer-border {
      border: none !important;
}

.nav .open .dropdown-menu > li > a :hover {
  color: black;
  text-decoration: underline;
  border: none;
}
.dropdown-menu>li>a:hover {
  border:none;
}

/*  Message panel*/

/* MessagePanel: piilossa oletuksena, ilman layout‑hypähdystä */
#MessagePanel-custom {
  display: none;               /* ei näy, eikä vie tilaa */
  opacity: 0;                  /* valmius fade‑inille */
  transition: opacity .25s ease-in-out;
}

/* Kun aktiivinen (JS lisää luokan) → näy ja fade‑in */
#MessagePanel-custom.is-visible {
  display: block;
  opacity: 1;
}

/* Kun poistetaan näkyvistä (fade‑out) */
#MessagePanel-custom#MessagePanel-custom.is-hiding {
  opacity: 0;
}

/* Varaa vakio-tilaa paneelille (sama tai hieman suurempi kuin alertin korkeus) */
#MessagePlaceholder {
  height: 40px;           /* säädä omaan ulkoasuusi; esim. 48–72px */
}

#MessageLabel {
  font-size: 18px;
}


/* Full-screen loading overlay with spinner */
#loadingOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hide overlay when done */
#loadingOverlay.hidden {
    display: none;
} 

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.form-readonly > .entity-form > .read-only-pop-up > .info{
  
    padding-bottom: none !important;

}
/* Parent must be positioned to allow absolute overlay */
/* .form-overlay-wrapper {
    position: relative;
} */

/* Overlay covers only the form area */
/* .form-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;    
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-overlay.hidden {
    display: none;
} */

/* Spinner animation (modern double ring) */
.loader {
    width: 60px;
    height: 60px;
    border: 6px solid #0000BF;
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}