:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

html{
    scroll-behavior: smooth;
}

body{
  padding-top: 5rem;
}

::-moz-selection { /* Code for Firefox */
  background: var(--bs-primary);
  color: #fff;
}

::selection {
  background: var(--bs-primary);
  color: #fff;
}

#edit_content{
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 12px;
  text-align: center;
  background-color: var(--bs-primary);
  color: var(--bs-white);
}

#edit_content a{
  color: var(--bs-white);
}

/* Footer */

.footer {
  background-color: #f5f5f5;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* Banner Cookie */
div#cookieMessageContainer{
            font-size:14px;
            position:fixed;
            background-color: #1A73B5;
            z-index:999999;bottom: 0;
            right:0;
            margin:0 auto;
            -webkit-box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.15);
            box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.15);
            padding: 10px 15px;
            }
            #cookieMessageContainer table, #cookieMessageContainer tr, #cookieMessageContainer td {border:0px !important}
            #cookieMessageText p,.accept{margin:0;padding:0;text-align:left;vertical-align:middle}
            .accept label{vertical-align:middle}
            #cookieMessageContainer .cookie_button {color: #FFF; padding: 5px 30px;float: right; background-color: #fe6b01; border-radius: 3px; font-weight: bold;}
            #cookieMessageContainer .cookie_button:hover {background-color: #00bbff;}
            #cookieMessageContainer table,#cookieMessageContainer td{margin:0;padding:0;vertical-align:middle}
            #cookieMessageAgreementForm{margin:0 0 0 10px}
            #cookieMessageInformationIcon{margin:0 10px 0 0;height:29px}
            #continue_button{vertical-align:middle;cursor:pointer;margin:0 0 0 10px;position: absolute; right: 15px; bottom: 15px;}
            #info_icon{vertical-align:middle;margin:5px 0 0}
            #buttonbarContainer{height:29px;margin:0 0 -10px}
            input#AcceptCookies{margin:0 10px;vertical-align:middle}
            #cookieMessageContainer .messageTable {border:0px;border-spacing:0px;border-color:#1D252B;}
            #messageTable tr, #messageTable td {border:0px;cellspacing:0px;cellpadding:0px;background-color:#1D252B;}
            #cookieMessageText {color:#FFFFFF !important;}
            #cookieMessageText p, .accept {color:#FFFFFF !important;}
            .cookieMessageText {color:#FFFFFF !important;}
            p.cookieMessageText {color:#FFFFFF !important;}
            .accept {float: left;}
            a#cookieMessageDetailsLink {color:#FFFFFF !important;}