label{display:inline;margin-bottom:0px;font-weight:bold}

.pagination li a.active {
    background-color: rgba(168, 173, 175, 0.57);
}
#package {
       
  border: 10px solid grey;
  padding: 5px;
}
label.error{
  color: red;
  display: block;
}
.info{
  background-color: rgb(240, 248, 255);
}


.nav-pills.nav-wizard > li {
  position: relative;
  overflow: visible;
  border-right: 13px solid transparent;
  border-left: 10px solid transparent;
}
.nav-pills.nav-wizard > li + li {
  margin-left: 0;
}
.nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
.nav-pills.nav-wizard > li:first-child a {
  border-radius: 2px 0 0 2px;
}
.nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
.nav-pills.nav-wizard > li:last-child a {
  border-radius: 0 2px 2px 0;
}
.nav-pills.nav-wizard > li a {
  border-radius: 0;
  padding: 10px 10px;
  background-color: #eee;
}
.nav-pills.nav-wizard > li:not(:last-child) a:after {
  position: absolute;
  content: "";
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #eee;
  z-index: 150;
}
.nav-pills.nav-wizard > li:not(:first-child) a:before {
  position: absolute;
  content: "";
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #eee #eee #eee transparent;
  z-index: 150;
}
.nav-pills.nav-wizard > li:hover:not(:last-child) a:after {
  border-color: transparent transparent transparent #aaa;
}
.nav-pills.nav-wizard > li:hover:not(:first-child) a:before {
  border-color: #aaa #aaa #aaa transparent;
}
.nav-pills.nav-wizard > li:hover a {
  background-color: #aaa;
  color: #fff;
}
.nav-pills.nav-wizard > li.active:not(:last-child) a:after,.nav-pills.nav-wizard > li.active.shown:not(:last-child) a:after {
  border-color: transparent transparent transparent #428bca;
}
.nav-pills.nav-wizard > li.active:not(:first-child) a:before,.nav-pills.nav-wizard > li.active.shown:not(:first-child) a:before  {
  border-color: #428bca #428bca #428bca transparent;
}

.nav-pills.nav-wizard > li.shown:not(:last-child) a:after {
  border-color: transparent transparent transparent #e9e19a;
}
.nav-pills.nav-wizard > li.shown:not(:first-child) a:before {
  border-color: #e9e19a #e9e19a #e9e19a transparent;
}
.nav-pills.nav-wizard > li.active a,.nav-pills.nav-wizard > li.active.shown a {
  background-color: #428bca;
}
.nav-pills.nav-wizard > li.shown a {
  background-color: #e9e19a;
}


.navbar-nav {
  float: right !important;
}
.navbar{
  margin-bottom: 0px;
}

.navbar-default {
  background-color: white;
  box-shadow: 0 0 3px #555555;
}

body{
  font-family: "Inter Tight", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  background-color: white !important;
}

#logo{
  position: absolute;
  left: 0px;
}

.navbar ul>li>a{
   color: #264595 !important;
}

.navbar ul>li>a:hover {
  text-decoration: none;
  background-color: #fafafa !important;
}
.table-responsive{
  overflow-x: auto;
}
.table-responsive {
  transform: rotateX(180deg) !important;
  overflow: auto !important;
  margin-top: 30px !important;
  
}
.table-responsive>table {
  transform: rotateX(180deg) !important;
}
::-webkit-scrollbar {
  width: 10px; /* Make the scrollbar thinner */
  height: 10px; /* For horizontal scrollbars */
}

/* Track styling */
::-webkit-scrollbar-track {
  background-color: #f1f5ff; /* Light background for the track */
  border-radius: 10px; /* Rounded edges for the track */
}

/* Thumb styling */
::-webkit-scrollbar-thumb {
  background-color: #0055d4; /* Main color for the scrollbar thumb */
  border-radius: 10px; /* Rounded edges for the thumb */
  border: 2px solid transparent; /* Transparent border */
  background-clip: content-box; /* Ensures the thumb color is visible inside the border */
}

/* Thumb hover effect */
::-webkit-scrollbar-thumb:hover {
  background-color: #007bff; /* Change to a lighter blue on hover */
}

/* Optional: Add a focus state for accessibility */
::-webkit-scrollbar-thumb:focus {
  background-color: #004bbf; /* Darker blue when focused */
}


.table {
    width: 100%; /* Make sure the table takes the full width */
    margin: 0; /* Remove margin */
    border-collapse: collapse; /* Remove gaps between table cells */
}

td, th {
  white-space: nowrap !important;
}

.well a{
  color:#004bbf;
}
.well{
  background-color: white !important;
padding: 0px !important;
margin-bottom: 0px;
}
.nav-stacked li{
  margin-left: 40px !important;
}
.nav-stacked li:hover{
  /* margin-left: 35px !important; */
  background-color: #fafafa !important;
}
.nav>li>a:hover, .nav>li>a:focus {
  background-color: transparent;
  border: none;
}

.pagination{
  position:absolute;
  right:0px;
  top:-40px;
  padding-left: 0px !important;
  margin: 0px;
}

.btn{
  background-color: #0055d4 !important;
  color: white !important;
  border: none;
  margin: 15px 0px ;
}
.btn:hover{
  background: #003688 !important;
  color: white !important;
}

#parent-pagination{
  position: relative;
  margin-top: 60px;
}

#menu{
  cursor: pointer;
}

.well {
  display: block; /* Initially visible */
  opacity: 1; /* Fully visible */
  transition: opacity 0.5s ease; /* Transition for opacity */
}

.well.hidden {
  opacity: 0; /* Transparent when hidden */
  pointer-events: none; /* Prevent clicks when hidden */
}




ul {
  list-style-type: none; /* Remove default bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margin */
}

.nav-tabs li {
  margin: 10px 0; /* Space between list items */
  position: relative; /* Positioning context for ::before */
}

.menu_left {
  display: block; /* Make the link a block element */
  padding: 10px 15px; /* Padding for the link */
  color: white; /* Text color */
  text-decoration: none; /* Remove underline */
  border-radius: 4px; /* Rounded corners */
  transition: background-color 0.3s ease; /* Transition for hover effect */
}

.menu_left:hover {
  background-color: #0055d4; /* Darker background on hover */
}

.well{
  border: none;
}

.nav>li>a {
  padding: 10px 24px;
}

.pagination > li:first-child > a {
  background: blue !important;
  color: white;
}


.main-div{
  padding: 0px 40px;
}


  .row {
    margin-right: 0px;
}

.navbar{
  border-radius: 0px !important;
}

footer{
  bottom: 0px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;

}

.pagination {
  padding-left: 0px !important;
}

footer {
  /* position: relative; Keep it relative to the content */
  bottom: 0; 

}


.navbar ul>li>a {
  padding: 14px 24px;
}



.sidebar-menu > li > a {
  padding: 13px 11px 13px 30px !important;
}

.sidebar-menu > li > a > .fa{
  padding-right: 28px !important;
}