/* globals */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	word-wrap: break-word;
	overflow-wrap: break-word;
	hyphens: auto;
}
p {
	color: rgb(19 21 23 / 64%);
}
svg {
	color: rgb(155, 155, 155);
}

.blackBtn {
	background-color: #333537;
	color: white;
	font-size: 15px;
}
.blackBtn * {
	color: white;
}
.blackBtn:hover {
	background-color: #4e5257e7;
	transition: background-color 0.3s ease;
}
#signInB {
	padding: 7px;
	font-size: 15px;
	font-weight: 900;
	border-radius: 20px;
	background-color: rgb(19 21 23 / 4%);
}
#signInB:hover {
	color: rgb(19 21 23 / 64%);
	background-color: rgb(19 21 23 / 4%);
	transition: color 0.3s ease;
}
* {
	border-color: rgb(19 21 23 / 8%);
	font-family: -apple-system, BlinkMacSystemFont, 'Apple Color Emoji',
		Inter, Roboto, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans',
		sans-serif;
}
body {
	margin: 0;
	padding: 0;
	background: linear-gradient(
		180deg,
		rgba(226, 174, 195, 0.439093137254902) 0%,
		rgba(171, 200, 231, 0.6783088235294117) 8%,
		rgba(224, 224, 224, 0.7035189075630253) 32%,
		rgba(255, 255, 255, 0.808) 82%
	);
	background-attachment: fixed;
	background-size: cover;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
		'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
		sans-serif, 'Segoe UI Symbol';
}
hr {
	width: 90%;
	border-top: 1.5px solid rgba(143, 143, 143, 0.2);
}
ul {
	background-color: transparent;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
	flex-direction: row;
	flex-wrap: wrap;
}
input,
textarea {
	border-radius: 7px;
	border-width: 1px;
}
textarea {
	height: 100px;
}
input {
	height: 30px;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.212);
	padding: 0 15px;
	font-size: 17px;
}
button {
	cursor: pointer;
	background-color: rgb(19 21 23 / 4%);
	color: rgb(19 21 23 / 64%);
	border-radius: 7px;
	border-width: 0;
	display: flex;
	align-items: center;
	justify-content: start;
	text-wrap: nowrap;
}
.perBtn {
	color: rgb(40 0 46 / 64%);
	background-color: #3b243d0a;
	cursor: pointer;
	gap: 10px;
	display: flex;
	align-items: center;
	border-radius: 7px;
	width: fit-content;
	padding: 0.375rem 0.5rem 0.375rem 0.5625rem;
}
.perBtn:hover {
	background-color: #28002e34;
	color: #fff;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.perBtn:hover * {
	color: #fff;
	transition: color 0.3s ease;
}
.grayBtn {
	color: rgb(19 21 23 / 64%);
	background-color: rgb(19 21 23 / 4%);
	font-weight: 600;
	padding: 5px 5px;
}
.grayBtn:hover {
	background-color: rgb(19 21 23 / 64%);
	color: #fff;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.grayBtn:hover * {
	color: #fff;
	transition: color 0.3s ease, fill 0.3s ease;
	fill: #fff;
}

a {
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	width: fit-content;
}

/* Headers */
header #startHeaderContent {
	gap: 5px;
}

header #startHeaderContent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc((100% - 240px) / 2);
}
header #startHeaderContent #right {
	display: flex;
	align-items: center;
}
header #startHeaderContent #right button {
	display: flex;
	align-items: center;
	background-color: transparent;
	border-color: transparent;
	outline: none;
	gap: 5px;
	color: gray;
}
header #startHeaderContent #right button a {
	gap: 5px;
}
header #startHeaderContent #headerLuma {
	width: 45px;
	height: 45px;
	display: none;
}
header #startHeaderContent #headerStar {
	width: 20px;
	height: 20px;
}
header #endHeaderContent svg,
header #endHeaderContent #exploreEvents svg,
header #startHeaderContent #right svg {
	width: 17px;
	height: 17px;
}
header ul {
	background-color: transparent;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	height: fit-content;
	font-size: smaller;
	color: rgb(19 21 23 / 36%);
}
header #startHeaderContent button:hover .hoverW,
.hoverW:hover {
	color: rgba(243, 243, 243, 0.479);
}
header #endHeaderContent li:hover * {
	color: rgba(255, 255, 255, 0.774);
}
.signInB {
	font-size: 15px;
	padding: 7px 7px;
	font-weight: 600;
	border-radius: 15px;
	color: rgb(19 21 23 / 64%);
	background-color: rgb(19 21 23 / 4%);
}
.signInB:hover {
	transition: color 0.3s ease, background-color 0.3s ease;
	color: #fff;
	background-color: rgb(19 21 23 / 64%);
}
.hoverBlack:hover * {
	color: black;
	fill: black;
	transition: color 0.3s ease, fill 0.3s ease;
}
header #startHeaderContent #right,
header #endHeaderContent #createEvent,
header #endHeaderContent #search,
header #endHeaderContent #bell,
header #endHeaderContent #profile {
	display: none;
}
#loggedInHeader {
	backdrop-filter: blur(10px);
	left: 0;
	top: 0;
	position: static;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
	height: fit-content;
	font-size: smaller;
}

#loggedInHeader #endHeaderContent #createEvent:hover {
	font-weight: bold;
	transition: font-weight 0.3s ease;
}
#loggedInHeader #startHeaderContent #right,
#loggedInHeader #endHeaderContent #createEvent,
#loggedInHeader #endHeaderContent #search,
#loggedInHeader #endHeaderContent #bell,
#loggedInHeader #endHeaderContent #profile {
	display: unset;
}
#loggedInHeader #endHeaderContent #createEvent,
#loggedInHeader #endHeaderContent #search,
#loggedInHeader #endHeaderContent #bell,
#loggedInHeader #endHeaderContent #profile {
	cursor: pointer;
}

#loggedInHeader #startHeaderContent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc((100% - 250px) / 2);
}
#loggedInHeader #startHeaderContent #right {
	display: flex;
	align-items: center;
}
#loggedInHeader #startHeaderContent #right button {
	display: flex;
	align-items: center;
	background-color: transparent;
	border-color: transparent;
	outline: none;
	gap: 5px;
	color: gray;
}
#loggedInHeader #startHeaderContent #headerLuma {
	width: 45px;
	height: 45px;
	display: none;
}
#loggedInHeader #startHeaderContent #headerStar {
	width: 20px;
	height: 20px;
}
#loggedInHeader #endHeaderContent svg,
#loggedInHeader #startHeaderContent #right svg {
	width: 17px;
	height: 17px;
}

#loggedInHeader #endHeaderContent #signIn,
#loggedInHeader #endHeaderContent #exploreEvents {
	display: none;
}
#loggedInHeader #endHeaderContent #profile img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
}
#loggedInHeader span,
#loggedInHeader #time {
	display: none;
}
#loggedInHeader #startHeaderContent {
	gap: 5px;
}

@media (min-width: 600px) {
	#loggedInHeader span,
	#loggedInHeader #time {
		display: unset;
	}
}

#endHeaderContent svg {
	width: 17px;
	height: 17px;
}
#endHeaderContent #createEvent a {
	color: rgba(19 21 23 / 64%);
}

#breadCrumbs svg {
	width: 17px;
	height: 17px;
}
#breadCrumbs #top {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 100%;
	box-sizing: border-box;
	max-width: 750px;
}
#breadCrumbs {
	justify-items: center;
	width: 100%;
	margin: 0 auto;
}

#breadCrumbs #top p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#breadCrumbs #top p {
	cursor: pointer;
}
#breadCrumbs #top p:hover {
	transition: color 0.3s ease;
	color: #f31a7c;
}
#secondHeader {
	position: sticky;
	top: 0;
	left: 0;
	height: 82px;
	backdrop-filter: blur(5px);
	padding-right: 17px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#secondHeader hr {
	padding: 0;
	margin: 0;
}
#secondHeader svg {
	width: 17px;
	height: 17px;
}

#secondHeader #content #bottom button span {
	display: none;
}
#secondHeader #content #bottom {
	justify-content: space-between;
	display: flex;
	align-items: center;
}
#secondHeader #content #bottom h2 {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 17px;
}
#secondHeader #content #nav {
	display: flex;
	align-items: center;
	overflow-x: auto;
	gap: 10px;
	width: 100%;
	padding-left: 10px;
	padding-bottom: 10px;
	color: rgb(19 21 23 / 36%);
}
#secondHeader #content #nav button:hover {
	transition: color 0.3s ease;
	color: black;
}
#secondHeader #content #nav button {
	color: rgb(19 21 23 / 36%);
	background-color: transparent;
}
#secondHeader #content {
	width: 100%;
	max-width: 765px;
}
#secondHeader {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (min-width: 600px) {
	#secondHeader #content #bottom button span {
		display: flex;
	}

	#secondHeader hr {
		width: 100vw;
		justify-self: center;
	}
}
/* end */
/* Footer */
li {
	cursor: pointer;
}
footer #footerBottomDiv li:hover {
	color: rgba(0, 0, 0, 0.603);
	transition: color 0.3s ease, fill 0.3s ease;
}
.blackBtn2 {
	cursor: pointer;
}
.blackBtn2:hover {
	color: black;
	transition: color 0.3s ease;
}
.hiddenLi:hover * {
	color: rgba(0, 0, 0, 0.603);
	transition: color 0.3s ease, fill 0.3s ease;
}

footer #footerUpperDiv {
	padding-top: 10px;
}

footer {
	width: 100%;
	padding: 0 5px;
	box-sizing: border-box;
	font-size: 14px;
}
footer * {
	color: rgb(19 21 23 / 36%);
}
#footerLeftDiv {
	padding-left: 10px;
}

#footerCenterDiv {
	width: 100%;
	display: flex;
	padding-left: 10px;
	box-sizing: border-box;
}

#footerCenterDiv ul li {
	margin: 0;
	padding: 0;
	display: flex;
	line-height: 0;
}
#footerUpperDiv {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#footerBottomDiv p {
	background-image: linear-gradient(
		111deg,
		rgba(110, 203, 238, 1) 0%,
		rgba(129, 129, 129, 1) 54%,
		rgba(255, 227, 98, 1) 100%
	);
	color: transparent;
	background-clip: text;
	font-size: small;
}
#footerBottomDiv ul {
	background-color: transparent;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}
#footerBottomDiv ul {
	gap: 10px;
}
#footerRightDiv {
	padding-right: 10px;
}
#footerRightDiv svg {
	width: 17px;
	height: 17px;
}
#footerRightDiv ul {
	display: flex;
	align-items: center;
	gap: 15px;
}
#footerLeftDiv ul {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: transparent;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#footerLeftDiv svg {
	color: rgb(83, 83, 83);

	width: 45px;
	height: 45px;
}
footer #footerLeftDiv #starSvg svg {
	width: 17px;
	height: 17px;
}
footer #footerLeftDiv #starSvg {
	display: none;
}
footer #footerLeftDiv #lumaSvg svg {
	width: 45px;
	height: 45px;
}
footer #footerLeftDiv #lumaSvg {
	display: unset;
	width: 45px;
	height: 45px;
}
#footerBottomDiv {
	padding: 10px;
}
.hiddenLi {
	display: none;
}
#footerBottomDiv svg {
	width: 17px;
	height: 17px;
}
#footerBottomDiv p {
	display: none;
}

#footer1 {
	max-width: 800px;
	justify-self: center;
	box-sizing: border-box;
}
#footer2 {
	max-width: 800px;
	justify-self: center;
	box-sizing: border-box;
}
#footer2 #footerBottomDiv {
	display: flex;
	justify-content: start;
	padding-bottom: 60px;
}
#footer2 #footerBottomDiv ul {
	display: none;
}
#footer2 #footerBottomDiv p {
	display: unset;
}
#footer2 #footerBottomDiv a {
	display: unset;
}

@media (min-width: 600px) {
	#firstLi {
		display: unset;
	}
	.hiddenLi {
		display: flex;
		align-items: center;
	}
	#footerCenterDiv {
		display: none;
	}
	#footerLeftDiv ul li {
		display: flex;
		padding: 0;
		margin: 0;
	}

	footer #footerLine {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#footer2 #footerUpperDiv #footerLeftDiv #lumaSvg {
		display: none;
	}
	#footer2 #footerUpperDiv #footerLeftDiv #starSvg {
		display: unset;
	}
	#footer2 #footerBottomDiv {
		display: flex;
		justify-content: center;
		padding-bottom: 60px;
	}
	#footer2 #footerBottomDiv ul {
		display: none;
	}
	#footer2 #footerBottomDiv p {
		display: unset;
	}
	#footer2 #footerBottomDiv a {
		display: unset;
	}
	#footer2 #footerCenterDiv {
		display: none;
	}
}
svg:hover .socialIcon {
	color: rgba(0, 0, 0, 0.562);
	transition: color 0.3s ease;
}

#loggedInHeader #endHeaderContent #createEvent:hover *,
#loggedInHeader #endHeaderContent #search:hover *,
#loggedInHeader #endHeaderContent #bell:hover * {
	color: black;
	transition: color 0.3s ease;
}
/* end */
/* Home */

#homeBackGroundDiv {
	width: 100%;
	height: fit-content;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(
		170deg,
		rgb(197, 231, 231) 0%,
		rgb(255, 247, 247) 20%
	);
	background: -webkit-linear-gradient(
		170deg,
		rgb(197, 231, 231) 0%,
		rgb(255, 247, 247) 20%
	);
	background: linear-gradient(
		120deg,
		rgba(197, 231, 231, 0.5) 0%,
		rgb(255, 247, 247) 30%,
		rgb(255, 247, 247) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6e0e0",endColorstr="#ffffff",GradientType=1);
	position: relative;
}

#homeBackGroundDiv #mainDiv {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	justify-self: center;
	margin: 0 auto;
	padding-bottom: 25px;
	align-items: center;
}
#homeBackGroundDiv video {
	width: 100%;
}
#homeBackGroundDiv #footer1 {
	max-width: 950px;
}

#homeBackGroundDiv #mainDiv #leftDiv h4 {
	font-size: large;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	line-height: 150%;
	font-weight: 100;
	color: rgb(107, 107, 107);
}
#homeBackGroundDiv #mainDiv #leftDiv h3 {
	padding: 0;
	margin: 0;
}
#homeBackGroundDiv #mainDiv #leftDiv h1 {
	padding: 0;
	margin: 0;
	font-weight: 400;
	color: black;
	font-size: 60px;
}
#homeBackGroundDiv #mainDiv #leftDiv h1 span {
	background-image: -moz-linear-gradient(
		111deg,
		rgba(89, 145, 233, 1) 0%,
		rgba(213, 68, 156, 1) 54%,
		rgba(255, 102, 20, 1) 100%
	);
	background-image: -webkit-linear-gradient(
		111deg,
		rgba(89, 145, 233, 1) 0%,
		rgba(213, 68, 156, 1) 54%,
		rgba(255, 102, 20, 1) 100%
	);
	background-image: linear-gradient(
		111deg,
		rgba(89, 145, 233, 1) 0%,
		rgba(213, 68, 156, 1) 54%,
		rgba(255, 102, 20, 1) 100%
	);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5991e9",endColorstr="#ff6614",GradientType=1);
	color: transparent;
	background-clip: text;
}
#homeBackGroundDiv #mainDiv #leftDiv button {
	margin-top: 20px;
	width: fit-content;
	background-color: black;
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: large;
	border-radius: 10px;
	border-style: none;
}
#homeBackGroundDiv #mainDiv #leftDiv a {
	justify-self: center;
}
#homeBackGroundDiv #mainDiv #rightDiv {
	width: fit-content;
	height: fit-content;
	padding-top: 30px;
}
#homeBackGroundDiv #mainDiv #leftDiv {
	max-width: 400px;
	padding-bottom: 20px;
}

#homeBackGroundDiv #mainDiv svg {
	width: 100px;
	height: 100px;
}
@media (min-width: 600px) {
	#homeBackGroundDiv #mainDiv {
		display: flex;
		justify-content: center;
		flex-direction: row;
		text-align: start;
		width: fit-content;
		gap: 50px;
	}
	#homeBackGroundDiv #mainDivlarge #leftDiv {
		width: 28%;
		padding-top: 120px;
		font-size: xx-large;
	}
	#homeBackGroundDiv #mainDiv #leftDiv h4 {
		font-size: large;
		padding: 0;
		margin: 0;
		padding-top: 10px;
		line-height: 150%;
		font-weight: 100;
		color: rgb(107, 107, 107);
		width: 91%;
	}
	#homeBackGroundDiv #mainDiv #leftDiv h1 {
		width: 90%;
	}
	#homeBackGroundDiv #mainDiv #rightDiv {
		display: flex;
		max-width: 500px;
		padding-top: 80px;
	}
}

/* header */
/* background */
/* specific */
/* footer */
/* SignIn */
#signInBackGroundDiv hr {
	width: 100%;
}
#signInBackGroundDiv {
	padding: 0;
	margin: 0;
	background-color: rgb(245, 240, 245);
	height: 100vh;
}

#signInBackGroundDiv #cardDiv {
	border-radius: 20px;
	background-color: white;
	margin: 0;
	padding: 0;
	flex: 1 1 auto;
	height: fit-content;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(128, 128, 128, 0.322);
	margin-top: 50px;
}
#signInBackGroundDiv #cardDiv #iconDiv {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 0;
	width: 100%;
}
#signInBackGroundDiv #circle {
	background-color: rgba(221, 221, 221, 0.3);
	border-radius: 100%;
	width: 60px;
	height: 60px;
	justify-items: start;
	align-items: start;
}

#signInBackGroundDiv #cardDiv {
	display: flex;
	flex-wrap: wrap;
	max-width: 350px;
	height: fit-content;
	padding-bottom: 20px;
}
#signInBackGroundDiv #circle svg {
	position: absolute;
	width: 50px;
}

#signInBackGroundDiv #cardDiv h2 {
	color: black;
}
#signInBackGroundDiv #mainDiv {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: fit-content;
}
#signInBackGroundDiv #labelDiv {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
	padding-right: 20px;
	padding-left: 20px;
	margin: 0;
}
#signInBackGroundDiv #labelDiv div {
	display: flex;
}
#signInBackGroundDiv #labelDiv h4 {
	color: black;
}
#signInBackGroundDiv #labelDiv div svg {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 15px;
}
#signInBackGroundDiv .inputDiv {
	display: flex;
	flex-direction: column;
	gap: 15px;
	justify-items: center;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
}
#signInBackGroundDiv .inputDiv button {
	display: flex;
	justify-content: center;
	border-radius: 8px;
	border-width: 1px;
	border-color: rgba(228, 228, 228, 0.199);
	padding: 10px;
	background-color: black;
	color: white;
	width: 100%;
}
#signInBackGroundDiv .inputDiv button svg {
	width: 15px;
	height: 15px;
}
#signInBackGroundDiv .inputDiv input {
	border-radius: 8px;
	border-width: 1px;
	border-color: rgba(228, 228, 228, 0.199);
	padding: 10px;
	width: 100%;
}
#signInBackGroundDiv #googleButton {
	background-color: rgba(233, 233, 233, 0.527);
	color: rgb(94, 94, 94);
	width: 100%;
}
#signInBackGroundDiv #cardDiv hr {
	border-top: 1.5px solid rgba(143, 143, 143, 0.2);
	padding: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
#signInBackGroundDiv #rectSvg {
	padding-left: 16px;
	padding-top: 10px;
	width: 20px;
}
#signInBackGroundDiv #arrowSvg {
	padding-left: 35px;
	padding-top: 23px;
	width: 20px;
}

/* header */
/* background */
/* specific */
/* footer */
/* Discover */

#discoverBackGroundDiv {
	margin: 0;

	width: 100%;
	height: 100%;
}
#discoverBackGroundDiv #mainDiv {
	box-sizing: border-box;
	padding: 10px;
	display: flex;
	justify-self: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	justify-items: center;
}
#discoverBackGroundDiv #discoverEventsDiv {
	width: 100%;
}
#discoverBackGroundDiv #eventsLocalsDiv {
	width: 100%;
	padding-bottom: 20px;
}
#discoverBackGroundDiv .gridDiv {
	overflow-x: auto;
	display: flex;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}
#discoverBackGroundDiv #localGrid {
	display: grid;
	grid-auto-flow: column;
	column-gap: 40px;
	grid-template-rows: repeat(3, 4rem);
	padding-top: 20px;
}
#discoverBackGroundDiv #eventsLocalsDiv ul li {
	padding: 8px;
	border-radius: 10px;
	color: rgb(19 21 23 / 36%);
}
#discoverBackGroundDiv .circle {
	background-color: rgb(47, 124, 169);
	border-radius: 100%;
	width: 90px;
	height: 50px;
}
#discoverBackGroundDiv .circle img {
	width: 100%;
	height: 100%;
}
#discoverBackGroundDiv .itemDiv {
	display: flex;
	align-items: center;
	padding: 7px;
	margin: 0;
	gap: 5px;
	border-radius: 7px;
}
#discoverBackGroundDiv .itemDiv:hover {
	transition: background-color 0.3s ease;
	background-color: rgba(128, 128, 128, 0.37);
}
#discoverBackGroundDiv .infoDiv {
	gap: 0;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	width: 70px;
}
#discoverBackGroundDiv .infoDiv .eventsCount {
	color: rgb(19 21 23 / 36%);
}
#discoverBackGroundDiv #browseByCategoryDiv {
	width: 100%;
}
#discoverBackGroundDiv #featuredCalendarsDiv {
	width: 100%;
}
#discoverBackGroundDiv #browseByCategoryGrid {
	display: grid;
	grid-auto-flow: column;
	gap: 0px;
	grid-template-rows: repeat(1, 150px);
}
#discoverBackGroundDiv .browseByCategoryCard {
	display: flex;
	line-height: 0;
	flex-direction: column;
	background-color: white;
	border-radius: 10px;
	width: 180px;
	padding: 15px;
	height: 100px;
	cursor: pointer;
	margin: 15px;
}
#discoverBackGroundDiv .browseByCategoryCard:hover {
	transition: outline 0.3s ease;

	outline: 1px solid rgba(184, 184, 184, 0.589);
}
#discoverBackGroundDiv .browseByCategoryCard img {
	width: 30%;
	padding: 0;
	margin: 0;
}
#discoverBackGroundDiv .browseByCategoryCard h1,
#discoverBackGroundDiv .browseByCategoryCard p {
	margin: 0;
	padding: 0;
	line-height: 0;
}
#discoverBackGroundDiv #featuredCalendarsDiv {
	padding-bottom: 30px;
	width: 100%;
}
#discoverBackGroundDiv #featuredCalendarsGrid {
	display: grid;
	grid-auto-flow: column;
	gap: 0px;
	grid-template-rows: repeat(3, 100px);
}
#discoverBackGroundDiv .featuredCalendarsCard {
	display: flex;
	align-items: center;
	padding: 10px;
	border-radius: 10px;
	width: 250px;
	margin: 0;
	margin-right: 10px;
	cursor: pointer;
}
#discoverBackGroundDiv .featuredCalendarsCard:hover {
	outline: 1px solid rgba(187, 187, 187, 0.473);
	transition: outline 0.3s ease;
}
#discoverBackGroundDiv .featuredCalendarsCard span {
	display: none;
}
#discoverBackGroundDiv .featuredCalendarsCard .topDiv img {
	border-radius: 10px;
}
#discoverBackGroundDiv .topDiv {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
#discoverBackGroundDiv .topDiv span {
	background-color: rgba(214, 214, 214, 0.438);
	border-radius: 15px;
	padding: 7px;
}
#discoverBackGroundDiv .infoDiv {
	padding-left: 8px;
	width: 100%;
}
#discoverBackGroundDiv .midDiv {
	width: 100%;
}
#discoverBackGroundDiv .botDiv {
	display: -webkit-box; /* Use a flexbox */
	-webkit-box-orient: vertical; /* Orient the box vertically */
	-webkit-line-clamp: 2; /* Limit to 2 lines */
	overflow: hidden; /* Hide overflow text */
	text-overflow: ellipsis; /* Show ellipsis for overflow */
	max-height: 3em; /* Set max height (2 lines) */
	line-height: 1.5em;
	padding-top: 5px;
	font-size: small;
	color: rgb(19 21 23 / 36%);
	box-sizing: border-box;
}

@media (min-width: 600px) {
	#discoverBackGroundDiv #featuredCalendarDiv #featuredCalendarsGrid {
		display: grid;
		grid-template-columns: repeat(2, 200px);
	}
	#discoverBackGroundDiv #mainDiv {
		width: 70%;
		padding-left: 5%;
	}
	#discoverBackGroundDiv #eventsLocalsDiv ul li {
		padding: 8px;
		margin: 0;
	}
	#discoverBackGroundDiv #eventsLocalsDiv ul {
		gap: 0;
	}
	#discoverBackGroundDiv .gridDiv {
		overflow-x: unset;
		display: unset;
		scroll-snap-type: unset;
		scroll-behavior: unset;
	}
	#discoverBackGroundDiv #localGrid {
		display: grid;
		grid-auto-flow: row;
		grid-template-columns: repeat(auto-fill, 160px);
	}
	#discoverBackGroundDiv #browseByCategoryGrid {
		grid-template-rows: unset;
		column-gap: unset;
		display: grid;
		grid-auto-flow: row;
		gap: 15px;

		grid-template-columns: repeat(auto-fill, 250px);
		padding-bottom: 30px;
	}
	#discoverBackGroundDiv .browseByCategoryCard {
		width: unset;
		height: unset;
		margin: 0;
	}
	#discoverBackGroundDiv .featuredCalendarsCard {
		background-color: white;
		width: unset;
		display: flex;
		flex-direction: column;
		height: 150px;
		margin: 0;
	}
	#discoverBackGroundDiv #featuredCalendarsGrid {
		grid-auto-flow: row;
		gap: 15px;
		grid-template-rows: unset;
		grid-template-columns: repeat(auto-fill, 250px);
	}
	#discoverBackGroundDiv .featuredCalendarsCard span {
		display: unset;
	}
	#discoverBackGroundDiv .featuredCalendarsCard .topDiv img {
		border-radius: 10px;
	}
	#discoverBackGroundDiv .topDiv {
		display: flex;
		justify-content: space-between;
		align-items: start;
		gap: 100px;
		padding-bottom: 10px;
	}
	#discoverBackGroundDiv .topDiv span {
		background-color: rgba(214, 214, 214, 0.438);
		border-radius: 15px;
		padding: 7px;
		font-size: small;
	}
	#discoverBackGroundDiv .infoDiv {
		padding-left: 8px;
		width: 100%;
	}
	#discoverBackGroundDiv .midDiv {
		width: 100%;
	}
	#discoverBackGroundDiv .botDiv {
		line-height: 1.5em;
		padding-top: 5px;
		font-size: small;
	}
}

/* header */
/* background */
/* specific */
/* footer */
/* Atlanta */
#atlantaBackGroundDiv {
	padding: 0;
	margin: 0;
	position: relative;
	width: 100%;
}

#atlantaBackGroundDiv header {
	background-image: url('https://images.lumacdn.com/cdn-cgi/image/format=auto,fit=cover,dpr=2,anim=false,background=white,quality=75,width=1080/discovery/atlanta-desktop.jpg');
}

#atlantaBackGroundDiv #topDiv {
	padding: 0;
	margin: 0;
	background-image: url('https://images.lumacdn.com/cdn-cgi/image/format=auto,fit=cover,dpr=2,anim=false,background=white,quality=75,width=1080/discovery/atlanta-desktop.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 140px;
	padding-bottom: 110px;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}
#atlantaBackGroundDiv #topDiv #content {
	max-width: 400px;
}
@media (min-width: 600px) {
	#atlantaBackGroundDiv #topDiv {
		padding-left: 16%;
		justify-content: unset;
		box-sizing: unset;
	}
}
#atlantaBackGroundDiv #topDiv #content hr {
	width: 100%;
	margin: 40px 0;
}

#atlantaBackGroundDiv #topDiv #content #info {
	line-height: 1.5;
	padding-bottom: 30px;
}

#atlantaBackGroundDiv img {
	width: 50px;
	height: 50px;
}

#atlantaBackGroundDiv #topDiv svg {
	width: 15px;
	height: 15px;
}
#atlantaBackGroundDiv #topDiv {
	color: white;
}
#atlantaBackGroundDiv #topDiv #content #header h4,
#atlantaBackGroundDiv #topDiv #content #header p {
	color: rgba(255, 255, 255, 0.363);
}
#atlantaBackGroundDiv #topDiv #content #header p {
	display: flex;
	align-items: center;
	gap: 10px;
}
#atlantaBackGroundDiv #topDiv #content #header p {
	display: flex;
	align-items: center;
	gap: 10px;
}

#atlantaBackGroundDiv #bottomDiv svg {
	width: 15px;
	height: 15px;
}

#atlantaBackGroundDiv .line {
	height: 100px;
	width: 10px;
	margin-left: 5px;
	border-left: 5px dashed gray;
}
#atlantaBackGroundDiv #grayCircle {
	border-radius: 100%;
	background-color: rgba(236, 236, 236, 0.096);
	width: fit-content;
	height: fit-content;
	outline: solid 1px rgba(255, 255, 255, 0.281);
}
#atlantaBackGroundDiv #blueCircle {
	border-radius: 100%;
	background-color: rgb(47, 124, 169);
	width: 50px;
	height: 50px;
}
#atlantaBackGroundDiv #bottomDiv #rightDiv #inputDiv input {
	background-color: rgb(19 21 23 / 4%);
	max-width: 170px;
	transition: background-color 0.3s ease;
}
#atlantaBackGroundDiv #bottomDiv #rightDiv #inputDiv input:focus {
	background-color: rgba(255, 255, 255, 0.623);
}
#atlantaBackGroundDiv #bottomDiv #rightDiv {
	position: sticky;
	top: 0;
	left: 0;
	height: 600px;
}
#atlantaBackGroundDiv #bottomDiv {
	padding-top: 20px;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #header button:hover {
	background-color: rgb(29, 26, 26);

	transition: background-color 0.3s ease;
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #header button:hover * {
	color: rgba(255, 255, 255, 0.808);
	transition: color 0.3s ease;
}
#atlantaBackGroundDiv #bottomDiv #leftDiv {
	max-width: 650px;
	padding-left: 10px;
	padding-right: 10px;
}
#atlantaBackGroundDiv #bottomDiv #rightDiv {
	display: none;
}

#atlantaBackGroundDiv #eventsDiv {
	display: flex;
	flex-direction: row;
	height: fit-content;
}
#atlantaBackGroundDiv .verticalLine {
	height: 95%;
	width: 5px;
	border-left: 1px dashed rgb(19 21 23 / 15%);
	margin-left: 2px;
}
#atlantaBackGroundDiv #lineCircle {
	width: 5px;
	height: 5px;
	background-color: rgb(19 21 23 / 15%);
	border-radius: 100%;
}
#atlantaBackGroundDiv #lineDiv {
	display: flex;
	flex-direction: column;
	justify-items: center;
	padding-top: 5px;
}

#atlantaBackGroundDiv #dateDiv {
	padding: 0;
	margin: 0;
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 30px;
}
#atlantaBackGroundDiv #dateDiv p {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-bottom: 15px;
}
#atlantaBackGroundDiv .card {
	border-radius: 15px;
	background-color: white;
	padding: 15px;
	display: flex;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid transparent;
}
#atlantaBackGroundDiv .card:hover {
	border: 1px solid rgba(75, 74, 82, 0.541);
	transition: border 0.3s ease;
}
#atlantaBackGroundDiv .card h2 {
	font-size: 20px;
}
#atlantaBackGroundDiv .card .leftDiv {
	width: 75%;
}
#atlantaBackGroundDiv .card .rightDiv {
	width: 25%;
}
#atlantaBackGroundDiv .card .rightDiv img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
#atlantaBackGroundDiv .card .authorsDiv {
	height: 20px;
	display: flex;
	align-items: center;
	justify-items: start;
	margin: 0;
}
#atlantaBackGroundDiv .card .authorsDiv img {
	height: 100%;
	width: auto;
	border-radius: 100%;
	margin-right: -8px;
	outline: solid 2px white;
}
#atlantaBackGroundDiv .card .usersDiv {
	height: 20px;
	display: flex;
	align-items: center;
}
#atlantaBackGroundDiv .card .usersDiv img {
	height: 100%;
	width: auto;
	border-radius: 100%;
	margin-right: -8px;
	outline: solid 2px white;
}
#atlantaBackGroundDiv .card .usersDiv .imgs {
	display: inline-flex;
	width: auto;
	position: relative;
	margin-right: 8px;
	height: 100%;
}
#atlantaBackGroundDiv .card .authorsDiv .imgs {
	display: inline-flex;
	position: relative;
	width: auto;
	margin-right: 8px;
	height: 100%;
}
#atlantaBackGroundDiv .card .cardFooter {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#atlantaBackGroundDiv #calendarDiv #content {
	display: flex;
	flex-direction: row;
	height: fit-content;
	padding-bottom: 20px;
}

#atlantaBackGroundDiv #calendarDiv svg {
	margin-left: -5px;
	padding-bottom: 5px;
	border-radius: 15px;
}
#atlantaBackGroundDiv #calendarDiv .horizontalLine {
	width: 100%;
	border-top: 1px dashed rgb(19 21 23 / 15%);
	box-sizing: border-box;
}
#atlantaBackGroundDiv #calendarCard {
	display: flex;
	align-items: center;
	font-size: small;
	line-height: 1;
	padding-left: 10px;
	max-width: 800px;
	box-sizing: border-box;
	cursor: pointer;
}
#atlantaBackGroundDiv #calendarCard #info {
	padding-left: 10px;
	font-size: 12px;
}
#atlantaBackGroundDiv #calendarDiv {
	font-size: small;
	padding-top: 20px;
	padding-bottom: 90px;
}
#atlantaBackGroundDiv #calendarCard {
	display: flex;
	align-items: center;
	font-size: small;
	line-height: 1;
	border-radius: 15px;
	padding-left: 10px;
	width: 100%;
	max-width: 800px;
	box-sizing: border-box;
	flex-grow: 1;
}
#atlantaBackGroundDiv #calendarCard:hover {
	background-color: rgba(132, 131, 139, 0.356);
	transition: background-color 0.3s ease;
}
#atlantaBackGroundDiv #calendarDiv #lineDiv {
	font-size: small;
	height: auto;
	padding-top: 20px;
}
#atlantaBackGroundDiv #calendarDiv #lineDiv .verticalLine {
	height: 100%;
}
#atlantaBackGroundDiv #calendarContent {
	display: flex;
	flex-direction: column;
	justify-items: start;
	padding-left: 10px;
	width: 100%;
	max-width: 800px;
	box-sizing: border-box;
	flex-grow: 1;
}
#atlantaBackGroundDiv #topDiv #content #inpForm button {
	border-radius: 20px;
	background-color: white;
	color: black;
	padding: 5px 10px;
	font-size: 17px;
}
#atlantaBackGroundDiv #topDiv #content #header h1 {
	font-size: 50px;
	font-style: normal;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
	line-height: 1;
}
#atlantaBackGroundDiv header {
	color: hsl(0deg 0% 100% / 50%);
}
#atlantaBackGroundDiv header #signInButton {
	color: hsl(0deg 0% 100% / 50%);
}
#atlantaBackGroundDiv #topDiv #content #header h4 {
	font-size: 25px;
	font-weight: lighter;
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-top: 20px;
}
#atlantaBackGroundDiv #topDiv #content #inpForm {
	display: flex;
	align-items: center;
	gap: 10px;
}
#atlantaBackGroundDiv #topDiv #content #inpForm input {
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.212);
	padding: 0 15px;
	font-size: 17px;
	transition: background-color 0.3s ease;
}

#atlantaBackGroundDiv #topDiv #content #inpForm input:hover {
	background-color: rgba(255, 255, 255, 0.397);
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #header button * {
	color: rgb(44, 44, 44);
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #header button {
	display: flex;
	padding: 5px 10px;
	align-items: center;
	color: rgb(65, 65, 65);
	font-size: 15px;
	font-weight: 500;
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #eventsDiv #dateDiv .card .leftDiv p,
#atlantaBackGroundDiv
	#bottomDiv
	#leftDiv
	#eventsDiv
	#dateDiv
	.card
	.leftDiv
	.cardFooter
	.authorsDiv
	span,
#atlantaBackGroundDiv
	#bottomDiv
	#leftDiv
	#eventsDiv
	#dateDiv
	.card
	.leftDiv
	.cardFooter
	.locationDiv {
	color: rgb(19 21 23 / 36%);
}
#atlantaBackGroundDiv
	#bottomDiv
	#leftDiv
	#calendarDiv
	#content
	#calendarContent
	h2 {
	color: rgb(19 21 23 / 36%);
}
#atlantaBackGroundDiv
	#bottomDiv
	#leftDiv
	#calendarDiv
	#content
	#calendarContent
	#calendarCard
	h2 {
	color: black;
}
#atlantaBackGroundDiv #bottomDiv #leftDiv #header div {
	display: flex;
	align-items: center;
	gap: 10px;
}
@media (min-width: 650px) {
	#atlantaBackGroundDiv #bottomDiv #rightDiv {
		display: unset;
		width: 200px;
		margin-left: 60px;
		font-size: small;
		line-height: 1.5;
	}
	#atlantaBackGroundDiv #bottomDiv #rightDiv h2 {
		line-height: 0.5;
	}

	#atlantaBackGroundDiv #bottomDiv #rightDiv #inputDiv {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-bottom: 20px;
	}
	#atlantaBackGroundDiv #bottomDiv #rightDiv #inputDiv input {
		border-radius: 20px;
		height: 30px;
	}
	#atlantaBackGroundDiv #bottomDiv #rightDiv #inputDiv button {
		border-radius: 20px;
		height: 35px;
		display: flex;
		justify-content: center;
	}
	#atlantaBackGroundDiv #bottomDiv #rightDiv img {
		width: 100%;
		height: auto;
		border-radius: 15px;
	}

	#atlantaBackGroundDiv
		#bottomDiv
		#leftDiv
		#eventsDiv
		#dateDiv
		.card
		.leftDiv
		.cardFooter
		.authorsDiv {
		gap: 10px;
	}
}
/* header */
/* background */
/* specific */
/* footer */
/* atlantaModal */

#atlantaBackGroundDiv #eventModal {
	display: none;

	position: fixed;
	border-radius: 15px;
	background-color: white;
	max-width: 650px;
	right: 0;
	top: 0;
	margin: 15px;
	padding: 0;
	height: 550px;
	z-index: 60;
}
#atlantaBackGroundDiv #eventModal #eventModalContent {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: rgb(245, 245, 245);
	margin: 0;
	overflow-y: auto;

	height: 500px;
	max-width: 650px;
	padding: 15px;
}
#atlantaBackGroundDiv #eventModal svg {
	width: 17px;
	height: 17px;
}
#atlantaBackGroundDiv #eventModal #header img {
	width: 50%;
	height: auto;
	border-radius: 15px;
}
#atlantaBackGroundDiv #header #imgDiv {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
}
#atlantaBackGroundDiv #header #data img {
	width: 17px;
	height: 17px;
}
#atlantaBackGroundDiv #header #data #info img {
	width: 40px;
	height: 40px;
	border-radius: 7px;
}
#atlantaBackGroundDiv #header #data #info #date,
#atlantaBackGroundDiv #header #data #info #loc {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
#atlantaBackGroundDiv #header #data #info #date #data,
#atlantaBackGroundDiv #header #data #info #loc #data {
	padding-left: 15px;
}
#atlantaBackGroundDiv #header #data #info #date p,
#atlantaBackGroundDiv #header #data #info #date h4,
#atlantaBackGroundDiv #header #data #info #loc p,
#atlantaBackGroundDiv #header #data #info #loc h4 {
	line-height: 1.5;
	padding: 0;
	margin: 0;
	font-size: 13px;
}
#atlantaBackGroundDiv #header #subscription {
	border-radius: 15px;
	background-color: white;
}
#atlantaBackGroundDiv #header #subscription #label {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color: rgba(247, 247, 247, 0.356);
	padding: 10px;
}
#atlantaBackGroundDiv #header #subscription #content {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background-color: white;
	padding: 10px;
}

#atlantaBackGroundDiv #header #subscription #content button {
	border-radius: 15px;
	color: white;
	background-color: black;
	width: 100%;
	border-width: 0;
	height: 30px;
}
#atlantaBackGroundDiv #about ul {
	list-style-type: disc;
	margin: 20px;
	padding-left: 20px;
}
#atlantaBackGroundDiv #authors img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
}
#atlantaBackGroundDiv #authors .author {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 5px;
}
#atlantaBackGroundDiv #eventModal #topTab {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
#atlantaBackGroundDiv #eventModal #topTab #start {
	display: flex;
}
#atlantaBackGroundDiv #eventModal #topTab #start button {
	display: flex;
	align-items: center;
}
/* header */
/* background */
/* specific */
/* footer */

/* Event */
#eventBackGroundDiv {
	background-color: #f1f1f1cc;
}
/* header */
/* background */
/* specific */
/* footer */
/* Overview */

#overviewBackGroundDiv #mainDivWrapper svg {
	width: 17px;
	height: 17px;
}
#overviewBackGroundDiv #mainDivWrapper #status #header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#overviewBackGroundDiv #mainDivWrapper #status p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#overviewBackGroundDiv #mainDivWrapper #status #header h2 {
	font-size: 18px;
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-bottom: 10px;
}
#overviewBackGroundDiv #mainDivWrapper #status {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
#overviewBackGroundDiv #mainDivWrapper #status p {
	padding-bottom: 15px;
}

#overviewBackGroundDiv #mainDiv #cards #topCard {
	margin-left: 15px;
	margin-right: 15px;
	padding: 15px;
}
#overviewBackGroundDiv #mainDiv #cards #topCard #header {
	padding-bottom: 10px;
}
#overviewBackGroundDiv #mainDiv #cards #topCard #header svg {
	cursor: pointer;
}
#overviewBackGroundDiv #mainDiv #cards #topCard #body div {
	padding-bottom: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}
#overviewBackGroundDiv #mainDivWrapper #header p {
	padding: 0;
	padding-top: 5px;
	line-height: 1.5;
	margin: 0;
}

#overviewBackGroundDiv #mainDiv #cards #topCard {
	background-color: white;
	border-radius: 15px;
}
#overviewBackGroundDiv #mainDiv #cards #topCard #header {
	display: flex;
	justify-content: space-between;
}
#overviewBackGroundDiv #mainDiv #cards #bottomCard {
	background-color: white;
	margin: 15px;
	padding: 10px;
	border-radius: 15px;
	text-align: center;
	color: rgb(19 21 23 / 36%);
}
#overviewBackGroundDiv #mainDiv #cards #bottomCard #title {
	padding: 0;
	line-height: 1.5;
	font-size: 18px;
	text-align: start;
	margin: 0;
}
#overviewBackGroundDiv #mainDiv #cards #bottomCard p,
#overviewBackGroundDiv #mainDiv #cards #bottomCard h2 {
	padding: 0;
	line-height: 1.5;
	font-size: 15px;
	margin: 0;
}

#overviewBackGroundDiv #mainDiv #cards #bottomCard svg {
	width: 20px;
	height: 20px;
	justify-self: center;

	display: flex;
}
#overviewBackGroundDiv #mainDiv #cards #bottomCard #bottom {
	color: rgb(255, 0, 106);
}
#overviewBackGroundDiv #mainDiv #invites {
	padding: 15px;
}
#overviewBackGroundDiv #mainDiv #invites #header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#overviewBackGroundDiv #mainDiv #invites #description {
	line-height: 1.2;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}
#overviewBackGroundDiv #mainDiv #invites #card {
	background-color: white;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 15px;
	margin-top: 15px;
}
#overviewBackGroundDiv #mainDiv #invites #card svg {
	width: 40px;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
#overviewBackGroundDiv #mainDiv #invites #card #text h2 {
	font-size: 15px;
	color: rgb(19 21 23 / 36%);
}
#overviewBackGroundDiv #mainDiv #invites #card #text p {
	font-size: 13px;
	line-height: 1.5;
	color: rgb(19 21 23 / 36%);
}
#overviewBackGroundDiv #mainDiv #hosts {
	padding-left: 15px;
	padding-right: 15px;
}
#overviewBackGroundDiv #mainDiv #hosts #header {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#overviewBackGroundDiv #mainDiv #hosts #description {
	font-size: 14px;
}
#overviewBackGroundDiv #mainDiv #hosts #card svg {
	cursor: pointer;
}
#overviewBackGroundDiv #mainDiv #hosts #bottomDescription {
	color: #b3b5b7;
}
#overviewBackGroundDiv #mainDiv #hosts #card {
	background-color: white;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
}
#overviewBackGroundDiv #mainDiv #hosts #card div {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
#overviewBackGroundDiv #mainDiv #hosts #card div img {
	width: 20px;
	height: auto;
}
#overviewBackGroundDiv #mainDiv #hosts #card div #badge {
	border-radius: 15px;
	background-color: #3cbd2c22;
	color: #3cbd2c;
	font-size: small;
	padding: 5px;
}
#overviewBackGroundDiv #mainDiv #visibility {
	padding-left: 15px;
	padding-right: 15px;
}
#overviewBackGroundDiv #mainDiv #visibility #card {
	padding: 15px;
	background-color: white;
	display: flex;
	flex-direction: row;
	align-items: start;
	border-radius: 15px;
	margin-top: 20px;
	gap: 10px;
}
#overviewBackGroundDiv #mainDiv #visibility #card img {
	margin-top: 5px;
}
#overviewBackGroundDiv #mainDiv #visibility #card #body {
	padding: 0;
	margin: 0;
}
#overviewBackGroundDiv #mainDiv #visibility #card #body p,
#overviewBackGroundDiv #mainDiv #visibility #card #body h4 {
	padding: 0;
	margin: 0;
	line-height: 1.3;
}
#overviewBackGroundDiv #mainDiv #visibility #card #body button {
	margin-top: 10px;
}

#overviewBackGroundDiv #mainDiv #visibility #card #body #info #publicIcon {
	display: flex;
	align-items: center;
	color: rgba(42, 223, 42, 0.678);
}
#overviewBackGroundDiv #mainDiv #visibility #card #body #info #publicIcon svg {
	color: rgba(42, 223, 42, 0.678);
}
#overviewBackGroundDiv #mainDiv #visibility #card #body #info {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	height: auto;
	flex-wrap: wrap;
	padding-top: 8px;
}
#overviewBackGroundDiv #mainDiv #visibility #card #body #info span {
	line-height: 1;
	padding: 0;
	margin: 0;
}

#overviewBackGroundDiv #mainDiv #footer {
	display: flex;
	align-items: center;
	padding: 0 15px;
	gap: 15px;
}
#overviewBackGroundDiv #mainDiv #footer p {
	width: 100%;
}

#overviewBackGroundDiv #mainDiv #footer svg {
	width: 20px;
	height: 20px;
}
#overviewBackGroundDiv #mainDiv {
	padding-bottom: 150px;
}

@media (min-width: 600px) {
	#overviewBackGroundDiv #mainDiv #visibility #card #body #buttonsDiv {
		display: flex;
		align-items: center;
		gap: 7px;
	}

	#overviewBackGroundDiv #mainDiv #cards #topCard,
	#overviewBackGroundDiv #mainDiv #cards #bottomCard {
		width: 50%;
		margin: 15px;
	}

	#overviewBackGroundDiv #mainDiv #cards {
		display: flex;
		flex-direction: row;
	}
}
/* header */
/* background */
/* specific */
/* footer */
/* Create */
#createBackGroundDiv {
	width: 100%;
}
#createBackGroundDiv #mainDiv #options3 #sections hr {
	color: #b9a8b4;
}
#createBackGroundDiv #mainDiv {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	padding-bottom: 90px;
}
#createBackGroundDiv
	#mainDiv
	#imgSection
	#buttons
	#left
	#leftDiv
	#text
	#bottom {
	color: black;
}
#createBackGroundDiv
	#mainDiv
	#optionsWrapper
	#options2
	#optionsList
	.card
	div
	* {
	color: rgb(31 8 39 / 64%);
}
#createBackGroundDiv #mainDiv #optionsWrapper #options2 #title {
	background-color: transparent;
	border-width: 0;
	font-size: 25px;
	margin-bottom: 10px;
}
#createBackGroundDiv #mainDiv #optionsWrapper #options2 #title:hover {
	outline: none;
}

#createBackGroundDiv #mainDiv #imgSection {
	width: 100%;
}
#createBackGroundDiv #mainDiv #imgSection #img {
	padding-bottom: 20px;
}
#createBackGroundDiv #mainDiv #imgSection img {
	width: 100%;
	border-radius: 10px;
}

#createBackGroundDiv #mainDiv #imgSection #buttons {
	display: flex;
	gap: 10px;
}
#createBackGroundDiv #mainDiv #imgSection #buttons #left #leftDiv {
	display: flex;
	align-items: center;
}
#createBackGroundDiv #mainDiv #imgSection #buttons button {
	display: flex;
	border-radius: 10px;
	border-width: 0;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
}
#createBackGroundDiv #mainDiv #imgSection #buttons #right {
	padding-left: 20px;
	padding-right: 20px;
}
#createBackGroundDiv #mainDiv #imgSection #buttons #left {
	width: 100%;
}
#createBackGroundDiv #mainDiv #imgSection #buttons #left #leftDiv {
	display: flex;
	gap: 10px;
	align-items: center;
}
#createBackGroundDiv #mainDiv #imgSection #buttons button #text p {
	line-height: 1.2;
	padding: 0;
	margin: 0;
	display: flex;
	justify-items: start;
}
#createBackGroundDiv #mainDiv #imgSection #buttons svg {
	width: 15px;
	height: auto;
}
#createBackGroundDiv #mainDiv #imgSection #buttons img {
	width: 50px;
	height: auto;
}
#createBackGroundDiv #mainDiv #options1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}
#createBackGroundDiv #mainDiv #options1 img {
	width: 15px;
	height: auto;
	border-radius: 100%;
}
#createBackGroundDiv #mainDiv #options1 button {
	display: flex;
	align-items: center;
	border-width: 0;
	border-radius: 10px;
	gap: 10px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#createBackGroundDiv #mainDiv #options1 button a {
	display: flex;
	align-items: center;
	gap: 10px;
}
#createBackGroundDiv #mainDiv #options1 button svg {
	width: 15px;
	height: auto;
}
#createBackGroundDiv #mainDiv #options2 #optionsList svg {
	width: 18px;
	height: auto;
}
#createBackGroundDiv #mainDiv #options2 #optionsList .card {
	display: flex;
	align-items: start;
	gap: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}
#createBackGroundDiv #mainDiv #options2 #optionsList .card p {
	padding: 0;
	margin: 0;
	line-height: 1.6;
}
#createBackGroundDiv #mainDiv #options2 #optionsList .card h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#createBackGroundDiv #mainDiv #options3 svg {
	width: 15px;
	height: auto;
}
#createBackGroundDiv #mainDiv #options3 #sections {
	background-color: rgba(0, 0, 0, 0.082);

	border-radius: 10px;
	margin-bottom: 20px;
}
#createBackGroundDiv #mainDiv #options3 #sections .section {
	display: flex;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
}
#createBackGroundDiv #mainDiv #options3 #sections .section div {
	display: flex;
	gap: 10px;
}
#createBackGroundDiv #mainDiv #options3 #sections .section div p {
	line-height: 1;
}
#createBackGroundDiv #mainDiv #options3 #sections .section #checkButton #back {
	border-radius: 40px;
	width: 40px;
	height: 25px;
	background-color: gray;
	align-self: center;
	padding: 0;
}
#createBackGroundDiv
	#mainDiv
	#options3
	#sections
	.section
	#checkButton
	#back
	#innerCircle {
	border-radius: 100%;
	width: 22px;
	height: 22px;
	background-color: white;
	align-self: center;
	justify-self: start;
	margin-left: 2px;
}
#createBackGroundDiv #mainDiv #options3 #sections hr {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: black;
	outline-width: 0;
	border-width: 0;
	border-bottom-width: 1px;
	border-bottom-color: gray;
	justify-self: center;
}
#createBackGroundDiv #mainDiv #createButton {
	width: 100%;
	border-radius: 10px;
	background-color: rgb(151, 75, 126);
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	border-width: 0;
	display: flex;
	justify-content: center;
	font-size: 16px;
}
#createBackGroundDiv #mainDiv #createButton:hover {
	background-color: rgb(160, 111, 144);
	transition: background-color 0.3s ease;
}
#createBackGroundDiv #mainDiv #options2 #fullscreencard {
	display: none;
}

#createBackGroundDiv #templatesTab {
	display: none;
	position: fixed;
	bottom: 0;

	justify-content: center;
	background-color: rgb(223, 220, 236);
	color: white;

	z-index: 100;
	width: 100%;
	height: fit-content;
}
#createBackGroundDiv #templatesTab #templates {
	height: 100px;
	width: 100%;
	max-width: 700px;
	display: flex;
	justify-self: center;
	overflow-x: auto;
}
#createBackGroundDiv #templatesTab #templates img {
	height: auto;
	width: 90px;
	border-radius: 10px;
}
#createBackGroundDiv #templatesTab #templates .templateButton {
	height: 70px;
	width: 100px;
	background-color: transparent;
	border-width: 0;
}
#createBackGroundDiv #templatesTab #lineDiv {
	height: auto;
	width: fit-content;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#createBackGroundDiv #templatesTab #lineDiv hr {
	height: 8px;
	width: 60px;
	border-radius: 5px;
	background-color: rgb(155, 155, 155);
	border-width: 0;
}
#createBackGroundDiv #templatesTab #bottom {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-items: center;
	gap: 10px;
	padding: 15px;
	box-sizing: border-box;
}
#createBackGroundDiv #templatesTab #bottom .buttonsDiv {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: fit-content;
	gap: 10px;
}
#createBackGroundDiv #templatesTab #bottom .buttonsDiv button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 10px;
	border-width: 0;
	background-color: rgba(128, 128, 128, 0.164);
	width: 260px;
	height: 40px;
	box-sizing: border-box;
}
#createBackGroundDiv #templatesTab #bottom .buttonsDiv button .right,
#createBackGroundDiv #templatesTab #bottom .buttonsDiv button .left {
	display: flex;
	align-items: center;
}
#createBackGroundDiv #templatesTab #bottom .buttonsDiv button svg {
	width: 17px;
	height: auto;
}

#createBackGroundDiv #templatesTab #bottom .buttonsDiv button svg {
	width: 17px;
	height: auto;
}
#createBackGroundDiv #templatesTab #bottom .buttonsDiv #lCircle {
	width: 17px;
	height: 17px;
	background-color: rgb(106, 195, 180);
}
#createBackGroundDiv #templatesTab #bottom .buttonsDiv #rCircle {
	width: 17px;
	height: 17px;
	background-color: rgb(184, 184, 184);
}
@media (min-width: 1000px) {
	#createBackGroundDiv #templatesTab #bottom {
		flex-direction: row;
	}
}
@media (min-width: 600px) {
	#createBackGroundDiv #mainDiv {
		display: flex;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
		gap: 30px;
		align-items: start;
	}
	#createBackGroundDiv #mainDiv #imgSection {
		max-width: 250px;
	}
	#createBackGroundDiv #mainDiv #optionsWrapper {
		padding-top: 0;
		margin-top: 0;
		width: 450px;
	}
	#createBackGroundDiv #mainDiv #optionsWrapper #options1 {
		padding-top: 0;
		margin-top: 0;
	}
	#createBackGroundDiv #mainDiv #options2 #fullscreencard {
		display: flex;
		gap: 10px;
		justify-content: space-between;
		padding-bottom: 20px;
	}
	#createBackGroundDiv #mainDiv #options2 #fullscreencard #leftCard {
		display: flex;
		background-color: rgba(100, 100, 100, 0.048);
		justify-content: space-between;
		border-radius: 10px;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 3px;
		padding-bottom: 3px;
		align-items: center;
		height: fit-content;
		width: 100%;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left {
		display: flex;
		align-items: center;
		gap: 5px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left
		#lineDiv {
		display: flex;
		flex-direction: column;
		justify-items: center;
		width: 10px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left
		#lineDiv
		#upCircle {
		background-color: gray;
		width: 9px;
		height: 9px;
		border-radius: 100%;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left
		#lineDiv
		#downCircle {
		width: 8px;
		height: 8px;
		border-radius: 100%;
		border-width: 1px;
		border-style: solid;
		border-color: gray;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left
		#lineDiv
		#line {
		margin-left: 4px;
		width: 9px;
		height: 30px;
		border-left: 1px dashed gray;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left
		#data
		p {
		margin: 0;
		padding: 0;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#left
		#data {
		display: flex;
		flex-direction: column;
		justify-items: start;
		gap: 20px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#right {
		display: flex;
		flex-direction: column;
		gap: 3px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#right
		.dateTime {
		display: flex;
		gap: 1px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#right
		.dateTime
		.date {
		background-color: rgba(77, 77, 77, 0.075);
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		padding-left: 5px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 15px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#leftCard
		#right
		.dateTime
		.time {
		background-color: rgba(77, 77, 77, 0.075);
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-left: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 10px;
	}
	#createBackGroundDiv #mainDiv #options2 #fullscreencard #rightCard {
		background-color: rgba(100, 100, 100, 0.048);
		cursor: pointer;
		border-radius: 10px;
		padding-left: 10px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 10px;
	}
	#createBackGroundDiv
		#mainDiv
		#options2
		#fullscreencard
		#rightCard:hover {
		background-color: #28002e34;
		color: #fff;
		transition: color 0.3s ease, background-color 0.3s ease;
	}
	#createBackGroundDiv #mainDiv #options2 #fullscreencard #rightCard p {
		padding: 0;
		margin: 0;
		line-height: 1;
		width: 100px;
		margin-top: 5px;
	}
	#createBackGroundDiv #mainDiv #options2 #fullscreencard #rightCard svg {
		padding: 0;
		margin: 0;
		width: 15px;
		height: auto;
	}
	#createBackGroundDiv #mainDiv #options3 #sections hr {
		box-sizing: border-box;
		max-width: 450px;
		padding: 0;
		margin: 0;
	}
	#createBackGroundDiv #mainDiv #options3 #sections hr {
		border-color: #b9a8b4;
	}
}
/* header */
/* background */
/* specific */
/* footer */
/* Event */

#eventBackGroundDiv {
	width: 100%;
	height: fit-content;
	background-color: rgb(235, 212, 212);
	padding-left: auto;
	padding-right: auto;
}
#eventBackGroundDiv #mainDiv {
	max-width: 950px;
	box-sizing: border-box;
	padding: 15px;
}
#eventBackGroundDiv #mainDiv #imgDiv {
	width: 100%;
	height: auto;
	padding-left: auto;
	padding-right: auto;
	display: flex;
	justify-content: center;
}
#eventBackGroundDiv #mainDiv #imgDiv img {
	width: 300px;
	height: auto;
	border-radius: 10px;
	box-sizing: border-box;
}
#eventBackGroundDiv #mainDiv #header {
	padding-top: 40px;
}

#eventBackGroundDiv #mainDiv #header #top,
#eventBackGroundDiv #mainDiv #header #bottom {
	display: flex;
	justify-content: start;
	align-items: center;
}
#eventBackGroundDiv #mainDiv #header #top button,
#eventBackGroundDiv #mainDiv #header #bottom button {
	display: flex;
	justify-content: start;
	align-items: center;
	background-color: rgba(189, 189, 189, 0.377);
	border-radius: 8px;
	border-width: 0;
	gap: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}
#eventBackGroundDiv #mainDiv #header #bottom button p,
#eventBackGroundDiv #mainDiv #header #top button p {
	line-height: 1;
	padding: 0;
	margin: 0;
}
#eventBackGroundDiv #mainDiv #header #top button img,
#eventBackGroundDiv #mainDiv #header #bottom button img {
	border-radius: 5px;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
}
#eventBackGroundDiv #mainDiv #header #top svg,
#eventBackGroundDiv #mainDiv #header #bottom svg {
	width: 17px;
	height: 17px;
}
#eventBackGroundDiv #mainDiv #info #date,
#eventBackGroundDiv #mainDiv #info #location {
	display: flex;
	align-items: center;
	gap: 15px;
}
#eventBackGroundDiv #mainDiv #info #date h4,
#eventBackGroundDiv #mainDiv #info #location h4,
#eventBackGroundDiv #mainDiv #info #date p,
#eventBackGroundDiv #mainDiv #info #location p {
	padding: 0;
	margin: 0;
	line-height: 1.5;
}
#eventBackGroundDiv #mainDiv #info #location svg {
	width: 17px;
	height: 17px;
}
#eventBackGroundDiv #mainDiv #info {
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}
#eventBackGroundDiv #mainDiv #info #location img,
#eventBackGroundDiv #mainDiv #info #date img {
	border-radius: 10px;
}

#eventBackGroundDiv #mainDiv #header #title {
	padding-top: 10px;
	padding-bottom: 10px;
}
#eventBackGroundDiv #mainDiv #ticket {
	background-color: white;
	border-radius: 15px;
	padding-top: 2px;
	margin-bottom: 20px;
}
#eventBackGroundDiv #mainDiv #ticket #label {
	background-color: rgba(165, 165, 165, 0.527);
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 10px;
	margin-right: 2px;
	margin-left: 2px;
}
#eventBackGroundDiv #mainDiv #ticket #label p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#eventBackGroundDiv #mainDiv #ticket svg {
	width: 17px;
	height: 17px;
}
#eventBackGroundDiv #mainDiv #ticket #body {
	padding: 10px;
}
#eventBackGroundDiv #mainDiv #ticket #body #title {
	display: flex;
	align-items: center;
	gap: 10px;
}
#eventBackGroundDiv #mainDiv #ticket #body p,
#eventBackGroundDiv #mainDiv #ticket #body h4 {
	padding: 0;
	margin: 0;
	line-height: 2;
}
#eventBackGroundDiv #mainDiv .sectionTitle hr {
	background-color: gray;
	width: 100%;
}
#eventBackGroundDiv #mainDiv .sectionTitle h4 {
	line-height: 1;
	padding: 0;

	margin: 0;
}
#eventBackGroundDiv #mainDiv #location h3,
#eventBackGroundDiv #mainDiv #location p {
	line-height: 1;
}
#eventBackGroundDiv #mainDiv #location #mapDiv,
#eventBackGroundDiv #mainDiv #location #mapDiv iframe,
#eventBackGroundDiv #mainDiv #location #mapDiv a {
	width: 100%;
	border-radius: 10px;
	border-width: 0;
	height: 200px;
}
#eventBackGroundDiv #mainDiv #location #info svg {
	width: 17px;
	height: 17px;
}

#eventBackGroundDiv #mainDiv #location #info #top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#eventBackGroundDiv #mainDiv #location #info #top #left {
	display: flex;
	gap: 15px;
	align-items: center;
	padding-bottom: 15px;
}
#eventBackGroundDiv #mainDiv #location #info #top #left,
#eventBackGroundDiv #mainDiv #location #info #top #left #arrowText {
	display: flex;
}
#eventBackGroundDiv #mainDiv #location #info #top #left img {
	width: 25px;
	height: 25px;
	border-radius: 3px;
}
#eventBackGroundDiv #mainDiv #location #info #instaIcon {
	padding-top: 10px;
}
#eventBackGroundDiv #mainDiv #hosted #top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#eventBackGroundDiv #mainDiv #hosted #top svg {
	width: 17px;
	height: 17px;
}
#eventBackGroundDiv #mainDiv #hosted #top img {
	width: 25px;
	height: 25px;
	border-radius: 100%;
}
#eventBackGroundDiv #mainDiv #hosted #top #left {
	display: flex;
	align-items: center;
	gap: 10px;
}
#eventBackGroundDiv #mainDiv #hosted #going #imgDiv img {
	width: 23px;
	height: 23px;
	border-radius: 100%;
	outline-width: 2px;
	outline-style: solid;
	outline-color: white;
	margin-right: -10px;
}
#eventBackGroundDiv #mainDiv #hosted #going {
	display: flex;
	justify-items: start;
	flex-direction: column;
	padding-top: 10px;
}
#eventBackGroundDiv #mainDiv #hosted #going #imgDiv {
	width: fit-content;
}
#eventBackGroundDiv #mainDiv #hosted hr {
	width: 100%;
	background-color: gray;
}
#eventBackGroundDiv #mainDiv #leftSection #header #title {
	display: unset;
	font-size: 40px;
	font-weight: 900;
}
#eventBackGroundDiv #mainDiv #leftSection #header #top {
	margin-bottom: 10px;
}
#eventBackGroundDiv #mainDiv #leftSection #header #bottom {
	margin-top: 10px;
}
#eventBackGroundDiv #mainDiv #leftSection #header #bottom button {
	background-color: transparent;
}
#eventBackGroundDiv #mainDiv #leftSection #header #bottom button:hover {
	gap: 10px;
	transition: gap 0.3s ease;
}
#eventBackGroundDiv #mainDiv #leftSection #header #top button:hover {
	background-color: gray;
	color: black;
	fill: black;
	transition: color 0.3s ease, background-color 0.3s ease, fill 0.3s ease;
}
#eventBackGroundDiv #mainDiv #leftSection #info,
#eventBackGroundDiv #mainDiv #leftSection #bottomSection,
#eventBackGroundDiv #mainDiv #rightSection #header {
	display: none;
}
#eventBackGroundDiv #mainDiv #rightSection #ticket #label {
	background-color: #51171a0a;
}
#eventBackGroundDiv #mainDiv #rightSection #ticket {
	background-color: rgb(255 255 255 / 32%);
}
#eventBackGroundDiv #mainDiv #info {
	display: flex;
	align-items: center;
	flex-direction: row;
	font-size: 14px;
	line-height: 1;
}
#eventBackGroundDiv #mainDiv #info img {
	width: 35px;
	height: 35px;
}
#eventBackGroundDiv #mainDiv #info #date,
#eventBackGroundDiv #mainDiv #info #location {
	gap: 5px;
}
#eventBackGroundDiv #mainDiv #info #location h4 {
	display: flex;
	align-items: center;
}

/*  */
#eventBackGroundDiv #mainDiv #rightSection #location #info #top #left #title {
	padding-bottom: 10px;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info #top #header {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info #top {
	width: 100%;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info {
	display: flex;
	flex-direction: column;
	text-align: start;
	align-items: start;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info #top #subBtn {
	display: unset;
	font-size: 16px;
	border-radius: 15px;
	padding: 7px 7px;
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#location
	#info
	#top
	#header
	#left
	.title
	#arrowText
	*:hover {
	transition: color 0.3s ease;
	color: rgb(197, 37, 37);
}

#eventBackGroundDiv #mainDiv #rightSection #location *,
#eventBackGroundDiv #mainDiv #rightSection #bottomSection * {
	font-weight: 100;
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#location
	#info
	#top
	#header
	#left
	.title
	#arrowText
	* {
	font-weight: 900;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info #top #left {
	display: unset;
	font-size: 16px;
	border-radius: 15px;
	padding: 7px 7px;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info #instaIcon *:hover {
	color: black;
	transition: color 0.3s ease;
}
#eventBackGroundDiv #mainDiv #rightSection #location #info #instaIcon {
	padding-bottom: 20px;
}
#eventBackGroundDiv #mainDiv #rightSection #bottomSection #footer button {
	background-color: transparent;
	padding: 0;
	padding-bottom: 10px;
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#bottomSection
	#hosted
	#going
	p:hover {
	color: black;
	transform: color 0.3s ease;
	cursor: pointer;
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#bottomSection
	#footer
	button
	.label:hover {
	transition: color 0.3s ease;
	color: black;
}

#eventBackGroundDiv
	#mainDiv
	#rightSection
	#bottomSection
	#footer
	#lastButton
	button {
	outline: 1px solid rgba(128, 128, 128, 0.308);
	padding: 5px;
	border-radius: 30px;
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#bottomSection
	#footer
	#lastButton
	button:hover {
	transition: outline 0.3s ease;
	outline: 1px solid rgb(211, 67, 67);
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#bottomSection
	#footer
	#lastButton
	p:hover {
	transition: color 0.3s ease;
	color: rgb(211, 67, 67);
}
#eventBackGroundDiv
	#mainDiv
	#rightSection
	#bottomSection
	#footer
	#lastButton
	button
	* {
	line-height: 1;
	padding: 0;
	margin: 0;
}
#eventBackGroundDiv #mainDiv #rightSection #bottomSection #hosted #top *:hover {
	transition: color 0.3s ease;
	color: black;
	cursor: pointer;
}

@media (min-width: 700px) {
	#eventBackGroundDiv #mainDiv #leftSection #info #top #left #title {
		padding-bottom: 10px;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top #header {
		display: flex;
		align-items: center;
		flex-direction: row;
		justify-content: space-between;
		width: 100%;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top {
		width: 100%;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info {
		display: flex;
		flex-direction: column;
		text-align: start;
		align-items: start;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top #subBtn {
		display: unset;
		font-size: 16px;
		border-radius: 15px;
		padding: 7px 7px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#info
		#top
		#header
		#left
		.title
		#arrowText
		*:hover {
		transition: color 0.3s ease;
		color: rgb(197, 37, 37);
	}

	#eventBackGroundDiv #mainDiv #leftSection *,
	#eventBackGroundDiv #mainDiv #leftSection #bottomSection * {
		font-weight: 100;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#info
		#top
		#header
		#left
		.title
		#arrowText
		* {
		font-weight: 900;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top #left {
		display: unset;
		font-size: 16px;
		border-radius: 15px;
		padding: 7px 7px;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #instaIcon *:hover {
		color: black;
		transition: color 0.3s ease;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#footer
		button {
		background-color: transparent;
		padding: 0;
		padding-bottom: 10px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#going
		p:hover {
		color: black;
		transform: color 0.3s ease;
		cursor: pointer;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#footer
		button
		.label:hover {
		transition: color 0.3s ease;
		color: black;
	}

	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#footer
		#lastButton
		button {
		outline: 1px solid rgba(128, 128, 128, 0.308);
		padding: 5px;
		border-radius: 30px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#footer
		#lastButton
		button:hover {
		transition: outline 0.3s ease;
		outline: 1px solid rgb(211, 67, 67);
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#footer
		#lastButton
		p:hover {
		transition: color 0.3s ease;
		color: rgb(211, 67, 67);
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#footer
		#lastButton
		button
		* {
		line-height: 1;
		padding: 0;
		margin: 0;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#top
		*:hover {
		transition: color 0.3s ease;
		color: black;
		cursor: pointer;
	}
	#eventBackGroundDiv #mainDiv {
		display: flex;
		flex-direction: row;
		justify-self: center;
		gap: 30px;
	}
	#eventBackGroundDiv #mainDiv #leftSection {
	}
	#eventBackGroundDiv #mainDiv #leftSection #info {
		display: unset;
	}
	#eventBackGroundDiv #mainDiv #rightSection #location #info {
		display: none;
	}
	#eventBackGroundDiv #mainDiv #leftSection #bottomSection {
		display: unset;
	}
	#eventBackGroundDiv #mainDiv #rightSection #bottomSection {
		display: none;
	}

	#eventBackGroundDiv #mainDiv #leftSection #bottomSection #hosted #top {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#top
		svg {
		width: 17px;
		height: 17px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#top
		img {
		width: 25px;
		height: 25px;
		border-radius: 100%;
	}
	#eventBackGroundDiv #mainDiv #rightSection #header #top {
		display: unset;
	}
	#eventBackGroundDiv #mainDiv #rightSection #header #title {
		font-size: 40px;
		font-weight: 900;
	}

	#eventBackGroundDiv #mainDiv #leftSection #header #title,
	#eventBackGroundDiv #mainDiv #leftSection #header #top,
	#eventBackGroundDiv #mainDiv #header #bottom button {
		display: none;
	}

	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#top
		#left {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#going
		#imgDiv
		img {
		width: 23px;
		height: 23px;
		border-radius: 100%;
		outline-width: 2px;
		outline-style: solid;
		outline-color: white;
		margin-right: -10px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#going {
		display: flex;
		justify-items: start;
		flex-direction: column;
		padding-top: 10px;
	}
	#eventBackGroundDiv
		#mainDiv
		#leftSection
		#bottomSection
		#hosted
		#going
		#imgDiv {
		width: fit-content;
	}
	#eventBackGroundDiv #mainDiv #leftSection #bottomSection #hosted hr {
		width: 100%;
		background-color: gray;
	}

	#eventBackGroundDiv #mainDiv #leftSection #info svg {
		width: 17px;
		height: 17px;
	}

	#eventBackGroundDiv #mainDiv #leftSection #info #top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top #left {
		display: flex;
		gap: 15px;
		align-items: center;
		padding-bottom: 15px;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top #left,
	#eventBackGroundDiv #mainDiv #leftSection #info #top #left #arrowText {
		display: flex;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #top #left img {
		width: 25px;
		height: 25px;
		border-radius: 3px;
	}
	#eventBackGroundDiv #mainDiv #leftSection #info #instaIcon {
		padding-top: 10px;
		padding-bottom: 20px;
	}
	#eventBackGroundDiv #mainDiv #rightSection #header #title {
		display: none;
	}
	#eventBackGroundDiv #mainDiv #rightSection #header,
	#eventBackGroundDiv #mainDiv #rightSection #header #title {
		display: unset;
		box-sizing: border-box;
	}
	#eventBackGroundDiv #mainDiv #rightSection #header #top button {
		margin-bottom: 10px;
	}
	#eventBackGroundDiv #mainDiv #rightSection #info {
		flex-direction: column;
		align-items: start;
	}
}
/* header */
/* background */
/* specific */
/* footer */
/* home */
#eventsBackGroundDiv {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	width: 100%;
}
#eventsBackGroundDiv #mainDiv svg {
	width: 17px;
	height: 17px;
}
#eventsBackGroundDiv #mainWrapper {
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
}
#eventsBackGroundDiv #mainWrapper #mainDiv {
	width: 700px;
	max-width: 700px;
	margin: 0;
	padding: 15px;
	flex-shrink: 1;
	padding-bottom: 80px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #header #switchButton {
	display: flex;
	align-items: center;
	margin-right: 10px;
	padding: 2px;
	background-color: rgba(128, 128, 128, 0.192);
	border-radius: 7px;
	font-size: 13px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #header #switchButton p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #header #switchButton #innerSwift {
	padding: 0;
	margin: 0;
	line-height: 1;
	background-color: white;
	padding-left: 23px;
	padding-top: 10px;
	padding-right: 23px;
	padding-bottom: 10px;
	border-radius: 7px;
	cursor: pointer;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #header #switchButton #leftP {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
	color: rgb(19 21 23 / 36%);
	cursor: pointer;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #header #switchButton #leftP:hover {
	transition: color 0.3s ease;
	color: black;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body {
	display: flex;
	align-items: start;
	width: 100%;
	margin: 0;
	padding: 0;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #lineDiv {
	width: 19px;
	height: 160px;
	padding-top: 4px;
	margin-right: 9px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #lineDiv #line {
	border-left: 1px dashed rgb(19 21 23 / 25%);
	margin-left: 8px;
	height: 100%;
}

#eventsBackGroundDiv #mainWrapper #mainDiv #body #lineDiv #circle {
	border-radius: 100%;
	width: 9px;
	height: 9px;
	background-color: rgb(19 21 23 / 25%);
	margin-left: 4px;
	margin-bottom: 4px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #card {
	border-radius: 15px;
	background-color: white;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	display: flex;
	justify-content: space-between;
	width: 100%;
	box-sizing: border-box;
	outline: 1px solid transparent;
	transition: outline 0.3s ease;
	cursor: pointer;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #card:hover {
	outline: 1px solid rgba(146, 146, 146, 0.651);
}

#eventsBackGroundDiv #mainWrapper #mainDiv #body #card #left h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards {
	margin: 0;
	padding: 0;
	width: 100%;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #date {
	margin: 0;
	padding: 0;
	line-height: 1;
	padding-bottom: 20px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #card #left #location,
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #card #left #guests,
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #card #left button {
	display: flex;
	align-items: center;
	gap: 5px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #card #left p {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 10px;
}
#eventsBackGroundDiv
	#mainWrapper
	#mainDiv
	#body
	#cards
	#card
	#left
	#location
	* {
	color: #d69712;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #card #left button {
	border-radius: 10px;
	border-width: 0;
	padding-left: 10px;
	padding-right: 10px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #right {
	padding-top: 10px;
	border-radius: 10px;
}
#eventsBackGroundDiv #mainWrapper #mainDiv #body #dateLeft {
	display: none;
}
@media (min-width: 650px) {
	#eventsBackGroundDiv #mainWrapper #mainDiv #body #cards #date {
		display: none;
	}
	#eventsBackGroundDiv #mainWrapper #mainDiv #body #dateLeft {
		display: unset;
	}
	#eventsBackGroundDiv #mainWrapper #mainDiv #body {
		gap: 20px;
	}
	#eventsBackGroundDiv #mainWrapper #mainDiv #body #dateLeft p,
	#eventsBackGroundDiv #mainWrapper #mainDiv #body #dateLeft h4 {
		padding: 0;
		margin: 0;
		line-height: 1;
		padding-bottom: 10px;
		padding-right: 40px;
	}
}
/* header */
/* background */
/* specific */
/* footer */

#inactiveBackGround {
	position: unset;
	display: unset;
	justify-content: unset;
	align-items: unset;
	left: unset;
	top: unset;
	width: unset;
	height: unset;
	z-index: unset;
	background-color: unset;
	overflow: unset;
}
#inactiveBackGround {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 100;
	background-color: #b3b5b799;
	overflow: hidden;
}
#inactiveBackGround svg {
	width: 17px;
	height: 17px;
}
#inactiveBackGround #createModal {
	background-color: #f0f0f0ee;
	border-radius: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 280px;
	max-height: fit-content;
	overflow: hidden;
}
#inactiveBackGround #createModal #footer button {
	flex: 1;
	padding: 10px 0;
	font-size: 15px;
}
#inactiveBackGround #createModal #footer {
	display: flex;
	align-items: center;
	gap: 10px;
}
#inactiveBackGround #createModal #icon {
	width: 100%;
	display: flex;
	justify-items: start;
}
#inactiveBackGround #createModal #icon #circle {
	background-color: rgba(180, 180, 180, 0.178);
	border-radius: 100%;
	width: fit-content;
	padding: 5px;
}
#inactiveBackGround #createModal #icon #circle svg {
	width: 30px;
	height: auto;
	padding: 5px;
}

#inactiveBackGround #createModal #checkButton #back {
	border-radius: 40px;
	width: 40px;
	height: 23px;
	background-color: gray;
	align-self: center;
	padding: 0;
	padding-top: 2px;
}
#inactiveBackGround #createModal #checkButton #back #innerCircle {
	border-radius: 100%;
	width: 20px;
	height: 20px;
	background-color: white;
	align-self: center;
	justify-self: start;
	margin-left: 2px;
}
#inactiveBackGround #createModal #description {
	line-height: 1.4;
	font-size: 14px;
	padding: 0;
	margin: 0;
}
#inactiveBackGround #createModal h2 {
	line-height: 1;
	margin-top: 15px;
	margin-bottom: 10px;
}
#inactiveBackGround #createModal #inpDiv input {
	border-radius: 7px;
	width: 100%;
	height: 30px;
	border-width: 1px;
}
#inactiveBackGround #createModal #inpDiv p {
	padding: 0;
	margin: 0;
	margin-top: 12px;
	margin-bottom: 8px;
}
#inactiveBackGround #createModal #bottom {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 13px;
	align-items: center;
}
#inactiveBackGround #approvalModal {
	background-color: #ffffffdd;
	position: absolute;
	border-radius: 10px;
	color: black;
	font-size: 12px;
	width: 500px;
	height: 550px;
	right: 5px;
	top: 10px;
}

#inactiveBackGround #approvalModal #header {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: white;
	padding: 15px;
}
#inactiveBackGround #approvalModal #body {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

	padding: 15px;
}
#inactiveBackGround #approvalModal #body textarea {
	border-radius: 10px;
	width: 100%;
	height: 100px;
}
#inactiveBackGround #approvalModal #body #card {
	border-radius: 10px;
	background-color: white;
	padding: 15px;
	box-shadow: 0 0 0 1px rgba(19, 21, 23, 0.08),
		0 3.3px 2.7px rgba(0, 0, 0, 0.03),
		0 8.3px 6.9px rgba(0, 0, 0, 0.04),
		0 17px 14.2px rgba(0, 0, 0, 0.05),
		0 35px 29.2px rgba(0, 0, 0, 0.06),
		0 96px 80px rgba(0, 0, 0, 0.07),
		0px -4px 4px 0px rgba(0, 0, 0, 0.04) inset;
}
#inactiveBackGround #addQuestionModal svg {
	width: 17px;
	height: 17px;
}
#inactiveBackGround #addQuestionModal {
	background-color: white;
	position: absolute;
	border-radius: 10px;
	padding: 15px;
}
#inactiveBackGround #addQuestionModal #icon svg {
	width: 35px;
	height: 35px;
}
#inactiveBackGround #addQuestionModal #body {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 7px;
}
#inactiveBackGround #addQuestionModal #body button {
	display: flex;
	align-items: center;
	border-radius: 5px;
	border-width: 0;
	gap: 10px;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1;
	padding-left: 10px;
	padding-right: 10px;
}
#inactiveBackGround #shareModal {
	background-color: #ffffffdd;
	border-radius: 10px;
	padding: 15px;
	height: auto;
}
#inactiveBackGround #shareModal svg {
	width: 35px;
	height: 35px;
}
#inactiveBackGround #shareModal #body {
	border-width: 0;
	background-color: transparent;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	column-gap: 35px;
	row-gap: 15px;
	padding-left: 20px;
	padding-right: 20px;
	height: fit-content;
}
#inactiveBackGround #shareModal #body button {
	border-width: 0;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 5px 20px;
}
#inactiveBackGround #shareModal #body button:hover {
	transform: background-color 0.3s ease, color 0.3s ease;
	background-color: rgba(192, 192, 192, 0.562);
	color: white;
}
#inactiveBackGround #shareModal #body button:hover * {
	transform: color 0.3s ease;
	color: white;
}
#inactiveBackGround #shareModal #icon {
	border-radius: 100%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(230, 230, 230, 0.329);
}
#inactiveBackGround #shareModal #footer div {
	display: flex;
	align-items: center;
	gap: 5px;
}
#inactiveBackGround #shareModal #footer div input {
	width: 100%;
	border-radius: 5px;
	height: 35px;
	border-width: 1px;
	border-color: rgba(128, 128, 128, 0.274);
}
#inactiveBackGround #shareModal #footer div input:focus {
	outline: none;
}
#inactiveBackGround #shareModal #footer div button {
	height: 100%;
	border-radius: 5px;
	border-width: 0;
	padding-top: 7px;
	padding-bottom: 7px;
}
#inactiveBackGround #shareModal #footer {
	width: 100%;
}
#inactiveBackGround #addHostModal {
	background-color: #ffffffdd;
	border-radius: 15px;
	padding: 20px;
	width: 300px;
}
#inactiveBackGround #addHostModal #iconDiv #exit svg {
	border-radius: 100%;
	cursor: pointer;
}
#inactiveBackGround #addHostModal #iconDiv {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
#inactiveBackGround #addHostModal #iconDiv #icon {
	background-color: rgba(221, 221, 221, 0.418);
	border-radius: 100%;
	padding: 10px;
}
#inactiveBackGround #addHostModal #iconDiv #icon svg {
	width: 30px;
	height: 30px;
}
#inactiveBackGround #addHostModal #inputDiv {
	width: 100%;
}
#inactiveBackGround #addHostModal #inputDiv input {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	background-color: white;
	border-width: 1px;
	border-radius: 7px;
	border-color: rgba(128, 128, 128, 0.377);
}
#inactiveBackGround #addHostModal #footer {
	text-align: center;
	color: #a8a8a8dd;
}

#inactiveBackGround #inviteGuestsModal {
	position: absolute;
	background-color: #f1f4f7f5;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	z-index: 100;
}

#inactiveBackGround #inviteGuestsModal #modalBody #right #emails img {
	width: 20px;
	height: 20px;
}
#inactiveBackGround #inviteGuestsModal #modalHeader {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
#inactiveBackGround #inviteGuestsModal #modalHeader #right {
	display: flex;
	align-items: center;
	gap: 20px;
	box-sizing: border-box;
}
#inactiveBackGround #inviteGuestsModal #modalHeader button {
	border-radius: 40px;
	border-color: rgba(187, 187, 187, 0.342);
	background-color: transparent;
	display: flex;
	align-items: center;
}

#inactiveBackGround
	#inviteGuestsModal
	#modalHeader
	#right
	button
	#headerCircle {
	border-radius: 100%;
	outline-color: rgb(187, 187, 187);
	outline-style: solid;
	outline-width: 2px;
	border-width: 0;
	background-color: white;
	width: 11px;
	height: 11px;
	margin-right: 5px;
}

#inactiveBackGround #inviteGuestsModal #modalHeader h2 {
	line-height: 1;
	padding: 0;
	margin: 0;
}
#inactiveBackGround #inviteGuestsModal #modalBody {
	display: flex;
	border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;
	box-sizing: border-box;

	width: 100%;
	flex-direction: column;
	flex-grow: 1;
}

#inactiveBackGround #inviteGuestsModal #modalBody #left div p,
#inactiveBackGround #inviteGuestsModal #modalBody #left h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #peopleInfo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left h4 {
	padding-top: 15px;
	padding-bottom: 10px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left div {
	gap: 10px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left button {
	border-width: 0;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	gap: 10px;
	color: rgb(19 21 23 / 36%);
}
#inactiveBackGround #inviteGuestsModal #modalBody #left button:hover {
	transition: color 0.3s ease;
	color: black;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left hr {
	padding: 0;
	margin: 0;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left {
	border-right: 1px solid rgba(201, 201, 201, 0.432);
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 15px;

	display: flex;
	box-sizing: border-box;

	width: 100%;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #addEmailsTitle {
	display: none;
}

#inactiveBackGround #inviteGuestsModal #modalBody #left #bottomTitle {
	display: none;
}

#inactiveBackGround #inviteGuestsModal #modalBody #left #bottomInfo {
	display: none;
}

#inactiveBackGround #inviteGuestsModal #modalBody #left .grow {
	display: none;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left .shrink {
	margin-right: 30px;
	line-height: 1;
}

#inactiveBackGround #inviteGuestsModal #modalBody #bottomHr {
	width: 100%;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left #topHr {
	display: none;
}
#inactiveBackGround #inviteGuestsModal #modalBody #left div {
	display: flex;
	align-items: center;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right {
	display: flex;
	flex-direction: column;
	justify-items: start;
	padding: 15px;
	box-sizing: border-box;
	width: 100%;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #inputDiv {
	display: flex;
	justify-content: space-between;
	width: 100%;
	gap: 10px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #inputDiv input {
	width: 100%;
	height: 30px;
	border-radius: 5px;
	border-width: 1px;
	border-color: rgba(206, 206, 206, 0.418);
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #inputDiv button {
	padding-top: 8px;
	width: 70px;
	padding-bottom: 8px;
	border-radius: 5px;
	border-width: 0;
	background-color: rgba(206, 206, 206, 0.418);
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #emails #emailIcon {
	display: flex;
	align-items: center;
	gap: 25px;
}
#inactiveBackGround
	#inviteGuestsModal
	#modalBody
	#right
	#emails
	#emailIcon
	#circle {
	background-color: gray;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right h2 {
	line-height: 1;
	padding: 0;
	margin: 0;
	padding-bottom: 6px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #emails {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: space-between;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right #emails div {
	display: flex;
	align-items: center;
}
#inactiveBackGround #inviteGuestsModal #footer #nextButtonDiv {
	width: 100%;
	display: flex;
	justify-content: end;
}
#inactiveBackGround #inviteGuestsModal #footer #nextButtonDiv button {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 15px;
	border-width: 0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	margin-right: 10px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right * {
	display: none;
	content-visibility: hidden;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right {
	display: none;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 {
	box-sizing: border-box;
	width: 850px;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	text-align: center;
	flex-direction: column;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 p,
#inactiveBackGround #inviteGuestsModal #modalBody #right2 h4 {
	line-height: 1;
	padding: 0;
	margin: 0;
	padding-top: 10px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 h4 {
	padding-top: 20px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 #content {
	padding-left: 120px;
	padding-right: 120px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 {
	box-sizing: border-box;
	width: auto;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 button {
	width: 250px;
	border-width: 0;
	border-radius: 10px;

	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	gap: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}
#inactiveBackGround #inviteGuestsModal #modalBody #right2 button p {
	line-height: unset;
	padding: unset;
	margin: unset;
}
#inactiveBackGround #inviteGuestsModal #modalHeader #exitBtn {
	border-radius: 100%;
	cursor: pointer;
}
#inactiveBackGround #inviteGuestsModal #modalHeader button {
	border-radius: 40px;
	border-color: rgba(187, 187, 187, 0.342);
	background-color: transparent;
	display: flex;
	align-items: center;
	border-width: 2px;
}
@media (min-width: 600px) {
	#inactiveBackGround {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: 100;
		background-color: rgba(0, 0, 0, 0.442);
		overflow: hidden;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left #topHr {
		display: unset;
	}
	#inactiveBackGround #inviteGuestsModal {
		border-radius: 10px;
		background-color: #f1f4f7f5;
		width: 800px;
		height: 500px;
		position: relative;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right #emails img {
		width: 20px;
		height: 20px;
	}

	#inactiveBackGround
		#inviteGuestsModal
		#modalBody
		#right
		#addEmailsTitle {
		display: flex;
	}

	#inactiveBackGround #inviteGuestsModal #modalBody #left #bottomTitle {
		display: flex;
	}

	#inactiveBackGround #inviteGuestsModal #modalBody #left #bottomInfo {
		display: flex;
	}

	#inactiveBackGround #inviteGuestsModal #modalBody #left .grow {
		display: flex;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left .shrink {
		display: none;
	}

	#inactiveBackGround #inviteGuestsModal #modalHeader {
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		padding: 15px;
		border-bottom: 1px solid rgba(204, 204, 204, 0.5);
	}
	#inactiveBackGround #inviteGuestsModal #modalHeader #exitBtn {
		border-radius: 100%;
		cursor: pointer;
	}

	#inactiveBackGround #inviteGuestsModal #modalHeader #right {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	#inactiveBackGround #inviteGuestsModal #modalHeader button {
		border-radius: 40px;
		border-color: rgba(187, 187, 187, 0.342);
		background-color: transparent;
		display: flex;
		align-items: center;
		border-width: 2px;
	}
	#inactiveBackGround
		#inviteGuestsModal
		#modalHeader
		#right
		button
		#headerCircle {
		border-radius: 100%;
		outline-color: rgb(187, 187, 187);
		outline-style: solid;
		outline-width: 2px;
		border-width: 0;
		background-color: transparent;
		width: 11px;
		height: 11px;
		margin-right: 5px;
	}

	#inactiveBackGround #inviteGuestsModal #modalHeader h2 {
		line-height: 1;
		padding: 0;
		margin: 0;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody {
		display: flex;
		border-bottom-right-radius: 10px;
		height: 370px;
		border-bottom-left-radius: 10px;
		box-sizing: border-box;
		flex-direction: row;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left div p,
	#inactiveBackGround #inviteGuestsModal #modalBody #left h4 {
		padding: 0;
		margin: 0;
		line-height: 1;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left h4 {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left div {
		gap: 10px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left button {
		border-width: 0;
		background-color: transparent;
		display: flex;
		align-items: center;
		padding: 7px;
		margin: 0;
		margin-bottom: 15px;
		gap: 10px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left hr {
		padding: 0;
		margin: 0;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left {
		border-right: 1px solid rgba(201, 201, 201, 0.432);
		padding-left: 15px;
		padding-right: 20px;
		padding-top: 15px;
		height: 100%;
		flex-direction: column;
		width: 350px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left button:hover {
		transition: background-color 0.3s ease;
		background-color: rgba(187, 187, 187, 0.5);
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left button p {
		line-height: 1;
		padding: 0;
		margin: 0;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #left div {
		display: flex;
		align-items: center;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right {
		display: flex;
		flex-direction: column;
		justify-items: start;
		padding: 15px;
		width: 100%;
		height: 100%;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right #inputDiv {
		display: flex;
		justify-content: space-between;
		width: 100%;
		gap: 10px;
	}
	#inactiveBackGround
		#inviteGuestsModal
		#modalBody
		#right
		#inputDiv
		input {
		width: 100%;
		height: 30px;
		border-radius: 5px;
		border-width: 1px;
		border-color: rgba(206, 206, 206, 0.418);
	}
	#inactiveBackGround
		#inviteGuestsModal
		#modalBody
		#right
		#inputDiv
		button {
		padding-top: 8px;
		width: 70px;
		padding-bottom: 8px;
		border-radius: 5px;
		border-width: 0;
		background-color: rgba(206, 206, 206, 0.418);
	}
	#inactiveBackGround
		#inviteGuestsModal
		#modalBody
		#right
		#emails
		#emailIcon {
		display: flex;
		align-items: center;
		gap: 25px;
	}
	#inactiveBackGround
		#inviteGuestsModal
		#modalBody
		#right
		#emails
		#emailIcon
		#circle {
		background-color: gray;
		border-radius: 100%;
		width: 35px;
		height: 35px;
		display: flex;
		justify-content: center;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right h2 {
		line-height: 1;
		padding: 0;
		margin: 0;
		padding-bottom: 6px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right #emails {
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right #emails div {
		display: flex;
		align-items: center;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #bottomHr {
		display: none;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right #inputDiv svg {
		display: none;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right #peopleInfo {
		display: none;
	}
	#inactiveBackGround
		#inviteGuestsModal
		#modalBody
		#right
		#peopleInfo
		#peopleInfoHr {
		display: none;
	}

	#inactiveBackGround #inviteGuestsModal #footer {
		box-sizing: border-box;
		padding-bottom: 10px;
	}
	#inactiveBackGround #addQuestion3Modal hr {
		width: 100%;
		box-sizing: border-box;
	}

	#inactiveBackGround #inviteGuestsModal #modalBody #right * {
		display: none;
		content-visibility: hidden;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right {
		display: none;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 {
		box-sizing: border-box;
		width: 850px;
		height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
		text-align: center;
		flex-direction: column;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 p,
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 h4 {
		line-height: 1;
		padding: 0;
		margin: 0;
		padding-top: 10px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 h4 {
		padding-top: 20px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 #content {
		padding-left: 175px;
		padding-right: 175px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 {
		box-sizing: border-box;
		width: 850px;
		height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 button {
		width: 250px;
		border-width: 0;
		border-radius: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#inactiveBackGround #inviteGuestsModal #modalBody #right2 button p {
		line-height: unset;
		padding: unset;
		margin: unset;
	}
}

#inactiveBackGround #sendBlastModal {
	display: flex;
	flex-direction: column;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #ffffffdd;
	z-index: 1000;
	padding: 20px;
	box-sizing: border-box;
}
#inactiveBackGround #sendBlastModal #iconDiv {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
#inactiveBackGround #sendBlastModal #iconDiv #icon {
	border-radius: 100%;
	background-color: rgb(19 21 23 / 4%);
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#inactiveBackGround #sendBlastModal #iconDiv #exitIcon {
	border-radius: 100%;
	background-color: rgb(19 21 23 / 4%);
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
#inactiveBackGround #sendBlastModal #iconDiv svg {
	width: 25px;
	height: 25px;
}
#inactiveBackGround #sendBlastModal input {
	width: 100%;
	height: 30px;
	border-radius: 7px;
	border-width: 1px;
	background-color: white;
	border-color: rgba(209, 209, 209, 0.363);
	box-sizing: border-box;
	font-size: 15px;
}

#inactiveBackGround #sendBlastModal textarea {
	width: 100%;
	height: 80px;
	border-radius: 10px;
	border-width: 1px;
	border-color: rgba(209, 209, 209, 0.363);
	padding: 10px;
	font-size: 16px;
	box-sizing: border-box;
}
#inactiveBackGround #sendBlastModal #header {
	font-size: 14px;
}
#inactiveBackGround #sendBlastModal #recipients p,
#inactiveBackGround #sendBlastModal #subject p,
#inactiveBackGround #sendBlastModal #message p {
	font-size: 14px;
	line-height: 1;
	padding: 0;
	margin: 0;
	padding-bottom: 10px;
}
#inactiveBackGround #sendBlastModal #subject,
#inactiveBackGround #sendBlastModal #message {
	padding-top: 20px;
}
#inactiveBackGround #sendBlastModal #footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
}
#inactiveBackGround #sendBlastModal #footer #left {
	display: flex;
	gap: 10px;
	align-items: center;
}
#inactiveBackGround #sendBlastModal #footer button {
	border-radius: 10px;
	padding: 10px;
	padding-right: 15px;
	padding-left: 15px;
	border-width: 0;
	display: flex;
	align-items: center;
	font-size: 16px;
	gap: 7px;
}

@media (min-width: 450px) {
	#inactiveBackGround #sendBlastModal {
		width: 500px;
		height: 500px;
		border-radius: 15px;
	}
}

#inactiveBackGround #addQuestion2Modal {
	z-index: 100;
	background-color: white;
	border-radius: 15px;
	box-sizing: border-box;
}
#inactiveBackGround #addQuestion2Modal #iconDiv {
	gap: 15px;
}
#inactiveBackGround #addQuestion2Modal #iconDiv #left {
	background-color: rgb(19 21 23 / 4%);
	padding: 8px;
	border-radius: 5px;
}
#inactiveBackGround #addQuestion2Modal #body p {
	padding: 0;
	line-height: 1;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
#inactiveBackGround #addQuestion2Modal #body #description {
	padding-bottom: 10px;
	padding-top: 20px;
}
#inactiveBackGround #addQuestion2Modal #body #requiredButtonDiv {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#inactiveBackGround #addQuestion2Modal #body button {
	padding: 10px;
	justify-content: center;
}
#inactiveBackGround #addQuestion2Modal #modalTop #iconDiv #right h4,
#inactiveBackGround #addQuestion2Modal #modalTop #iconDiv #right p {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-bottom: 5px;
}
#inactiveBackGround #addQuestion2Modal #modalTop #top .icon {
	background-color: rgb(19 21 23 / 4%);
	padding: 5px;
	border-radius: 100%;
	cursor: pointer;
}
#inactiveBackGround #addQuestion2Modal input {
	border-radius: 7px;
	border-width: 1px;
	border-color: rgba(202, 202, 202, 0.445);
	width: 100%;
	box-sizing: border-box;
}
#inactiveBackGround #addQuestion2Modal #body button {
	width: 100%;
	border-radius: 7px;
	border-width: 1px;
	font: 15px;
	text-align: center;
}
#inactiveBackGround #addQuestion2Modal input {
	height: 30px;
}

#inactiveBackGround #addQuestion2Modal #body #checkButton #back {
	border-radius: 40px;
	width: 40px;
	height: 25px;
	background-color: gray;
	align-self: center;
	padding: 0;
}
#inactiveBackGround #addQuestion2Modal #body #checkButton #back #innerCircle {
	border-radius: 100%;
	width: 22px;
	height: 22px;
	background-color: white;
	align-self: center;
	justify-self: start;
	margin-left: 2px;
}
#inactiveBackGround #addQuestion2Modal #modalTop {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid gray;
}
#inactiveBackGround #addQuestion2Modal #modalTop #top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#inactiveBackGround #addQuestion2Modal #modalTop #iconDiv {
	display: flex;
	align-items: center;
}
#inactiveBackGround #addQuestion2Modal #body {
	padding: 20px;
}
#inactiveBackGround #addQuestion2Modal #body #platform,
#inactiveBackGround #addQuestion2Modal #body #question {
	width: 100%;
	box-sizing: border-box;
}

#inactiveBackGround #addQuestion2Modal #body #description {
	font-size: 12px;
}

#inactiveBackGround #editTicketModal {
	background-color: #ffffffdd;
	z-index: 100;
	border-radius: 15px;
	padding: 20px;
}
#inactiveBackGround #editTicketModal input {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	border-radius: 7px;
	border-width: 1px;
	border-color: rgba(175, 175, 175, 0.589);
}
#inactiveBackGround #editTicketModal #header h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
#inactiveBackGround #editTicketModal #iconDiv #icon {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(19 21 23 / 4%);
	border-radius: 100%;
}
#inactiveBackGround #editTicketModal #iconDiv #icon svg {
	width: 35px;
	height: 35px;
}
#inactiveBackGround #editTicketModal #exitIcon svg {
	border-radius: 100%;
	cursor: pointer;
}
#inactiveBackGround #editTicketModal p,
#inactiveBackGround #editTicketModal h3,
#inactiveBackGround #editTicketModal h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#inactiveBackGround #editTicketModal #iconDiv {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
#inactiveBackGround #editTicketModal .inputDiv p {
	padding-bottom: 5px;
}
#inactiveBackGround #editTicketModal .inputDiv {
	padding-bottom: 10px;
}
#inactiveBackGround #editTicketModal .switchDiv {
	padding-bottom: 10px;
	padding-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#inactiveBackGround #editTicketModal #header p {
	padding-bottom: 16px;
}
#inactiveBackGround #editTicketModal #dateTime {
	display: flex;
	align-items: center;
}
#inactiveBackGround #editTicketModal #dateTime #time {
	background-color: white;
	border-radius: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(196, 196, 196, 0.432);
	width: 70px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: unset;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}
#inactiveBackGround #editTicketModal #dateTime input {
	border-radius: 7px;
	border-color: rgba(196, 196, 196, 0.473);
	border-right: 1px solid rgba(196, 196, 196, 0.473);
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}
#inactiveBackGround #editTicketModal button {
	border-radius: 7px;
	justify-content: center;
}
#checkButton #back {
	border-radius: 40px;
	width: 40px;
	height: 25px;
	background-color: gray;
	align-self: center;
	padding: 0;
}
#checkButton #back #innerCircle {
	border-radius: 100%;
	width: 22px;
	height: 22px;
	background-color: white;
	align-self: center;
	justify-self: start;
	margin-left: 2px;
}
#inactiveBackGround #editTicketModal #totalTicketsDiv {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 15px;
	padding-bottom: 15px;
}
#inactiveBackGround #editTicketModal #totalTicketsDiv div {
	padding-left: 40px;
	background-color: white;
	border: 1px solid rgba(199, 199, 199, 0.411);
	border-radius: 7px;
	height: 30px;
	display: flex;
	align-items: center;
	padding-right: 15px;
}
#inactiveBackGround #editTicketModal button {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;

	border-radius: 7px;
}

#inactiveBackGround #addQuestion3Modal {
	background-color: #ffffffdd;
	border-radius: 15px;
	width: 400px;
	max-width: 400px;
}
#inactiveBackGround #addQuestion3Modal p,
#inactiveBackGround #addQuestion3Modal h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#inactiveBackGround #addQuestion3Modal #modalTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
}

#inactiveBackGround #addQuestion3Modal #iconDiv {
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	gap: 20px;
}
#inactiveBackGround #addQuestion3Modal #body {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#inactiveBackGround #addQuestion3Modal svg {
	width: 17px;
	height: 17px;
	padding: 5px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	border-radius: 100%;
}
#inactiveBackGround #addQuestion3Modal #iconDiv svg {
	width: 17px;
	height: 17px;
	padding: 5px;
	margin: 0;
	line-height: 1;
	cursor: pointer;
	border-radius: 10px;
}
#inactiveBackGround #addQuestion3Modal #body .inpDiv h4 {
	padding-bottom: 10px;
}
#inactiveBackGround #addQuestion3Modal #body .inpDiv {
	width: 100%;
	box-sizing: border-box;
}
#inactiveBackGround #addQuestion3Modal #body .inpDiv input {
	width: 100%;
	border-radius: 10px;
	border-width: 1px;
	border-color: rgba(196, 196, 196, 0.418);
	margin-bottom: 25px;
	box-sizing: border-box;
}
#inactiveBackGround #addQuestion3Modal #body #description {
	padding-bottom: 15px;
}
#inactiveBackGround #addQuestion3Modal #body #selectionType {
	padding-bottom: 10px;
}
#inactiveBackGround #addQuestion3Modal #body #switchButton {
	display: flex;
	justify-content: space-evenly;
	background-color: rgb(19 21 23 / 4%);
	align-items: center;
	border-radius: 7px;
	padding: 2px;
}
#inactiveBackGround #addQuestion3Modal #body #switchButton #innerButton {
	display: flex;
	align-items: center;
	background-color: white;
	justify-content: center;
	width: 100%;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
	gap: 6px;
}
#inactiveBackGround #addQuestion3Modal #body #switchButton #left {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	gap: 6px;
}
#inactiveBackGround #addQuestion3Modal #body #requiredDiv {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}
#inactiveBackGround #addQuestion3Modal button {
	padding-top: 7px;
	padding-bottom: 7px;
	border-radius: 7px;
	justify-content: center;
	border-width: 0;
	width: 100%;
}
#blastBackGroundDiv {
	width: 100%;
	box-sizing: border-box;
}

#blastBackGroundDiv #blastsWrapper {
	width: 100%;
	box-sizing: border-box;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv,
#blastBackGroundDiv #blastsWrapper,
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #sendBlasts {
	box-sizing: border-box;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #sendBlasts * {
	color: rgb(19 21 23 / 30%);
}
#blastBackGroundDiv svg {
	width: 17px;
	height: 17px;
}

#blastBackGroundDiv p,
#blastBackGroundDiv h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-top: 5px;
	padding-bottom: 5px;
}
#blastBackGroundDiv p {
	padding-bottom: 20px;

	line-height: 1.5;
}
#blastBackGroundDiv h4 {
	padding-top: 10px;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #firstInp {
	display: flex;
	align-items: center;
	background-color: white;
	padding: 5px;
	border-radius: 10px;
	box-sizing: border-box;
	height: 50px;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 10px;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #firstInp input {
	width: 100%;
	border-width: 0;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #firstInp input:focus {
	outline: none;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #firstInp img {
	width: 30px;
	height: 30px;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #sendBlasts {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 2px dashed rgb(19 21 23 / 8%);
	border-radius: 10px;

	text-align: center;
	margin-left: 15px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 20px;
	box-sizing: border-box;
	width: auto;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #sendBlasts img {
	width: 150px;
}

#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages {
	width: 100%;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages #cards .card {
	display: flex;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	gap: 15px;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages #cards .card p {
	color: rgb(19 21 23 / 36%);
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages #cards .card svg {
	background-color: rgb(19 21 23 / 4%);
	padding: 5px 7px;
	border-radius: 7px;
}
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.data
	* {
	padding: 0;
	margin: 0;
	line-height: 1;
	width: 250px;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages #cards {
	background-color: white;
	border-radius: 10px;
	margin-left: 15px;
	margin-right: 15px;

	box-sizing: border-box;
}
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.data
	h4 {
	padding-bottom: 10px;
	padding-top: 17px;
}
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.data
	p {
	padding-bottom: 10px;
	line-height: 1.5;
}
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.data
	.innerButton,
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.outterButton {
	border-radius: 7px;
	border-width: 0;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-top: 7px;
	width: fit-content;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages h3 {
	padding-left: 17px;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv #messages #cards .card hr {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#blastBackGroundDiv #blastsWrapper #blastsMainDiv {
	padding-bottom: 200px;
}
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.outterButton {
	display: none;
}
#blastBackGroundDiv
	#blastsWrapper
	#blastsMainDiv
	#messages
	#cards
	.card
	.data
	.innerButton {
	display: unset;
}
@media (min-width: 900px) {
	#blastBackGroundDiv #blastsWrapper #blastsMainDiv {
		width: 780px;
		justify-self: center;
	}

	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		.data {
		width: 100%;
		display: flex;
		justify-items: center;
		flex-direction: column;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		.data
		.innerButton {
		display: none;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		.outterButton {
		display: unset;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		.data
		p {
		width: 100%;
		padding: auto;
		margin: auto;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card {
		display: flex;
		flex-direction: row;
		padding-bottom: 7px;
		padding-top: 7px;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		svg {
		width: 20px;
		height: 20px;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		.data
		p {
		padding: 0;
		margin: 0;
		line-height: 1.5;
		padding-bottom: 0;
	}
	#blastBackGroundDiv
		#blastsWrapper
		#blastsMainDiv
		#messages
		#cards
		.card
		.data
		h4 {
		padding: 0;
		margin: 0;
		line-height: 1.5;
		padding-top: 5px;
	}
}
#chooseImageModal {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(248, 248, 248);
	z-index: 100;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 100%;
}
#chooseImageModal svg {
	width: 17px;
	height: 17px;
}
#chooseImageModal p,
#chooseImageModal h4 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#chooseImageModal #modalTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
}
#chooseImageModal #dragDiv {
	display: flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 7px;
	background-color: rgba(206, 206, 206, 0.432);
	border: 1px dashed gray;
	margin-left: 20px;
	margin-right: 20px;
}
#chooseImageModal #dragDiv h4 {
	padding-bottom: 10px;
}
#chooseImageModal #inputWrapper #inputDiv {
	margin-top: 20px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	height: 30px;
	border-radius: 7px;
	background-color: white;
	border: 1px solid gray;
	align-items: center;
	padding-left: 10px;
	gap: 15px;
}
#chooseImageModal #inputWrapper #inputDiv input {
	width: 100%;
	border-width: 0;
}
#chooseImageModal #inputWrapper {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
#chooseImageModal #buttonsDiv {
	display: flex;
	overflow-x: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	gap: 10px;
}
#chooseImageModal #buttonsDiv button {
	background-color: rgba(211, 211, 211, 0.336);
	border-width: 0;
	white-space: nowrap;
	padding: 0;
	border-radius: 30px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#chooseImageModal #body {
	display: flex;
	justify-items: center;
	flex-direction: column;
	padding-left: 20px;
	padding-right: 20px;
	overflow-y: auto;
	max-height: 250px;
}
#chooseImageModal #body #categories {
	display: grid;
	padding-left: 20px;
	padding-right: 20px;
	grid-template-columns: repeat(2, 1fr);
	padding-top: 20px;
	gap: 20px;
}

#chooseImageModal #body #categories .category::after {
	content: 'Category';
	justify-self: center;
	backdrop-filter: blur(0.5rem) saturate(1.5) brightness(0.9);
	background: linear-gradient(
		rgba(242, 242, 242, 0.7) 0%,
		rgb(242, 242, 242) 91.67%
	);
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
	right: 15px;
	position: relative;
	border-radius: 15px;
	box-shadow: rgb(255, 255, 255) 0px 0px 20px 0px inset,
		rgb(255, 255, 255) 0px 0px 3px 0px inset,
		rgba(0, 0, 0, 0.05) 0px -4px 4px 0px inset,
		rgba(0, 0, 0, 0.25) 0px 0px 1px 0px,
		rgba(0, 0, 0, 0.05) 0px 7px 16px 0px;
}
#chooseImageModal #body #categories img {
	width: 130px;
	border-radius: 5px;
}
#chooseImageModal {
	display: none;
}
#inactiveBackGround #chooseImageModalIn {
	display: unset;
}
@media (min-width: 600px) {
	#chooseImageModal {
		display: none;
	}
	#inactiveBackGround #chooseImageModalIn {
		width: 800px;
		border-radius: 15px;
		background-color: white;
		z-index: 100;
		height: 500px;
		box-sizing: border-box;
	}
	#inactiveBackGround #chooseImageModalIn img {
		width: 80px;
		height: 80px;
	}
	#inactiveBackGroun #chooseImageModalIn svg {
		width: 17px;
		height: 17px;
	}
	#inactiveBackGroun #chooseImageModalIn p,
	#inactiveBackGroun #chooseImageModalIn h4 {
		padding: 0;
		margin: 0;
		line-height: 1;
	}

	#inactiveBackGround #chooseImageModalIn #modalTop {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: 15px;
		padding-right: 15px;
	}
	#inactiveBackGround #chooseImageModalIn #dragDiv {
		display: flex;
		text-align: center;
		flex-direction: column;
		justify-content: center;
		border-radius: 7px;
		background-color: rgba(206, 206, 206, 0.432);
		border: 1px dashed gray;
		margin-left: 20px;
		margin-right: 20px;
	}
	#inactiveBackGround #chooseImageModalIn #dragDiv h4 {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#inactiveBackGround #chooseImageModalIn #inputWrapper #inputDiv {
		margin-top: 20px;
		box-sizing: border-box;
		width: 100%;
		display: flex;
		height: 30px;
		border-radius: 7px;
		background-color: white;
		border: 1px solid gray;
		align-items: center;
		padding-left: 10px;
		gap: 15px;
	}
	#inactiveBackGround #chooseImageModalIn #inputWrapper #inputDiv input {
		width: 100%;
		border-width: 0;
	}
	#inactiveBackGround #chooseImageModalIn #inputWrapper {
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	#inactiveBackGround #chooseImageModalIn #buttonsDiv {
		display: flex;
		overflow-x: auto;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		gap: 10px;
		box-sizing: border-box;
	}
	#inactiveBackGround #chooseImageModalIn #buttonsDiv button {
		background-color: transparent;
		border-width: 0;
		white-space: nowrap;
		padding: 0;
		border-radius: 30px;
		padding: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#inactiveBackGround #chooseImageModalIn #body {
		display: flex;
		justify-items: center;
		flex-direction: column;
		padding-left: 30px;
		padding-right: 40px;
		overflow-y: auto;
		max-height: 260px;
		box-sizing: border-box;
		width: 100%;
	}
	#inactiveBackGround #chooseImageModalIn #body #categories {
		display: grid;
		grid-template-columns: repeat(3, 110px);
		padding-top: 20px;
		row-gap: 40px;
		column-gap: 80px;
		box-sizing: border-box;
	}
	#inactiveBackGround
		#chooseImageModalIn
		#body
		#categories
		.category
		img {
		width: 140px;
		height: 140px;
		border-radius: 10px;
	}

	#inactiveBackGround
		#chooseImageModalIn
		#body
		#categories
		.category::after {
		content: 'Category';
		justify-self: center;
		backdrop-filter: blur(0.5rem) saturate(1.5) brightness(0.9);
		background: linear-gradient(
			rgba(242, 242, 242, 0.7) 0%,
			rgb(242, 242, 242) 91.67%
		);
		padding-top: 30px;
		padding-bottom: 10px;
		padding-left: 50px;
		padding-right: 50px;
		right: 15px;
		position: relative;
		border-radius: 15px;
		box-shadow: rgb(255, 255, 255) 0px 0px 20px 0px inset,
			rgb(255, 255, 255) 0px 0px 3px 0px inset,
			rgba(0, 0, 0, 0.05) 0px -4px 4px 0px inset,
			rgba(0, 0, 0, 0.25) 0px 0px 1px 0px,
			rgba(0, 0, 0, 0.05) 0px 7px 16px 0px;
		text-align: center;
	}
	#inactiveBackGround #chooseImageModalIn #bottom {
		display: flex;
	}
	#inactiveBackGround #chooseImageModalIn #bottom #buttonsDiv {
		flex-direction: column;
		height: 260px;
		overflow-y: auto;
		width: 250px;
	}
	#inactiveBackGround #chooseImageModalIn #bottom #buttonsDiv button {
		display: flex;
		justify-content: start;
	}
	#inactiveBackGround #chooseImageModalIn #bottom #body #topImg {
		width: 100%;
		height: 210px;
		padding: 0;
		margin: 0;
		justify-self: center;
	}
}

#moreBackGroundDiv {
	width: 100%;
}
#moreBackGroundDiv hr {
	width: 100%;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv svg {
	width: 17px;
	height: 17px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv {
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	width: 100%;
	padding-bottom: 200px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #clone button {
	padding: 10px 15px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #clone {
	padding-bottom: 30px;
	padding-top: 5px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #page #bottom #inputDiv button {
	border-radius: 10px;
	display: flex;
	align-items: center;
	border-width: 0;
	background-color: black;
	color: white;
	width: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	justify-content: center;
	gap: 10px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #embed #bottom button {
	border-radius: 10px;
	display: flex;
	align-items: center;
	border-width: 0;
	background-color: white;
	color: black;
	width: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	justify-content: space-between;
	gap: 10px;
	white-space: nowrap;
	width: 100%;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #embed #bottom button .left {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 17px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #embed #bottom button .left svg {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: #f31a7c22;
	padding: 5px;
	border-radius: 5px;
	width: 20px;
	height: 20px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #embed #bottom button svg {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px;
	color: #f31a7c;
	fill: #f31a7c;
	width: 20px;
	height: 20px;
}

#moreBackGroundDiv #mainDivWrapper #mainDiv #embed #bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #embed #codeWrapper pre {
	padding: 0;
	margin: 0;
	overflow: auto;
	width: 100%;
}
#moreBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#buttonDivWrapper
	#buttonDiv
	button {
	border-radius: 25px;
	display: flex;
	align-items: center;
	border-width: 0;
	background-color: black;
	color: white;
	width: 150px;
	padding-top: 15px;
	padding-bottom: 15px;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
}

#moreBackGroundDiv #mainDivWrapper #mainDiv #buttonDivWrapper #buttonDiv {
	padding: 15px;
	width: 100%;
	height: 100px;
	display: flex;
	justify-content: center;
	border: 1px solid rgb(19 21 23 / 8%);
	align-items: center;
	box-sizing: border-box;
	border-radius: 10px;
}

#moreBackGroundDiv #mainDivWrapper #mainDiv #bottomPage button {
	border-radius: 10px;
	display: flex;
	align-items: center;
	border-width: 0;
	background-color: #ed2b32;
	color: white;
	font-size: 16px;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
	justify-content: center;
	gap: 10px;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #bottomPage button:hover {
	background-color: #a03034;
	transition: background-color 0.3s ease;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #bottomPage button svg {
	color: white;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #page #learnMoreWrapper #learnMore {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
	padding-bottom: 0;
	border: 1px solid rgb(19 21 23 / 8%);
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: rgb(19 21 23 / 4%);
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #page #bottom #inputDiv #leftDiv,
#moreBackGroundDiv #mainDivWrapper #mainDiv #page #bottom #inputDiv {
	display: flex;
	align-items: center;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #page #bottom #inputDiv #leftDiv {
	border: 1px solid #ebeced;
	border-radius: 7px;
	max-width: 250px;
	width: 350px;
	color: rgb(19 21 23 / 64%);
	background-color: rgb(19 21 23 / 4%);
}
#moreBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#page
	#bottom
	#inputDiv
	#leftDiv
	#left {
	border-right: 1px solid #ebeced;
	padding: 10px;
}
#moreBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#page
	#bottom
	#inputDiv
	#leftDiv
	#right {
	padding-left: 10px;
	color: black;
}
#moreBackGroundDiv #mainDivWrapper #mainDiv #page #bottom #inputDiv button {
	padding-left: 0;
	padding-right: 0;
	width: 90px;
	background-color: gray;
	font-size: larger;
	line-height: 1;
}

#moreBackGroundDiv #mainDivWrapper #mainDiv #page #bottom #inputDiv {
	display: flex;
	align-items: center;
	gap: 10px;
}

#guestsBackGroundDiv {
	background: linear-gradient(
		180deg,
		rgba(171, 200, 231, 0.6783088235294117) 0%,
		rgba(224, 224, 224, 0.7035189075630253) 32%
	);
	box-sizing: border-box;
	width: 100%;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv svg {
	width: 17px;
	height: 17px;
}
#guestsBackGroundDiv #mainDivWrapper {
	box-sizing: border-box;
	width: 100%;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv {
	box-sizing: border-box;
	width: 100%;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body {
	padding-left: 15px;
	padding-right: 15px;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #actionsDiv #actions {
	overflow-x: auto;
	display: flex;
	align-items: center;
	gap: 15px;
	width: auto;
	padding-bottom: 20px;
}
#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#invite
	svg {
	background-color: #325ffa22;
	color: #146aeb;
	padding: 7px;
	border-radius: 5px;
}
#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#check
	svg {
	background-color: #3cbd2c22;
	color: #3cbd2c;
	padding: 7px;
	border-radius: 5px;
}
#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#shown
	div
	svg {
	background-color: #d6971222;
	color: #eaab26;
	padding: 7px;
	border-radius: 5px;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #actionsDiv {
	width: 100%;
}

#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #bottom #top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #bottom #top #right {
	display: flex;
	align-items: center;
	gap: 10px;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #guestsDiv {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 150px;
	width: 100%;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #guestsDiv * {
	color: rgb(19 21 23 / 36%);
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #guestsDiv svg {
	width: 70px;
	height: 70px;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #guestsDiv p {
	font-size: smaller;
}
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #guestsDiv p,
#guestsBackGroundDiv #mainDivWrapper #mainDiv #body #guestsDiv h2 {
	padding: 0;
	margin: 0;
	line-height: 1;
	padding-bottom: 10px;
}
#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button {
	width: 180px;
	border-width: 0;
	border-radius: 10px;
	background-color: white;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
	min-width: fit-content;
	padding-left: 15px;
	padding-right: 15px;
	height: 50px;
}

#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button
	.right {
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 0;
	margin: 0;
}
#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button
	.right
	* {
	padding: 0;
	margin: 0;
	line-height: 1.2;
	text-wrap: nowrap;
}
#guestsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button
	.right
	p {
	font-size: smaller;
}
@media (min-width: 600px) {
	#guestsBackGroundDiv #mainDivWrapper #mainDiv {
		box-sizing: border-box;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
	#guestsBackGroundDiv #mainDivWrapper #mainDiv #body {
		width: 100%;
		box-sizing: border-box;
	}
	#guestsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#actionsDiv
		#actions
		button {
		width: unset;
		flex: 1;
	}
}
#guestsBackGroundDiv #mainDivWrapper {
	box-sizing: border-box;
	width: 100%;
}

#insightsBackGroundDiv #mainDivWrapper #mainDiv {
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
#insightsBackGroundDiv #mainDivWrapper {
	box-sizing: border-box;
}
#insightsBackGroundDiv {
	box-sizing: border-box;
}
#insightsBackGroundDiv #mainDivWrapper #mainDiv #body #pageView #graph {
	border: 1px solid white;
	border-radius: 10px;
	background-color: rgb(255 255 255 / 80%);
	box-sizing: border-box;
	height: auto;
}
#insightsBackGroundDiv #mainDivWrapper #mainDiv #body #pageView #graph svg {
	display: flex;
	background-color: rgb(255 255 255 / 80%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#insightsBackGroundDiv #mainDivWrapper #mainDiv #body #pageView #header #top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	margin: 0;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#header
	#top
	h3 {
	line-height: 1;
	padding: 0;
	margin: 0;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#header
	#top
	button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	border-width: 0;
	gap: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#header
	#top
	button
	svg {
	width: 17px;
	height: 17px;
}

#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#graphDataTime
	#snippets {
	display: flex;
	align-items: center;

	width: 100%;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#graphDataTime
	#snippets
	.snippet {
	margin-right: auto;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#graphDataTime
	#snippets
	.snippet
	p {
	text-wrap: nowrap;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#graphDataTime
	#snippets
	.snippet
	h1 {
	font-size: 24px;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#graphDataTime
	#snippets
	.snippet
	p {
	font-size: 15px;
}

#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#graphDataCities
	div {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	h3 {
	padding: 0;
	margin: 0;
}

#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#registrationTop
	button
	svg {
	width: 17px;
	height: 17px;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#registrationTop
	button
	p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#registrationTop
	button
	p {
	text-wrap: nowrap;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#registrationImg {
	width: 200px;
	height: 160px;
	padding-bottom: 0;
	margin-bottom: 0;
	justify-self: center;
	color: rgb(19 21 23 / 64%);
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#description {
	color: rgb(19 21 23 / 64%);
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#feedback
	#feedDescription {
	color: rgb(19 21 23 / 64%);
}

#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	h3,
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	p {
	padding-top: 10px;
	padding-bottom: 20px;
}
#insightsBackGroundDiv #mainDivWrapper #mainDiv #body #pageView {
	padding-bottom: 130px;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#description {
	align-items: center;
	text-align: center;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#registration
	#registrationTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 10px;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#feedback
	#feedbackImg
	svg {
	width: 170px;
	height: 150px;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#feedback
	#feedbackImg {
	height: 100px;
	text-align: center;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#feedback
	#feedDescription {
	text-align: center;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData {
	padding: 20px;
	background-color: rgb(19 21 23 / 4%);
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#desktopDiv
	#graphLeft
	#graphDataTime
	#traffic {
	display: none;
}
#insightsBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#pageView
	#graph
	#graphData
	#desktopDiv
	#graphLeft
	#graphDataTime
	#traffic
	h4 {
	font-weight: 400;
}

@media (min-width: 600px) {
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphLeft
		#graphDataTime
		#traffic {
		display: flex;
		flex-direction: column;
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData {
		padding: 0;
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv {
		display: flex;
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphLeft {
		width: 100%;
		padding: 20px;
		padding-right: 10px;
	}

	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphRight {
		width: 100%;
		padding: 20px;
		padding-left: 10px;
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphDataTime {
		width: 100%;
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphRight {
		border-left: 1px solid rgb(19 21 23 / 8%);
		padding-bottom: 100px;
		border-top: 1px solid rgb(19 21 23 / 8%);
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphLeft {
		padding-bottom: 100px;
		border-top: 1px solid rgb(19 21 23 / 8%);
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphDataTime
		#traffic
		p,
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphDataTime
		#traffic
		h4,
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphDataTime
		#traffic
		h3 {
		padding: 0;
		margin: 0;
		line-height: 1;
		padding-bottom: 10px;
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#graphDataUtmSources
		div {
		color: rgb(19 21 23 / 36%);
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphRight
		p {
		color: rgb(19 21 23 / 36%);
	}
	#insightsBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#pageView
		#graph
		#graphData
		#desktopDiv
		#graphDataTime
		#traffic
		p {
		color: rgb(19 21 23 / 36%);
	}
}

#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button {
	width: 180px;
	border-width: 0;
	border-radius: 10px;
	background-color: white;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: fit-content;
	padding-left: 15px;
	padding-right: 15px;
	height: 50px;
}

#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button
	.right {
	width: fit-content;
	display: flex;
	flex-direction: column;
	align-items: start;
	padding: 0;
	margin: 0;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button
	.right
	* {
	padding: 0;
	margin: 0;
	line-height: 1.2;
	text-wrap: nowrap;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	button
	.right
	p {
	font-size: smaller;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv svg {
	width: 17px;
	height: 17px;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #actionsDiv #actions {
	overflow-x: auto;
	display: flex;
	align-items: center;
	gap: 15px;
	width: auto;
	padding-bottom: 20px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#rb
	.left
	svg {
	color: #ab46dd;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#rb
	.left {
	background-color: #ab46dd22;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#mb
	.left
	svg {
	color: #f8712b;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#mb
	.left {
	background-color: #d9632622;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#lb
	.left
	svg {
	color: #3cbd2c;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	#lb
	.left {
	background-color: #3cbd2c22;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	.left {
	padding: 7px;
	border-radius: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#actionsDiv
	#actions
	.left
	svg {
	width: 25px;
	height: 25px;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #actionsDiv {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
}
#registrationBackGroundDiv svg {
	width: 17px;
	height: 17px;
}

#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #tickets #ticketsTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 15px;
	box-sizing: border-box;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsTop
	#right {
	display: flex;
	align-items: center;
	gap: 5px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsTop
	#right
	button {
	border-radius: 7px;
	display: flex;
	gap: 10px;
	border-width: 0;
	padding: 7px 7px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBodyWrapper {
	padding: 0px 15px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBodyWrapper
	#ticketsBody {
	padding: 10px 15px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	box-sizing: border-box;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBodyWrapper
	#ticketsBody
	#ticketsBodyHeader {
	display: flex;
	align-items: start;
	justify-content: space-between;
}

#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper {
	padding: 0px 15px;
}

#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv {
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	box-sizing: border-box;
	margin-top: 15px;
	background-color: white;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivTop,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivBottom {
	padding: 13px 13px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	p {
	padding: 0;
	margin: 0;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivTop {
	border-bottom: 1px solid rgb(19 21 23 / 8%);
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivTop
	#ticketsDataTopLeft,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivTop
	#ticketsDataTopRight {
	display: flex;
	align-items: center;
	gap: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivBottom
	#ticketsDataBotLeft,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivBottom
	#ticketsDataBotRight {
	display: flex;
	align-items: center;
	gap: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivBottom
	#ticketsDataBotLeft
	span {
	color: rgb(19 21 23 / 36%);
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivTop
	#ticketsDataTopLeft
	span {
	color: rgb(19 21 23 / 36%);
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivTop
	#ticketsDataTopRight
	* {
	color: rgb(19 21 23 / 36%);
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsDataWrapper
	#ticketsDataDiv
	#ticketsDataDivBottom
	#ticketsDataBotRight
	* {
	color: rgb(19 21 23 / 36%);
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #emailWrapper {
	padding: 20px 15px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#emailWrapper
	#email
	button {
	border-width: 0;
	border-radius: 5px;
	color: white;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 10px;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #questions {
	padding: 0 15px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalTop
	svg {
	color: #3cbd2c;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webTop
	svg {
	color: #682fff;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#custom
	#customTop
	svg {
	color: #f8712b;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalTop,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webTop,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalTop,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#custom
	#customTop {
	display: flex;
	align-items: center;
	gap: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalBody
	.entry,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalBody
	.entry
	.right,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalBody
	.entry
	.left {
	display: flex;
	align-items: center;
	gap: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webBody
	.entry,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webBody
	.entry
	.right,
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webBody
	.entry
	.left {
	display: flex;
	align-items: center;
	gap: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webBody
	.entry {
	justify-content: space-between;
	padding: 0 15px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalBody
	.entry {
	justify-content: space-between;
	padding: 0 15px;
	background-color: white;
	cursor: pointer;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #questions .entry {
	background-color: white;
	cursor: pointer;
	outline: 1px solid transparent;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	.entry:hover {
	outline: 1px solid rgba(179, 178, 178, 0.541);

	transition: outline 0.3s ease;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	.entry:hover
	* {
	fill: black;
	color: black;
	transition: color 0.3s ease, fill 0.3s ease;
}

#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webBody {
	background-color: white;
	border-radius: 10px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#web
	#webBody
	hr {
	width: 100%;
	padding: 0;
	margin: 0;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalBody
	hr {
	width: 100%;
	padding: 0;
	margin: 0;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#questions
	#personal
	#personalBody {
	background-color: white;
	border-radius: 10px;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #custom button {
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 1px 15px;
	border-width: 0;
}
#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #custom {
	padding-bottom: 100px;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBody
	#leftExit {
	display: flex;
	cursor: pointer;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBody
	#ticketsBodyBottom
	p {
	line-height: 1.3;
}

#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBody
	#ticketsBodyBottom
	p
	span {
	color: black;
	font-weight: bold;
}
#registrationBackGroundDiv
	#mainDivWrapper
	#mainDiv
	#body
	#tickets
	#ticketsBody
	#rightExit {
	display: none;
	cursor: pointer;
}
@media (min-width: 600px) {
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#actionsDiv
		#actions
		button {
		width: unset;
		flex: 1;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#actionsDiv
		#actions {
		overflow-x: auto;
		display: flex;
		align-items: center;
		gap: 15px;
		width: auto;
		padding-bottom: 20px;
	}
	#registrationBackGroundDiv #mainDivWrapper #mainDiv #body #actionsDiv {
		width: 100%;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#tickets
		#ticketsBody {
		display: flex;
		align-items: center;
		gap: 15px;
		padding: 10px auto;
	}

	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#tickets
		#ticketsBodyWrapper
		#ticketsBody
		#ticketsBodyBottom
		p {
		padding: 0;
		line-height: 1.3;
		margin: 0;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#tickets
		#ticketsBody
		#leftExit {
		display: none;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#tickets
		#ticketsBody
		#rightExit {
		display: unset;
		width: 17px;
		height: 17px;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#personal
		#personalBody {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		background-color: transparent;
		gap: 15px;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#personal
		#personalBody
		.entry {
		flex: 1;
		background-color: white;
		border-radius: 10px;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#personal
		#personalBody
		.entry
		p {
		padding: 0;
		margin: 0;
		line-height: 1;
		padding: 13px 0;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#web
		#webBody
		.entry
		p {
		padding: 0;
		margin: 0;
		line-height: 1;
		padding: 13px 0;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#web
		#webBody
		.entry {
		background-color: white;
		border-radius: 10px;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#web
		#webBody {
		display: flex;
		flex-direction: row;
		justify-content: start;
		gap: 15px;
		background-color: transparent;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#web
		#webBody
		hr {
		display: none;
	}
	#registrationBackGroundDiv
		#mainDivWrapper
		#mainDiv
		#body
		#questions
		#personal
		#personalBody
		hr {
		display: none;
	}
}
#eventRecapModal {
	position: absolute;
	z-index: 100;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgb(248, 248, 249);
	overflow-y: auto;
}
#eventRecapModal #modalBody #basicInfo input {
	box-sizing: border-box;
	width: 100%;
	background-color: white;
	border-radius: 7px;
	height: 35px;
}
#eventRecapModal #modalBody #basicInfo textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	font-size: 16px;
}
#eventRecapModal svg {
	width: 17px;
	height: 17px;
	cursor: pointer;

	border-radius: 100%;
}
#eventRecapModal #modalTop {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 100;
	font-size: 14px;
	backdrop-filter: blur(5px);
	position: sticky;
	top: 0;
	left: 0;
	height: 20px;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.547);
	border-bottom: 1px solid rgb(19 21 23 / 8%);
}
#eventRecapModal #modalTop h3 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#eventRecapModal #modalBody h3,
#eventRecapModal #modalBody p,
#eventRecapModal #modalBody h4,
#eventRecapModal #modalBody h1,
#eventRecapModal #modalBody h2 {
	padding: 0;
	margin: 0;
	line-height: 1;
}
#eventRecapModal #modalBody {
	background-color: rgb(248, 248, 249);
	padding: 20px;
}
#eventRecapModal hr {
	padding: 0;
	margin: 0;
	margin: 20px 0;
}
#eventRecapModal #modalTop #leftIcon {
	display: none;
}
#eventRecapModal #modalBody #basicInfo #descriptionDiv {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
#eventRecapModal #modalBody #basicInfo h3 {
	padding-bottom: 15px;
}
#eventRecapModal #modalBody #basicInfo #descriptionDiv #right {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}
#eventRecapModal #modalBody #appearance #templates {
	display: flex;
	align-items: center;
	gap: 15px;
	overflow-x: auto;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#eventRecapModal #modalBody #appearance #templates .templateButton {
	width: 110px;
	height: auto;
	border-width: 0;
	background-color: transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#eventRecapModal #modalBody #appearance #templates .templateButton img {
	width: 100px;
	height: auto;
	border-radius: 10px;
}
#eventRecapModal #modalBody #appearance #bottom .buttonsDiv {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 10px;
	row-gap: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#eventRecapModal #modalBody #appearance #bottom .buttonsDiv button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 10px;
}
#eventRecapModal #modalBody #appearance #bottom .buttonsDiv button .left,
#eventRecapModal #modalBody #appearance #bottom .buttonsDiv button .right {
	display: flex;
	align-items: center;
	gap: 10px;
}
#eventRecapModal #modalBody #appearance h3 {
	padding-bottom: 15px;
}
#eventRecapModal #modalBody #time #card {
	background-color: white;
	border-radius: 10px;
	border: 1px solid #ebeced;
	margin-top: 15px;
	margin-bottom: 15px;
}
#eventRecapModal #modalBody #time #card #top {
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 15px 15px;
}
#eventRecapModal #modalBody #time #card #mid {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 15px;
	border-bottom: 1px solid #ebeced;
}
#eventRecapModal #modalBody #time #card #bot {
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 15px 15px;
	gap: 10px;
}
#eventRecapModal #modalBody #location h3 {
	padding-bottom: 20px;
}
#eventRecapModal #modalBody #location #buttons button .left .iconDiv2 {
	background-color: #325ffa22;
	padding: 7px 10px;
	border-radius: 10px;
}
#eventRecapModal #modalBody #location #buttons button .left .iconDiv {
	background-color: #325ffa22;
	padding: 7px 10px;
	border-radius: 10px;
}
#eventRecapModal #modalBody #location #buttons button {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	padding: 5px 5px;
	background-color: white;
}
#eventRecapModal #modalBody #location #buttons {
	display: flex;
	gap: 15px;
	justify-content: space-evenly;
	align-items: center;
	padding-bottom: 20px;
}
#eventRecapModal #modalBody #location #locP {
	padding-bottom: 10px;
}
#eventRecapModal #modalBody #location #inpDiv {
	display: flex;
	align-items: center;
	background-color: white;
	padding-top: 10px;
	padding-bottom: 10px;
}
#eventRecapModal #modalBody #location #inpDiv svg {
	padding-left: 10px;
}
#eventRecapModal #modalBody #location #inpDiv input {
	border-width: 0;
	outline: none;
	box-sizing: border-box;
	width: 100%;
	font-size: 18px;
}
#eventRecapModal #modalBody #location #inpDiv input :focus {
	outline: none;
}
#eventRecapModal #modalBody #location #buttons button .left {
	display: flex;
	gap: 10px;
	align-items: center;
}
#eventRecapModal #modalBody #location #buttons button .left .iconDiv2 svg {
	color: #146aeb;
}
#eventRecapModal #modalBody #location #buttons button .left .iconDiv {
	background-color: #3cbd2c22;
}
#eventRecapModal #modalBody #location #buttons button .left .iconDiv svg {
	color: #3cbd2c;
}
#eventRecapModal #modalBody #location #buttons button .right svg {
	color: #3cbd2c;
}
#eventRecapModal #modalBody #bottom button {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 10px;
	font-size: 18px;
	justify-content: center;
}
#eventRecapModal #modalBody #bottom button:hover {
	background-color: rgba(128, 128, 128, 0.548);
	transition: background-color 0.3s ease;
}
#eventRecapModal #modalBody #bottom button .left #lCircle {
	padding: 7px;
	border-radius: 100%;
	width: 14px;
	height: 14px;
	background-color: rgb(143, 6, 198);
}
#eventRecapModal {
	display: unset;
}
#inactiveBackGround #eventRecapModal {
	display: none;
}
#eventRecapModal #modalTop #leftIcon {
	display: none;
}
@media (min-width: 600px) {
	#eventRecapModal {
		display: none;
	}
	#inactiveBackGround #eventRecapModal {
		display: unset;
		left: unset;
		top: 10px;
		right: 10px;
		bottom: unset;
		width: 600px;
		box-sizing: border-box;
		border-radius: 10px;
		height: 600px;
	}
	#inactiveBackGround #eventRecapModal #modalTop #leftIcon {
		display: unset;
	}
	#inactiveBackGround #eventRecapModal #modalTop #rightIcon {
		display: none;
	}
	#inactiveBackGround #eventRecapModal #modalTop {
		justify-content: start;
		gap: 20px;
	}
	#inactiveBackGround #eventRecapModal #modalBody #time #card {
		width: 300px;
	}
	#inactiveBackGround
		#eventRecapModal
		#modalBody
		#location
		#buttons
		button {
		background-color: white;
	}

	#inactiveBackGround
		#eventRecapModal
		#modalBody
		#appearance
		#bottom
		.buttonsDiv
		button
		.left
		#rCircle {
		background-color: gray;
		width: 20px;
		height: 20px;
		border-radius: 100%;
	}
}
#calendarsBackGroundDiv svg {
	width: 17px;
	height: 17px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body {
	max-width: 760px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
#calendarsBackGroundDiv #mainWrapper {
	padding: 0 15px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard {
	background-color: white;
	border-radius: 10px;
	padding: 15px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard #imgDiv {
	display: flex;
	align-items: start;
	justify-content: space-between;
	background-color: #f4f5f6;
	border-radius: 10px;
	padding: 5px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard #cardBottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#calendarsBackGroundDiv
	#mainWrapper
	#mainDiv
	#body
	#topCard
	#cardBottom
	#right
	button {
	padding: 5px 10px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #top button {
	display: flex;
	align-items: center;
	gap: 10px;
	border-width: 0;
	padding: 5px 10px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #usersCard {
	display: flex;
	align-items: center;
	gap: 10px;
	background-color: white;
	padding: 10px;
	border-radius: 10px;
}
#calendarsBackGroundDiv
	#mainWrapper
	#mainDiv
	#body
	#topCard
	#cardBottom
	#left
	button {
	background-color: rgba(128, 128, 128, 0.322);
	height: 5px;
	width: 25px;
	margin-right: 5px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard #cardBottom #left {
	display: flex;
}
#calendarsBackGroundDiv
	#mainWrapper
	#mainDiv
	#body
	#topCard
	#cardBottom
	#left
	button:hover {
	transform: scaleY(2);
	transition: transform 0.3s ease;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #subs #subsCard {
	display: flex;
	align-items: center;
	flex-direction: column;
	align-items: start;
	gap: 10px;
	background-color: white;
	padding: 20px;
	border-radius: 10px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #subs #subsCard svg {
	width: 60px;
	height: 60px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body hr {
	margin: 25px 0;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #subs #subsCard #bottom * {
	padding: 0;
	margin: 0;
	line-height: 1.5;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #usersCard #right * {
	padding: 0;
	margin: 0;
	line-height: 1.5;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard #imgDiv #midIcon {
	width: 150px;
	height: 150px;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body {
	padding-bottom: 100px;
}
#calendarsBackGroundDiv header {
	position: sticky;
	top: 0;
}
#calendarsBackGroundDiv
	#mainWrapper
	#mainDiv
	#body
	#topCard
	#cardContent
	#cardDescription
	#cardDesHeader
	#rightIconDes {
	display: none;
}
#calendarsBackGroundDiv
	#mainWrapper
	#mainDiv
	#body
	#topCard
	#imgDiv
	#rightIcon {
	cursor: pointer;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #usersCard {
	outline: 1px solid transparent;
	cursor: pointer;
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #usersCard:hover {
	transition: outline 0.3s ease;
	outline: 1px solid rgba(160, 160, 160, 0.582);
}
#calendarsBackGroundDiv #mainWrapper #mainDiv #body #subs #subsCard #bottom * {
	color: rgb(19 21 23 / 36%);
}
@media (min-width: 600px) {
	#calendarsBackGroundDiv
		#mainWrapper
		#mainDiv
		#body
		#topCard
		#cardContent
		#cardDescription
		#cardDesHeader
		#rightIconDes {
		display: unset;
		border-radius: 100%;
		padding: 5px;
		cursor: pointer;
	}
	#calendarsBackGroundDiv
		#mainWrapper
		#mainDiv
		#body
		#topCard
		#cardContent
		#cardDescription
		#cardDesHeader
		#rightIconDes:hover {
		transition: background-color 0.3s ease;
		background-color: rgba(138, 138, 138, 0.466);
	}
	#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard {
		display: flex;
	}
	#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard {
		display: flex;
		align-items: center;
		gap: 20px;
		height: auto;
	}
	#calendarsBackGroundDiv #mainWrapper #mainDiv #body #topCard #imgDiv {
		width: 100px;
		height: 100px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#calendarsBackGroundDiv
		#mainWrapper
		#mainDiv
		#body
		#topCard
		#cardContent {
		display: flex;
		flex-direction: column;
		gap: 100px;
	}
	#calendarsBackGroundDiv
		#mainWrapper
		#mainDiv
		#body
		#topCard
		#cardContent
		#cardDescription
		#cardDesHeader {
		display: flex;
		justify-content: space-between;
	}
	#calendarsBackGroundDiv
		#mainWrapper
		#mainDiv
		#body
		#topCard
		#imgDiv
		#rightIcon {
		display: none;
	}
	#calendarsBackGroundDiv #mainWrapper #mainDiv #body #users #usersCard {
		width: 250px;
		box-sizing: border-box;
	}
	#calendarsBackGroundDiv #mainWrapper #mainDiv #body #subs #subsCard {
		width: 250px;
		box-sizing: border-box;
	}
}
#eventRecapModal {
	display: none;
}
#inactiveBackGround #eventRecapModal {
	display: none;
}
#inactiveBackGround {
	display: none;
}
#inviteModalEmails {
	display: none;
}
#inviteModal {
	display: none;
}

#inactiveBackGround #chooseImageModalIn {
	display: none;
}
#inactiveBackGround #addQuestion3Modal {
	display: none;
}
#inactiveBackGround #inviteGuestsModal {
	display: none;
}
#inactiveBackGround #addQuestion2Modal {
	display: none;
}
#inactiveBackGround #sendBlastModal {
	display: none;
}

#inactiveBackGround #createModal {
	display: none;
}

#inactiveBackGround #approvalModal {
	display: none;
}
#inactiveBackGround #editTicketModal {
	display: none;
}
#inactiveBackGround #addQuestionModal {
	display: none;
}
#inactiveBackGround #shareModal {
	display: none;
}
#inactiveBackGround #addHostModal {
	display: none;
}
@media (min-width: 600px) {
	#mainDivWrapper #mainDiv {
		max-width: 800px;
	}
	#mainDivWrapper {
		box-sizing: border-box;
		width: 100%;
		max-width: 800px;
		margin: 0 auto;
	}
	#inactiveBackGround {
		background-color: #b3b5b799;
	}
}
.underlineNav {
	font-weight: bolder;
	color: black !important;
	position: relative;
}
.underlineNav::after {
	content: '';
	background-color: black;
	width: 100%;
	height: 2px;
	position: absolute;
	justify-self: start;
	top: 25px;
}