html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  
}

:root {
  --acblue: #0033a0;
  --ac-alert-blue: 0, 51, 160;
  --acgreen: #c4d600;
  --ac-alert-green: 196, 214, 0;
  --acorange: #FE8F1C;
  --ac-alert-orange: 254, 143, 28;
  --acblue-hover: #001b57;
  --acgreen-hover: #6c7500;
  --acorange-hover: #864703;
  --aclightgrey: #cfcfcf;
  --acdarkgrey: #222222;
  --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-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --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-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --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));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-nav-link-color-rgba: rgba(0, 0, 0, 0);
}

nav a:hover {
  text-decoration: none;
  background-color: transparent!important;
  padding:0!important;
  --bs-link-color-rgba: var(--bs-nav-link-color-rgba);
}

.bg-dark {
  background-color: #2b2b2b !important;
  border-bottom: 3px #C4D600 solid;
}

#layout {
  right: 0;
  padding-right: 0;
  min-height: 100%;
  margin: 0!important;
}

#content {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.frontpage-menu {
  background-color: #f8f9fa;
}
.btn {
  border-radius: 0%;
}

a.btn:hover {
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
}

.ac-header {
  height: auto!important;
  background-color: var(--bg-dark);
}

.ac-header-wrap {
  width: 100%!important;
    max-width: 100%!important;
    position: relative;
    margin: auto;
}

.ac-logo-img {
  padding: 5px 5px;
}

.footer {
  color: #fff;
  background: #2b2b2b;
  width: 100%;
  height: 60px;
  border-top: 3px solid #FE8F1C;
  box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.16), 0 -2px 10px 0 rgba(0, 0, 0, 0.12);
}

.footer a, .footer a:hover {
  color: #fff;
  text-decoration: none!important;
  padding: 0;
  background-color: transparent;
}

.disabled,
:disabled {
    pointer-events: none !important;
    background: rgba(255,0,0,.1);
}

.navbar-brand {

    margin-right: 0;
   
}

.navbar-light .navbar-toggler{
    color: #fff!important;
    border-color: rgba(255, 255, 255, 1);
}

.btn-danger-reset {
    color: #fff;
    background-color: #9d1c28 !important;
}

.btn-ac-blue, .btn-acblue, .ac-blue, .bg-acblue, .acblue{
    background-color: var(--acblue);
    color: #fff!important;
}
.btn-ac-blue:hover, .btn-acblue:hover{
    background-color: var(--acblue-hover);
    color: #fff!important;
    text-decoration: none;
}

.btn-ac-green, .btn-acgreen, .ac-green, .bg-acgreen, .acgreen{
    background-color: var(--acgreen);
    color: #000 !important;
    
}

.btn-ac-green:hover, .btn-acgreen:hover{
    background-color: var(--acgreen-hover);
    color: #fff !important;
    text-decoration: none;
}

.btn-ac-orange, .btn-acorange, .ac-orange, .bg-acorange, .acorange{
    background-color: var(--acorange);
    color: #000 !important;
}

.btn-ac-orange:hover, .btn-acorange:hover {
    background-color: var(--acorange-hover);
    color: #000 !important;
    text-decoration: none;
}

.btn-outline-acblue, .btn-outline-ac-blue {
    color: var(--acblue);
    color: #0033a0;
    background-color: transparent!important;
    border: 2px solid #0033a0!important;
}

.btn-outline-acgreen, .btn-outline-ac-green {
    color: #000!important;
    background-color: transparent!important;
    border: 2px solid var(--acgreen);
}

.btn-outline-acorange, .btn-outline-ac-orange {
    color: #000!important;
    background-color: transparent!important;
    border: 2px solid var(--acorange);
}

.ac-blue .btn-link {
    color:#fff;
}

.ac-green .btn-link {
    color:#000;
}

.ac-orange .btn-link {
    color:#000;
}

  .acconnect-login-logintext {
      /* background-image: url('images/ac-fade.webp'); */
      background-repeat: no-repeat;
      background-size: 100%;
  }

  .acconnect-login {
    background: rgba(255, 255, 255, 0.65);
    border-radius: 0!important;
    padding: 1rem;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }

  .card-footer {
    background: transparent; 
  }