.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group-text {
  background-color: transparent;
  padding-top: .26rem;
  padding-bottom: .26rem;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  color: #4f4f4f;
  text-align: center;
  white-space: nowrap;
  background-color: #eee;
  border: 1px solid #bdbdbd;
  border-radius: .25rem;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

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

.nav-link:focus, .nav-link:hover {
  color: #3f78e0;
}

.navbar-brand {
	
}

.text-left {
	text-align: left !important;
}

.wd-100 {
	width: 100% !important;
}

.my-mb-n7 {
	margin-top: -2rem !important;
	margin-bottom: -7rem !important;
}

.logo-header {
	width: 170px !important;
}

.btn-gray {
	background-color:#343f52;
}

.btn-gray:hover {
	background-color:#343f52;
}


.btn-xs {
	--bs-btn-padding-y:0.2rem !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #343f52;
  --bs-btn-border-color: #343f52;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #343f52;
  --bs-btn-hover-border-color: #343f52;
  --bs-btn-focus-shadow-rgb: 92,140,229;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #343f52;
  --bs-btn-active-border-color: #343f52;
  --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #3f78e0;
  --bs-btn-disabled-border-color: #343f52;
}

.btn-outline-primary{--bs-btn-color:#343f52;--bs-btn-border-color:#343f52;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#343f52;--bs-btn-hover-border-color:#343f52;--bs-btn-focus-shadow-rgb:63,120,224;--bs-btn-active-color:#fff;--bs-btn-active-bg:#3f78e0;--bs-btn-active-border-color:#3f78e0;--bs-btn-active-shadow:0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);--bs-btn-disabled-color:#3f78e0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#3f78e0;--bs-gradient:none}

.bg-soft-primary {
  background-color: #edf2fc !important;
}

.border-top-gray {
  border-top: 2.3px #f2f2f2 solid;
}

.btn-light-dark {
  --bs-btn-color: #343f52;
  --bs-btn-hover-color: #f2f2f2;
  --bs-btn-active-color: #f2f2f2;
  background-color: #f2f2f2;
}


.btn-light {
  --bs-btn-color: #959ca9;
  --bs-btn-hover-color: #f2f2f2;
  --bs-btn-active-color: #343f52;
  --bs-btn-hover-border-color:#f2f2f2;
  --bs-btn-active-border-color:#f2f2f2;
   border: 1px solid #f2f2f2;
   --bs-btn-active-border-color:#60697b;
   --bs-btn-active-shadow:0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
   font-weight:500;
}

@media (min-width: 992px) {
  .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse .nav-link {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

/* MOBILE RESPONSIVE CSS */
@media (max-width: 479px) {
    .fs-58 {
		font-size: 1.5rem !important;
	}
	
	.pt-12 {
	  padding-top: 2.0rem !important;
	}
	
	.display-4 {
	   font-size: 1.1rem;
	
	}
	
	.my-14 {
	  margin-top: 2.5rem !important;
	  margin-bottom: 2.5rem !important;
	}
	
	.fs-15 {
	  font-size: .60rem !important;
	}
	
	.unset-prpl  {
	   padding-right: unset !important;
	   padding-left: unset !important;
	}
	
    .navbar-expand-lg .navbar-brand {
		padding-top: 0.1rem;
		padding-bottom: 0.1rem;
		
	}
	
	.navbar-expand-lg.fancy .navbar-collapse-wrapper {
		border-bottom: 1px #54a8c7 solid;
	}
	
	
	.wrapper.angled.upper-end::before {
		  border-left-color: transparent !important;
		  border-right-width: 100vw;
		  border-top-width: 1rem;
		  top: -1rem;
		}
	
	
	.mb-14 {
	  margin-bottom: 0.5rem !important;
	}
	
	.py-14 {
	  padding-top: 2rem !important;
	  padding-bottom: 2rem !important;
	}
	
	.pb-15 {
	  padding-bottom: 2rem !important;
	}
	
	.mt-n21 {
	  margin-top: -4.5rem !important;
	}
	
	.py-12 {
	  padding-bottom: 0rem !important;
	}
	
	.card {
	  --bs-card-spacer-x: 0.2rem !important;
	}
	
	.pb-19 {
	  padding-bottom: 2rem !important;
	}
	
	.display-5 {
	  font-size: 1.2rem !important;
	}
	
	.mb-0 {
	  margin-bottom: 4rem !important;
	}
	
	.mt-n20 {
		margin-top: 0rem !important;
	}
	
	.form-floating > label {
	  color: #959ca9;
	  font-size: .60rem;
	}
	
	.col-100 {
		width: 100% !important;
	}
	
}