:root {
  --color-background: #f5f5f5;
  --color-primary: #e2ebef;
  --color-dark: #010101;
  --color-dark-light: #3d3d3d;
  --color-beige: #b79c7b;
  --color-brown: #b8b1a8;
  --color-white: #fff;
  --color-light-gray: #fafafa;
  --color-gray: #818181;
  --color-red: #dd3333;
  --color-green: #4f8a10;
  --color-marron: #b79c7b;

  --ask-mint:#49D38AFF;
  --ask-danger:#F45554;
  --ask-warning: #ff9e66;
  --ask-midnight:#2E2F5E;

  --test: #e75ee7;
}
*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; outline: none; }
body { margin: 0; font-family:'Karla',sans-serif; font-size:1rem;  }
body { color: var(--color-dark); overflow-x: hidden; height: 100%; font-family: 'Karla', sans-serif; background: #fafafa; }
a { display: block; color: inherit; text-decoration: none; }
p { margin: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
img { vertical-align: bottom; }
html { font-size: 16px; }

/* LBDF SPECIFIC */
h3.lbfd { color:var(--color-beige); text-transform:uppercase; font-size:1.6rem; font-weight:550;}
.h3-lbfd { color:var(--color-beige); text-transform:uppercase; font-size:1.6rem; font-weight:550;}
.text-lbfd { color:var(--color-beige); }
.bg-lbfd { background-color:var(--color-beige); }

/* FORM */
.form-control::placeholder {color:#777; opacity:0.3; }
input.form-control, textarea.form-control { font-family: 'Karla', sans-serif; border-radius:0.2rem; padding:0.6rem; }
.btn-group.is-invalid label { border-color: var(--bs-danger); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); }
.required:after { content:" *"; color:red; font-weight:800; font-size:1.1rem; }

/* ****************************************************************************************** */
/* ****************************  N A V B A R  ********************************************** */
.navbar-toggler  { background: var(--color-light-gray); line-height: 15px; font-size: 15px; margin: 20px 0px; }
.navbar-lbdf { background: var(--color-dark-light); }
.navbar-lbdf { color:var(--color-light-gray); }
.navbar-lbdf .navbar-nav .nav-link.active,
.navbar-lbdf .navbar-nav .show > .nav-link { color: var(--color-light-gray); font-size:1.2rem; }

/* ****************************************************************************************** */
/* *****************************  L O G I N  ************************************************ */
.aform-viewPassword { z-index:1; position:absolute; right:0px; width:auto; top:0px; border-radius: 0 .375rem .375rem 0; }

/* ****************************************************************************************** */
/* *****************************  T A B L E  ************************************************ */
.table-lbdf { font-size:15px; background:var(--color-white); }
.table-lbdf thead tr { border-bottom:3px solid var(--color-beige); font-weight:600; font-size:1.25rem; }
.table-lbdf td { vertical-align:middle; font-size:0.9rem; }

/* ****************************************************************************************** */
/* ****************************  B U T T O N  ********************************************** */
/* btn-navbar */
.btn-navbar, .btn-outline-navbar {
  --ha-custom-c1:var(--color-beige);
  --ha-custom-c2:var(--bs-light);
  --ha-custom-c3:var(--color-brown);
  --ha-custom-c4:#F8F9FA;
}
.btn-check + .btn-navbar,
.btn-navbar { border-radius:0.25rem; --bs-btn-color:var(--ha-custom-c2); --bs-btn-active-bg:var(--ha-custom-c3); --bs-btn-border-color:var(--ha-custom-c2); --bs-btn-hover-color:var(--ha-custom-c4); --bs-btn-active-color:var(--ha-custom-c4); --bs-btn-bg:var(--ha-custom-c1); --bs-btn-hover-bg:var(--ha-custom-c3); --bs-btn-hover-border-color:var(--ha-custom-c3); --bs-btn-active-border-color:var(--ha-custom-c3); }
.btn-check + .btn-navbar:hover,
.btn-navbar:hover { background-color:var(--bs-btn-hover-bg); color:var(--bs-btn-hover-color); }
.btn-check + .btn-outline-navbar,
.btn-outline-navbar { --bs-btn-color:var(--ha-custom-c1); --bs-btn-active-bg:var(--ha-custom-c1); --bs-btn-border-color:var(--ha-custom-c1); --bs-btn-hover-color:var(--ha-custom-c2); --bs-btn-active-color:var(--ha-custom-c2); --bs-btn-bg:var(--ha-custom-c2); --bs-btn-hover-bg:var(--ha-custom-c1); --bs-btn-hover-border-color:var(--ha-custom-c3); --bs-btn-active-border-color:var(--ha-custom-c3); }
.btn-check + .btn-outline-navbar:hover,
.btn-outline-navbar:hover { background-color:var(--bs-btn-hover-bg); color:var(--bs-btn-hover-color); }

@media (max-width:991.8px) {
  .navbar-menu { padding: 4px 8px 3px 19px; border-top: 1px solid rgb(255, 255, 255); margin-top: 10px; }
}
@media (max-width:992px) {
  .navbar-brand { transform:translateX(-50%); left:50%; position:absolute; top:4px; }
}
@media (max-width:1200px) {
  #fwkModal .modal-dialog { max-width:850px !important; }
}

/* BADGE */
a.badge-lbdf { background-color:var(--color-beige); }
a.badge-lbdf:hover { text-decoration:underline; }

/* RESTART */
.cursor-pointer { cursor:pointer; }
.backdrop { position:absolute; width:100%; background-color:var(--ask-midnight); opacity:0.5; z-index:1050; display:none; top:0px; bottom:-2000px; }
.backdrop-on { overflow:hidden; padding-right:0px; }
.askel-log-in { font-size:10px; position:relative; z-index:2000; background-color:var(--color-red1); /*max-height:250px;*/}
.askel-flex-row { display:flex; flex-wrap:wrap; }

/* BOOTSTRAP TOAST */
#fwkNotification.toast { right:20px; top:40px; position:fixed; z-index:1060; }
#fwkNotification .toast-body { border-radius:3px; display:flex; flex-direction:row; min-height:80px; align-items:stretch; padding:0px; }
#fwkNotification .toast-body .left { min-width:70px; border-top-left-radius:3px; border-bottom-left-radius:3px; /*text-align:center;*/ display:flex; align-items:center; justify-content:center; }
#fwkNotification .toast-body .left .spinner { color:#FFFFFF; /*margin-top:10px;*/ }
#fwkNotification.success .toast-body .left { background-color:var(--ask-mint); }
#fwkNotification.warning .toast-body .left { background-color:var(--ask-warning); }
#fwkNotification.loading .toast-body .left { background-color:var(--ask-mint); }
#fwkNotification.info .toast-body .left { background-color:var(--ask-midnight); }
#fwkNotification.error .toast-body .left { background-color:var(--ask-danger); }
#fwkNotification .toast-body .right { width:100%; border-top-right-radius:3px; border-bottom-right-radius:3px; }
#fwkNotification .toast-body .message h5 { font-size:1.1rem; }
#fwkNotification .toast-body .message p { margin:10px 2px 4px 0px; }
/* ALERT */
.info-blk { background-color:rgba(183, 156, 123, 0.25); padding:15px 15px 15px 15px; border-width:1px 1px 1px 5px; border-style:solid; border-color:var(--color-beige); border-radius:5px; color:var(--color-dark); font-size:1rem; }