body,html{min-height:100%;height:100%}
.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}
.sidebar .nav-link{opacity:.4}
.sidebar .nav-link:hover{opacity:.7}
.sidebar .nav-link.active{opacity:1}


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  #logo{width:150px}
  #logo .st0{fill:none;}
  #logo .st1{fill:url(#SVGID_1_);}
  #logo .st2{fill:url(#SVGID_00000157992579271544352050000005899293151794001593_);}
  #logo .st3{fill:url(#SVGID_00000126312994532772714210000007694690621592409251_);}
  #logo .st4{fill:url(#SVGID_00000132048681900455442650000014897759413707466638_);}
  #logo .st5{fill:url(#SVGID_00000020381814057868179350000000215237592112372157_);}
  #logo .st6{fill:url(#SVGID_00000122708251019238868100000011278869123475335561_);}
  #logo .st7{fill:url(#SVGID_00000103958349447471512850000015497216805802951076_);}
  #logo .st8{fill:url(#SVGID_00000029753696146869386430000017089890458287191222_);}
  #logo .st9{fill:url(#SVGID_00000085972374333826160580000017551784721463570342_);}
  #logo .st10{fill:url(#SVGID_00000071554364511018357400000003141398099640796834_);}
  #logo .st11{fill:url(#SVGID_00000030453106872747741470000001300027461700749706_);}
  #logo .st12{fill:url(#SVGID_00000082360878915999449340000012840806566677618357_);}
  #logo .st13{fill:url(#SVGID_00000144311396788652930970000015232004244061144758_);}
  html[data-bs-theme='dark'] #logo .st14{fill:#fff;}
  html[data-bs-theme='light'] #logo .st14{fill:#000;}
  .navbar #logo{width:100%;max-width:150px}

  .calendar-single{position:absolute !important;z-index:1000;min-width:200px !important;margin-top:-8px !important}
  .calendar-range{position:absolute !important;z-index:1000;min-width:500px !important;margin-top:8px !important}
  a {text-decoration:none}
  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }

  .bi {
    vertical-align: -.125em;
    fill: currentColor;
  }

  .nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
  }

  .nav-scroller .nav {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 1rem;
    margin-top: -1px;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  .btn-bd-primary {
    --bd-violet-bg: #712cf9;
    --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet-bg);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #6528e0;
    --bs-btn-hover-border-color: #6528e0;
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #5a23c8;
    --bs-btn-active-border-color: #5a23c8;
  }

  .bd-mode-toggle {
    z-index: 1500;
  }

  .bd-mode-toggle .dropdown-menu .active .bi {
    display: block !important;
  }
  .form-signin {
    max-width: 330px;
    padding: 1rem;
  }
  
  .form-signin .form-floating:focus-within {
    z-index: 2;
  }
  
  .form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  
  .form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  
@media screen and (max-width: 768px) {
    .navbar-brand{background:transparent!important}
    .navbar + .container-fluid > .row.h-100{height:auto!important}
    .navbar #logo{width:100%;max-width:180px}
}
@media screen and (max-width: 576px) {
  #range-calendar{min-width:250px;position:relative;}
}
.wrapper-pagination a {
    cursor: pointer;
}


/* spinner --- --- --- >>> */
#spinner-back, #spinner-front {position: fixed;width: 100vw;transition: all 1s;visibility: hidden;opacity: 0;}
#spinner-back {z-index: 998;height: 100vh;background: rgba(0, 0, 0, 0.7);}
#spinner-front {z-index: 999;color: #fff;text-align: center;margin-top: 50vh;transform: translateY(-50%);}
#spinner-back.show, #spinner-front.show {visibility: visible;opacity: 1;}
/* spinner --- --- --- <<< */

.file-uploader{position:relative;overflow:hidden;display:inline-block;margin-top:10px;}
.btn-upload{border:2px solid gray;color:gray;background-color:white;padding:1px 16px 2px 16px;border-radius:5px;font-size:1rem;font-weight:bold;}
.file-uploader input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;}


.bootstrap-select{
    -bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    display:block;
    width: 100% !important;
    padding:.375rem 2.25rem .375rem .75rem;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:var(--bs-body-color);
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-color:var(--bs-body-bg);
    /*
    background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:16px 12px;
    */
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
[data-bs-theme="dark"] .bootstrap-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}