/* KSL:
Punainen 
100% #FF323C
75% #FF656C
50% #FF989D
25% #FFCCCE

Beige
100% 
#F5DCCD
75% #FAEDE6
50% #FAF0E9
25% #FAF0E9

Sininen
100% #322D5F
75% #656187
50% #9896AF
25% #CCCAD7

Vihreä
100% #325037
75% #657B68
50% #98A79B
25% #CCD3CD
*/

a, .nav-link { color: #003765; text-decoration: none; }
a:hover, .nav-link:hover { color:  #d10037;  }
.sitename { font-size: 1.8rem; color: #322D5F; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .nav-item.active .nav-link {  color: #fff; }

.text-light2 { color: #c0c0c0 }

.bg-kslblue { background-color: #656187; }
.alert-info { background-color: #FAF0E9; border-color: #F5DCCD; color: #000000; }

.form-label { font-weight: bold;} 
.form-check > .form-label { font-weight: normal;} 
.card-header { font-weight: bold; color: #555555; background-color: #f8f9fa; }

.labelrow { font-weight: bold; margin-bottom: 3px; }

.btn-primary {  background: #ff323c !important; border-color: #ff323c !important; }
.btn-primary:hover{  background: #111111 !important; border-color: #111111 !important; }
.btn-outline-primary {  border-color: #111111 !important; color: #111111 !important; }
.btn-outline-primary:hover {  background-color: #111111 !important; color: #fff !important; }

.table { --bs-table-hover-bg: rgba(0, 0, 0, 0.025); }
.page-item.active .page-link { background-color: #111111; border-color: #111111; }
.page-link { color: #111111; }

.progress-bar.bg-progress { background-color: #9896AF; }

span.input-group-text { background-color: #fafafa; }

.link-muted { color: #c0c0c0;}
.btn-muted, .btn-muted:hover { color: #fff; background-color: rgb(0,128,0, 0.25); cursor: not-allowed;  }

.span-link { color: #003765; cursor: pointer;  }
.span-link:hover { color: #d10037; cursor: pointer;  }
.btn-copycb { cursor: pointer;  }
.card-ilmoit-h { font-size: 1.3rem; }

.ilmoit-deleted th, .ilmoit-deleted td, .ilmoit-deleted a { color: #c0c0c0; }

.btn-vaikuttavuus { color: #1e1e1e;} 
@media (max-width:992px){
   .btn-vaikuttavuus { font-size: .8rem; }
}

.card > .messages { background-color: #fbf6f3; color: #000; }
.unread { border-left: 6px solid #2693E1; padding-left: 3px; }