/* Jake messing where he shouldn't */
.divider-line {
  flex-grow: 1;
  /* Makes the line extend across the row */
  border-bottom: 1px solid #ccc;
  margin-left: 15px;
  /* Adjusts spacing between the heading and the line */
  opacity: 0.7;
  /* Lightens the line */
}


/* navbar styles */
.navbar-default {
  background-color: #ffffff;
  border-radius: 0px;
  border-bottom: 1px solid #EAEAF0;

}

.navbar-expand-lg .navbar-nav .nav-link {
  color: #2b2b2b;
  font-weight: 600;
  font-size: 16px;
  border-radius: 6px;
  padding-left: 14px;
  padding-right: 14px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
  background-color: #EDEDFF;
  color: #4C48FF;
}

.active {
  background-color: #EDEDFF;
  color: #4C48FF;
}


.nav-container {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* button styles */
.cust-primary-btn {
  background-color: #4C48FF;
  color: #ffffff;
  border: 2px solid #4C48FF;
}

.cust-primary-btn:hover {
  background-color: #706DFF;
  border: 2px solid #706DFF;
  color: #ffffff;
}

.cust-primary-btn:focus {
  background-color: #3D3AD2;
  border: 2px solid #3D3AD2;
  color: #ffffff;
}

.cust-primary-btn.active,
.cust-primary-btn.show,
.cust-primary-btn:first-child:active,
:not(.btn-check)+.cust-primary-btn:active {
  background-color: #3D3AD2;
  border: 2px solid #3D3AD2;
  color: #ffffff;
}

.cust-secondary-btn {
  background-color: #ffffff;
  border: 2px solid #4C48FF;
  color: #4C48FF;
}

.cust-secondary-btn:hover {
  background-color: #ffffff;
  border: 2px solid #706DFF;
  color: #706DFF;
}

.cust-secondary-btn:focus {
  background-color: #ffffff;
  border: 2px solid #3D3AD2;
  color: #3D3AD2;
}

.cust-secondary-btn.active,
.cust-secondary-btn.show,
.cust-secondary-btn:first-child:active,
:not(.btn-check)+.cust-secondary-btn:active {
  background-color: #ffffff;
  border: 2px solid #3D3AD2;
  color: #3D3AD2;
}

.cust-danger-btn {
  background-color: #FE5C73;
  color: #ffffff;
  border: 2px solid #FE5C73;
}

.cust-danger-btn:hover {
  background-color: #FE7D8F;
  border: 2px solid #FE7D8F;
  color: #ffffff;
}

.cust-danger-btn:focus {
  background-color: #D54A5D;
  border: 2px solid #D54A5D;
  color: #ffffff;
}

.cust-danger-btn.active,
.cust-danger-btn.show,
.cust-danger-btn:first-child:active,
:not(.btn-check)+.cust-danger-btn:active {
  background-color: #D54A5D;
  border: 2px solid #D54A5D;
  color: #ffffff;
}

.cust-btn-sm {
  padding: 0.12rem 0.25rem;
  /* ~4px 8px */
  font-size: 0.75rem;
  /* 14px */
  line-height: 1.25;
  border-radius: 0.2rem;
}

.btn {
  padding-top: 8px;
  padding-bottom: 8px;
}

.nav-btn {
  color: #3D3AD2;
  font-weight: 600;
}

.nav-btn:hover {
  color: #3D3AD2;
  font-weight: 600;
  background: #EDEDFF;
}

/* spacing styles */
.btn-container {
  margin-bottom: 20px;
}


.line-break {
  border: 2px solid #374b53;
  margin-bottom: 60px;
  margin-top: 60px;
}

.container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

/* font styles */
body {
  font-family: Inter, Helvetica, Arial, Sans-serif;
  color: #2b2b2b;
  background-color: #F4F5FA;
}

h1 {
  color: #1f292e;
  font-weight: 600;
}

h2 {
  color: #2b2b2b;
  font-weight: 600;
  font-size: 30px;
}

h3 {
  color: #2b2b2b;
  font-weight: 600;
  font-size: 24px;
}

h4 {
  color: #2b2b2b;
  font-weight: 600;
}

h5 {
  font-weight: 600;
  color: #2b2b2b;
}

h6 {
  color: #2b2b2b;
}

a {
  text-decoration: none;
  color: #2b2b2b;
}

.tiny-text {
  font-size: 13px;
}

.text-muted {
  color: #6d6d6d !important;
}

.link:hover {
  color: #4C48FF;
  text-decoration: underline;
}

.pre-title {
  color: #4C48FF;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}



.login-card {
  border-color: #ffffff !important;
  border-radius: 20px;
}

.login-bg {
  width: 100%;
  height: 100%;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  background-size: cover;
  background-color: #f0f4ff;
  background: linear-gradient(61deg, #4C48FF 0%, #8885FF 50%, #C3C2FF 100%);
  background-repeat: no-repeat;
  background-position: center;
}

/* card styles */

.card-link {
  color: #4c48ff;
  text-decoration: none;
}

.card-link:hover {
  color: #706DFF;
}

.card {
  border-radius: 16px;
  border: 1.5px solid #EAEAF0;

}

.card:hover {
  border-color: #706DFF;
}

.profile-img {
  width: 50px;
  border: none;
}

/* input styles */

.form-label {
  font-weight: 600;
}

.form-control {
  border-color: #e2e2e2;
  padding-top: 10px;
  padding-bottom: 10px;
  border-width: 1px;
}

.form-control:focus {
  border-color: #4c48ff;
  box-shadow: none;
  border-width: 1px;
}

.form-select {
  border-color: #e2e2e2;
  padding-top: 10px;
  padding-bottom: 10px;
  border-width: 1px;
}

.form-select:focus {
  border-color: #4c48ff;
  box-shadow: none;
  border-width: 1px;
}

.box-container {
  background: #EDEDFF;
  padding: 50px;
  border-radius: 20px;
}

.white-container {
  background: #FFFFFF;
  padding: 50px;
  border-radius: 20px;
}

/* status pill styles */

/* Override the base .badge style only if no variant is applied. */
.badge:not(.badge-primary):not(.badge-warning):not(.badge-success):not(.badge-danger) {
  background-color: #EDEDFF;
  color: #4C48FF;
  font-weight: 600;
  font-size: 13px;
  padding-left: 10px;
  padding-right: 10px;
}

/* Then specifically set backgrounds for each variant. */
.badge.badge-primary {
  background-color: #EDEDFF !important;
  /* "scheduled" color */
  color: #4C48FF !important;
}

.badge.badge-warning {
  background-color: #FFF8EB !important;
  /* "cancelled" color */
  color: #FFBB38 !important;
}

.badge.badge-success {
  background-color: #D8F9F8 !important;
  /* "sent" color */
  color: #00C7BE !important;
}

.badge.badge-danger {
  background-color: #FFEFF1 !important;
  /* fallback/error color */
  color: #FE5C73 !important;
}

.status-todo {
  background-color: #EDEDFF;
  color: #4C48FF;
}

.status-progress {
  background-color: #FFF8EB;
  color: #FFBB38;
}

.status-done {
  background-color: #D8F9F8;
  color: #00C7BE;
}

.status-archive {
  background-color: #F0F0F0;
  color: #6d6d6d;
}

.status-empty {
  background-color: #FFEFF1;
  color: #FE5C73;
}

/* Alert styles */
.alert {
  border-radius: 12px;
  font-weight: 500;
}

.alert-success {
  background-color: #F0FFFE;
  color: #00C7BE;
  border: solid 2px #00C7BE;

}

.alert-info {
  background-color: #EDEDFF;
  color: #4C48FF;
  border: solid 2px #4C48FF;

}

.alert-warning {
  background-color: #FFF8EB;
  color: #FFBB38;
  border: solid 2px #FFBB38;
}

.alert-danger {
  background-color: #FFEFF1;
  color: #FE5C73;
  border: solid 2px #FE5C73;

}

/* Table styles */

.table-primary {
  background-color: #EDEDFF !important;
  border-color: #dee2e6;
  font-weight: 600;

}

.rounded-tl {
  border-top-left-radius: 12px;
}

.rounded-tr {
  border-top-right-radius: 12px;
}

.rounded-bl {
  border-bottom-left-radius: 12px;
}

.rounded-br {
  border-bottom-right-radius: 12px;
}

.table>:not(caption)>*>* {
  padding-left: 1rem;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  color: #2b2b2b !important;
}

.table-hover>tbody>tr:hover>* {
  background-color: #f8f8ff !important;
  --bs-table-bg-state: none;
}

.table-link {
  color: #4C48FF;
}

.custom-dropdown-btn {
  background-color: #4C48FF;
  color: #ffffff;
  border: 2px solid #4C48FF;
  border-radius: 8px;
}

.custom-dropdown-btn:hover {
  background-color: #706DFF;
  border: 2px solid #706DFF;
  color: #ffffff;
  border-radius: 8px;
}