.accordion-button:not(.collapsed) {
  color: #517466 !important;
}

.imageProof {
  transition: 0.1s ease-in-out;
}

.sidebar-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow-y: scroll !important;
}

.sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .sidebar-wrapper {
    z-index: 9998 !important;
  }
}
main {
  margin-top: 2rem !important;
  margin-left: 15rem;
  min-height: 100vh;
}

.thick-divider {
  border: 0;
  height: 2px; /* Adjust thickness here */
  background-color: #000; /* Adjust color here */
  margin: 10px 0; /* Space above and below */
}

.form-check-input:checked {
  background-color: #517466;
  border-color: #517466;
}

.form-check-input {
  background-color: #DCE7E1;
  border-color: #DCE7E1;
}

.clientCard {
  cursor: pointer;
}

.fsCard {
  transition: 0.15s ease-in-out;
  cursor: pointer;
}

main {
  padding-left: 20px;
  padding-right: 20px;
}

.montserrat {
  font-family: "Montserrat", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.roboto {
  font-family: "Roboto", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.text-100 {
  font-weight: 100 !important;
}

.text-200 {
  font-weight: 200 !important;
}

.text-300 {
  font-weight: 300 !important;
}

.text-400 {
  font-weight: 400 !important;
}

.text-500 {
  font-weight: 500 !important;
}

.text-600, .default-tag, .rush-tag, .withrevisions-tag, .approved-tag, .reviewing-tag, .meetingdone-tag, .formeeting-tag, .unpaid-tag, .paid-tag, .withbalance-tag, .confirming-tag, .overdue-tag, .duetoday-tag, .upcoming-tag, .notdue-tag, .closed-tag, .cancelled-tag, .done-tag, .inprogress-tag, .pending-tag {
  font-weight: 600 !important;
}

.text-700 {
  font-weight: 700 !important;
}

.text-800 {
  font-weight: 800 !important;
}

.text-900 {
  font-weight: 900 !important;
}

.text-black, .default-tag, .rush-tag, .withrevisions-tag, .approved-tag, .reviewing-tag, .meetingdone-tag, .formeeting-tag, .unpaid-tag, .paid-tag, .withbalance-tag, .confirming-tag, .overdue-tag, .duetoday-tag, .upcoming-tag, .notdue-tag, .closed-tag, .cancelled-tag, .done-tag, .inprogress-tag, .pending-tag, .fsCard:hover {
  color: #212121 !important;
}

.text-white, .rush-tag, .meetingdone-tag, .formeeting-tag, .unpaid-tag, .paid-tag, .withbalance-tag, .overdue-tag, .duetoday-tag, .upcoming-tag, .notdue-tag, .closed-tag, .cancelled-tag, .done-tag, .fsCard.active, .fsCard.active:hover {
  color: #FDFDFC !important;
}

.text-fs-darkgray, .reviewing-tag, .confirming-tag, .pending-tag {
  color: #737373 !important;
}

.text-fs-lightgray {
  color: #A6A6A6 !important;
}

.text-main-darkgreen, .approved-tag, .inprogress-tag {
  color: #517466 !important;
}

.text-main-lightgreen {
  color: #679E88 !important;
}

.text-secondary-lightgreen {
  color: #DCE7E1 !important;
}

.text-secondary-lightergreen {
  color: #F1FFF9 !important;
}

.text-darkred, .withrevisions-tag {
  color: #83687F !important;
}

.text-brightred {
  color: #FC1526 !important;
}

.text-palered {
  color: #F5CFD0 !important;
}

.text-lightred {
  color: #FC6166 !important;
}

.text-yellow {
  color: #FD9A2D !important;
}

.text-brightyellow {
  color: #FFD43A !important;
}

.text-orange {
  color: #FC652D !important;
}

.text-darkblue {
  color: #2F30A6 !important;
}

.text-lightblue {
  color: #6C6FFF !important;
}

.text-bluegreen {
  color: #247185 !important;
}

.text-paleblue {
  color: #83969a !important;
}

.text-todo-red {
  color: #FF3131 !important;
}

.text-todo-pink {
  color: #FF9D9D !important;
}

.text-todo-peach {
  color: #FFBD59 !important;
}

.text-todo-green {
  color: #99D1BB !important;
}

.fsz-8 {
  font-size: 8px !important;
}

.fsz-10 {
  font-size: 10px !important;
}

.fsz-12 {
  font-size: 12px !important;
}

.fsz-14 {
  font-size: 14px !important;
}

.fsz-16 {
  font-size: 16px !important;
}

.fsz-18 {
  font-size: 18px !important;
}

.fsz-20 {
  font-size: 20px !important;
}

.bg-black, .closed-tag {
  background-color: #212121 !important;
}

.bg-white {
  background-color: #FDFDFC !important;
}

.bg-fs-darkgray, .cancelled-tag {
  background-color: #737373 !important;
}

.bg-fs-lightgray {
  background-color: #A6A6A6 !important;
}

.bg-fs-lightergray, .reviewing-tag, .confirming-tag, .pending-tag {
  background-color: #d8d8d8 !important;
}

.bg-main-darkgreen, .notdue-tag, .done-tag {
  background-color: #517466 !important;
}

.bg-main-lightgreen, .fsCard.active, .fsCard.active:hover {
  background-color: #679E88 !important;
}

.bg-secondary-lightgreen, .approved-tag, .inprogress-tag, .fsCard:hover {
  background-color: #DCE7E1 !important;
}

.bg-secondary-lightergreen {
  background-color: #F1FFF9 !important;
}

.bg-darkred {
  background-color: #83687F !important;
}

.bg-brightred, .overdue-tag {
  background-color: #FC1526 !important;
}

.bg-palered, .withrevisions-tag {
  background-color: #F5CFD0 !important;
}

.bg-lightred, .unpaid-tag {
  background-color: #FC6166 !important;
}

.bg-yellow, .upcoming-tag {
  background-color: #FD9A2D !important;
}

.bg-brightyellow, .rush-tag {
  background-color: #FFD43A !important;
}

.bg-orange, .duetoday-tag {
  background-color: #FC652D !important;
}

.bg-darkblue, .paid-tag {
  background-color: #2F30A6 !important;
}

.bg-lightblue, .withbalance-tag {
  background-color: #6C6FFF !important;
}

.bg-bluegreen, .meetingdone-tag {
  background-color: #247185 !important;
}

.bg-paleblue, .formeeting-tag {
  background-color: #83969a !important;
}

.bg-todo-red {
  background-color: #FF3131 !important;
}

.bg-todo-pink {
  background-color: #FF9D9D !important;
}

.bg-todo-peach {
  background-color: #FFBD59 !important;
}

.bg-todo-green {
  background-color: #99D1BB !important;
}

.border-black {
  border-color: #212121 !important;
}

.border-white {
  border-color: #FDFDFC !important;
}

.border-fs-darkgray {
  border-color: #737373 !important;
}

.border-fs-lightgray {
  border-color: #A6A6A6 !important;
}

.border-main-darkgreen {
  border-color: #517466 !important;
}

.border-main-lightgreen, .fsCard.active, .fsCard.active:hover {
  border-color: #679E88 !important;
}

.border-secondary-lightgreen, .fsCard:hover {
  border-color: #DCE7E1 !important;
}

.border-secondary-lightergreen {
  border-color: #F1FFF9 !important;
}

.border-darkred {
  border-color: #83687F !important;
}

.border-brightred {
  border-color: #FC1526 !important;
}

.border-palered {
  border-color: #F5CFD0 !important;
}

.border-lightred {
  border-color: #FC6166 !important;
}

.border-yellow {
  border-color: #FD9A2D !important;
}

.border-brightyellow {
  border-color: #FFD43A !important;
}

.border-orange {
  border-color: #FC652D !important;
}

.border-darkblue {
  border-color: #2F30A6 !important;
}

.border-lightblue {
  border-color: #6C6FFF !important;
}

.border-bluegreen {
  border-color: #247185 !important;
}

.border-paleblue {
  border-color: #83969a !important;
}

.border-todo-red {
  border-color: #FF3131 !important;
}

.border-todo-pink {
  border-color: #FF9D9D !important;
}

.border-todo-peach {
  border-color: #FFBD59 !important;
}

.border-todo-green {
  border-color: #99D1BB !important;
}

.rounded-top-1 {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-top-2 {
  border-top-left-radius: 0.375rem !important;
  border-top-right-radius: 0.375rem !important;
}

.rounded-top-3 {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-top-4 {
  border-top-left-radius: 1rem !important;
  border-top-right-radius: 1rem !important;
}

.rounded-top-5 {
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
}

.rounded-bottom-1 {
  border-bottom-left-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom-2 {
  border-bottom-left-radius: 0.375rem !important;
  border-bottom-right-radius: 0.375rem !important;
}

.rounded-bottom-3 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-right-radius: 1rem !important;
}

.rounded-bottom-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-40 {
  width: 40% !important;
}

.w-60 {
  width: 60% !important;
}

.w-70 {
  width: 70% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-99 {
  width: 99% !important;
}

.btn-fs-main {
  background-color: #517466;
  border-color: #517466;
  color: white;
}

.btn-fs-main:hover {
  background-color: transparent;
  border-color: #517466;
  color: #517466;
}

.btn-fs-main-outline {
  background-color: transparent !important;
  border-color: #517466;
  color: #517466;
}

.btn-fs-main-outline:hover {
  background-color: #517466 !important;
  border-color: #517466;
  color: white;
}

.btn-fs-secondary {
  background-color: #F1FFF9;
  border: 0px;
  color: #517466;
}

.btn-fs-secondary:hover {
  background-color: #DCE7E1;
  border-color: #DCE7E1;
  color: #517466;
}

.btn-fs-secondary-outline {
  background-color: transparent !important;
  border-color: #517466;
  color: #517466;
}

.btn-fs-secondary-outline:hover {
  background-color: #517466 !important;
  border-color: #517466;
  color: white;
}

.default-tag, .rush-tag, .withrevisions-tag, .approved-tag, .reviewing-tag, .meetingdone-tag, .formeeting-tag, .unpaid-tag, .paid-tag, .withbalance-tag, .confirming-tag, .overdue-tag, .duetoday-tag, .upcoming-tag, .notdue-tag, .closed-tag, .cancelled-tag, .done-tag, .inprogress-tag, .pending-tag {
  background-color: transparent;
  border-radius: 50rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.mt-6 {
  margin-top: 6rem;
}

.mt-7 {
  margin-top: 7rem;
}

.mt-8 {
  margin-top: 8rem;
}

.mt-9 {
  margin-top: 9rem;
}

.mt-10 {
  margin-top: 10rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.mb-9 {
  margin-bottom: 9rem;
}

.mb-10 {
  margin-bottom: 10rem;
}

.me-6 {
  margin-right: 6rem;
}

.me-7 {
  margin-right: 7rem;
}

.me-8 {
  margin-right: 8rem;
}

.me-9 {
  margin-right: 9rem;
}

.me-10 {
  margin-right: 10rem;
}

.ms-6 {
  margin-left: 6rem;
}

.ms-7 {
  margin-left: 7rem;
}

.ms-8 {
  margin-left: 8rem;
}

.ms-9 {
  margin-left: 9rem;
}

.ms-10 {
  margin-left: 10rem;
}

.navLink a {
  text-decoration: none !important;
  color: #FDFDFC !important;
}

.navLink i {
  font-size: 25px !important;
}

.navLink a:hover {
  color: #517466 !important;
  background-color: #F1FFF9 !important;
}

.navLink a.active {
  color: #517466 !important;
  background-color: #F1FFF9 !important;
}

/* Style for the container */
.toggle-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Hide the default checkbox */
.toggle-switch {
  display: none;
}

/* Style for the label (the visual part of the toggle) */
.toggle-label {
  width: 40px;
  height: 20px;
  background-color: #ccc;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Circle inside the toggle */
.toggle-label::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

/* Change the background and position when the checkbox is checked */
.toggle-switch:checked + .toggle-label {
  background-color: #517466;
}

.toggle-switch:checked + .toggle-label::before {
  transform: translateX(20px);
}

#usersTable tbody :last-child td {
  border-bottom: 2px solid black;
}

#usersTable tr:not(:first-child):hover {
  background-color: #517466;
  color: white;
}

.dropshadow {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.activePageNum {
  background-color: #517466 !important;
  color: #FDFDFC;
}

.btn-active {
  background-color: #517466 !important;
}

.note-link {
  color: #212121;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  text-decoration: none;
}

.note-link:hover {
  color: #517466;
  font-weight: bolder;
}

.note-link.active {
  background-color: #517466 !important;
  font-weight: bolder;
  color: #FDFDFC;
}

.subnote-link {
  color: #212121;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
  text-decoration: none;
}

.subnote-link:hover {
  color: #517466;
  font-weight: bolder;
}

.subnote-link.active {
  background-color: #517466 !important;
  font-weight: bolder;
  color: #FDFDFC;
}/*# sourceMappingURL=style.css.map */