main {position: absolute;top: 0;right: 0;bottom: 0;left: 221px; display: grid; grid-template-rows: 70px 1fr 0px;}
main div.head {padding: 0 16px;border-bottom: 1px solid #E5E7EB;}
main div.head div.head-info {display: grid;grid-template-rows: 2fr 1fr;}
main div.head div.head-info-title {font-size: 20px;line-height: 20px;font-weight: bold;margin-top: 16px; margin-bottom: 5px;}
main div.head div.splitter { display: flex; justify-content: space-between}
main div.head div.splitter div.head-info-action {font-size: 14px;line-height: 14px;font-weight: normal;color: #555;}
main div.head div.splitter div.refreshed {font-size: 10px;font-family:"JetBrains Mono"; line-height: 14px;font-weight: normal;color: #555;}
main div.head-fout {background-color: var(--bs-red);}


main div.head {background-color: #fff;}
main div.head div.head-info {display:block;}
main div.head div.head-fout {display:none;}
main div.head.error {background-color: var(--bs-red);color: white;font-weight: bold;font-size: 1.2rem;line-height: 50px;}
main div.head.error div.head-info {display:none;}
main div.head.error div.head-fout {display:block;}

main div.deck {position: absolute; top:70px;left:0;right:0;bottom:0;overflow-y: auto;}
main div.buttonbar {display: flex;justify-content: space-between;border-bottom: 1px solid #E5E7EB; }
main button.btn-inverse-danger {background-color: white;color: #dc3545;border-color: #dc3545;}
main button.btn-inverse-danger:hover {background-color: #bb2d3b;color: #fff;border-color: #dc3545;}
main button.btn-inverse-success {background-color: white;color: #198754;border-color: #198754;font-size: inherit;}
main button.btn-inverse-success:hover {background-color: #198754;color: #fff;border-color: #198754;}

main > div#main { background-color: #f7f7f7; overflow-y: auto;}

div.sprekers-deck { background-color: #FFFFFF; }