@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Black.otf');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-BlackItalic.otf');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-ExtraBold.otf');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-ExtraBoldItalic.otf');
	font-weight: 800;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Bold.otf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-BoldItalic.otf');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-SemiBold.otf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-SemiBoldItalic.otf');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Medium.otf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-MediumItalic.otf');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Regular.otf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-RegularItalic.otf');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-Thin.otf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-ThinItalic.otf');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-UltraLight.otf');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy';
	src: url('../fonts/gilroy/Gilroy-UltraLightItalic.otf');
	font-weight: 100;
	font-style: italic;
}

#db_is_active {
	color: #3e424a !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	/* background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !important; */
	/* background-image: url("data:image/svg+xml;utf8,<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M6 9L11.9293 14.9293C11.9683 14.9683 12.0317 14.9683 12.0707 14.9293L18 9' stroke='#9FA2B4' stroke-width='2' stroke-linecap='round'/></svg>") !important; */
	background-image: url(../../images/arrow-right.png) !important;
	background-repeat: no-repeat !important;
	background-position-x: 98% !important;
	background-position-y: 8px !important;
	opacity: 1 !important;
	border: 1px solid #d9dee4 !important;
	/* border: 1px solid #dfdfdf; */
}

body#results .wrapper main .login_container form .form-group img.image_icon {
	object-fit: contain;
	width: 64px;
	height: auto;
	aspect-ratio: 1/1;
	padding: 12px;
	border-radius: 6px;
	border: solid 1px #cdced2;
	margin-top: 8px;
	box-sizing: border-box;
}

body#results {
	padding: 0;
	background-color: #363740;
	min-height: 100vh;
}

body#results header {
	position: absolute;
	right: 0;
	top: 20px;
}

@media (max-width: 991px) {
	body#results header {
		display: none;
	}
}

body#results header form {
	margin: 0;
	width: 100%;
	padding-left: 1px;
}

body#results .wrapper .navbar-collapse {
	/* display: flex; */
	flex-direction: column;
	align-items: flex-start;
}

body#results header.logged,
body#results header.inside_main {
	position: relative;
	right: initial;
	top: initial;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body#results header.inside_main {
	padding: 30px 0;
}

@media (max-width: 991px) {
	body#results header.inside_main {
		padding: 8px 0;
	}

	body#results header.logged,
	body#results header.inside_main {
		padding: 0;
	}
}

@media (max-width: 991px) {
	body#results .wrapper .navbar-collapse {
		flex-direction: column;
		align-items: flex-start;
	}

	body#results header.logged,
	body#results header.inside_main,
	body#rules header.logged,
	body#rules header.inside_main {
		flex-direction: column;
	}
}

body#results .wrapper_logged {
	display: flex;
	position: relative;
}

body#results .wrapper_logged .container_sticky,
body#rules .wrapper_logged .container_sticky {
	display: flex;
	position: relative;
	width: 100%;
}

@media (max-width: 991px) {
	body#results .wrapper_logged .container_sticky,
	body#rules .wrapper_logged .container_sticky {
		flex-direction: column;
	}

	body#results.hidden .wrapper_logged .container_sticky .sidebar,
	body#rules.hidden .wrapper_logged .container_sticky .sidebar {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 999999;
	}

	/* body#results .wrapper .navbar-toggler,
    body#rules .wrapper .navbar-toggler {
        position: absolute;
        top: 26%;
        left: 20px;
        z-index: 999999999;
    } */

	body#results .wrapper .navbar-toggler.collapsed,
	body#rules .wrapper .navbar-toggler.collapsed {
		position: relative;
		top: inherit;
		right: inherit;
	}
}

h2.title_graphic {
	color: #252733;
	font-family: Gilroy;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.4px;
}

h3.subtitle_graphic {
	color: #9fa2b4;
	font-family: Gilroy;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1px;
	margin-bottom: 30px;
}

@media (max-width: 991px) {
	body#results .wrapper_logged {
		flex-direction: column;
	}
}

body#results .wrapper_logged header.logged,
body#rules .wrapper_logged header.logged {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	/* height: 100vh; */
	height: 100vh;
	position: sticky;
	top: 0;

	/* padding: 20px 0; */
	/* padding-right: 20px; */
}

/* @media (max-width: 1300px) {

    body#results .wrapper_logged header.logged,
    body#rules .wrapper_logged header.logged {
        height: 110vh;
    }
} */

/* @media (max-width: 1024px) {

    body#results .wrapper_logged header.logged,
    body#rules .wrapper_logged header.logged {
        height: 100%
    }
} */

@media (max-width: 991px) {
	body#results .wrapper_logged header.logged,
	body#rules .wrapper_logged header.logged {
		flex-direction: row-reverse;
		align-items: center;
		justify-content: flex-end;
		height: auto;
		z-index: 99999;
		padding-left: 9px;
	}
}

body#results .wrapper_logged header.logged .title_menu_wrapper,
body#rules .wrapper_logged header.logged .title_menu_wrapper {
	padding: 0 16px;
	/* border-bottom: 1px solid #DFE0EB; */
	white-space: pre-wrap;
	word-wrap: break-word;
	padding-right: 0;
	margin-right: 0;
}

@media (max-width: 991px) {
	body#results .wrapper_logged header.logged .title_menu_wrapper,
	body#rules .wrapper_logged header.logged .title_menu_wrapper {
		width: 70%;
	}
}

body#results .wrapper_logged header.logged p.title_menu,
body#rules .wrapper_logged header.logged p.title_menu {
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 12px;
	padding-right: 12px;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.4px;
	color: #a4a6b3;
	opacity: 0.8;
	display: block;
	max-width: 198px;
	width: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
}

@media (max-width: 991px) {
	body#results .wrapper_logged header.logged p.title_menu {
		margin-top: 15px;
		margin-bottom: 15px;
		max-width: 100%;
	}
}

body#results .wrapper_logged header.logged form button[type='submit'] {
	background-color: transparent;
	border: none;
	transition: background 0.125s ease;
}

body#results header .btn.no-active {
	width: 100%;
	justify-content: flex-start !important;
	padding: 12px 16px;
	padding-right: 26px;
}

body#results .wrapper_logged header.logged .btn.logout {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#results .wrapper_logged header.logged .btn.logout::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/on_off_white.svg);
	mask-image: url(../../images/on_off_white.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .languages .btn:disabled {
	display: none;
}

body#results header .languages .btn.no-active {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#results header .languages .btn.no-active::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/languages.svg);
	mask-image: url(../../images/languages.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .rules_link .btn.no-active {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#results header .rules_link .btn.no-active::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/rule_icon.svg);
	mask-image: url(../../images/rule_icon.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .wrapper_preview {
	display: none;
}

body#results header .wrapper_preview .preview {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

body#results header .wrapper_preview .btn.preview::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/eye.svg);
	mask-image: url(../../images/eye.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .wrap_statistics .btn.no-active {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}

body#results header .wrap_statistics .btn.no-active::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/stadistique.svg);
	mask-image: url(../../images/stadistique.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .wrap_statistics .btn.no-active.active {
	background-color: #9fa2b438;
	color: #dde2ff;
	/* border-left: 1px solid #DDE2FF; */
	box-shadow: -2px 0px 0px 0px #dde2ff;
}

body#results header .wrap_statistics .btn.no-active.active::before {
	background-color: #dde2ff;
}

body#results header .wrap_settings .btn.no-active {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}

body#results header .wrap_settings .btn.no-active::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/settings.svg);
	mask-image: url(../../images/settings.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .wrap_settings .btn.no-active.active {
	background-color: #9fa2b438;
	color: #dde2ff;
	/* border-left: 1px solid #DDE2FF; */
	box-shadow: -5px 0px 0px 0px #dde2ff, 5px 0px 0px 0px #dde2ff;
}

body#results header .wrap_settings .btn.no-active.active::before {
	background-color: #dde2ff;
}

body#results header .wrap_list_contest .btn.no-active {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #a4a6b3;
	background-color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}

body#results header .wrap_list_contest .btn.no-active::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 24px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/contacts.svg);
	mask-image: url(../../images/contacts.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
	margin-right: 12px;
}

body#results header .wrap_list_contest .btn.no-active.active {
	background-color: #9fa2b438;
	color: #dde2ff;
	/* border-left: 1px solid #DDE2FF; */
	box-shadow: -2px 0px 0px 0px #dde2ff;
}

body#results header .wrap_list_contest .btn.no-active.active::before {
	background-color: #dde2ff;
}

body#results header .navbar-collapse form .btn.no-active:hover {
	background-color: #9fa2b438;
	color: #dde2ff;
	/* border-left: 1px solid #DDE2FF; */
	box-shadow: -2px 0px 0px 0px #dde2ff;
	border-radius: 0;
}

body#rules header .navbar-collapse form {
	padding-left: 1px;
}

body#rules header .navbar-collapse form .btn.no-active:hover {
	background-color: #9fa2b438;
	color: #dde2ff;
	/* border-left: 1px solid #DDE2FF; */
	border-radius: 0;
	box-shadow: -2px 0px 0px 0px #dde2ff;
	transition: none;
}

body#results .wrapper main {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 94vh;
}

body#results .wrapper main.main_inside_logged {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	min-height: 100vh;
}

body#results .wrapper main.main_inside_logged .info_data {
	width: 100%;
	display: flex;
}

body#results .wrapper main.main_inside_logged .info_data ul {
	width: 100%;
	display: flex;
	padding: 0;
}

@media (max-width: 991px) {
	body#results .wrapper main.main_inside_logged .info_data ul {
		flex-direction: column;
	}
}

body#results .wrapper main.main_inside_logged .info_data ul li {
	margin: 0;
	margin-right: 22px;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 25px 60px;

	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.4px;
	color: #9fa2b4;
	border-radius: 8px;
	border: 1px solid #dfe0eb;
	background: #fff;
}

@media (max-width: 991px) {
	body#results .wrapper main.main_inside_logged .info_data ul li {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

body#results .wrapper main.main_inside_logged .info_data ul li:last-of-type {
	margin: 0;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(1)
	span {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 1px;

	color: #53dcab;
	margin-top: 12px;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(2)
	span {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 1px;

	color: #ec5c76;
	margin-top: 12px;
}

body#results .wrapper main.main_inside_logged .info_data ul li:nth-child(3) {
	color: #3751ff;
	border: 1px solid #3751ff;
	border-radius: 8px;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(3)
	span {
	margin-top: 12px;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(3)
	span
	.btn {
	background: #3751ff;
	box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24);
	border-radius: 8px;

	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #ffffff;
	padding: 15px 24px;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(3)
	span {
	display: flex;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(3)
	span
	a.email_link {
	color: #3751ff;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(3)
	span
	a.reset-winner {
	background: #3751ff;
	border: 1px solid #3751ff;
	border-radius: 8px;

	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.1;
	text-align: center;
	letter-spacing: 0.2px;
	color: #ffffff;

	padding: 2px 12px;
	text-decoration: none;

	width: max-content;
	display: flex;
	justify-content: center;

	margin-left: 12px;
}

body#results
	.wrapper
	main.main_inside_logged
	.info_data
	ul
	li:nth-child(3)
	span
	a.reset-winner:hover {
	background: #3751ffc7;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.left {
	width: 76%;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

@media (max-width: 991px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.wrapper_graph
		.left {
		width: 100%;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph {
	width: 100%;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb {
	margin: 12px 12px;
	flex: 1;
	display: flex;
	justify-content: center;

	padding: 12px 14px;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle {
	display: none;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle
	+ label {
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 40px;
	height: 20px;
	background-color: #e4e4e4;
	border-radius: 60px;
	transition: background 0.4s;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle
	+ label::before,
body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle
	+ label::after {
	content: '';
	display: block;
	position: absolute;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle
	+ label::before {
	right: 1px;
	left: 1px;
	top: 1px;
	bottom: 1px;
	background-color: #f1f1f1;
	border-radius: 60px;
	transition: background 0.4s;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle
	+ label::after {
	top: -1px;
	left: 0;
	width: 22px;
	height: 22px;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	transition: transform 0.4s;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle:checked
	+ label {
	background-color: #1e3bff;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle:checked
	+ label::before {
	background-color: #3751ff;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle:checked
	+ label::after {
	transform: translateX(20px);
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.chkbx-toggle:disabled
	+ label {
	opacity: 0.5;
	cursor: default;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.wrapper_graph
	.options_graph
	.option_fb
	.text_option {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.2px;
	margin-left: 12px;
}

body#results .wrapper main.main_inside_logged #participants {
	width: 100%;
	border: 1px solid #dfe0eb;
	background: #fff;
	border-radius: 8px;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph {
	width: 100%;
	display: flex;
}

@media (max-width: 1200px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph {
		flex-wrap: wrap;
		flex-direction: column;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_graph {
	flex: 1;
	padding: 0;
	/* padding-left: 40px; */
}

@media (max-width: 991px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_graph {
		padding-left: 0;
		flex-direction: column;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_graph
	#chart_div
	.message_temp {
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #9fa2b4;
	text-align: center;
	font-family: 'Gilroy';
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1px;
	background-color: #f1f2f4;
	border: 1px solid #f1f2f4;
	border-radius: 13px;
	margin-bottom: 12px;
}

@media (max-width: 991px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_graph {
		overflow-x: auto;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics {
	flex: 1;
	margin-left: 40px;
	max-width: 33%;
	width: 100%;
}

@media (max-width: 1500px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics {
		margin-left: 40px;
		max-width: 40%;
	}
}

@media (max-width: 991px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics {
		max-width: 100%;
		/* margin-left: 4px; */
		margin-left: 0;
		padding: 20px;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics
	ul {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}

@media (max-width: 991px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul {
		display: flex;
		flex-direction: row;
		justify-content: initial;
		align-items: initial;
		max-width: 100%;
		gap: 12px;
	}
}

@media (max-width: 768px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul {
		display: grid;
		grid-template-columns: repeat(2, 50%);
		justify-content: space-around;
		flex-wrap: wrap;
		padding: 10px;
		gap: 10px;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics
	ul
	li {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #9fa2b4;
	transition: transform 0.2s;
	border-radius: 0;
	width: 100%;
	border-bottom: 0;
	border-color: #dfe0eb;
	background-color: transparent;
	border-right: none;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics
	ul
	li:first-child {
	border-top: none;
}

@media (max-width: 991px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul
		li {
		margin-right: 0;
		border: 1px solid #dfe0eb !important;
		padding: 16px;
		margin: 0;
		/* max-width: 46%; */
		width: 100%;
		border-radius: 8px;
	}

	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul
		li:first-child {
		grid-column: 1 /-1;
	}

	/* body#results .wrapper main.main_inside_logged #participants .parent_wrapper_graph .wrapper_statistics ul li:not(:first-child) {
        flex: 1;
    } */
}

@media (max-width: 687px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul
		li {
		/* max-width: 43%;     */
		font-size: 14px;
	}
}

@media (max-width: 430px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul
		li {
		/* max-width: 42%;         */
	}
}

@media (max-width: 387px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul
		li {
		/* max-width: 40%;         */
		padding: 12px;
		font-size: 12px;
	}
}

@media (max-width: 327px) {
	body#results
		.wrapper
		main.main_inside_logged
		#participants
		.parent_wrapper_graph
		.wrapper_statistics
		ul
		li {
		/* max-width: 38%;         */
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics
	ul
	li:nth-child(even) {
	/* background: #3751FF; */
	background: #fff;
	/* box-shadow: 0px 0px 12px rgba(55, 81, 255, 0.24);
    border-radius: 3px; */
	color: #9fa2b4;
	cursor: pointer;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics
	ul
	li:nth-child(even)
	span {
	color: #000;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.parent_wrapper_graph
	.wrapper_statistics
	ul
	li
	span {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #252733;
	margin-top: 8px;
}

body#results .wrapper main.main_inside_logged #participants .controls {
	margin-top: 20px;
	margin-bottom: 0;
}

body#results .wrapper main.main_inside_logged #participants .controls select {
	background: none;
	border: none;
	outline: none;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #4b506d;
	margin-right: 20px;
}

body#results .wrapper main.main_inside_logged #participants .controls form {
	display: flex;
	align-items: center;
	padding-left: 10px;
}

@media (max-width: 991px) {
	body#results .wrapper main.main_inside_logged #participants .controls form {
		flex-wrap: wrap;
		gap: 12px 0;
	}
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.controls
	form
	.before_select {
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/participanr_list.svg);
	mask-image: url(../../images/participanr_list.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

/* body#results .wrapper main.main_inside_logged #participants .controls form .before_select::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 16px;
    background-color: #A4A6B3;
    -webkit-mask-image: url(../../images/filter.svg);
    mask-image: url(../../images/filter.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
} */

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.controls
	.button_options {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	margin-right: 16px;

	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #4b506d;

	display: flex;
	align-items: center;
	justify-content: center;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.controls
	.button_options.filter::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/filter.svg);
	mask-image: url(../../images/filter.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.controls
	.button_options.csv::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #3751ff;
	-webkit-mask-image: url(../../images/csv.svg);
	mask-image: url(../../images/csv.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.controls
	.button_options.csv {
	color: #3751ff;
}

body#results
	.wrapper
	main.main_inside_logged
	#participants
	.controls
	.button_options.analitics::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/rules_white.svg);
	mask-image: url(../../images/rules_white.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

@media (max-width: 991px) {
	body#results .wrapper main.main_inside_logged #participants .results {
		overflow-x: auto;
		padding-bottom: 42px;
	}
}

.content-table {
	border-collapse: collapse;
	margin: 25px 0;
	font-size: 0.9em;
	min-width: 400px;
	/* border-radius: 5px 5px 0 0; */
	overflow: hidden;
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); */
}

.content-table thead tr {
	background: f7f8ff;
	color: #9fa2b4;
	text-align: left;
	font-weight: bold;
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.2px;
	color: #9fa2b4;
}

.content-table thead tr th:first-of-type {
	padding-left: 40px;
}

.content-table .icon-yes:before {
	color: #29cc97;
}

.content-table .icon-no:before {
	color: #f12b2c;
}

.content-table th,
.content-table td {
	padding: 26px 15px;
}

.content-table td {
	padding: 36px 15px;
}

.content-table td {
	font-family: 'Mulish';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.2px;
	color: #252733;
}

.content-table tbody tr,
.content-table thead tr {
	border-top: 1px solid #dfe0eb;
	border-bottom: 1px solid #dfe0eb;
}

.content-table tbody tr td:first-of-type {
	padding-left: 40px;
}

.content-table tbody tr:nth-child(even) td {
	/* background-color: #fefefe; */
	background-color: #f6f6f68e;
}

.content-table tbody tr:nth-of-type(even) {
	background-color: #fefefe;
}

/* .content-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
} */

.content-table tbody tr.active-row {
	font-weight: bold;
	color: #009879;
}

body#results ul.pagination {
	margin: 0;
	justify-content: center;
	width: max-content;
	margin-left: 60px;
}

@media (max-width: 991px) {
	body#results ul.pagination {
		margin-left: 30px;
	}
}

body#results ul.pagination li {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	letter-spacing: 0.3px;
	color: #9fa2b4;
	margin: 6px;
}

body#results ul.pagination li:first-of-type {
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/left_double.svg);
	mask-image: url(../../images/left_double.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

body#results ul.pagination li:last-of-type {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/right_double.svg);
	mask-image: url(../../images/right_double.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

body#results ul.pagination li:last-of-type a,
body#results ul.pagination li:first-of-type a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}

body#results ul.pagination li.left_single {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/left_single.svg);
	mask-image: url(../../images/left_single.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

body#results ul.pagination li.right_single {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px;
	background-color: #a4a6b3;
	-webkit-mask-image: url(../../images/right_single.svg);
	mask-image: url(../../images/right_single.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: center;
	mask-position: center;
}

body#results ul.pagination li.left_single a,
body#results ul.pagination li.right_single a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

body#results .container_pagination_limit {
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: center;
}

body#results .limit_page {
	padding-left: 40px;
}

body#results .limit_page label {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.3px;
	color: #9fa2b4;
}

body#results .limit_page select {
	background: none;
	border: none;
	outline: none;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	letter-spacing: 0.3px;
	color: #4b506d;
}

body#results .wrapper main .login_container {
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	/* margin: 20px 0; */
	box-shadow: 0 1px 4px 0 rgba(163, 163, 163, 0.5);
	background: #ffffff;
	border: 1px solid #dfe0eb;
	border-radius: 8px;
	padding: 38px 32px;
	padding-top: 0;
}

body#results .wrapper main.main_logged .login_container {
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	/* margin: 20px 0; */
	box-shadow: 0 1px 4px 0 rgba(163, 163, 163, 0.5);
	background: #f7f8fc;
	border: 1px solid #dfe0eb;
	border-radius: 8px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding: 38px 32px;
	padding-top: 0;
}

@media (max-width: 991px) {
	body#results .wrapper main .login_container {
		border-radius: 0;
	}
}

body#results .wrapper main .login_container .inside_main h1 {
	margin: 0;
	/* font-family: 'Gilroy'; */
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0.3px;
	color: #252733;
}

body#results .wrapper main .login_container .inside_main h1 small {
	display: inline-block;
}

body#results .wrapper main .login_container .inside_main ul li a {
	/* font-family: 'Gilroy'; */
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #3751ff;
	text-decoration: none;
}

body#results .wrapper main .login_container .inside_main ul li a:hover {
	color: #3751ffc7;
}

body#results .wrapper main.main_logged .login_container {
	width: 100%;
}

@media (max-width: 991px) {
	body#results .wrapper main.main_logged .login_container {
		width: inherit;
		border-radius: 0;
	}

	body#results .wrapper main .login_container .inside_main h1 {
		margin-top: 20px;
	}
}

body#results .wrapper main .login_container .title_concours_login {
	margin-top: 37px;
	margin-bottom: 32px;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 19px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.4px;
	color: #a4a6b3;
	opacity: 0.7;
}

.settings_page .row > * {
	padding: 0;
}

.quickad-tbs-body .row_config #quickad-sidebar {
	padding-right: 15px;
}

.quickad-tbs-body .row_config #quickad_settings_controls {
	padding-left: 15px;
}

body#results .wrapper main .login_container .title_login {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #252733;
}

body#results .wrapper main .login_container .subtitle_login {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #9fa2b4;
	max-width: 270px;
	margin: 0 auto;
	margin-bottom: 28px;
}

body#results .wrapper main .login_container form .form-group label {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: #252733;
	margin-bottom: 8px;
}

body#results .wrapper main .login_container form .form-group input:focus {
	outline: none;
}

body#results
	.wrapper
	main
	.login_container
	form
	.form-group
	input[type='email'],
body#results .wrapper main .login_container form .form-group input[type='text'],
body#results
	.wrapper
	main
	.login_container
	form
	.form-group
	input[type='password'],
body#results .wrapper main .login_container form .form-group input[type='url'],
body#results .wrapper main .login_container form .form-group select {
	background: #ffffff;
	border: 1px solid #d9dee4;
	border-radius: 4px;

	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	height: 40px !important;
	line-height: 20px;
	letter-spacing: 0.3px;
	color: #4b506d;
	margin-bottom: 24px;
	outline: none;
	/* outline: 0; */
}

body#results .wrapper main .login_container form .form-group select {
	background: #fff url(../../images/arrow_down.png) no-repeat 98%;
}
body#results .wrapper main .login_container form .form-group img {
	width: 100%;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='email'],
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='text'],
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='password'],
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='url'] {
	display: block;
	width: 100%;
	height: 35px;
	padding: 6px 12px;
	font-size: 15px;
	line-height: 1.4;
	color: #3e424a;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d9dee4;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	-webkit-transition: border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	opacity: 1;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='email']:read-only,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='text']:read-only,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='password']:read-only,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='url']:read-only {
	opacity: 0.7;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='email'],
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='email']:hover,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='email']:focus,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='email']:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='password'],
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='password']:hover,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='password']:focus,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='password']:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='text'],
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='text']:hover,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='text']:focus,
body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	input[type='text']:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	.toggle-password-icon {
	border: 1px solid transparent;
	width: max-content;
	color: #9fa2b4;
	padding: 8px 12px;
	border-radius: 8px;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	margin-bottom: 12px;
	cursor: pointer;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	.toggle-password-icon::before {
	font-family: 'Font Awesome 5 Free';
	padding-right: 8px;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	.toggle-password-icon:hover {
	border-color: #9fa2b4;
}

.setting_card form .form-control::file-selector-button {
	background-color: #3751ff;
	color: #fff;
}

.setting_card form .form-control:hover::file-selector-button {
	background-color: #3751ffc7;
	color: #fff;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: #3751ffc7;
	color: #fff;
}

body#results .wrapper main .login_container form .form-group .fa-eye:before {
	color: #9fa2b4;
}

.save-general-setting {
	background-color: #3751ff;
	border-color: #3751ff;
}

.save-general-setting:hover {
	background-color: #3751ffc7;
	border-color: #3751ffc7;
}

body#results .btn:not(.btn-primary),
body#configuration .btn:not(.btn-primary),
body#settings .btn:not(.btn-primary) {
	background-color: #9fa2b4;
	color: #fff;
}

body#results .btn:not(.btn-primary).reset_button {
	background-color: #60626e;
}

@media (max-width: 768px) {
	body#results .panel-footer {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	body#results .btn-primary {
		margin-bottom: 10px;
	}
}

body#results
	.wrapper
	main
	.login_container
	form
	.form-group
	input[type='button'],
body#results
	.wrapper
	main
	.login_container
	form
	.form-group
	input[type='submit'] {
	width: 100%;
	background: #3751ff;
	box-shadow: 0px 4px 12px rgba(55, 81, 255, 0.24);
	border-radius: 8px;

	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.2px;
	padding: 15px 24px;
	opacity: 1;
	color: #ffffff;
	margin-bottom: 16px;
}

body#results
	.wrapper
	main
	.login_container
	form
	.form-group
	input[type='button']#generatePassword {
	color: #3751ff;
	background-color: transparent !important;
	box-shadow: none;
	width: max-content;
	padding: 8px 14px;

	background: url(../../images/updateicon.svg) no-repeat scroll 7px 6px;
	padding-left: 40px;
}

body#results .wrapper main .login_container form .text_contact {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.3px;
	color: #9fa2b4;
	margin-bottom: 20px;
}

body#results .wrapper main .login_container form .text_contact .link_contact {
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #3751ff;
	margin-left: 10px;
	text-decoration: none;
}

body#results
	.wrapper
	main
	.login_container
	form
	.text_contact
	.link_contact:hover {
	color: #3751ffa7;
}

body#results .wrapper main .login_container form .link_contact_out {
	display: inline-block;
	width: 100%;
	font-family: 'Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 0.2px;
	color: #9fa2b4;
	text-decoration: none;
}

body#results .wrapper main .login_container form .link_contact_out:hover {
	color: #9fa2b4a7;
}

/* style menu mobile */

body#results .wrapper .navbar-toggler {
	border: none;
}

body#results .wrapper .navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none;
}

@media (max-width: 991px) {
	.navbar-collapse {
		width: 100%;
		position: fixed;
		z-index: 9;
		display: block;
		visibility: hidden;
		opacity: 0;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: opacity 0.2s;
	}

	.navbar-collapse.show {
		min-height: 100vh;
		height: 100vh;
		visibility: visible;
		opacity: 1;
		z-index: 9;

		top: 80px;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		padding-top: 60px;
		background: #363740;
	}

	.navbar-toggler .navbar-toggler-icon {
		background-image: none;
		background-color: #a4a6b3;
		-webkit-mask-image: url(../../images/close.svg);
		mask-image: url(../../images/close.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-position: center;
		mask-position: center;
	}

	.navbar-toggler.collapsed .navbar-toggler-icon {
		background-image: none;
		background-color: #a4a6b3;
		-webkit-mask-image: url(../../images/open.svg);
		mask-image: url(../../images/open.svg);
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-position: center;
		mask-position: center;
	}

	.show {
		overflow: auto;
	}

	.hidden {
		overflow: hidden;
	}
}

#chartOptions {
	position: relative;
	display: flex !important;
	width: 100%;
}

#submitted,
#likedCard,
#submittedCard,
#sharedCard,
#commentedCard,
#subscribedCard {
	cursor: pointer;
}

input[type='radio'] {
	display: none;
}

/* Float four columns side by side */
.column {
	float: left;
	width: 25%;
	padding: 0 10px;
}

/* Remove extra left and right margins, due to padding */
.row {
	margin: 0 -5px;
}

/* Clear floats after the columns */
.row:after {
	content: '';
	display: table;
	clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
	.column {
		width: 100%;
		display: block;
		margin-bottom: 20px;
	}
}

#quickad-tbs html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

#quickad-tbs body {
	margin: 0;
}

#quickad-tbs audio:not([controls]) {
	display: none;
	height: 0;
}

#quickad-tbs [hidden],
#quickad-tbs template {
	display: none;
}

#quickad-tbs a {
	background-color: transparent;
}

#quickad-tbs a:active,
#quickad-tbs a:hover {
	outline: 0;
}

#quickad-tbs abbr[title] {
	border-bottom: 1px dotted;
}

#quickad-tbs b,
#quickad-tbs strong {
	font-weight: 700;
}

#quickad-tbs dfn {
	font-style: italic;
}

#quickad-tbs h1 {
	margin: 0.67em 0;
	margin-top: 0;
	font-size: 2em;
}

#quickad-tbs h2 {
	margin: 0.67em 0;
	margin-top: 0;
	font-size: 1.4em;
}

#quickad-tbs mark {
	color: #000;
	background: #ff0;
}

#quickad-tbs small {
	font-size: 80%;
}

#quickad-tbs sub,
#quickad-tbs sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

#quickad-tbs sup {
	top: -0.5em;
}

#quickad-tbs sub {
	bottom: -0.25em;
}

#quickad-tbs img {
	border: 0;
}

#quickad-tbs svg:not(:root) {
	overflow: hidden;
}

#quickad-tbs figure {
	margin: 1em 40px;
}

#quickad-tbs hr {
	height: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-top: 30px;
	margin-bottom: 30px;
	opacity: unset !important;
	border-color: #e8ebf0;
}

#quickad-tbs pre {
	overflow: auto;
}

#quickad-tbs .quickad-tbs-body {
	font-family: 'open sans', 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 15px;
	line-height: 1.4;
	color: #3e424a;
	background-color: transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#quickad-tbs .quickad-nav {
	margin-bottom: 20px;
	font-size: 0;
	position: sticky;
	top: 40px;
}

@media (max-width: 991px) {
	#quickad-tbs .quickad-nav {
		top: 80px;
	}
}

#quickad-tbs .quickad-nav.quickad-nav-pills .quickad-nav-item {
	display: inline-block;
	margin: 6px 10px 6px 0;
}

#quickad-tbs .quickad-nav.quickad-nav-tabs {
	z-index: 10;
	border-bottom: 1px solid #e8ebf0;
}

@media (min-width: 768px) {
	#quickad-tbs .quickad-nav.quickad-nav-tabs {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
	#quickad-tbs .quickad-nav.quickad-nav-tabs .quickad-nav-item {
		position: relative;
		display: inline-block;
		padding: 12px 16px;
		margin: 6px 10px -1px 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
}

#quickad-tbs .quickad-nav h1 {
	position: relative;
	display: block;
	font-size: 30px;
}

#quickad-tbs .quickad-nav .quickad-nav-item {
	position: relative;
	display: block;
	padding: 10px 10px;
	font-size: 15px;
	cursor: pointer;
	border-top: 1px solid #e8ebf0;
	border-left: 1px solid #e8ebf0;
	border-right: 1px solid #e8ebf0;
}

#quickad-tbs .quickad-nav .quickad-nav-item:first-of-type {
	border-radius: 8px 8px 0 0;
}

#quickad-tbs .quickad-nav .quickad-nav-item:last-of-type {
	border-radius: 0 0 8px 8px;
	border-bottom: 1px solid #e8ebf0;
}

#quickad-tbs .quickad-nav .quickad-nav-item.active {
	color: #fff;
	background: #3751ff;
	border-color: #3751ff;
}

#quickad-tbs .quickad-nav .quickad-nav-item.active a {
	color: #fff;
}

#quickad-tbs .quickad-nav .quickad-nav-item.active a:focus,
#quickad-tbs .quickad-nav .quickad-nav-item.active a:hover {
	color: #d9d9d9;
}

#quickad-tbs .quickad-nav .quickad-nav-item:not(.active):focus,
#quickad-tbs .quickad-nav .quickad-nav-item:not(.active):hover {
	cursor: pointer;
	background-color: #e8ebf0;
	/* border-color: #8a929e; */
	/* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2) */
}

.bookme-progress {
	position: relative;
	opacity: 0.8;
	color: transparent !important;
	text-shadow: none !important;
}

.bookme-progress:hover,
.bookme-progress:active,
.bookme-progress:focus {
	cursor: default;
	color: transparent;
	outline: none !important;
	box-shadow: none;
}

.bookme-progress:before {
	content: '';
	display: inline-block;
	position: absolute;
	background: transparent;
	box-sizing: border-box;
	-webkit-background-clip: padding-box;
	border-radius: 50%;
	border: 0.15em solid #fff;
	border-left-color: transparent;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	-webkit-animation: ld 1s linear infinite;
	-moz-animation: ld 1s linear infinite;
	-o-animation: ld 1s linear infinite;
	animation: ld 1s linear infinite;
}

.btn-default.bookme-progress:before {
	border-left-color: #333333;
	border-right-color: #333333;
}

.btn-lg.bookme-progress:before {
	margin-top: -16px;
	margin-left: -16px;
	width: 32px;
	height: 32px;
}

.btn-sm.bookme-progress:before {
	margin-top: -9px;
	margin-left: -9px;
	width: 18px;
	height: 18px;
}

.btn-xs.bookme-progress:before {
	margin-top: -7px;
	margin-left: -7px;
	width: 14px;
	height: 14px;
}

/* .tab-content > .tab-pane {
	display: none;
	visibility: hidden;
}

#quickad-tbs .tab-content > .tab-pane {
    display: none
} */

.setting_card {
	border: none;
	background: transparent;
}

.setting_card ul.quickad-nav {
	padding-left: 0;
	/* border: 1px solid #e8ebf0; */
	border-radius: 8px;
	overflow: hidden;
}

/* .setting_card #quickad-tbs ul.quickad-nav .quickad-nav-item:last-child {
    background: #FF5261;
    color: #FFFFFF;
    overflow: hidden;
} */

.setting_card #quickad-tbs ul.quickad-nav .quickad-nav-item:last-child.active {
	background: #3751ff;
	color: #ffffff;
	overflow: hidden;
}

.btn-primary.delete_db {
	background-color: #ff5261;
	border-color: #ff5261;
	padding-left: 30px;
	padding-right: 30px;
}

#quickad-tbs .form-control {
	display: block;
	width: 100%;
	height: 35px;
	padding: 6px 12px;
	font-size: 15px;
	line-height: 1.4;
	color: #3e424a;
	background-color: #fff;
	background-image: none;
	border: 1px solid #d9dee4;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	-webkit-transition: border-color ease-in-out 0.15s,
		-webkit-box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#quickad-tbs .form-control:focus {
	border-color: #08c;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0),
		0 0 8px rgba(0, 136, 204, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 136, 204, 0);
}

#quickad-tbs .form-control::-moz-placeholder {
	color: #8a929e;
	opacity: 1;
}

#quickad-tbs .form-control:-ms-input-placeholder {
	color: #8a929e;
}

#quickad-tbs .form-control::-webkit-input-placeholder {
	color: #8a929e;
}

#quickad-tbs .form-control::-ms-expand {
	background-color: transparent;
	border: 0;
}

#quickad-tbs .form-control[disabled],
#quickad-tbs .form-control[readonly],
#quickad-tbs fieldset[disabled] .form-control {
	background-color: rgba(232, 235, 240, 0.7);
	opacity: 1;
}

#quickad-tbs .form-control[disabled],
#quickad-tbs fieldset[disabled] .form-control {
	cursor: not-allowed;
}

#quickad-tbs .form-control-static {
	min-height: 36px;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-bottom: 0;
}

#quickad-tbs .form-control-static.input-lg,
#quickad-tbs .form-control-static.input-sm {
	padding-right: 0;
	padding-left: 0;
}

#quickad-tbs .form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	pointer-events: none;
}

#quickad-tbs .form-control.input-pill {
	border-radius: 24px;
}

#quickad-tbs .form-control.input-pill-left {
	border-top-left-radius: 24px;
	border-bottom-left-radius: 24px;
}

#quickad-tbs .form-control.input-pill-right {
	border-top-right-radius: 24px;
	border-bottom-right-radius: 24px;
}

/** Spin **/
#cover-spin {
	position: fixed;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(60, 58, 58, 0.7);
	z-index: 9999;
	display: none;
}

#cover-spin::after {
	content: '';
	display: block;
	position: absolute;
	left: 48%;
	top: 40%;
	width: 40px;
	height: 40px;
	border-style: solid;
	border-color: black;
	border-top-color: transparent;
	border-width: 4px;
	border-radius: 50%;
	-webkit-animation: spin 0.8s linear infinite;
	animation: spin 0.8s linear infinite;
}

.bootstrap-tagsinput {

	border-color: #d9dee4 !important;
	box-shadow: none !important;
	margin: 0;
	width: 100%;
	padding: 0.5rem 0.75rem 0;
	font-size: 1rem;
	line-height: 1.25;
	transition: border-color 0.15s ease-in-out;
}

.bootstrap-tagsinput.has-focus {
	background-color: #fff;
	border-color: #5cb3fd;
}

.bootstrap-tagsinput .label-info {
	display: inline-block;
	background-color: #636c72;
	padding: 0 0.4em 0.15em;
	border-radius: 0.25rem;
	margin-bottom: 0.4em;
}

.bootstrap-tagsinput input {
	margin-bottom: 0.5em;
}

.bootstrap-tagsinput .tag [data-role='remove']:after {
	content: '\00d7';
}

#confirmPassword-feedback {
	color: red;
	font-size: 16px !important;
}

body#results
	.wrapper
	main
	.login_container
	.setting_card
	form
	.form-group
	.bootstrap-tagsinput
	input[type='text'] {
	width: 100% !important;
	min-width: 200px;
}

.likedCardClass,
.sharedCardClass,
.commentedCardClass,
.submittedCardClass,
.subscribedCardClass {
	background: #3751ff !important;
	color: #fff !important;
	transform: scale(1.04);
	z-index: 9990;
	border-radius: 8px !important;
	border: none;
}

.likedCardClass span,
.sharedCardClass span,
.commentedCardClass span,
.submittedCardClass span,
.subscribedCardClass span {
	color: #fff !important;
}

#results section > div.parent_wrapper_graph {
	margin: 0rem auto;
}