/*Fonts*//*Bootstrap Extension*/
.w-95 {
  width: 95%;
}

.pointer {
  cursor: pointer;
}

/* Jquery Validation */
label.error {
  display: block;
  color: red;
  font-size: small;
}

.input-group label.error {
  position: absolute;
  bottom: -20px;
}

/*Background Colors*/
.bg-main {
  background-color: #0b6ef3;
}

.bg-main-2 {
  background-color: #10437b;
}

.bg-main-3 {
  background-color: #001d2b;
}

.bg-gray {
  background-color: #ecefff;
}

.bg-green {
  background-color: #94be69;
}

.bg-prio-1 {
  background-color: #29caef;
}
.bg-prio-2 {
  background-color: #8cc63f;
}
.bg-prio-3 {
  background-color: #eec053;
}
.bg-prio-4 {
  background-color: #7a0919;
}

.bg-image{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*Text Colors*/
.text-main {
  color: #0b6ef3;
}

.text-main-2 {
  color: #10437b;
}

.text-main-3 {
  color: #001d2b;
}

.text-gray {
  color: #ecefff;
}

.text-green {
  color: #94be69;
}

/*Border*/
.border-main-i {
  border-color: #0b6ef3 !important;
}

.border-prio-1 {
  border-color: #29caef !important;
}
.border-prio-2 {
  border-color: #8cc63f !important;
}
.border-prio-3 {
  border-color: #eec053 !important;
}
.border-prio-4 {
  border-color: #7a0919 !important;
}

/*Buttons*/
.btn-main {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0b6ef3;
  --bs-btn-border-color: #0b6ef3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0667e6;
  --bs-btn-hover-border-color: #0667e6;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0667e6;
  --bs-btn-active-border-color: #0667e6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0b6ef3;
  --bs-btn-disabled-border-color: #0b6ef3;
  --bs-btn-disabled-opacity: 0.7;
}

.btn-outline-main {
  --bs-btn-color: #0b6ef3;
  --bs-btn-bg: #fff;
  --bs-btn-border-color: #0b6ef3;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b6ef3;
  --bs-btn-hover-border-color: #0b6ef3;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b6ef3;
  --bs-btn-active-border-color: #0b6ef3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0b6ef3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0b6ef3;
  --bs-gradient: none;
}

.btn-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #94be69;
  --bs-btn-border-color: #94be69;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #84af58;
  --bs-btn-hover-border-color: #84af58;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #84af58;
  --bs-btn-active-border-color: #84af58;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #94be69;
  --bs-btn-disabled-border-color: #94be69;
  --bs-btn-disabled-opacity: 0.7;
}

/*Layout*/
.bd-sidebar {
  grid-area: sidebar;
}

.bd-main {
  grid-area: main;
}

/*Nav*/
.nav-logo {
  max-height: 3.3rem;
}

.sidebar_ul .nav-item:hover,
.sidebar_ul .nav-item.active {
  font-weight: bold;
  border-right: 2px solid #ffffff;
}

.main-content-height{
  min-height: calc(100vh - 3.7rem);
}

#offcanvasMenu.show li{
  color: #000000;
}

/*Tables*/
.progress_bar_table {
  width: 8rem;
}

/*Modals*/
.modal-content {
  border: 1px solid #10437b !important;
}

.modal-content .form-control,
.modal-content .form-select {
  border: 1px solid #10437b !important;
}

.modal-content .modal-title {
  color: #10437b;
}

.modal-content .form-label {
  color: #10437b;
}

/*Forms*/
.form-checks-group {
  max-height: 30rem;
  overflow-y: auto;
}

.form-checks-group .form-check {
  display: inline-block;
  margin-right: 1rem;
}

/*Images*/
.rounded-icon-img {
  width: 2.5rem;
  height: 2.5rem;
}

/*Site*/
.search_input {
  width: 20rem;
  max-width: 100%;
}

/* Media Queries */

/* sm */
@media screen and (max-width: 576px) {
}

/* md */
@media screen and (max-width: 768px) {
}

/* lg */
@media screen and (max-width: 992px) {
}

/* xl */
@media screen and (max-width: 1200px) {
}

/* lg */
@media screen and (min-width: 992px) {
  .bd-layout {
    display: grid;
    grid-template-areas: "sidebar main";
    grid-template-columns: 0fr 5fr;
    gap: 0rem;
  }

  .sidebar {
    display: block;
    position: sticky;
    top: 3.7rem;
    height: calc(100vh - 3.7rem);
    padding-left: 0.25rem;
    overflow-y: auto;
    width: 14rem;
  }
}