body{
  background:  linear-gradient(to bottom, #d9e9ff, #fff);
}


.navbar-norsel,
.sidebar-norsel {
  background-color: #1c4693 !important;
  color: #fff;
}

.navbar-norsel a,
.sidebar-norsel a{
  color: #fff;
}

.navbar-norsel>.navbar-collapse>.navbar-nav>.nav-item>.dropdown-menu>a.dropdown-item{
  color: #1c4693;
}
.navbar-norsel>.navbar-collapse>.navbar-nav>.nav-item>.dropdown-menu>a.dropdown-item:hover{
  background-color: #1c4693 !important;
  color: #fff;
}

.nav-item.nav-item-submenu.nav-item-open{
  background-color: #edf9ff!important;
}

.nav-item .nav-link.active{
  background-color: #1c4693 !important;
  color: #fff;
}
  .login-box{
      max-width: 667px;
      margin: 0 auto;
      border-radius: 25px !important;
      /* padding: 15px 30px !important; */
  }

  .login-box .form-control{
  }

  .contact-buttons{
      position: fixed;
      bottom: 20px;
      right: 20px;
      display: flex;
  }

  .contact-buttons .btn {
      margin-left: 10px;
  }



.loginpage-image-container img{
    height: 64px;
    margin: 10px;
    transition: 0.5s all;
}

.loginpage-image-container img:hover{
  transform: scale(1.25);
}


.text-norsel{
    color: #1c4693 !important;
}
.bg-norsel{
    background-color: #1c4693 !important;
}

.btn-norsel {
    background-color: #1c4693;
    border-color: #1c4693;
    color: #fff; /* White text for better readability */
    /* padding: 10px 20px; */
    /* border-radius: 5px; */
  }

  /* Hover and active states */
  .btn-norsel:hover,
  .btn-norsel:focus {
    background-color: #225aa7;
    border-color: #225aa7;
  }

  .btn-norsel:active {
    background-color: #183c71;
    border-color: #183c71;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }

  .btn-outline-norsel {
    color: #1c4693;
    border-color: #1c4693;
    background-color: transparent;
  }

  .btn-outline-norsel:hover,
  .btn-outline-norsel:focus {
    color: #fff;
    background-color: #1c4693;
    border-color: #1c4693;
  }

  .btn-outline-norsel:active {
    color: #fff;
    background-color: #183c71;
    border-color: #183c71;
  }

#pinned-item-search.input-group .form-control{
    border-left: 0;
    border-right: 0;
    height: 3.5rem;
}
#pinned-item-search.input-group .input-group-text{
    background-color: #fff;
}

#pinned-item-search.input-group .input-group-prepend .input-group-text{
    border-radius: 50% 0 0 50%;
}
#pinned-item-search.input-group .input-group-append .btn{
    background-color: #fff;
    border-left: none;
    border-radius: 0 50% 50% 0;
}
#pinned-item-search.input-group .input-group-append .btn:hover i{
    color: #183c71 !important;
}

.card.search-card{
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    -o-border-radius: 25px !important;
}
#search-list-group.list-group{
    border:none;
}


.search-card {
    /* max-height: 400px; */
    /* overflow-y: auto; */
}

.search-card-body a{
    padding: 10px;
    text-align:left;
    font-weight: bold;
    display:block;
    color: black;
}

.search-card-body a:hover{
    background-color: #f5f5f5;
}

.quick-link-card ul li{
    list-style:none;
}

.quick-link-card ul li a{
    display: block;
    color:black
}




.round-border
{
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -ms-border-radius: 25px !important;
    -o-border-radius: 25px !important;
}


.btn-dashboard {
    border: none;
    padding: 32px 10px;
    width: 95%;
    height: 100px;
    font-family: "Roboto,sans-serif";
    font-size: 18px;
    font-weight: bold;
    /* text-transform: uppercase; */
    border-radius: 10px;
    color: #fff;
    background-size: 200%;
    transition: 0.6s;
    display: inline-block;
    text-align: center;
    display: inline-block;
    margin-bottom: 2rem;
}

.vh-50 {
    height: 50vh;
}

#chart-container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    overflow-x: auto;
    /* border: 1px solid #ccc; Optional border for visual clarity */
}

.card.q-link .card-header i.text-muted{display:none;}
.card.q-link .card-header:hover i.text-muted{display:inline-block;}
.card.q-link .card-header:hover{cursor: grab;}
.card.q-link .card-header:active{cursor: grabbing;}

.store_pin_menu i.fas{display: none;}
.store_pin_menu:hover i.fas{display: inline-block;}
.store_pin_menu:hover i.far{display: none;}

.remove_pin_menu i.far{display: none;}
.remove_pin_menu:hover i.far{display: inline-block;}
.remove_pin_menu:hover i.fas{display: none;}

.q-link:hover{
    /* border: 2px solid #1c4693; */
    box-shadow: 5px 5px 10px #1c4693;
}



.q-link:hover a,
.q-unlink:hover{
    color: #1c4693 !important;
}

.fs-100 {
    font-size: 1.00rem !important;  /* Example size */
}

.fs-125 {
    font-size: 1.25rem !important; /* Example size */
}

.fs-150 {
    font-size: 1.50rem !important;   /* Example size */
}

.fs-175 {
    font-size: 1.75rem !important; /* Example size */
}

.fs-200 {
    font-size: 2.00rem !important; /* Example size */
}


.breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}


.border-radius-25
{
    border-radius:25px;
}