@charset "UTF-8";

:root {

  --bs-primary: #2846CE !important;
  /* --bs-primary: #dc3545 !important; */
  --bs-secondary: #6c757d !important;
  --bs-success: #198754 !important;
  --bs-info: #0dcaf0 !important;
  --bs-warning: #ffc107 !important;
  --bs-danger: #dc3545 !important;
  --bs-light: #f8f9fa !important;
  --bs-dark: #212529 !important;
  --bs-muted: #6c757d !important;
  --bs-primary-contrast: #227DC7 !important;
  --bs-primary-rgb: #2846CE !important;
  --bs-secondary-rgb: rgb(108, 117, 125) !important;
  --bs-success-rgb: rgb(25, 135, 84) !important;
  --bs-info-rgb: rgb(13, 202, 240) !important;
  --bs-warning-rgb: rgb(255, 193, 7) !important;
  --bs-danger-rgb: rgb(220, 53, 69) !important;
  --bs-light-rgb: rgb(248, 249, 250) !important;
  --bs-dark-rgb: rgb(33, 37, 41) !important;
  --bs-white-rgb: rgb(255, 255, 255) !important;
  --bs-black-rgb: rgb(0, 0, 0) !important;
  --bs-body-color-rgb: rgb(33, 37, 41) !important;
  --bs-body-bg-rgb: rgb(255, 255, 255) !important;
  --bs-body-font-family: Nunito,sans-serif !important;
  --bs-body-font-size: 1rem !important;
  --bs-body-font-weight: 400 !important;
  --bs-body-line-height: 1.5 !important;
  --bs-body-color: #212529 !important;
  --bs-body-bg: #fff !important;
  --bs-gradient-bg: linear-gradient(
    135deg, #0061f2 0%, rgba(105, 0, 199, 0.8) 100%) !important;
}

/* Styles start */
.btn-primary{
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-primary:hover{
  background-color: var(--bs-primary-contrast);
  border-color: var(--bs-primary-contrast);
  color: var(--bs-light);
}

.btn-secondary{
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

.btn-secondary:hover{
  background-color: var(--bs-secondary-rgb);
  border-color: var(--bs-secondary-rgb);
  color: var(--bs-light);
}

.btn-success{
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}

.btn-success:hover{
  background-color: var(--bs-success-rgb);
  border-color: var(--bs-success-rgb);
  color: var(--bs-light);
}

.btn-info{
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}

.btn-info:hover{
  background-color: var(--bs-info-rgb);
  border-color: var(--bs-info-rgb);
  color: var(--bs-light);
}

.btn-warning{
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}

.btn-warning:hover{
  background-color: var(--bs-warning-rgb);
  border-color: var(--bs-warning-rgb);
  color: var(--bs-light);
}

.btn-danger{
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}

.btn-danger:hover{
  background-color: var(--bs-danger-rgb);
  border-color: var(--bs-danger-rgb);
  color: var(--bs-light);
}

.btn-light{
  background-color: var(--bs-light);
  border-color: var(--bs-light);
}

.btn-light:hover{
  background-color: var(--bs-light-rgb);
  border-color: var(--bs-light-rgb);
  color: var(--bs-dark);
}

.btn-dark{
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}

.btn-dark:hover{
  background-color: var(--bs-dark-rgb);
  border-color: var(--bs-dark-rgb);
  color: var(--bs-light);
}

.btn-white{
  background-color: var(--bs-white);
  border-color: var(--bs-white);
}

.btn-white:hover{
  background-color: var(--bs-white-rgb);
  border-color: var(--bs-white-rgb);
  color: var(--bs-dark);
}

.btn-black{
  background-color: var(--bs-black);
  border-color: var(--bs-black);
}

.btn-black:hover{
  background-color: var(--bs-black-rgb);
  border-color: var(--bs-black-rgb);
  color: var(--bs-light);
}

.btn-outline-primary{
  background-color: transparent;
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.btn-outline-primary:hover{
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-light);
}

.btn-outline-secondary{
  background-color: transparent;
  border-color: var(--bs-secondary);
  color: var(--bs-secondary);
}

.btn-outline-secondary:hover{
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
  color: var(--bs-light);
}

.btn-outline-success{
  background-color: transparent;
  border-color: var(--bs-success);
  color: var(--bs-success);
}

.btn-outline-success:hover{
  background-color: var(--bs-success);
  border-color: var(--bs-success);
  color: var(--bs-light);
}

.btn-outline-info{
  background-color: transparent;
  border-color: var(--bs-info);
  color: var(--bs-info);
}

.btn-outline-info:hover{
  background-color: var(--bs-info);
  border-color: var(--bs-info);
  color: var(--bs-light);
}

.btn-outline-warning{
  background-color: transparent;
  border-color: var(--bs-warning);
  color: var(--bs-warning);
}

.btn-outline-warning:hover{
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
  color: var(--bs-light);
}

.btn-outline-danger{
  background-color: transparent;
  border-color: var(--bs-danger);
  color: var(--bs-danger);
}

.btn-outline-danger:hover{
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
  color: var(--bs-light);
}

.btn-outline-light{
  background-color: transparent;
  border-color: var(--bs-light);
  color: var(--bs-light);
}

.btn-outline-light:hover{
  background-color: var(--bs-light);
  border-color: var(--bs-light);
  color: var(--bs-dark);
}

.btn-outline-dark{
  background-color: transparent;
  border-color: var(--bs-dark);
  color: var(--bs-dark);
}

.btn-outline-dark:hover{
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
  color: var(--bs-light);
}

.btn-outline-white{
  background-color: transparent;
  border-color: var(--bs-white);
  color: var(--bs-white);
}

.btn-outline-white:hover{
  background-color: var(--bs-white);
  border-color: var(--bs-white);
  color: var(--bs-dark);
}

.btn-outline-black{
  background-color: transparent;
  border-color: var(--bs-black);
  color: var(--bs-black);
}

.btn-outline-black:hover{
  background-color: var(--bs-black);
  border-color: var(--bs-black);
  color: var(--bs-light);
}

.bg-primary{
  background-color: var(--bs-primary);
}

.bg-secondary{
  background-color: var(--bs-secondary);
}

.bg-success{
  background-color: var(--bs-success);
}

.bg-info{
  background-color: var(--bs-info);
}

.bg-warning{
  background-color: var(--bs-warning);
}

.bg-danger{
  background-color: var(--bs-danger);
}

.bg-light{
  background-color: var(--bs-light);
}

.bg-dark{
  background-color: var(--bs-dark);
}

.bg-white{
  background-color: var(--bs-white);
}

.bg-black{
  background-color: var(--bs-black);
}

.text-primary{
  color: var(--bs-primary);
}

.text-secondary{
  color: var(--bs-secondary);
}

.text-success{
  color: var(--bs-success);
}

.text-info{
  color: var(--bs-info);
}

.text-warning{
  color: var(--bs-warning);
}

.text-danger{
  color: var(--bs-danger);
}

.text-light{
  color: var(--bs-light);
}

.text-dark{
  color: var(--bs-dark);
}

.text-white{
  color: var(--bs-white);
}

.text-black{
  color: var(--bs-black);
}

.text-muted{
  color: var(--bs-muted);
}

.nav-link{
  color: var(--bs-dark);
}

.nav-link:hover{
  color: var(--bs-primary);
}