:root,[data-bs-theme=light]{--bs-nav-pills-link-active-bg:#0d6efd}

#header {margin-left:280px}
#sidebar {width:280px}
#sidebar.closed-sidebar {width:92px}
#content {margin-top:70px}
#toast-container {z-index:10000;top:0;right:0;}


.fl-icon {
  border-radius:50%;
  color:#fff;
  display:inline-block;
  height:1em;
  margin:0;
  min-height:1em;
  min-width:1em;
  position:relative;
  width:1em
}
.fl-icon,
.fl-icon:after,
.fl-icon:before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all 1s;
  -moz-transition:all 1s;
  transition:all 1s
}
.fl-icon:after,
.fl-icon:before {
  border-width:0;
  content:"";
  position:absolute
}
.fl-success .fl-icon:after,
.fl-success .fl-icon:before {
  background-color:currentcolor;
  border-radius:.1em;
  height:.6em;
  left:.35em;
  top:.6em;
  -webkit-transform:rotate(-135deg);
  -moz-transform:rotate(-135deg);
  -ms-transform:rotate(-135deg);
  transform:rotate(-135deg);
  -webkit-transform-origin:.08em .08em;
  -moz-transform-origin:.08em .08em;
  -ms-transform-origin:.08em .08em;
  transform-origin:.08em .08em;
  width:.16em
}
.fl-success .fl-icon:after {
  height:.16em;
  width:.4em
}
.fl-info .fl-icon:after,
.fl-info .fl-icon:before {
  background-color:currentcolor;
  border-radius:.03em;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:.15em
}
.fl-info .fl-icon:before {
  height:.38em;
  top:.4em
}
.fl-info .fl-icon:after {
  -webkit-box-shadow:-.06em .19em,-.06em .44em,.06em .44em;
  box-shadow:-.06em .19em,-.06em .44em,.06em .44em;
  height:.13em;
  top:.21em
}
.fl-warning .fl-icon:after,
.fl-warning .fl-icon:before {
  background-color:currentcolor;
  border-radius:.03em;
  left:50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
  width:.15em
}
.fl-warning .fl-icon:before {
  height:.38em;
  top:.21em
}
.fl-warning .fl-icon:after {
  height:.13em;
  top:.65em
}
.fl-danger .fl-icon:after,
.fl-danger .fl-icon:before {
  background-color:currentcolor;
  border-radius:.1em;
  height:.7em;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%,-50%) rotate(-135deg);
  -moz-transform:translate(-50%,-50%) rotate(-135deg);
  -ms-transform:translate(-50%,-50%) rotate(-135deg);
  transform:translate(-50%,-50%) rotate(-135deg);
  width:.16em
}
.fl-danger .fl-icon:after {
  -webkit-transform:translate(-50%,-50%) rotate(-45deg);
  -moz-transform:translate(-50%,-50%) rotate(-45deg);
  -ms-transform:translate(-50%,-50%) rotate(-45deg);
  transform:translate(-50%,-50%) rotate(-45deg)
}
.fl-success .fl-icon {
  background-color:var(--bs-success)
}
.fl-info .fl-icon {
  background-color:var(--bs-info)
}
.fl-warning .fl-icon {
  background-color:var(--bs-warning)
}
.fl-danger .fl-icon {
  background-color:var(--bs-danger)
}
.fl-progress-bar {
  bottom:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:flex;
  height:.125em;
  left:0;
  position:absolute;
  right:0
}
.fl-success .fl-progress-bar {
  background-color:var(--bs-light)
}
.fl-success .fl-progress-bar .fl-progress {
  background-color:var(--bs-success)
}
.fl-info .fl-progress-bar {
  background-color:var(--bs-light)
}
.fl-info .fl-progress-bar .fl-progress {
  background-color:var(--bs-info)
}
.fl-warning .fl-progress-bar {
  background-color:var(--bs-light)
}
.fl-warning .fl-progress-bar .fl-progress {
  background-color:var(--bs-warning)
}
.fl-danger .fl-progress-bar {
  background-color:var(--bs-light)
}
.fl-danger .fl-progress-bar .fl-progress {
  background-color:var(--bs-danger)
}
.fl-flasher {
  line-height: 1.5;
  background-color: var(--bs-white);
  color: var(--bs-dark);
  word-break: break-word;
  padding: 0.75em;
  margin: 0.75em 0;
  position: relative;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-bottom: none;
  border-radius: 0.375em;
  &.fl-rtl .fl-close {
    right: auto;
    left: 0.5rem;
  }
  &.fl-success {
    border-left: 0.8em solid var(--bs-success);
    &.fl-rtl {
      border-right: 0.8em solid var(--bs-success);
      border-left: none;
    }
    &:not(.fl-rtl) {
      border-right: none;
      border-left: 0.8em solid var(--bs-success);
    }
    .fl-title {
      color: var(--bs-success);
    }
  }
  &.fl-danger {
    border-left: 0.8em solid var(--bs-danger);
    &.fl-rtl {
      border-right: 0.8em solid var(--bs-danger);
      border-left: none;
    }
    &:not(.fl-rtl) {
      border-right: none;
      border-left: 0.8em solid var(--bs-danger);
    }
    .fl-title {
      color: var(--bs-danger);
    }
  }
  &.fl-warning {
    border-left: 0.8em solid var(--bs-warning);
    &.fl-rtl {
      border-right: 0.8em solid var(--bs-warning);
      border-left: none;
    }
    &:not(.fl-rtl) {
      border-right: none;
      border-left: 0.8em solid var(--bs-warning);
    }
    .fl-title {
      color: var(--bs-warning);
    }
  }
  &.fl-info {
    border-left: 0.8em solid var(--bs-info);
    &.fl-rtl {
      border-right: 0.8em solid var(--bs-info);
      border-left: none;
    }
    &:not(.fl-rtl) {
      border-right: none;
      border-left: 0.8em solid var(--bs-info);
    }
    .fl-title {
      color: var(--bs-info);
    }
  }
  .fl-content {
    display: flex;
    align-items: center;
  }
  .fl-icon {
    font-size: 2.5em;
  }

  .fl-title,
  .fl-message {
    display: block;
    margin-left: 1em;
    margin-right: 1em;
    line-height: 1.25em;
  }
  .fl-title {
    font-size: 1em;
    font-weight: bold;
  }
  .fl-message {
    margin-top: 0.25em;
    font-size: 0.875em;
  }
  .fl-progress-bar {
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: .125em;
    left: 0;
    position: absolute;
    right: 0;
  }
  .fl-close {
    cursor: pointer;
    background-color: transparent;
    border: none;
    position: absolute;
    top: 1rem;
    right: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    margin: -0.5rem;
    font-size: 25px;
    line-height: 0;
    color: #a8aaab;
    transition: color 0.3s ease, transform 0.3s ease;
    &:hover {
      color: darken(#a8aaab, 10%);
      transform: scale(1.1);
    }
  }
}

main {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}
.form-signin {
  max-width: 330px;
  padding: 1rem;
}

.bg-purple {background-color:#6528e0 !important;}
.bg-sky {background-color:#EFFFFD !important;}
.bg-blue {background-color:#42C2FF !important;}
.bg-teal {background-color:#B8FFF9 !important;}

.bg-accent1{background-color:#cfdddb!important}
.bg-accent2{background-color:#e4cded!important}
.bg-accent3{background-color:#c2dbe9!important}
.bg-accent4{background-color:#c9caef!important}
.bg-accent5{background-color:#fac1d9!important}
.bg-accent6{background-color:#e5dade!important}
.bg-accent7{background-color:#f1c8d0!important}
.bg-accent8{background-color:#c2e9dd!important}

.btn-google {background-color:#dd4b39;}
.btn-google:hover, .btn.btn-google:active {background-color:#d91b03;}
.btn-facebook {background-color:#3b5998;}
.btn-facebook:hover, .btn.btn-facebook:active, .btn.btn-facebook:focus {background-color:#355088;}

.btn-oblio {background-color:#e31a8f;}
.btn-oblio:hover, .btn.btn-oblio:active, .btn.btn-oblio:focus {background-color:#28143d;}


[x-cloak] {display: none;}