/*
Circular Font:
*/
@font-face {
	font-family: Circular;
	src: url(../../shared/fonts/circular/Circular-BoldItalic.eot);
	src: url(../../shared/fonts/circular/Circular-BoldItalic.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-BoldItalic.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-BoldItalic.svg) format('svg');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: Circular Book;
	src: url(../../shared/fonts/circular/Circular-Book.eot);
	src: url(../../shared/fonts/circular/Circular-Book.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-Book.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-Book.svg) format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: Circular;
	src: url(../../shared/fonts/circular/Circular-MediumItalic.eot);
	src: url(../../shared/fonts/circular/Circular-MediumItalic.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-MediumItalic.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-MediumItalic.svg) format('svg');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: Circular;
	src: url(../../shared/fonts/circular/Circular-Black.eot);
	src: url(../../shared/fonts/circular/Circular-Black.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-Black.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-Black.svg) format('svg');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: Circular;
	src: url(../../shared/fonts/circular/Circular-Bold.eot);
	src: url(../../shared/fonts/circular/Circular-Bold.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-Bold.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-Bold.svg) format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: Circular Book;
	src: url(../../shared/fonts/circular/Circular-BookItalic.eot);
	src: url(../../shared/fonts/circular/Circular-BookItalic.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-BookItalic.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-BookItalic.svg) format('svg');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: Circular;
	src: url(../../shared/fonts/circular/Circular-Medium.eot);
	src: url(../../shared/fonts/circular/Circular-Medium.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-Medium.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-Medium.svg) format('svg');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: Circular;
	src: url(../../shared/fonts/circular/Circular-BlackItalic.eot);
	src: url(../../shared/fonts/circular/Circular-BlackItalic.eot)
			format('embedded-opentype'),
		url(../../shared/fonts/circular/Circular-BlackItalic.woff) format('woff'),
		url(../../shared/fonts/circular/Circular-BlackItalic.svg) format('svg');
	font-weight: 900;
	font-style: italic;
}
/*
PlusJakartaSans Font:
*/
@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('../fonts/PlusJakartaSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

:root {
	--red: #e85347;
	--primary: #A11FFF;
	--secondary: #364a63;
	--success: #1ee0ac;
	--dark: #8f00e0;
	--light: #E7D1F7;
	--light-gray: #b9b9c6;
	--medium-gray: #9292a5;
	--light-blue: #2797f4;
	--dark-gray: #161618;
	--green: #107404;
  --font-family-sans-serif: 'PlusJakartaSans', sans-serif;
}

body {
  font-family: var(--font-family-sans-serif);
  font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.65;
	color: var(--dark-gray);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--dark-gray);
	letter-spacing: -0.3px;
	font-weight: 600;
  font-family: var(--font-family-sans-serif);
	letter-spacing: -0.3px;
}

strong {
  font-family: var(--font-family-sans-serif);
	letter-spacing: -0.3px;
}

.lead-text {
	font-size: 0.875rem;
	font-weight: 700;
	color: var(--dark-gray);
	display: block;
}

.border-primary {
	color: var(--primary);
	border-color: var(--primary);
}

.border-light {
	color: var(--light);
	border-color: var(--light) !important;
}

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

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

.text-dark-gray {
	color: var(--dark-gray) !important;
}

.text-dark-primary {
	color: var(--dark) !important;
}

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

.bg-primary-dim {
	background-color: var(--light) !important;
}

.bg-secondary {
	background-color: var(--light) !important;
}

.bg-secondary-gray {
	background-color: var(--light-gray) !important;
}

.bg-green {
	background-color: var(--green) !important;
}

.bg-light-blue {
	background-color: var(--light-blue) !important;
}

.rc-slider-handle {
	border: none;
	background-color: var(--primary) !important;
}

.first-btn {
	box-shadow: none !important;
}

.first-btn:hover {
	background: red !important;
}

#calTbody .a-date.current {
	color: var(--light);
}

.custom-menu {
	color: var(--light-gray) !important;
}

.nk-menu-icon {
	color: #E7D2F7 !important;
}

a.bg-primary:hover {
  background-color: var(--dark) !important;
}
a.bg-primary:focus {
	background-color: var(--primary) !important;
}

.text-blue {
	color: var(--light-blue) !important;
}

.nav-tabs .nav-link:after {
	background: var(--primary);
}

.nk-tb-list {
	color: var(--light-gray);
}

.nk-tb-head .nk-tb-col {
	color: var(--light-gray);
}

.menu-link {
  color: var(--dark-gray) !important;
}

.menu-link:hover {
  color: var(--dark) !important;
}

button.bg-primary:hover {
  background-color: var(--dark) !important;
}
button.bg-primary:focus {
	background-color: var(--primary) !important;
}

.submit-btn {
  padding: 8px;
  border-radius: 20px;
  background: var(--primary);
  float: right;
  width: fit-content;
  box-shadow: rgb(54 74 99 / 30%) 1px 0px 6px 0px;
}

.submit-btn:hover {
  background: var(--dark);
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: var(--primary);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--primary);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 2rem;
}

.slider.round:before {
  border-radius: 50%;
}

.calendar-action-btn {
	background-color: transparent;
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	color: black;
	margin-top: 18rem;
	outline: none;
}

.custom-react-calendar {
	border: none !important;

	.react-calendar__tile--now:enabled {
		background: var(--light-gray);
	}

	.react-calendar__tile--now:enabled:hover {
		background: #e6e6e6;
	}
}

.react-calendar__tile {
  padding: 9px 6.6667px !important;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus,
.react-calendar__tile--now {
	border-radius: 100% !important;
}
.react-calendar__tile.active-day {
  background-color: var(--primary) !important;
  color: white !important;
  border-radius: 100% !important;
}

.react-calendar__tile.active-day:hover {
  background-color: var(--dark) !important;
  color: white !important;
  border-radius: 100% !important;
}
.react-calendar__tile.inactive-day {
  background-color: transparent !important;
}
.react-calendar__tile.inactive-day:hover {
  background-color: #e6e6e6 !important;
}