@font-face { font-family: 'Tenso-Bold'; src: url('../fonts/Tenso-Bold.otf') format('opentype'); }
html { scroll-behavior: smooth; }
body { font-family: 'Roboto'; font-size: 1rem; }
small { font-size: 0.8rem; }
#sidebar { height: 100vh; overflow-y: scroll; background-color: #002f70; }
.sidebar_category { text-transform: uppercase; color: #e7f2f8; font-size: 1rem; cursor: pointer; }
.sidebar_subcategory li { margin-left: 15px; text-transform: none; color: #ffffff; font-size: 0.9rem; }
.sidebar_subcategory li a { color: #ffffff; text-decoration: none; }
.table { margin-bottom: 0; }
h1 { font-size: 2.25rem; font-family: 'Tenso-Bold'; color: #002f70; }
h2 { text-transform: uppercase; color: #3fae49; font-size: 1.75rem; margin-top: 2rem; }
h3 { font-size: 1.5rem; }
table { font-size: 0.8rem; }
.icon { max-height: 20px; width: auto; }
.hidden { display: none; }

/* Override btn-primary for DL style preferences */
.btn-success { background-color: #3fae49; border-color: #3fae49; color: #ffffff; }
.btn-success:hover { background-color: #218838; border-color: #1e7e34; }
.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }
.btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: #1e7e34; border-color: #1c7430; }
.btn-success:active:focus, .btn-success.active:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); }

#hover_preview { position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff; text-align: center; }

#loader { border: 12px solid #f3f3f3; border-radius: 50%; border-top: 12px solid #444444; width: 70px; height: 70px; animation: spin 1s linear infinite; }
@keyframes spin { 100% { transform: rotate(360deg); } }
.center { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

/* Amrize Footer */
@font-face { font-family: 'Univers LT'; src: url('/vendor/webfonts/univers/univers_lt_std_bold.woff') format('woff'); font-weight: normal; font-style: normal; }
#footer-amrize { margin-top: 30px; padding-top: 30px; background: #fff; color: #011e6a; font-family: 'Univers LT', Helvetica, Arial, sans-serif; }
#footer-amrize img { height: 30px; width: auto; }