@charset "UTF-8";
/* CSS Document */
.bg-gray-800 {
  background: rgb(7 41 111);
}
.btn-primary {
  background: rgb(7 41 111) !important;
  color: #FFF;
}
nav .hover\:text-gray-300 {
  color: #000 !important;
}
nav .hover\:text-gray-300 {
  color: #000 !important;
}
button.hover\:text-gray-300 {
  color: #FFF !important;
}
nav.bg-gray-800 {
  background-color: #FFF;
}
.card {
  background-color: transparent !important;
  border: 0;
  text-align: center;
  color: #000 !important;
  Font-weight: bold;
}
.card-title {
  font-size: 25px;
  color: #000;
}
.dashboard-box h2 {
  color: 000;
  font-weight: 600;
}
.dashboard-card-title {
  font-size: 19px;
  color: #000;
  text-align: center;
}
.text-gray-200 {
  color: #000 !important;
}
.nav {
  background-color: #FFF;
}
nav a {
  color: #000 !important;
}
.bg-gray-900 {
  background-image: linear-gradient(180deg, #062972 0%, #01040a 100%) !important;
  background-size: cover;
  background-repeat: no-repeat
}
.td-class {
  background-color: #ffffffa8;
  background-color: #ffffffa8;
  color: #000 !important;
  padding: 14px;
}
.affiliate-dashboard-container p {
  color: #FFF;
}
#affiliate_link {
  color: #000;
}
.form-group label {
  color: #fff;
}
.form-group textarea, .form-group input[type=text] {
  color: #000 !important;
  background: #FFF !important;
}
.logo-text {
  color: #000;
  font-weight: bold;
}
.affiliate-dashboard-container .logo-text {
  color: #FFF;
  font-weight: bold;
}
nav .border-indigo-600 {
  border-color: rgb(7 41 111);
}
.dark\:bg-gray-700 {
  background-color: rgb(255 255 255);
}
form h3 {
  color: #FFF !important;
  font-size: 19px;
  font-weight: bold !important;
}
.filters-card form {
  margin-bottom: 0;
}
.filter-div label {
  color: #fff !important;
  text-transform: capitalize;
  font-weight: bold;
}
.leads-page .filter-div label {
  color: #fff !important;
  text-transform: capitalize;
  font-weight: bold;
}
.filters-card .filter-button {
  border: solid thin #FFF;
}
.leads-page .btn-primary, .affiliates-page .btn-primary, .payouts-page .btn-primary, .users-page .btn-primary {
  border: solid thiN #FFF;
}
.leads-page .filters-card label, .payouts-page .filters-card label, .affiliates-page .filters-card label, .users-page .filters-card label, .dealerSettingForm label {
  color: #FFF !important;
}
.affiliates-page .th-class, .payouts-page .th-class, .affiliates-page .th-class, .users-page .th-class, .leads-page .th-class {
  background: #1369a8 !important;
}
.dealerSettingForm .form-group textarea, .form-group input[type=text] {
  background: #FFF !important;
}
.dealerSettingForm .form-group .form-control {
  background: #FFF !important;
}
.dealerSettingForm form h3 {
  color: #FFF !important;
}
.page-h1 {
  font-size: 24px;
  font-weight: bold;
}
.td-class .text-white {
  color: #000;
  text-transform: capitalize;
}
.th-class {
  color: rgb(255 255 255);
  background: #1369a8 !important;
}
.filters-card .filter-div label {
  color: #fff;
  text-transform: capitalize;
}
nav .max-w-7xl {
  padding: 0;
  width: 98%;
  margin: 0 auto;
  max-width: 98%;
}
.affProfileBox {
  background: rgb(255 255 255 / 49%) !important;
  color: #000;
}
.affProfileBox h2, .affProfileBox p, .affProfileBox label {
  color: #000 !important;
}
.affProfileBox input {
  background: #FFF !important;
}
.badge-danger {
  margin-top: 15px;
}
.loginForm span {
  color: #FFF;
}
.loginForm .btn-primary {
  border: solid thin #FFF;
}
.register-affiliate-page .container {
  Margin: auto;
}
.register-affiliate-page .opt-in-legend {
  text-align: left !important;
  float: right;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #FFF !important;
}
.leading-tight .text-gray-400 {
  color: #FFF !important;
}
.dealer-logo-container {
  color: #FFF !important;
  Font-size: 17px;
}
.register-affiliate-page .logo-text {
  color: #FFF !important;
  font-weight: bold;
}
.register-affiliate-page .card h1 {
  text-align: left;
  color: #000;
  font-size: 1.3rem;
  font-weight: bold;
}
.form-group .text {
  padding: .5rem;
  color: #000 !important;
}
.form-group .btn-link {
  border: 0;
  background: #062972;
}
.card .form-group {
  text-align: left !important;
}
.profile-container form input {}
.profile-page h2.text-gray-200 {
  color: #FFF !important;
}
form input.bg-gray-900 {
  background: #FFF !important;
  color: #000;
}
.profile-page h2.text-gray-200, .profile-page .text-gray-400 {
  color: #FFF !important;
}
.form-group .form-control {
  background: #FFF;
  color: #000;
}
.profile-page .btn-primary {
  border: solid thin #FFF !important;
}
.home-container .btn-primary {
  border: solid thin #FFF
}
.application-logo-container .navbar-logo {
  max-height: 70px;
}
nav .navbar-logo {
  max-height: 60px;
}
.loginForm span, .loginForm a {
  color: #FFF !important;
}
header .logo-text {
  color: #FFF;
}
.lead-landing-page h1, .register-affiliate-page h1 {
  border-bottom: solid thin #000;
  padding-bottom: 22px;
  color: #FFF !important;
  text-align: left;
}
.lead-landing-page p, .register-affiliate-page p {
  font-weight: bold;
  color: #FFF !important;
  text-align: left;
}
.lead-landing-page .form-group label, .register-affiliate-page .form-group label {
  color: #FFF;
}
.lead-landing-page .card {
  padding-top: 10px;
}
.lead-landing-page .container {
  margin: auto !important;
}
.lead-landing-page .btn-primary {
  border: solid thin #FFF;
}
.disclaimer-text {
  Color: #FFF;
}
.disclaimer-text .text-gray-400 {}
.badge.success {
  background-color: #6cbb56;
  color: #fff;
}
badge.info {
  color: #fff;
  background-color: #649df8;
}
.dashboard-box-container {
  display: flex;
}
.dashDataDisplay {}
.dashboard-box-container .dashDataDisplay .box .card {
  padding: 28px 20px;
  background: #fff !important;
}

.dashboard-box-container .dashDataDisplay .box .card:hover {
   
}

.dashboard-box-container .dashDataDisplay .box .card:hover .text-2xl {
	font-size: 1.8rem;
}
.affRegisterDiv {
  border: solid 2px #b7d5ed !important;
  padding: 1%;
  background: #fff;
}
.dashboard-box .card {
  padding-top: 14px;
}
.dashboard-box .table {
  border: solid thin #000;
}
.leads-page .td-class, .payouts-page .td-class, .affiliates-page .td-class, .users-page .td-class {
  background: #FFF;
}
.lead-saved-page.btn-cta {
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(7 41 111);
  padding: .5rem 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border: solid thin #FFF;
}
.dashboard-page svg:not(:root).svg-inline--fa {
  width: .675em;
}
.dashboard-page .svg-inline--fa.fa-w-9 {
  width: .425em !important;
}
.login-page {
  background: #FFF !important;
}
.login-page .disclaimer-text {
  color: #000 !important;
}
.affiliate-dashboard-container .card {
  background: #FFF !important;
}
.affiliate-dashboard-container .td-class {
  background-color: transparent !important;
}

.affiliate-dashboard-container .btn-primary {
border:solid thin #FFF;	
}

.profile-menu-option{
	color: 
}

#assign-salesperson-modal .modal-card{
	background-color:#fff;
}
#assign-salesperson-modal .modal-header h3{
	color: #000;
}
#assign-salesperson-modal .modal-body .form-group label,#assign-salesperson-modal .modal-body .form-group text{
	color: #000;
}



.edit-lead-page,
.edit-user-page{
 color:#FFF;
}
.edit-lead-page label,
.edit-lead-page p,
.edit-user-page label,
.edit-user-page p,
.edit-affiliate-page label,
.edit-affiliate-page p {
 color:#FFF !important;
}
.edit-lead-page .form-group .text,
.edit-user-page .form-group .text,
.edit-affiliate-page .form-group .text{
    padding: .5rem;
    color: #FFF !important;
}

.dealer-leads-page .filter-div label,
.dealer-affiliates-page  .filter-div label {
  color:#FFF !important;
}


.lead-saved-page {
	background-image: linear-gradient(180deg, #062972 0%, #01040a 100%) !important;
    background-size: cover;
    background-repeat: no-repeat;
}

#frmCloseLead p, #frmCloseLead .text {
    color: #fff !important;
}

.register-affiliate-page .container {
    Margin: auto;
    background: transparent !important;
}
.register-affiliate-page, .lead-landing-page {
    background-image: linear-gradient(180deg, #062972 0%, #01040a 100%) !important;
    background-size: cover;
    background-repeat: no-repeat;
}


.affiliate-dashboard-container form label {
	color: #fff !important;
}

.create-payout-page .text-gray-200 p {
    color:#FFF !important;
}

.view-payouts-page .text-gray-200{
	color:#FFF !important;
}


@media screen and (min-width: 769px) {
  .page-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
  .dashboard-box {
    width: 93%;
  }
  .affiliate-dashboard-container {
    max-width: 60%;
  }
  .dashboard-box-container {
    max-width: 95%;
  }
  .dashboard-box-container {
    display: flex;
    justify-content: space-between;
  }
  .dashboard-box-container .dashDataDisplay {
    width: 78%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
  }
  .dashboard-box-container .dashDataDisplay .box {
    width: 100% !important;
    max-width: 100% !important;
  }
  .affRegisterDiv {
    width: 20%;
  }
  .affRegisterDiv .qr-code {
    margin: 15px 0;
  }
  nav .max-w-7xl {
    width: 95%;
    max-width: 95%;
  }
  .thead-tr-class {
    text-align: left;
  }
  nav .h-16 {
    height: 5.5rem;
  }
  nav a {
    font-size: 16px !important;
    font-weight: bold !important;
  }
  nav .navbar-logo {
    max-height: 73px !important;
  }
  .custom-container {
    width: 95%;
    margin: auto;
  }
}
@media screen and (max-width: 768px) {
  .register-affiliate-page .card .form-group label {
    text-align: left;
  }
  .register-affiliate-page .card h1 {
    Padding-left: 10px;
  }
  .dashboard-box-container .dashDataDisplay {
    display: flex;
    width: 100%;
    grid-column-gap: 5px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .dashboard-box-container .text-gray-200 {
    color: #000 !important;
    font-size: 19px;
  }
  .box {
    display: inline-block;
    width: 48%;
    margin-bottom: 10px;
	background-color: #fff;
  }
  .svg-inline--fa {
    width: .6em !important;
  }
  .filters-card form {
    display: block;
  }
  .filters-card .filter-div {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
  }
  .filters-card #affiliate_id {
    width: 75%;
  }
  .filters-card #dealer_id {
    width: 80%;
  }
  .dashboard-card-title {
    font-size: 17px;
  }
  nav .max-w-7xl {
    width: 90%;
  }
  nav .h-16 {
    height: 6rem;
  }
}

.lead-delete .form-group .text{
	color: #fff !important;
}

.lead-delete .form-group .text{
	color: #fff !important;
}