/*
@import url(//fonts.googleapis.com/css?family=Overpass);
* {  border-radius: 0 !important; }
body { font-family: 'Overpass','Sans-serif'; background-color: #fff; }
.topbg { background-color: #fff; box-shadow: 0px 3px 6px #f1f1f1; }
*/

a, .btn-link { text-decoration: none; color: #003f9d; }

.active>.page-link, .page-link.active { background-color: #DFCE63; color:  #000; border-color: #DFCE63; }

a:hover, .nav-link:hover, .btn-link:hover { color:  #000;  }

h1 { font-size: 30px; margin-bottom: 20px; }
h2 { font-size: 24px;  }
h3 { font-size: 20px; color: #696969;  }
.logo { max-width: 180px; }
.logo_menubar { height: 30px; }

.sitename { font-size: 1.8rem; color: #DFCE63; }

.nav-link { color: #dadada; }
.navbar-text, .navbar-text a { color: #DFCE63; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .nav-item.active .nav-link {  color: #fff; }

.text-light2 { color: #bababa;}
.table { --bs-table-hover-bg: #f8f8f8 }

.btn-primary { background: #DFCE63; border-color:#DFCE63; color: #00000F;  } 
.btn-primary:hover { background: #E9EAE8; border-color:#E9EAE8; color: #00000F; }
.btn-primary:focus { background: #E9EAE8 !important; border-color:#E9EAE8 !important; color: #00000F !important; }
.btn-primary:disabled { background: #dadada; border-color:#fafafa; color: #696969; }

.btn-outline-primary { background: #fff; border-color:#DFCE63; color: #00000F;  } 
.btn-outline-primary:hover { background: #E9EAE8; border-color:#E9EAE8; color: #00000F; }

/*
.btn-outline-primary {  border-color: #DFCE63; color: #00000F; }
.btn-outline-primary:hover {  background: #00000F; border-color: #000; color: #00000F; }
*/

.footer { background-color: #fafafa; color: #696969; font-size: .9rem }
.badge { font-size: 1rem; font-weight: normal }

.card-header { font-weight: bold; }
.form-label { font-weight: bold;} 
.form-check > .form-label { font-weight: normal;} 

.alert-info { background-color: #f4fdff; }

.deleted td,.deleted a { color: #a0a0a0;}

.hover-row:hover {background-color: #fafafa;}

.appl_add { border-color: green;}
.appl_add:checked { border-color: green; background-color: green;}
.appl_del { border-color: red;}
.appl_del:checked { border-color: red; background-color: red; }

/* lisäys / poisto valinnat */

.button-container { display: flex; gap: 10px; }
.radio-button { display: none; }
.radio-label {
	display: flex;
	align-items: center;
	padding: 4px 10px 4px 10px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	cursor: pointer;
	color: #c0c0c0;
	transition: background-color 0.3s, color 0.3s;
}

.radio-button-a:checked+.radio-label {
	background-color: #E3FFE3;
	color: green;
}
.radio-button-d:checked+.radio-label {
	background-color: #FFE3E3;
	color: red;
}

.bi-key-fill { color: #ebb510; font-size: 1.4rem;}
.key-sm { color: #ebb510; font-size: 1rem; padding: 0px; margin: 0px}

.splitter { border-top: 1px solid #e9ecef;}

.tooltip-ico {	cursor: pointer; }

.tag-lc { padding: 3px 5px 3px 5px; color:#ffffff; border-radius: 5px; }
.tag-lc.ok { background-color: #00c000; }
.tag-lc.full { background-color: #ff0000; }
.tag-info { font-weight: normal; color: #055160; background-color: #f4fdff; border-radius: 10px; padding:10px 20px; border: 1px solid #9eeaf9 }
.tag-log { font-weight: normal; color: #696969; background-color: #fafafa; border-radius: 10px; padding:10px 20px; border: 1px solid #fafafa; }

.scrollable-div {
	max-height: 300px; /* Set the maximum height */
    overflow-y: auto;   /* Enable vertical scrolling */
}

#disabled { pointer-events: none; opacity: 0.5; }