#loading { /* background-color:#ffffff; */ position:absolute; top:0px; left:0px; width:100%; min-height:100%; z-index:2000; backdrop-filter: blur(8px); display: none; } .spinner-border { z-index: 2000; position: fixed; top: 50vh; color: #23A6F0; display: none; } #logged-user { display: flex; float: right; margin-top: -79px; margin-right: 55px; font-family: 'Manrope'; font-weight: 100; font-size: large; } #user { margin-right: 7px; } #logout { position: absolute; bottom: 1rem; left: 0; } .action-bar{ margin-top: 4rem; } .input-group .btn { height: -webkit-fill-available; } .input-group { width: 20rem; float: left; margin-top: 0%; margin-left: 14px; } .dropdown { max-width: max-content; display: flex; } a#dropdownMenuLink { background: #F9F9F9; color: #565e64; border-color: #e6e6e6; border-radius: 1px; } .dropdown-item:active { background-color: #23A6F0; } .none { text-decoration: none; border: none; color: transparent; background: transparent; width: 100%; text-align: left; } .btn-primary{ max-height: 37px; float: right; display: flex; margin-top: -35px; margin-right: 60px; background-color: #23A6F0; border-color: #237cae; } .btn-primary:hover { background-color: #237cae; } .btn-link { text-decoration: none; color: white; } .btn-link:hover { color: white; } .table-container { display: flex; margin-top: 3rem; justify-content: center; padding-bottom: 3rem; } table { border-collapse: separate; border-spacing: 0; min-width: 90%; max-width: 90%; } table tr th, table tr td { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 9px; /* min-width: 15rem; */ } table tr th:first-child, table tr td:first-child { border-left: 1px solid #bbb; } table tr th { border-top: 1px solid #bbb; text-align: left; } /* top-left border-radius */ table tr:first-child th:first-child { border-top-left-radius: 6px; } /* top-right border-radius */ table tr:first-child th:last-child { border-top-right-radius: 6px; } /* bottom-left border-radius */ table tr:last-child td:first-child { border-bottom-left-radius: 6px; } /* bottom-right border-radius */ table tr:last-child td:last-child { border-bottom-right-radius: 6px; } tr:nth-child(even) { background-color: #EDEDED; } @media screen and (min-width: 1280px) and (min-height: 913px){ #logout { margin-top: 29rem; } } #loadOverlay{ display: none; }