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

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

  --test: #e75ee7;
  }
}
#toolbarContainer { display:none; }

*, *::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; }
a.link-underlined { text-decoration: underline; }
a.link-underlined:hover { 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); }
.bg-lbfd-dark { background-color:var(--color-greenlblf); }

/* 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(--ask-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; }

/* *************************************************************************************** */
/* **************************  T O O L T I P  ******************************************** */
.tooltip-inner.askel { line-height: 20px; padding:6px; }

/* *************************************************************************************** */
/* ****************************  A L E R T  ********************************************** */
.lbdf-alert .left-blk { font-size:1.25rem; padding:1.5rem 1rem; border-bottom-left-radius:2px; border-bottom-right-radius:2px; display: flex; align-items:center; justify-content:center; }
.lbdf-alert.blue .left-blk { background-color: #519eae; color: #23243a; }

/* ****************************************************************************************** */
/* ****************************  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 thead { background-color: var(--color-dark-light); color: var(--color-light-gray); }
.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(--color-white);
  --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-red); /*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; }

/* DATATABLE */
.pagination.lbdf { --bs-pagination-color:var(--color-beige); margin-top:10px; }
.pagination.lbdf .paginate_button:not(.previous):not(.next) { width:40px; text-align:center; }
.pagination.lbdf .page-link:focus { box-shadow:none; }
.pagination.lbdf .disabled:not(.previous):not(.next) > .page-link, .pagination.lbdf .page-link.disabled { background-color:transparent; letter-spacing:1.1rem; }
.pagination.lbdf .active > .page-link, .pagination.lbdf .page-link.active { color:var(--color-white); background-color:var(--color-brown); border-color:var(--color-beige); }
div.dataTables_processing { opacity:0.8; background-color:white; border:none; }
div.dataTables_processing > div:last-child > div { font-size:2rem; background-color:var(--color-beige); }
.dataTable .child ul.dtr-details { list-style-type:none; padding-left:1px;}
.dataTable .child ul.dtr-details li { text-align:left !important; margin-bottom:5px;}
.table-hover > tbody > tr:hover > * { color:var(--color-beige);
  --bs-table-accent-bg: var(--bs-gray-300);
  color: var(--ask-midnight);
}
/*table#repporting :not(caption) > * > * { box-shadow:inset 0 0 0 9999px var(--color-beige-light); }*/

  /* SEARCH */
.search-date_range { display:inline-block; position: relative; padding:9px 5px; font-variant:small-caps;}
.search-date_range .after { position:absolute; right:7px; top:11px; }
.search_date { letter-spacing:1px; font-weight:600; }
.search-text { font-variant:small-caps; letter-spacing:1px; }

/* REPPORTING */
#repporting { }
#repporting .render-blk p span { float:right; }
#repporting .render-blk p { cursor:pointer; }
#repporting .render-blk p::before { font-family:'Font Awesome 6 Pro'; font-size:0.8em; position:relative; }
#repporting .render-blk p.abo-elt::before { content:'\41'; }
#repporting .render-blk p.bc-elt::before { content:'\f06b'; }
#repporting .render-blk p.total-elt::before { content:'\54'; }
@media (max-width:767.8px) {
  /*#repporting .render-blk p span { display:block; }*/
  #repporting .render-blk p span.euro { display:none; }
  /*#repporting .render-blk p::before { content:none; }*/
  /*#repporting .render-blk p.abo-elt::before,*/
  /*#repporting .render-blk p.bc-elt::before,*/
  /*#repporting .render-blk p.total-elt::before { content:none; }*/
}
/* *************************************** *
* x-small 	          - 	    <576px
* small               sm 	    ≥576px
* medium 	            md 	    ≥768px
* large 	            lg 	    ≥992px
* extra large 	      xl 	    ≥1200px
* extra extra large 	xxl 	  ≥1400px
****************************************** */