.home {
	width: 80%;
	margin:0 auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right:10px
}

.home .code-break {
	display: none
}

.testSource {font-size:13px; word-break: keep-all;white-space: normal;overflow-wrap: break-word;}
.testSource a {border: 1px solid #aaa;background: #eee;padding: 5px 13px;border-radius: 23px;display:block;max-width:560px;margin:7px 0;}

@media (max-width:1000px) {
	.home {
		width: 100%
	}

	.home .code-break {
		display: block
	}
}

.home .title {
	font-size: 20px;
	font-weight: 700
}

@media (max-width:1000px) {
	.home .title {
		font-size: 16px
	}
}

.home .description {
	margin-top: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #606060
}

@media (max-width:1000px) {
	.home .description {
		font-size: 14px
	}
}

.home .description1 {
	margin-top: 15px;
	font-size: 18px;
	color: #606060
}

@media (max-width:1000px) {
	.home .description1 {
		font-size: 14px
	}
}

.home .btn {
	border-radius: 25px;
	height: 50px;
	background: #773891;
	width: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	position: relative
}

.home .btn:before {
	right: 14px;
	content: ">";
	position: absolute;
	top: 7px
}

@media (max-width:1000px) {
	.home .btn:before {
		right: 6px;
		top: 3px
	}
}

@media (max-width:1000px) {
	.home .btn.start-btn:before {
		right: 7px;
		font-size:1rem;
		top: 0
	}
}

@media (max-width:1000px) {
	.home .btn {
		height: 36px
	}
}

.home .formWrapper {
	margin-top: 50px;
	text-align: center
}

.home .formWrapper .profileWrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px
}

.home .formWrapper .profileWrapper #gender {
	width: 100px
}

.home .formWrapper .profileWrapper #year {
	width: 120px
}

.home .formWrapper .buttonWrapper {
	max-width: 400px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	align-items: center
}

.home .formWrapper .buttonWrapper .mobileno {
	height: 50px;
	background: #f8f9fa;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	padding-left: 25px;
	padding-right: 25px;
	width: 66%;
	border: 1px solid #606060;
	border-right: none;
	display: inline-block;
	-moz-appearance: textfield
}

@media (max-width:1000px) {
	.home .formWrapper .buttonWrapper .mobileno {
		height: 36px
	}
}

.home .formWrapper .buttonWrapper .mobileno::-webkit-inner-spin-button,
.home .formWrapper .buttonWrapper .mobileno::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.home .formWrapper .buttonWrapper .mobileno:focus {
	outline: none
}

.home .formWrapper .buttonWrapper .start-btn {
	margin-left: -25px;
	width: 33%
}

@media (max-width:1000px) {
	.home .formWrapper .buttonWrapper .start-btn {
		font-size: 13px
	}
}

.home .formWrapper .important {
	margin-top: 10px
}

@media (max-width:1000px) {
	.home .formWrapper .important {
		font-size: 12px
	}
}

.home .indicatordescription {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	margin-top: 100px;
	height: 520px;
	margin-bottom: 50px
}

@media (max-width:1000px) {
	.home .indicatordescription {
		flex-direction: column;
		margin-top: 50px;
		height: inherit
	}
}

.home .indicatordescription .left-table {
	width: calc(40% - 10px);
	margin-right: auto;
	border: none;
	border-bottom: 2px solid #433f3e
}

@media (max-width:1000px) {
	.home .indicatordescription .left-table {
		width: 100%
	}
}

.home .indicatordescription .left-table .left-table-header {
	height: 45px;
	background: #3e3a39;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	font-weight: 700
}

@media (max-width:1000px) {
	.home .indicatordescription .left-table .left-table-header {
		font-size: 18px
	}
}

.home .indicatordescription .left-table .left-table-indicator-item {
	height: calc(16.67% - 8px);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	color: #3e3a39;
	background: #fff
}

@media (max-width:1000px) {
	.home .indicatordescription .left-table .left-table-indicator-item {
		font-size: 16px;
		height: 40px
	}
}

@media (max-width:400px) {
	.home .indicatordescription .left-table .left-table-indicator-item {
		font-size: 13px;
		height: 40px
	}
}

.home .indicatordescription .left-table .left-table-indicator-item.stripe {
	background: #f9f8f3
}

.home .indicatordescription .left-table .left-table-indicator-item .letter {
	font-size: 30px;
	margin-left: 10px;
	margin-right: 10px
}

@media (max-width:1000px) {
	.home .indicatordescription .left-table .left-table-indicator-item .letter {
		font-size: 20px
	}
}

.home .indicatordescription .left-table .left-table-indicator-item img {
	margin-left: 10px;
	margin-right: 10px
}

.home .indicatordescription .right-table {
	width: 60%;
	border: 2px solid #433f3e;
	border-right: none;
	border-left: none;
	position: relative
}

@media (max-width:1000px) {
	.home .indicatordescription .right-table {
		width: 100%;
		margin-top: 30px
	}
}

.home .indicatordescription .right-table .right-table-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	top: 11.11%;
	left: 11.11%
}

.home .indicatordescription .right-table .right-table-bg img {
	width: 100%;
	height: 100%;
	z-index: 10
}

.home .indicatordescription .right-table .right-table-header {
	height: 11.11%;
	color: #3e3a39;
	background: #f9f8f3;
	border-bottom: 1px solid #433f3e;
	display: flex
}

@media (max-width:1000px) {
	.home .indicatordescription .right-table .right-table-header {
		height: 45px !important
	}
}

.home .indicatordescription .right-table .right-table-header .right-table-left-top,
.home .indicatordescription .right-table .right-table-header .right-table-top-item {
	width: 11.11%;
	height: 100%
}

.home .indicatordescription .right-table .right-table-header .right-table-top-item {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 18px
}

@media (max-width:1000px) {
	.home .indicatordescription .right-table .right-table-header .right-table-top-item {
		font-size: 14px
	}
}

.home .indicatordescription .right-table .right-table-body {
	height: 88.89%;
	display: flex;
	flex-wrap: wrap
}

@media (max-width:1000px) {
	.home .indicatordescription .right-table .right-table-body {
		height: inherit !important
	}
}

.home .indicatordescription .right-table .right-table-body .right-table-body-item,
.home .indicatordescription .right-table .right-table-body .right-table-body-left {
	width: 11.11%;
	height: 12.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border-bottom: 1px solid #fff
}

@media (max-width:1000px) {

	.home .indicatordescription .right-table .right-table-body .right-table-body-item,
	.home .indicatordescription .right-table .right-table-body .right-table-body-left {
		height: 45px
	}
}

.home .indicatordescription .right-table .right-table-body .right-table-body-left {
	background: #f9f8f3
}

@media (max-width:1000px) {
	.home .indicatordescription .right-table .right-table-body .right-table-body-left {
		font-size: 14px
	}
}

.home .indicatordescription .right-table .right-table-body .right-table-body-item {
	font-size: 13px;
	color: #fff;
	z-index: 11;
	font-weight: 600;
	border-left: 1px solid #fff
}

@media (max-width:1000px) {
	.home .indicatordescription .right-table .right-table-body .right-table-body-item {
		font-size: 10px
	}
}

.home .quiz-part {
	font-size: 20px;
	margin: 45px auto
}

@media (max-width:1000px) {
	.home .quiz-part {
		width: 100%
	}
}

.home .quiz-part .quiz-part-title {
	display: flex;
	height: 40px;
	align-items: center;
	border-radius: 20px;
	border: 1px solid #828080;
	position: relative
}

.home .quiz-part .quiz-part-title .right-wrap-wrapper {
	position: absolute;
	right: 15px;
	top: 0;
	height: 100%;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-part-title .right-wrap-wrapper {
		width: 30px
	}
}

@media (max-width:400px) {
	.home .quiz-part .quiz-part-title .right-wrap-wrapper {
		display: none
	}
}

.home .quiz-part .quiz-part-title .right-wrap-wrapper .right-wrap-mark {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-part-title .right-wrap-wrapper .right-wrap-mark {
		width: 5px;
		height: 5px
	}
}

.home .quiz-part .quiz-part-title .quiz-part-header {
	background: #000;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 20px;
	padding-right: 30px;
	border-radius: 25px;
	z-index: 1
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-part-title .quiz-part-header {
		font-size: 16px;
		padding-right: 10px;
		padding-left: 6px
	}
}

.home .quiz-part .quiz-part-title .quiz-part-header .quiz-part-header-no {
	margin-left: 5px;
	font-weight: 700
}

.home .quiz-part .quiz-part-title .quiz-part-body {
	display: flex;
	align-items: center;
	height: 100%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	background: #f2f2f2;
	margin-left: -20px;
	z-index: 0;
	padding-left: 40px;
	padding-right: 70px
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-part-title .quiz-part-body {
		font-size: 12px;
		padding-left: 25px;
		padding-right: 12px
	}
}

@media (max-width:400px) {
	.home .quiz-part .quiz-part-title .quiz-part-body {
		font-size: 9px;
		padding-left: 25px;
		padding-right: 12px
	}
}

.home .quiz-part .quiz-part-title .quiz-part-body .quiz-part-body-title {
	margin-right: 5px;
	font-weight: 700
}

.home .quiz-part .quiz-part-description {
	text-align: center;
	margin-top: 10px;
	font-size: 14px
}

.home .quiz-part .quiz-wrapper {
	border: 1px solid #828080;
	border-radius: 10px;
	padding: 20px 30px 30px 20px;
	margin-top: 30px
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-wrapper {
		font-size: 16px
	}
}

.home .quiz-part .quiz-wrapper .quiz-body {
	font-weight: 700
}

.home .quiz-part .quiz-wrapper .quiz-body .quiz-letter {
	font-size: 26px
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-wrapper .quiz-body .quiz-letter {
		font-size: 20px
	}
}

.home .quiz-part .quiz-wrapper .quiz-option-wrapper {
	display: flex
}

@media (max-width:768px) {
	.home .quiz-part .quiz-wrapper .quiz-option-wrapper {
		flex-direction: column
	}
}

.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item {
	width: 22%;
	border: 1px solid #b7b7b7;
	height: 80px;
	display: flex;
	justify-content: center;
	border-radius: 10px;
	font-weight: 300;
	font-size: 18px;
	cursor: pointer;
	margin: 20px auto 30px;
	align-items: center;
	flex-direction: column;
	text-align: center;
	overflow-wrap: break-word;
	word-break: break-all
}

@media (max-width:768px) {
	.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item {
		width: 100%;
		height: inherit !important;
		padding: 10px 0;
		/*margin-top: 5px;
		margin-bottom: 5px*/
		margin-top:10px;
		margin-bottom:0;
	}
}

.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item .quiz-option-item-inner {
	display: inline-block;
	max-width: 100%;
	word-break: break-all;
	overflow-wrap: break-word
}

@media (max-width:1000px) {
	.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item {
		font-size: 12px;
		height: 110px
	}
}

.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item .small {
	font-size: 10px
}

.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item.active,
.home .quiz-part .quiz-wrapper .quiz-option-wrapper .quiz-option-item:hover {
	background: #fddba8
}

.home .dospaw-result {
	width: 230px;
	height: 230px;
	max-width: 100%;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px
}

.home .dospaw-result .dospaw-description {
	margin-top: 20px;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.home .dospaw-result .dospaw-description {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media (max-width:768px) {
	.home .dospaw-result {
		height: inherit;
		border: none
	}
}

.home .dospaw-result .dospaw-dospaw {
	color: #773891;
	font-size: 40px;
	font-weight: 700
}

.home .goodbad-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin: 20px auto
}

@media (max-width:768px) {
	.home .goodbad-wrapper {
		width: 100%
	}
}

.home .goodbad-wrapper .goodbad-indicator {
	width: 120px;
	border-radius: 10px;
	background: #000;
	padding-top: 5px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper {
	border-radius: 10px;
	border: 1px solid #bdbdbd;
	margin-top: -15px;
	background: #f8f9fa;
	padding: 20px
}

@media (max-width:1000px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper {
		padding-left: 0;
		padding-right: 0
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper hr {
	border-top: 1px dashed #bdbdbd
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body {
	display: flex
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body {
		flex-direction: column
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-mark {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 60px;
	font-weight: 700;
	width: 15%
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-mark img {
	width: 70px
}

@media (min-width:769px) and (max-width:1000px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-mark {
		font-size: 45px;
		width: 25%
	}

	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-mark img {
		width: 50px
	}
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-mark {
		font-size: 30px;
		width: 100%
	}

	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-mark img {
		display: none
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body.good>.goodbad-indicator-mark {
	color: #faaf3a
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body.good>.goodbad-indicator-mark:before {
		content: "GOOD"
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body.bad>.goodbad-indicator-mark {
	color: #00008b
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body.bad>.goodbad-indicator-mark:before {
		content: "BAD"
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items {
	display: flex;
	flex-direction: column;
	width: 85%
}

@media (min-width:769px) and (max-width:1000px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items {
		width: 75%
	}
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items {
		border-top: 1px solid #d3d3d3;
		width: 100%
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category {
	display: flex;
	flex-direction: column
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category {
		flex-direction: row;
		border-bottom: 1px solid #d3d3d3
	}

	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category:last-child {
		border-bottom: 0
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-title {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #003bff
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-title {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 10px;
		width: 50%;
		border-right: 1px solid #d3d3d3;
		text-align: center
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper {
	display: flex;
	flex-wrap: wrap
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper {
		width: 100%;
		padding-left: 10px
	}
}

.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item {
	padding: 3px 10px;
	background: #d3d3d3;
	border-radius: 30px;
	min-height: 30px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #3e3a39;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center
}

@media (max-width:1000px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item {
		font-size: 14px
	}
}

@media (max-width:768px) {
	.home .goodbad-wrapper .goodbad-indicator-items-wrapper .goodbad-indicator-items-body .goodbad-indicator-items .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item {
		width: 85%
	}
}

.home .dropdown.sns .share-btn {
	width: 150px;
	font-size: 24px;
	color: #fff;
	background: #00a1ff;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer
}

.home .dropdown.sns .dropdown-item {
	width: inherit;
	display: inline-block;
	padding: 10px;
	cursor: pointer
}

.home .dropdown.sns .dropdown-item img {
	width: 32px;
	height: 32px
}

<style>
.swal2-popup.swal2-toast {
	flex-direction: row;
	align-items: center;
	width: auto;
	padding: .625em;
	overflow-y: hidden;
	background: #fff;
	box-shadow: 0 0 .625em #d9d9d9
}

.swal2-popup.swal2-toast .swal2-header {
	flex-direction: row;
	padding: 0
}

.swal2-popup.swal2-toast .swal2-title {
	flex-grow: 1;
	justify-content: flex-start;
	margin: 0 .6em;
	font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
	margin: .5em 0 0;
	padding: .5em 0 0;
	font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
	position: static;
	width: .8em;
	height: .8em;
	line-height: .8
}

.swal2-popup.swal2-toast .swal2-content {
	justify-content: flex-start;
	padding: 0;
	font-size: 1em
}

.swal2-popup.swal2-toast .swal2-icon {
	width: 2em;
	min-width: 2em;
	height: 2em;
	margin: 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
	display: flex;
	align-items: center;
	font-size: 1.8em;
	font-weight: 700
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
		font-size: .25em
	}
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
	width: 2em;
	height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
	top: .875em;
	width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
	left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
	right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
	flex-basis: auto !important;
	width: auto;
	height: auto;
	margin: 0 .3125em;
	padding: 0
}

.swal2-popup.swal2-toast .swal2-styled {
	margin: .125em .3125em;
	padding: .3125em .625em;
	font-size: 1em
}

.swal2-popup.swal2-toast .swal2-styled:focus {
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-popup.swal2-toast .swal2-success {
	border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
	position: absolute;
	width: 1.6em;
	height: 3em;
	transform: rotate(45deg);
	border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
	top: -.8em;
	left: -.5em;
	transform: rotate(-45deg);
	transform-origin: 2em 2em;
	border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
	top: -.25em;
	left: .9375em;
	transform-origin: 0 1.5em;
	border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
	width: 2em;
	height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
	top: 0;
	left: .4375em;
	width: .4375em;
	height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
	height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
	top: 1.125em;
	left: .1875em;
	width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
	top: .9375em;
	right: .1875em;
	width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
	-webkit-animation: swal2-toast-animate-success-line-tip .75s;
	animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
	-webkit-animation: swal2-toast-animate-success-line-long .75s;
	animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
	-webkit-animation: swal2-toast-show .5s;
	animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
	-webkit-animation: swal2-toast-hide .1s forwards;
	animation: swal2-toast-hide .1s forwards
}

.swal2-container {
	display: flex;
	position: fixed;
	z-index: 1060;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: .625em;
	overflow-x: hidden;
	transition: background-color .1s;
	-webkit-overflow-scrolling: touch
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
	background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
	background: 0 0 !important
}

.swal2-container.swal2-top {
	align-items: flex-start
}

.swal2-container.swal2-top-left,
.swal2-container.swal2-top-start {
	align-items: flex-start;
	justify-content: flex-start
}

.swal2-container.swal2-top-end,
.swal2-container.swal2-top-right {
	align-items: flex-start;
	justify-content: flex-end
}

.swal2-container.swal2-center {
	align-items: center
}

.swal2-container.swal2-center-left,
.swal2-container.swal2-center-start {
	align-items: center;
	justify-content: flex-start
}

.swal2-container.swal2-center-end,
.swal2-container.swal2-center-right {
	align-items: center;
	justify-content: flex-end
}

.swal2-container.swal2-bottom {
	align-items: flex-end
}

.swal2-container.swal2-bottom-left,
.swal2-container.swal2-bottom-start {
	align-items: flex-end;
	justify-content: flex-start
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-bottom-right {
	align-items: flex-end;
	justify-content: flex-end
}

.swal2-container.swal2-bottom-end>:first-child,
.swal2-container.swal2-bottom-left>:first-child,
.swal2-container.swal2-bottom-right>:first-child,
.swal2-container.swal2-bottom-start>:first-child,
.swal2-container.swal2-bottom>:first-child {
	margin-top: auto
}

.swal2-container.swal2-grow-fullscreen>.swal2-modal {
	display: flex !important;
	flex: 1;
	align-self: stretch;
	justify-content: center
}

.swal2-container.swal2-grow-row>.swal2-modal {
	display: flex !important;
	flex: 1;
	align-content: center;
	justify-content: center
}

.swal2-container.swal2-grow-column {
	flex: 1;
	flex-direction: column
}

.swal2-container.swal2-grow-column.swal2-bottom,
.swal2-container.swal2-grow-column.swal2-center,
.swal2-container.swal2-grow-column.swal2-top {
	align-items: center
}

.swal2-container.swal2-grow-column.swal2-bottom-left,
.swal2-container.swal2-grow-column.swal2-bottom-start,
.swal2-container.swal2-grow-column.swal2-center-left,
.swal2-container.swal2-grow-column.swal2-center-start,
.swal2-container.swal2-grow-column.swal2-top-left,
.swal2-container.swal2-grow-column.swal2-top-start {
	align-items: flex-start
}

.swal2-container.swal2-grow-column.swal2-bottom-end,
.swal2-container.swal2-grow-column.swal2-bottom-right,
.swal2-container.swal2-grow-column.swal2-center-end,
.swal2-container.swal2-grow-column.swal2-center-right,
.swal2-container.swal2-grow-column.swal2-top-end,
.swal2-container.swal2-grow-column.swal2-top-right {
	align-items: flex-end
}

.swal2-container.swal2-grow-column>.swal2-modal {
	display: flex !important;
	flex: 1;
	align-content: center;
	justify-content: center
}

.swal2-container.swal2-no-transition {
	transition: none !important
}

.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal {
	margin: auto
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.swal2-container .swal2-modal {
		margin: 0 !important
	}
}

.swal2-popup {
	display: none;
	position: relative;
	box-sizing: border-box;
	flex-direction: column;
	justify-content: center;
	width: 32em;
	max-width: 100%;
	padding: 1.25em;
	border: none;
	border-radius: 5px;
	background: #fff;
	font-family: inherit;
	font-size: 1rem
}

.swal2-popup:focus {
	outline: 0
}

.swal2-popup.swal2-loading {
	overflow-y: hidden
}

.swal2-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 1.8em
}

.swal2-title {
	position: relative;
	max-width: 100%;
	margin: 0 0 .4em;
	padding: 0;
	color: #595959;
	font-size: 1.875em;
	font-weight: 600;
	text-align: center;
	text-transform: none;
	word-wrap: break-word
}

.swal2-actions {
	display: flex;
	z-index: 1;
	box-sizing: border-box;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 1.25em auto 0;
	padding: 0 1.6em
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
	opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
	background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
	background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-loader {
	display: none;
	align-items: center;
	justify-content: center;
	width: 2.2em;
	height: 2.2em;
	margin: 0 1.875em;
	-webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
	animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
	border-width: .25em;
	border-style: solid;
	border-radius: 100%;
	border-color: #2778c4 transparent #2778c4 transparent
}

.swal2-styled {
	margin: .3125em;
	padding: .625em 1.1em;
	box-shadow: none;
	font-weight: 500
}

.swal2-styled:not([disabled]) {
	cursor: pointer
}

.swal2-styled.swal2-confirm {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #2778c4;
	color: #fff;
	font-size: 1.0625em
}

.swal2-styled.swal2-deny {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #d14529;
	color: #fff;
	font-size: 1.0625em
}

.swal2-styled.swal2-cancel {
	border: 0;
	border-radius: .25em;
	background: initial;
	background-color: #757575;
	color: #fff;
	font-size: 1.0625em
}

.swal2-styled:focus {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-styled::-moz-focus-inner {
	border: 0
}

.swal2-footer {
	justify-content: center;
	margin: 1.25em 0 0;
	padding: 1em 0 0;
	border-top: 1px solid #eee;
	color: #545454;
	font-size: 1em
}

.swal2-timer-progress-bar-container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: .25em;
	overflow: hidden;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
	width: 100%;
	height: .25em;
	background: rgba(0, 0, 0, .2)
}

.swal2-image {
	max-width: 100%;
	margin: 1.25em auto
}

.swal2-close {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	width: 1.2em;
	height: 1.2em;
	padding: 0;
	overflow: hidden;
	transition: color .1s ease-out;
	border: none;
	border-radius: 5px;
	background: 0 0;
	color: #ccc;
	font-family: serif;
	font-size: 2.5em;
	line-height: 1.2;
	cursor: pointer
}

.swal2-close:hover {
	transform: none;
	background: 0 0;
	color: #f27474
}

.swal2-close:focus {
	outline: 0;
	box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-close::-moz-focus-inner {
	border: 0
}

.swal2-content {
	z-index: 1;
	justify-content: center;
	margin: 0;
	padding: 0 1.6em;
	color: #545454;
	font-size: 1.125em;
	font-weight: 400;
	line-height: normal;
	text-align: center;
	word-wrap: break-word
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
	margin: 1em auto
}

.swal2-file,
.swal2-input,
.swal2-textarea {
	box-sizing: border-box;
	width: 100%;
	transition: border-color .3s, box-shadow .3s;
	border: 1px solid #d9d9d9;
	border-radius: .1875em;
	background: inherit;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
	color: inherit;
	font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
	border-color: #f27474 !important;
	box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
	border: 1px solid #b4dbed;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-file::-moz-placeholder,
.swal2-input::-moz-placeholder,
.swal2-textarea::-moz-placeholder {
	color: #ccc
}

.swal2-file:-ms-input-placeholder,
.swal2-input:-ms-input-placeholder,
.swal2-textarea:-ms-input-placeholder {
	color: #ccc
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
	color: #ccc
}

.swal2-range {
	margin: 1em auto;
	background: #fff
}

.swal2-range input {
	width: 80%
}

.swal2-range output {
	width: 20%;
	color: inherit;
	font-weight: 600;
	text-align: center
}

.swal2-range input,
.swal2-range output {
	height: 2.625em;
	padding: 0;
	font-size: 1.125em;
	line-height: 2.625em
}

.swal2-input {
	height: 2.625em;
	padding: 0 .75em
}

.swal2-input[type=number] {
	max-width: 10em
}

.swal2-file {
	background: inherit;
	font-size: 1.125em
}

.swal2-textarea {
	height: 6.75em;
	padding: .75em
}

.swal2-select {
	min-width: 50%;
	max-width: 100%;
	padding: .375em .625em;
	background: inherit;
	color: inherit;
	font-size: 1.125em
}

.swal2-checkbox,
.swal2-radio {
	align-items: center;
	justify-content: center;
	background: #fff;
	color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
	margin: 0 .6em;
	font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
	margin: 0 .4em
}

.swal2-input-label {
	display: flex;
	justify-content: center;
	margin: 1em auto
}

.swal2-validation-message {
	align-items: center;
	justify-content: center;
	margin: 0 -2.7em;
	padding: .625em;
	overflow: hidden;
	background: #f0f0f0;
	color: #666;
	font-size: 1em;
	font-weight: 300
}

.swal2-validation-message::before {
	content: "!";
	display: inline-block;
	width: 1.5em;
	min-width: 1.5em;
	height: 1.5em;
	margin: 0 .625em;
	border-radius: 50%;
	background-color: #f27474;
	color: #fff;
	font-weight: 600;
	line-height: 1.5em;
	text-align: center
}

.swal2-icon {
	position: relative;
	box-sizing: content-box;
	justify-content: center;
	width: 5em;
	height: 5em;
	margin: 1.25em auto 1.875em;
	border: .25em solid transparent;
	border-radius: 50%;
	border-color: #000;
	font-family: inherit;
	line-height: 5em;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.swal2-icon .swal2-icon-content {
	display: flex;
	align-items: center;
	font-size: 3.75em
}

.swal2-icon.swal2-error {
	border-color: #f27474;
	color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
	position: relative;
	flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
	display: block;
	position: absolute;
	top: 2.3125em;
	width: 2.9375em;
	height: .3125em;
	border-radius: .125em;
	background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
	left: 1.0625em;
	transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
	right: 1em;
	transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show {
	-webkit-animation: swal2-animate-error-icon .5s;
	animation: swal2-animate-error-icon .5s
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
	-webkit-animation: swal2-animate-error-x-mark .5s;
	animation: swal2-animate-error-x-mark .5s
}

.swal2-icon.swal2-warning {
	border-color: #facea8;
	color: #f8bb86
}

.swal2-icon.swal2-info {
	border-color: #9de0f6;
	color: #3fc3ee
}

.swal2-icon.swal2-question {
	border-color: #c9dae1;
	color: #87adbd
}

.swal2-icon.swal2-success {
	border-color: #a5dc86;
	color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
	position: absolute;
	width: 3.75em;
	height: 7.5em;
	transform: rotate(45deg);
	border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
	top: -.4375em;
	left: -2.0635em;
	transform: rotate(-45deg);
	transform-origin: 3.75em 3.75em;
	border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
	top: -.6875em;
	left: 1.875em;
	transform: rotate(-45deg);
	transform-origin: 0 3.75em;
	border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
	position: absolute;
	z-index: 2;
	top: -.25em;
	left: -.25em;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	border: .25em solid rgba(165, 220, 134, .3);
	border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
	position: absolute;
	z-index: 1;
	top: .5em;
	left: 1.625em;
	width: .4375em;
	height: 5.625em;
	transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
	display: block;
	position: absolute;
	z-index: 2;
	height: .3125em;
	border-radius: .125em;
	background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
	top: 2.875em;
	left: .8125em;
	width: 1.5625em;
	transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
	top: 2.375em;
	right: .5em;
	width: 2.9375em;
	transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
	-webkit-animation: swal2-animate-success-line-tip .75s;
	animation: swal2-animate-success-line-tip .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
	-webkit-animation: swal2-animate-success-line-long .75s;
	animation: swal2-animate-success-line-long .75s
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
	-webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
	animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-progress-steps {
	flex-wrap: wrap;
	align-items: center;
	max-width: 100%;
	margin: 0 0 1.25em;
	padding: 0;
	background: inherit;
	font-weight: 600
}

.swal2-progress-steps li {
	display: inline-block;
	position: relative
}

.swal2-progress-steps .swal2-progress-step {
	z-index: 20;
	flex-shrink: 0;
	width: 2em;
	height: 2em;
	border-radius: 2em;
	background: #2778c4;
	color: #fff;
	line-height: 2em;
	text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
	background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
	background: #add8e6;
	color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
	background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
	z-index: 10;
	flex-shrink: 0;
	width: 2.5em;
	height: .4em;
	margin: 0 -1px;
	background: #2778c4
}

[class^=swal2] {
	-webkit-tap-highlight-color: transparent
}

.swal2-show {
	-webkit-animation: swal2-show .3s;
	animation: swal2-show .3s
}

.swal2-hide {
	-webkit-animation: swal2-hide .15s forwards;
	animation: swal2-hide .15s forwards
}

.swal2-noanimation {
	transition: none
}

.swal2-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.swal2-rtl .swal2-close {
	right: auto;
	left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
	right: 0;
	left: auto
}

@supports (-ms-accelerator:true) {
	.swal2-range input {
		width: 100% !important
	}

	.swal2-range output {
		display: none
	}
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
	.swal2-range input {
		width: 100% !important
	}

	.swal2-range output {
		display: none
	}
}

@-webkit-keyframes swal2-toast-show {
	0% {
		transform: translateY(-.625em) rotateZ(2deg)
	}

	33% {
		transform: translateY(0) rotateZ(-2deg)
	}

	66% {
		transform: translateY(.3125em) rotateZ(2deg)
	}

	100% {
		transform: translateY(0) rotateZ(0)
	}
}

@keyframes swal2-toast-show {
	0% {
		transform: translateY(-.625em) rotateZ(2deg)
	}

	33% {
		transform: translateY(0) rotateZ(-2deg)
	}

	66% {
		transform: translateY(.3125em) rotateZ(2deg)
	}

	100% {
		transform: translateY(0) rotateZ(0)
	}
}

@-webkit-keyframes swal2-toast-hide {
	100% {
		transform: rotateZ(1deg);
		opacity: 0
	}
}

@keyframes swal2-toast-hide {
	100% {
		transform: rotateZ(1deg);
		opacity: 0
	}
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
	0% {
		top: .5625em;
		left: .0625em;
		width: 0
	}

	54% {
		top: .125em;
		left: .125em;
		width: 0
	}

	70% {
		top: .625em;
		left: -.25em;
		width: 1.625em
	}

	84% {
		top: 1.0625em;
		left: .75em;
		width: .5em
	}

	100% {
		top: 1.125em;
		left: .1875em;
		width: .75em
	}
}

@keyframes swal2-toast-animate-success-line-tip {
	0% {
		top: .5625em;
		left: .0625em;
		width: 0
	}

	54% {
		top: .125em;
		left: .125em;
		width: 0
	}

	70% {
		top: .625em;
		left: -.25em;
		width: 1.625em
	}

	84% {
		top: 1.0625em;
		left: .75em;
		width: .5em
	}

	100% {
		top: 1.125em;
		left: .1875em;
		width: .75em
	}
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
	0% {
		top: 1.625em;
		right: 1.375em;
		width: 0
	}

	65% {
		top: 1.25em;
		right: .9375em;
		width: 0
	}

	84% {
		top: .9375em;
		right: 0;
		width: 1.125em
	}

	100% {
		top: .9375em;
		right: .1875em;
		width: 1.375em
	}
}

@keyframes swal2-toast-animate-success-line-long {
	0% {
		top: 1.625em;
		right: 1.375em;
		width: 0
	}

	65% {
		top: 1.25em;
		right: .9375em;
		width: 0
	}

	84% {
		top: .9375em;
		right: 0;
		width: 1.125em
	}

	100% {
		top: .9375em;
		right: .1875em;
		width: 1.375em
	}
}

@-webkit-keyframes swal2-show {
	0% {
		transform: scale(.7)
	}

	45% {
		transform: scale(1.05)
	}

	80% {
		transform: scale(.95)
	}

	100% {
		transform: scale(1)
	}
}

@keyframes swal2-show {
	0% {
		transform: scale(.7)
	}

	45% {
		transform: scale(1.05)
	}

	80% {
		transform: scale(.95)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes swal2-hide {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(.5);
		opacity: 0
	}
}

@keyframes swal2-hide {
	0% {
		transform: scale(1);
		opacity: 1
	}

	100% {
		transform: scale(.5);
		opacity: 0
	}
}

@-webkit-keyframes swal2-animate-success-line-tip {
	0% {
		top: 1.1875em;
		left: .0625em;
		width: 0
	}

	54% {
		top: 1.0625em;
		left: .125em;
		width: 0
	}

	70% {
		top: 2.1875em;
		left: -.375em;
		width: 3.125em
	}

	84% {
		top: 3em;
		left: 1.3125em;
		width: 1.0625em
	}

	100% {
		top: 2.8125em;
		left: .8125em;
		width: 1.5625em
	}
}

@keyframes swal2-animate-success-line-tip {
	0% {
		top: 1.1875em;
		left: .0625em;
		width: 0
	}

	54% {
		top: 1.0625em;
		left: .125em;
		width: 0
	}

	70% {
		top: 2.1875em;
		left: -.375em;
		width: 3.125em
	}

	84% {
		top: 3em;
		left: 1.3125em;
		width: 1.0625em
	}

	100% {
		top: 2.8125em;
		left: .8125em;
		width: 1.5625em
	}
}

@-webkit-keyframes swal2-animate-success-line-long {
	0% {
		top: 3.375em;
		right: 2.875em;
		width: 0
	}

	65% {
		top: 3.375em;
		right: 2.875em;
		width: 0
	}

	84% {
		top: 2.1875em;
		right: 0;
		width: 3.4375em
	}

	100% {
		top: 2.375em;
		right: .5em;
		width: 2.9375em
	}
}

@keyframes swal2-animate-success-line-long {
	0% {
		top: 3.375em;
		right: 2.875em;
		width: 0
	}

	65% {
		top: 3.375em;
		right: 2.875em;
		width: 0
	}

	84% {
		top: 2.1875em;
		right: 0;
		width: 3.4375em
	}

	100% {
		top: 2.375em;
		right: .5em;
		width: 2.9375em
	}
}

@-webkit-keyframes swal2-rotate-success-circular-line {
	0% {
		transform: rotate(-45deg)
	}

	5% {
		transform: rotate(-45deg)
	}

	12% {
		transform: rotate(-405deg)
	}

	100% {
		transform: rotate(-405deg)
	}
}

@keyframes swal2-rotate-success-circular-line {
	0% {
		transform: rotate(-45deg)
	}

	5% {
		transform: rotate(-45deg)
	}

	12% {
		transform: rotate(-405deg)
	}

	100% {
		transform: rotate(-405deg)
	}
}

@-webkit-keyframes swal2-animate-error-x-mark {
	0% {
		margin-top: 1.625em;
		transform: scale(.4);
		opacity: 0
	}

	50% {
		margin-top: 1.625em;
		transform: scale(.4);
		opacity: 0
	}

	80% {
		margin-top: -.375em;
		transform: scale(1.15)
	}

	100% {
		margin-top: 0;
		transform: scale(1);
		opacity: 1
	}
}

@keyframes swal2-animate-error-x-mark {
	0% {
		margin-top: 1.625em;
		transform: scale(.4);
		opacity: 0
	}

	50% {
		margin-top: 1.625em;
		transform: scale(.4);
		opacity: 0
	}

	80% {
		margin-top: -.375em;
		transform: scale(1.15)
	}

	100% {
		margin-top: 0;
		transform: scale(1);
		opacity: 1
	}
}

@-webkit-keyframes swal2-animate-error-icon {
	0% {
		transform: rotateX(100deg);
		opacity: 0
	}

	100% {
		transform: rotateX(0);
		opacity: 1
	}
}

@keyframes swal2-animate-error-icon {
	0% {
		transform: rotateX(100deg);
		opacity: 0
	}

	100% {
		transform: rotateX(0);
		opacity: 1
	}
}

@-webkit-keyframes swal2-rotate-loading {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes swal2-rotate-loading {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
	overflow: hidden
}

body.swal2-height-auto {
	height: auto !important
}

body.swal2-no-backdrop .swal2-container {
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	max-width: calc(100% - .625em * 2);
	background-color: transparent !important
}

body.swal2-no-backdrop .swal2-container>.swal2-modal {
	box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

body.swal2-no-backdrop .swal2-container.swal2-top {
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-top-left,
body.swal2-no-backdrop .swal2-container.swal2-top-start {
	top: 0;
	left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-top-end,
body.swal2-no-backdrop .swal2-container.swal2-top-right {
	top: 0;
	right: 0
}

body.swal2-no-backdrop .swal2-container.swal2-center {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-left,
body.swal2-no-backdrop .swal2-container.swal2-center-start {
	top: 50%;
	left: 0;
	transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-center-end,
body.swal2-no-backdrop .swal2-container.swal2-center-right {
	top: 50%;
	right: 0;
	transform: translateY(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom {
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-left,
body.swal2-no-backdrop .swal2-container.swal2-bottom-start {
	bottom: 0;
	left: 0
}

body.swal2-no-backdrop .swal2-container.swal2-bottom-end,
body.swal2-no-backdrop .swal2-container.swal2-bottom-right {
	right: 0;
	bottom: 0
}

@media print {
	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
		overflow-y: scroll !important
	}

	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
		display: none
	}

	body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
		position: static !important
	}
}

body.swal2-toast-shown .swal2-container {
	background-color: transparent
}

body.swal2-toast-shown .swal2-container.swal2-top {
	top: 0;
	right: auto;
	bottom: auto;
	left: 50%;
	transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
	top: 0;
	right: 0;
	bottom: auto;
	left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
	top: 0;
	right: auto;
	bottom: auto;
	left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
	top: 50%;
	right: auto;
	bottom: auto;
	left: 0;
	transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
	top: 50%;
	right: auto;
	bottom: auto;
	left: 50%;
	transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
	top: 50%;
	right: 0;
	bottom: auto;
	left: auto;
	transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
	top: auto;
	right: auto;
	bottom: 0;
	left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
	top: auto;
	right: auto;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
	top: auto;
	right: 0;
	bottom: 0;
	left: auto
}

body.swal2-toast-column .swal2-toast {
	flex-direction: column;
	align-items: stretch
}

body.swal2-toast-column .swal2-toast .swal2-actions {
	flex: 1;
	align-self: stretch;
	height: 2.2em;
	margin-top: .3125em
}

body.swal2-toast-column .swal2-toast .swal2-loading {
	justify-content: center
}

body.swal2-toast-column .swal2-toast .swal2-input {
	height: 2em;
	margin: .3125em auto;
	font-size: 1em
}

body.swal2-toast-column .swal2-toast .swal2-validation-message {
	font-size: 1em
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-check{
padding-bottom:20px;
}


.ml-auto, .mx-auto {
    margin-left: auto!important;
}
.mr-auto, .mx-auto {
    margin-right: auto!important;
}

.quiz-frm
{
	/* display:none; */
}

.goodbad {
	width: 80%;
	margin:0 auto;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px
}

@media (max-width:768px) {
	.goodbad {
		width: 100%
	}
}

.goodbad .indicator-wrapper {
	display: flex;
	justify-content: center;
	align-items: center
}

@media (max-width:768px) {
	.goodbad .indicator-wrapper {
		flex-wrap: wrap
	}
}

.goodbad .indicator-wrapper .indicator-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.goodbad .indicator-wrapper .indicator-item .indicator-item-body {
	width: 70px;
	height: 70px;
	border: 1px solid #bdbdbd;
	font-size: 30px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border-radius: 50%;
	margin: 10px
}

@media (max-width:768px) {
	.goodbad .indicator-wrapper .indicator-item .indicator-item-body {
		width: 50px;
		height: 50px;
		font-size: 20px
	}
}

.goodbad .indicator-wrapper .indicator-item .indicator-item-body.active,
.goodbad .indicator-wrapper .indicator-item .indicator-item-body:hover {
	border: 3px solid #ffac00
}

.goodbad .indicator-wrapper .indicator-item .indicator-item-title {
	font-size: 14px;
	color: #7d7d7d
}

@media (max-width:768px) {
	.goodbad .indicator-wrapper .indicator-item .indicator-item-title {
		font-size: 12px
	}
}

.goodbad .indicator-wrapper .indicator-item.all>.indicator-item-body {
	width: 80px;
	height: 80px
}

.goodbad .indicator-wrapper .indicator-item.all>.indicator-item-title {
	font-size: 16px
}

.goodbad .indicator-wrapper .splitter {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: grey;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px
}

@media (max-width:300px) {
	.goodbad .indicator-wrapper .splitter {
		display: none
	}
}

.goodbad .goodbad-wrapper {
	margin: 50px auto
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper {
		width: 100%
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-header {
	text-align: center
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-header .goodbad-indicator-title {
	font-size: 30px;
	font-weight: 700
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body {
	display: flex
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body {
		flex-direction: column
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part {
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-top: 20px;
	margin-bottom: 20px
}

@media (min-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part.good {
		margin-right: auto
	}

	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part.bad {
		margin-left: auto
	}
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part {
		width: 100%
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator {
	width: 120px;
	border-radius: 10px;
	background: #000;
	padding-top: 5px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper {
	height: 100%;
	border-radius: 10px;
	border: 1px solid #bdbdbd;
	margin-top: -15px;
	background: #f8f9fa;
	padding: 20px;
	display: flex;
	flex-direction: column
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category {
	display: flex;
	flex-direction: column
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category {
		flex-direction: row;
		border-bottom: 1px solid #d3d3d3
	}

	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category:last-child {
		border-bottom: 0
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-title {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #003bff;
	text-align: center
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-title {
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 50%;
		border-right: 1px solid #d3d3d3
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper {
	display: flex;
	flex-wrap: wrap
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper {
		width: 100%
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item {
	width: 42%;
	padding: 3px 10px;
	background: #eee;
	border-radius: 30px;
	min-height: 30px;
	text-align: center;
	font-size: 13px;
	margin: 5px auto;
	color: #3e3a39;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center
}

@media (max-width:1000px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item {
		font-size: 14px
	}
}

@media (max-width:768px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item {
		width: 85%
	}
}

.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item-hidden {
	width: 42%;
	height: 0;
	background: #eee;
	border-radius: 30px;
	text-align: center;
	font-size: 13px;
	margin: 5px auto;
	color: #3e3a39;
	cursor: pointer
}

@media (max-width:1000px) {
	.goodbad .goodbad-wrapper .goodbad-indicator-wrapper .goodbad-indicator-body .goodbad-indicator-body-part .goodbad-indicator-items-wrapper .goodbad-indicator-items-wrapper-category .goodbad-indicator-items-wrapper-category-items-wrapper .goodbad-indicator-item-hidden {
		font-size: 14px
	}
}


.infoposts .posts-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.infoposts .posts-wrapper .posts-list {
	width: 80%
}

@media (max-width:768px) {
	.infoposts .posts-wrapper .posts-list {
		width: 100% !important
	}
}

.infoposts .posts-wrapper .posts-list .table {
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	padding-bottom: 50px
}

@media (max-width:768px) {
	.infoposts .posts-wrapper .posts-list .table {
		font-size: 14px
	}
}

.infoposts .posts-wrapper .posts-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.infoposts .posts-wrapper .posts-list .table .table-header div {
	text-align: center
}

.infoposts .posts-wrapper .posts-list .table .post-item {
	cursor: pointer;
	display: flex;
	padding: 10px;
	border-bottom: 1px dashed grey
}

.infoposts .posts-wrapper .posts-list .table .post-item div {
	text-align: center;
	overflow-wrap: break-word
}

.infoposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper {
	width: 100%;
	background: #f2f2f2;
	padding: 10px;
	text-align: left;
	display: inline-block
}

.infoposts .posts-wrapper .posts-list .table .col-date {
	width: 10%
}

@media (max-width:768px) {
	.infoposts .posts-wrapper .posts-list .table .col-date {
		width: 20% !important
	}
}

.infoposts .posts-wrapper .posts-list .table .col-views {
	width: 10%
}

@media (max-width:768px) {
	.infoposts .posts-wrapper .posts-list .table .col-views {
		width: 16% !important
	}
}

.infoposts .posts-wrapper .posts-list .table .col-action {
	width: 10%;
	cursor: pointer
}

.infoposts .posts-wrapper .posts-list .table .col-title {
	width: 70%
}

@media (max-width:768px) {
	.infoposts .posts-wrapper .posts-list .table .col-title {
		width: 54% !important
	}
}

.infoposts .posts-wrapper .formWrapper_ {
	margin-top: 20px;
	width: 80%;
	text-align: center
}


/*!
* 
* Super simple wysiwyg editor v0.8.18
* https://summernote.org
* 
* 
* Copyright 2013- Alan Hong. and other contributors
* summernote may be freely distributed under the MIT license.
* 
* Date: 2020-05-20T16:47Z
* 
*/
@font-face {
	font-family: summernote;
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url(/fonts/vendor/react-summernote/dist/summernote.eot?f4a47ce92c02ef70fc848508f4cec94a);
	src: url(/fonts/vendor/react-summernote/dist/summernote.eot?f4a47ce92c02ef70fc848508f4cec94a?#iefix) format("embedded-opentype"), url(/fonts/vendor/react-summernote/dist/summernote.woff2?f694db69cded200e4edd999fddef81b7) format("woff2"), url(/fonts/vendor/react-summernote/dist/summernote.woff?c1a96d26d30d9e0b2fd33c080d88c72e) format("woff"), url(/fonts/vendor/react-summernote/dist/summernote.ttf?82fa597f29de41cd41a7c402bcf09ba5) format("truetype")
}

[class*=" note-icon"]:before,
[class^=note-icon]:before {
	display: inline-block;
	font-family: summernote;
	font-style: normal;
	font-size: inherit;
	text-decoration: inherit;
	text-rendering: auto;
	text-transform: none;
	vertical-align: middle;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none
}

.note-icon-fw {
	text-align: center;
	width: 1.25em
}

.note-icon-border {
	border: .08em solid #eee;
	border-radius: .1em;
	padding: .2em .25em .15em
}

.note-icon-pull-left {
	float: left
}

.note-icon-pull-right {
	float: right
}

.note-icon.note-icon-pull-left {
	margin-right: .3em
}

.note-icon.note-icon-pull-right {
	margin-left: .3em
}

.note-icon-align:before {
	content: "\EA01"
}

.note-icon-align-center:before {
	content: "\EA02"
}

.note-icon-align-indent:before {
	content: "\EA03"
}

.note-icon-align-justify:before {
	content: "\EA04"
}

.note-icon-align-left:before {
	content: "\EA05"
}

.note-icon-align-outdent:before {
	content: "\EA06"
}

.note-icon-align-right:before {
	content: "\EA07"
}

.note-icon-arrow-circle-down:before {
	content: "\EA08"
}

.note-icon-arrow-circle-left:before {
	content: "\EA09"
}

.note-icon-arrow-circle-right:before {
	content: "\EA0A"
}

.note-icon-arrow-circle-up:before {
	content: "\EA0B"
}

.note-icon-arrows-alt:before {
	content: "\EA0C"
}

.note-icon-arrows-h:before {
	content: "\EA0D"
}

.note-icon-arrows-v:before {
	content: "\EA0E"
}

.note-icon-bold:before {
	content: "\EA0F"
}

.note-icon-caret:before {
	content: "\EA10"
}

.note-icon-chain-broken:before {
	content: "\EA11"
}

.note-icon-circle:before {
	content: "\EA12"
}

.note-icon-close:before {
	content: "\EA13"
}

.note-icon-code:before {
	content: "\EA14"
}

.note-icon-col-after:before {
	content: "\EA15"
}

.note-icon-col-before:before {
	content: "\EA16"
}

.note-icon-col-remove:before {
	content: "\EA17"
}

.note-icon-eraser:before {
	content: "\EA18"
}

.note-icon-float-left:before {
	content: "\EA19"
}

.note-icon-float-none:before {
	content: "\EA1A"
}

.note-icon-float-right:before {
	content: "\EA1B"
}

.note-icon-font:before {
	content: "\EA1C"
}

.note-icon-frame:before {
	content: "\EA1D"
}

.note-icon-italic:before {
	content: "\EA1E"
}

.note-icon-link:before {
	content: "\EA1F"
}

.note-icon-magic:before {
	content: "\EA20"
}

.note-icon-menu-check:before {
	content: "\EA21"
}

.note-icon-minus:before {
	content: "\EA22"
}

.note-icon-orderedlist:before {
	content: "\EA23"
}

.note-icon-pencil:before {
	content: "\EA24"
}

.note-icon-picture:before {
	content: "\EA25"
}

.note-icon-question:before {
	content: "\EA26"
}

.note-icon-redo:before {
	content: "\EA27"
}

.note-icon-rollback:before {
	content: "\EA28"
}

.note-icon-row-above:before {
	content: "\EA29"
}

.note-icon-row-below:before {
	content: "\EA2A"
}

.note-icon-row-remove:before {
	content: "\EA2B"
}

.note-icon-special-character:before {
	content: "\EA2C"
}

.note-icon-square:before {
	content: "\EA2D"
}

.note-icon-strikethrough:before {
	content: "\EA2E"
}

.note-icon-subscript:before {
	content: "\EA2F"
}

.note-icon-summernote:before {
	content: "\EA30"
}

.note-icon-superscript:before {
	content: "\EA31"
}

.note-icon-table:before {
	content: "\EA32"
}

.note-icon-text-height:before {
	content: "\EA33"
}

.note-icon-trash:before {
	content: "\EA34"
}

.note-icon-underline:before {
	content: "\EA35"
}

.note-icon-undo:before {
	content: "\EA36"
}

.note-icon-unorderedlist:before {
	content: "\EA37"
}

.note-icon-video:before {
	content: "\EA38"
}

.note-editor {
	position: relative
}

.note-editor .note-dropzone {
	position: absolute;
	display: none;
	z-index: 100;
	color: #87cefa;
	background-color: #fff;
	opacity: .95
}

.note-editor .note-dropzone .note-dropzone-message {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 28px;
	font-weight: 700
}

.note-editor .note-dropzone.hover {
	color: #098ddf
}

.note-editor.dragover .note-dropzone {
	display: table
}

.note-editor .note-editing-area {
	position: relative
}

.note-editor .note-editing-area .note-editable {
	outline: none
}

.note-editor .note-editing-area .note-editable sup {
	vertical-align: super
}

.note-editor .note-editing-area .note-editable sub {
	vertical-align: sub
}

.note-editor .note-editing-area .note-editable img.note-float-left {
	margin-right: 10px
}

.note-editor .note-editing-area .note-editable img.note-float-right {
	margin-left: 10px
}

.note-editor.note-airframe,
.note-editor.note-frame {
	border: 1px solid rgba(0, 0, 0, .19607843137254902)
}

.note-editor.note-airframe.codeview .note-editing-area .note-editable,
.note-editor.note-frame.codeview .note-editing-area .note-editable {
	display: none
}

.note-editor.note-airframe.codeview .note-editing-area .note-codable,
.note-editor.note-frame.codeview .note-editing-area .note-codable {
	display: block
}

.note-editor.note-airframe .note-editing-area,
.note-editor.note-frame .note-editing-area {
	overflow: hidden
}

.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-editable {
	padding: 10px;
	overflow: auto;
	word-wrap: break-word
}

.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
	background-color: hsla(0, 0%, 50.2%, .11372549019607843)
}

.note-editor.note-airframe .note-editing-area .note-codable,
.note-editor.note-frame .note-editing-area .note-codable {
	display: none;
	width: 100%;
	padding: 10px;
	border: none;
	box-shadow: none;
	font-family: Menlo, Monaco, monospace, sans-serif;
	font-size: 14px;
	color: #ccc;
	background-color: #222;
	resize: none;
	outline: none;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	margin-bottom: 0
}

.note-editor.note-airframe.fullscreen,
.note-editor.note-frame.fullscreen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	z-index: 1050
}

.note-editor.note-airframe.fullscreen .note-resizebar,
.note-editor.note-frame.fullscreen .note-resizebar {
	display: none
}

.note-editor.note-airframe .note-status-output,
.note-editor.note-frame .note-status-output {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.42857143;
	height: 20px;
	margin-bottom: 0;
	color: #000;
	border: 0;
	border-top: 1px solid #e2e2e2
}

.note-editor.note-airframe .note-status-output:empty,
.note-editor.note-frame .note-status-output:empty {
	height: 0;
	border-top: 0 solid transparent
}

.note-editor.note-airframe .note-status-output .pull-right,
.note-editor.note-frame .note-status-output .pull-right {
	float: right !important
}

.note-editor.note-airframe .note-status-output .text-muted,
.note-editor.note-frame .note-status-output .text-muted {
	color: #777
}

.note-editor.note-airframe .note-status-output .text-primary,
.note-editor.note-frame .note-status-output .text-primary {
	color: #286090
}

.note-editor.note-airframe .note-status-output .text-success,
.note-editor.note-frame .note-status-output .text-success {
	color: #3c763d
}

.note-editor.note-airframe .note-status-output .text-info,
.note-editor.note-frame .note-status-output .text-info {
	color: #31708f
}

.note-editor.note-airframe .note-status-output .text-warning,
.note-editor.note-frame .note-status-output .text-warning {
	color: #8a6d3b
}

.note-editor.note-airframe .note-status-output .text-danger,
.note-editor.note-frame .note-status-output .text-danger {
	color: #a94442
}

.note-editor.note-airframe .note-status-output .alert,
.note-editor.note-frame .note-status-output .alert {
	margin: -7px 0 0;
	padding: 7px 10px 2px;
	border-radius: 0;
	color: #000;
	background-color: #f5f5f5
}

.note-editor.note-airframe .note-status-output .alert .note-icon,
.note-editor.note-frame .note-status-output .alert .note-icon {
	margin-right: 5px
}

.note-editor.note-airframe .note-status-output .alert-success,
.note-editor.note-frame .note-status-output .alert-success {
	color: #3c763d !important;
	background-color: #dff0d8 !important
}

.note-editor.note-airframe .note-status-output .alert-info,
.note-editor.note-frame .note-status-output .alert-info {
	color: #31708f !important;
	background-color: #d9edf7 !important
}

.note-editor.note-airframe .note-status-output .alert-warning,
.note-editor.note-frame .note-status-output .alert-warning {
	color: #8a6d3b !important;
	background-color: #fcf8e3 !important
}

.note-editor.note-airframe .note-status-output .alert-danger,
.note-editor.note-frame .note-status-output .alert-danger {
	color: #a94442 !important;
	background-color: #f2dede !important
}

.note-editor.note-airframe .note-statusbar,
.note-editor.note-frame .note-statusbar {
	background-color: hsla(0, 0%, 50.2%, .11372549019607843);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top: 1px solid rgba(0, 0, 0, .19607843137254902)
}

.note-editor.note-airframe .note-statusbar .note-resizebar,
.note-editor.note-frame .note-statusbar .note-resizebar {
	padding-top: 1px;
	height: 9px;
	width: 100%;
	cursor: ns-resize
}

.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
	width: 20px;
	margin: 1px auto;
	border-top: 1px solid rgba(0, 0, 0, .19607843137254902)
}

.note-editor.note-airframe .note-statusbar.locked .note-resizebar,
.note-editor.note-frame .note-statusbar.locked .note-resizebar {
	cursor: default
}

.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
	display: none
}

.note-editor.note-airframe .note-placeholder,
.note-editor.note-frame .note-placeholder {
	padding: 10px
}

.note-editor.note-airframe {
	border: 0
}

.note-editor.note-airframe .note-editing-area .note-editable {
	padding: 0
}

.note-popover.popover {
	display: none;
	max-width: none
}

.note-popover.popover .popover-content a {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle
}

.note-popover.popover .arrow {
	left: 20px !important
}

.note-toolbar {
	position: relative
}

.note-editor .note-toolbar,
.note-popover .popover-content {
	margin: 0;
	padding: 0 0 5px 5px
}

.note-editor .note-toolbar>.note-btn-group,
.note-popover .popover-content>.note-btn-group {
	margin-top: 5px;
	margin-left: 0;
	margin-right: 5px
}

.note-editor .note-toolbar .note-btn-group .note-table,
.note-popover .popover-content .note-btn-group .note-table {
	min-width: 0;
	padding: 5px
}

.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
	font-size: 18px
}

.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
	position: absolute !important;
	z-index: 3;
	width: 10em;
	height: 10em;
	cursor: pointer
}

.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
	position: relative !important;
	z-index: 1;
	width: 5em;
	height: 5em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
}

.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
	position: absolute !important;
	z-index: 2;
	width: 1em;
	height: 1em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat
}

.note-editor .note-toolbar .note-style .dropdown-style blockquote,
.note-editor .note-toolbar .note-style .dropdown-style pre,
.note-popover .popover-content .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre {
	margin: 0;
	padding: 5px 10px
}

.note-editor .note-toolbar .note-style .dropdown-style h1,
.note-editor .note-toolbar .note-style .dropdown-style h2,
.note-editor .note-toolbar .note-style .dropdown-style h3,
.note-editor .note-toolbar .note-style .dropdown-style h4,
.note-editor .note-toolbar .note-style .dropdown-style h5,
.note-editor .note-toolbar .note-style .dropdown-style h6,
.note-editor .note-toolbar .note-style .dropdown-style p,
.note-popover .popover-content .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p {
	margin: 0;
	padding: 0
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu,
.note-popover .popover-content .note-color-all .note-dropdown-menu {
	min-width: 337px
}

.note-editor .note-toolbar .note-color .dropdown-toggle,
.note-popover .popover-content .note-color .dropdown-toggle {
	width: 20px;
	padding-left: 5px
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
	display: inline-block;
	margin: 0;
	width: 160px
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
	margin: 0 5px
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
	font-size: 12px;
	margin: 2px 7px;
	text-align: center;
	border-bottom: 1px solid #eee
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
	font-size: 11px;
	margin: 3px;
	padding: 0 3px;
	cursor: pointer;
	width: 100%;
	border-radius: 5px
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
	background: #eee
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
	height: 20px
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
	display: none
}

.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
	border: 1px solid #eee
}

.note-editor .note-toolbar .note-para .note-dropdown-menu,
.note-popover .popover-content .note-para .note-dropdown-menu {
	min-width: 228px;
	padding: 5px
}

.note-editor .note-toolbar .note-para .note-dropdown-menu>div+div,
.note-popover .popover-content .note-para .note-dropdown-menu>div+div {
	margin-left: 5px
}

.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
	min-width: 160px
}

.note-editor .note-toolbar .note-dropdown-menu.right,
.note-popover .popover-content .note-dropdown-menu.right {
	right: 0;
	left: auto
}

.note-editor .note-toolbar .note-dropdown-menu.right:before,
.note-popover .popover-content .note-dropdown-menu.right:before {
	right: 9px;
	left: auto !important
}

.note-editor .note-toolbar .note-dropdown-menu.right:after,
.note-popover .popover-content .note-dropdown-menu.right:after {
	right: 10px;
	left: auto !important
}

.note-editor .note-toolbar .note-dropdown-menu.note-check a i,
.note-popover .popover-content .note-dropdown-menu.note-check a i {
	color: #00bfff;
	visibility: hidden
}

.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,
.note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
	visibility: visible
}

.note-editor .note-toolbar .note-fontsize-10,
.note-popover .popover-content .note-fontsize-10 {
	font-size: 10px
}

.note-editor .note-toolbar .note-color-palette,
.note-popover .popover-content .note-color-palette {
	line-height: 1
}

.note-editor .note-toolbar .note-color-palette div .note-color-btn,
.note-popover .popover-content .note-color-palette div .note-color-btn {
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0
}

.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,
.note-popover .popover-content .note-color-palette div .note-color-btn:hover {
	transform: scale(1.2);
	transition: all .2s
}

.note-modal .modal-dialog {
	outline: 0;
	border-radius: 5px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.note-modal .form-group {
	margin-left: 0;
	margin-right: 0
}

.note-modal .note-modal-form {
	margin: 0
}

.note-modal .note-image-dialog .note-dropzone {
	min-height: 100px;
	font-size: 30px;
	line-height: 4;
	color: #d3d3d3;
	text-align: center;
	border: 4px dashed #d3d3d3;
	margin-bottom: 10px
}

@-moz-document url-prefix() {
	.note-modal .note-image-input {
		height: auto
	}
}

.note-placeholder {
	position: absolute;
	display: none;
	color: grey
}

.note-handle .note-control-selection {
	position: absolute;
	display: none;
	border: 1px solid #000
}

.note-handle .note-control-selection>div {
	position: absolute
}

.note-handle .note-control-selection .note-control-selection-bg {
	width: 100%;
	height: 100%;
	background-color: #000;
	-webkit-opacity: .3;
	-khtml-opacity: .3;
	-moz-opacity: .3;
	opacity: .3;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	filter: alpha(opacity=30)
}

.note-handle .note-control-selection .note-control-handle,
.note-handle .note-control-selection .note-control-holder,
.note-handle .note-control-selection .note-control-sizing {
	width: 7px;
	height: 7px;
	border: 1px solid #000
}

.note-handle .note-control-selection .note-control-sizing {
	background-color: #000
}

.note-handle .note-control-selection .note-control-nw {
	top: -5px;
	left: -5px;
	border-right: none;
	border-bottom: none
}

.note-handle .note-control-selection .note-control-ne {
	top: -5px;
	right: -5px;
	border-bottom: none;
	border-left: none
}

.note-handle .note-control-selection .note-control-sw {
	bottom: -5px;
	left: -5px;
	border-top: none;
	border-right: none
}

.note-handle .note-control-selection .note-control-se {
	right: -5px;
	bottom: -5px;
	cursor: se-resize
}

.note-handle .note-control-selection .note-control-se.note-control-holder {
	cursor: default;
	border-top: none;
	border-left: none
}

.note-handle .note-control-selection .note-control-selection-info {
	right: 0;
	bottom: 0;
	padding: 5px;
	margin: 5px;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	border-radius: 5px;
	-webkit-opacity: .7;
	-khtml-opacity: .7;
	-moz-opacity: .7;
	opacity: .7;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter: alpha(opacity=70)
}

.note-hint-popover {
	min-width: 100px;
	padding: 2px
}

.note-hint-popover .popover-content {
	padding: 3px;
	max-height: 150px;
	overflow: auto
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item {
	display: block !important;
	padding: 3px
}

.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
	display: block;
	clear: both;
	font-weight: 400;
	line-height: 1.4;
	color: #fff;
	white-space: nowrap;
	text-decoration: none;
	background-color: #428bca;
	outline: 0;
	cursor: pointer
}

.CodeMirror {
	font-family: monospace;
	height: 300px;
	color: #000;
	direction: ltr
}

.CodeMirror-lines {
	padding: 4px 0
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
	padding: 0 4px
}

.CodeMirror-gutter-filler,
.CodeMirror-scrollbar-filler {
	background-color: #fff
}

.CodeMirror-gutters {
	border-right: 1px solid #ddd;
	background-color: #f7f7f7;
	white-space: nowrap
}

.CodeMirror-linenumber {
	padding: 0 3px 0 5px;
	min-width: 20px;
	text-align: right;
	color: #999;
	white-space: nowrap
}

.CodeMirror-guttermarker {
	color: #000
}

.CodeMirror-guttermarker-subtle {
	color: #999
}

.CodeMirror-cursor {
	border-left: 1px solid #000;
	border-right: none;
	width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
	border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
	width: auto;
	border: 0 !important;
	background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
	z-index: 1
}

.cm-fat-cursor-mark {
	background-color: rgba(20, 255, 20, .5)
}

.cm-animate-fat-cursor,
.cm-fat-cursor-mark {
	-webkit-animation: blink 1.06s steps(1) infinite;
	animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
	width: auto;
	border: 0;
	background-color: #7e7
}

@-webkit-keyframes blink {
	50% {
		background-color: transparent
	}
}

@keyframes blink {
	50% {
		background-color: transparent
	}
}

.cm-tab {
	display: inline-block;
	text-decoration: inherit
}

.CodeMirror-rulers {
	position: absolute;
	left: 0;
	right: 0;
	top: -50px;
	bottom: 0;
	overflow: hidden
}

.CodeMirror-ruler {
	border-left: 1px solid #ccc;
	top: 0;
	bottom: 0;
	position: absolute
}

.cm-s-default .cm-header {
	color: #00f
}

.cm-s-default .cm-quote {
	color: #090
}

.cm-negative {
	color: #d44
}

.cm-positive {
	color: #292
}

.cm-header,
.cm-strong {
	font-weight: 700
}

.cm-em {
	font-style: italic
}

.cm-link {
	text-decoration: underline
}

.cm-strikethrough {
	text-decoration: line-through
}

.cm-s-default .cm-keyword {
	color: #708
}

.cm-s-default .cm-atom {
	color: #219
}

.cm-s-default .cm-number {
	color: #164
}

.cm-s-default .cm-def {
	color: #00f
}

.cm-s-default .cm-variable-2 {
	color: #05a
}

.cm-s-default .cm-type,
.cm-s-default .cm-variable-3 {
	color: #085
}

.cm-s-default .cm-comment {
	color: #a50
}

.cm-s-default .cm-string {
	color: #a11
}

.cm-s-default .cm-string-2 {
	color: #f50
}

.cm-s-default .cm-meta,
.cm-s-default .cm-qualifier {
	color: #555
}

.cm-s-default .cm-builtin {
	color: #30a
}

.cm-s-default .cm-bracket {
	color: #997
}

.cm-s-default .cm-tag {
	color: #170
}

.cm-s-default .cm-attribute {
	color: #00c
}

.cm-s-default .cm-hr {
	color: #999
}

.cm-s-default .cm-link {
	color: #00c
}

.cm-invalidchar,
.cm-s-default .cm-error {
	color: red
}

.CodeMirror-composing {
	border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
	color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
	color: #a22
}

.CodeMirror-matchingtag {
	background: rgba(255, 150, 0, .3)
}

.CodeMirror-activeline-background {
	background: #e8f2ff
}

.CodeMirror {
	position: relative;
	overflow: hidden;
	background: #fff
}

.CodeMirror-scroll {
	overflow: scroll !important;
	margin-bottom: -50px;
	margin-right: -50px;
	padding-bottom: 50px;
	height: 100%;
	outline: none;
	position: relative
}

.CodeMirror-sizer {
	position: relative;
	border-right: 50px solid transparent
}

.CodeMirror-gutter-filler,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-vscrollbar {
	position: absolute;
	z-index: 6;
	display: none
}

.CodeMirror-vscrollbar {
	right: 0;
	top: 0;
	overflow-x: hidden;
	overflow-y: scroll
}

.CodeMirror-hscrollbar {
	bottom: 0;
	left: 0;
	overflow-y: hidden;
	overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
	right: 0;
	bottom: 0
}

.CodeMirror-gutter-filler {
	left: 0;
	bottom: 0
}

.CodeMirror-gutters {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	z-index: 3
}

.CodeMirror-gutter {
	white-space: normal;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: -50px
}

.CodeMirror-gutter-wrapper {
	position: absolute;
	z-index: 4;
	background: none !important;
	border: none !important
}

.CodeMirror-gutter-background {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 4
}

.CodeMirror-gutter-elt {
	position: absolute;
	cursor: default;
	z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
	background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
	background-color: transparent
}

.CodeMirror-lines {
	cursor: text;
	min-height: 1px
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
	border-radius: 0;
	border-width: 0;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	margin: 0;
	white-space: pre;
	word-wrap: normal;
	line-height: inherit;
	color: inherit;
	z-index: 2;
	position: relative;
	overflow: visible;
	-webkit-tap-highlight-color: transparent;
	font-variant-ligatures: contextual
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
	word-wrap: break-word;
	white-space: pre-wrap;
	word-break: normal
}

.CodeMirror-linebackground {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0
}

.CodeMirror-linewidget {
	position: relative;
	z-index: 2;
	padding: .1px
}

.CodeMirror-rtl pre {
	direction: rtl
}

.CodeMirror-code {
	outline: none
}

.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber,
.CodeMirror-scroll,
.CodeMirror-sizer {
	box-sizing: content-box
}

.CodeMirror-measure {
	position: absolute;
	width: 100%;
	height: 0;
	overflow: hidden;
	visibility: hidden
}

.CodeMirror-cursor {
	position: absolute;
	pointer-events: none
}

.CodeMirror-measure pre {
	position: static
}

div.CodeMirror-cursors {
	visibility: hidden;
	position: relative;
	z-index: 3
}

.CodeMirror-focused div.CodeMirror-cursors,
div.CodeMirror-dragcursors {
	visibility: visible
}

.CodeMirror-selected {
	background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
	background: #d7d4f0
}

.CodeMirror-crosshair {
	cursor: crosshair
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
	background: #d7d4f0
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
	background: #d7d4f0
}

.cm-searching {
	background-color: #ffa;
	background-color: rgba(255, 255, 0, .4)
}

.cm-force-border {
	padding-right: .1px
}

@media print {
	.CodeMirror div.CodeMirror-cursors {
		visibility: hidden
	}
}

.cm-tab-wrap-hack:after {
	content: ""
}

span.CodeMirror-selectedtext {
	background: none
}


.myskin {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:768px) {
	/*.myskin {
		width: 100%
	}*/
	.myskin {width: 100%;padding:0 15px;}
}

.myskin .description1 {
	font-weight: 700;
	font-size: 20px
}

.myskin .description2 {
	font-size: 20px
}

.myskin .dospaw-result {
	width: 200px;
	height: 200px;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px
}

.myskin .dospaw-result .dospaw-description {
	margin-top: 20px;
	margin-bottom: 20px
}

.myskin .dospaw-result .dospaw-dospaw {
	color: #773891;
	font-size: 40px;
	font-weight: 700
}

.myskin .results-wrapper {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:768px) {
	.myskin .results-wrapper {
		width: 100%
	}
}

.myskin .results-wrapper .results-wrapper-title {
	width: 150px;
	border-radius: 10px;
	background: #000;
	padding-top: 5px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-right: auto
}

.myskin .results-wrapper .results-list {
	border-radius: 10px;
	border: 1px solid #bdbdbd;
	margin-top: -15px;
	background: #f8f9fa;
	padding: 20px;
	display: flex;
	width: 100%
}

@media (max-width:768px) {
	.myskin .results-wrapper .results-list {
		padding: 5px
	}
}

.myskin .results-wrapper .results-list .dospaw-result {
	margin-top: 20px;
	margin-bottom: 20px
}

.myskin .results-wrapper .results-list .table {
	width:100%;
	margin-bottom: 0
}

.myskin .results-wrapper .results-list .table .result-item {
	cursor: pointer;
	display: flex;
	padding: 10px
}

.myskin .results-wrapper .results-list .table .result-item:not(:first-child) {
	border-top: 1px dashed grey
}

.myskin .results-wrapper .results-list .table .result-item div {
	text-align: center;
	overflow-wrap: break-word
}

@media (max-width:768px) {
	.myskin .results-wrapper .results-list .table .result-item {
		padding: 0
	}
}

.myskin .results-wrapper .results-list .table .col-date,
.myskin .results-wrapper .results-list .table .col-index {
	width: 10%
}

@media (max-width:768px) {
	.myskin .results-wrapper .results-list .table .col-date {
		width: 30% !important
	}
}

.myskin .results-wrapper .results-list .table .col-dospaw-code {
	width: 30%
}

@media (max-width:768px) {
	.myskin .results-wrapper .results-list .table .col-dospaw-code {
		width: 30% !important
	}
}

.myskin .results-wrapper .results-list .table .col-dospaw {
	width: 40%
}

@media (max-width:768px) {
	.myskin .results-wrapper .results-list .table .col-dospaw {
		width: 30% !important
	}
}


.consultposts .posts-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.consultposts .posts-wrapper .posts-list {
	width: 80%
}

@media (max-width:768px) {
	.consultposts .posts-wrapper .posts-list {
		width: 100% !important
	}
}

.consultposts .posts-wrapper .posts-list .table {
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	padding-bottom: 50px
}

@media (max-width:768px) {
	.consultposts .posts-wrapper .posts-list .table {
		font-size: 14px
	}
}

.consultposts .posts-wrapper .posts-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.consultposts .posts-wrapper .posts-list .table .table-header div {
	text-align: center
}

.consultposts .posts-wrapper .posts-list .table .post-item {
	cursor: pointer;
	display: flex;
	padding: 10px;
	border-bottom: 1px dashed grey
}

.consultposts .posts-wrapper .posts-list .table .post-item div {
	text-align: center;
	overflow-wrap: break-word
}

.consultposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper {
	width: 100%;
	text-align: left
}

.consultposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper .content {
	background: #f2f2f2;
	min-height: 200px;
	padding: 10px;
	display: inline-block;
	width: 100%
}

.consultposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper .answer-title {
	margin-bottom: 10px;
	text-align: left;
	font-style: italic
}

.consultposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper .answer {
	background: #f2f2f2;
	min-height: 200px;
	padding: 10px;
	display: inline-block;
	width: 100%
}

.consultposts .posts-wrapper .posts-list .table .col-date {
	width: 10%
}

@media (max-width:768px) {
	.consultposts .posts-wrapper .posts-list .table .col-date {
		width: 20% !important
	}
}

.consultposts .posts-wrapper .posts-list .table .col-views {
	width: 10%
}

@media (max-width:768px) {
	.consultposts .posts-wrapper .posts-list .table .col-views {
		width: 20% !important
	}
}

.consultposts .posts-wrapper .posts-list .table .col-action {
	width: 10%;
	cursor: pointer
}

.consultposts .posts-wrapper .posts-list .table .col-title {
	width: 70%
}

@media (max-width:768px) {
	.consultposts .posts-wrapper .posts-list .table .col-title {
		width: 50% !important
	}
}

.consultposts .posts-wrapper .formWrapper {
	margin-top: 20px;
	width: 80%
}

.consultposts .posts-wrapper .formWrapper form {
	display: flex;
	flex-direction: column
}

@media (max-width:768px) {
	.consultposts .posts-wrapper .formWrapper {
		width: 100%
	}
}


.ck-editor__editable {
	min-height: 500px
}

.panel-heading.note-toolbar {
	background: #ebeced
}


.register {
	width: 288px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px
}

.register .invalid-feedback {
	display: block !important
}

.register .mobileno {
	-moz-appearance: textfield
}

.register .mobileno::-webkit-inner-spin-button,
.register .mobileno::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}


.login {
	width: 288px;
	margin-left: auto;
	margin-right: auto;
	padding: 50px
}

.login .invalid-feedback {
	display: block !important
}


.pwdresetpage {
	height: 100%;
	background: #fff
}


.information {
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

.information iframe {
	width: 100%;
	height: 800px;
	border: none
}

@media (max-width:768px) {
	.information {
		width: 100% !important
	}
}


.skinposts .posts-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.skinposts .posts-wrapper .posts-list {
	width: 80%
}

.skinposts .posts-wrapper .posts-list .table {
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	padding-bottom: 50px
}

.skinposts .posts-wrapper .posts-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.skinposts .posts-wrapper .posts-list .table .table-header div {
	text-align: center
}

.skinposts .posts-wrapper .posts-list .table .post-item {
	cursor: pointer;
	display: flex;
	padding: 10px;
	border-bottom: 1px dashed grey
}

.skinposts .posts-wrapper .posts-list .table .post-item div {
	text-align: center
}

.skinposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper {
	width: 100% !important
}

.skinposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper .content {
	background: #f2f2f2
}

.skinposts .posts-wrapper .posts-list .table .col-date,
.skinposts .posts-wrapper .posts-list .table .col-views {
	width: 10%
}

.skinposts .posts-wrapper .posts-list .table .col-action {
	width: 10%;
	cursor: pointer
}

.skinposts .posts-wrapper .posts-list .table .col-title {
	width: 70%
}

.skinposts .posts-wrapper .formWrapper {
	margin-top: 20px;
	width: 80% !important;
	text-align: center
}


.infoposts_admin .posts-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.infoposts_admin .posts-wrapper .posts-list {
	width: 80%
}

.infoposts_admin .posts-wrapper .posts-list .table {
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	padding-bottom: 50px
}

.infoposts_admin .posts-wrapper .posts-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.infoposts_admin .posts-wrapper .posts-list .table .table-header div {
	text-align: center
}

.infoposts_admin .posts-wrapper .posts-list .table .post-item {
	cursor: pointer;
	display: flex;
	padding: 10px;
	border-bottom: 1px dashed grey
}

.infoposts_admin .posts-wrapper .posts-list .table .post-item div {
	text-align: center
}

.infoposts_admin .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper {
	width: 100%;
	min-height: 200px;
	display: flex;
	flex-direction: column
}

.infoposts_admin .posts-wrapper .posts-list .table .col-date,
.infoposts_admin .posts-wrapper .posts-list .table .col-views {
	width: 10%
}

.infoposts_admin .posts-wrapper .posts-list .table .col-action {
	width: 10%;
	cursor: pointer
}

.infoposts_admin .posts-wrapper .posts-list .table .col-title {
	width: 70%
}

.infoposts_admin .posts-wrapper .formWrapper {
	margin-top: 20px;
	width: 80%
}

.infoposts_admin .posts-wrapper .formWrapper form {
	display: flex;
	flex-direction: column
}


.skinposts .posts-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.skinposts .posts-wrapper .posts-list {
	width: 80%
}

.skinposts .posts-wrapper .posts-list .table {
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	padding-bottom: 50px
}

.skinposts .posts-wrapper .posts-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.skinposts .posts-wrapper .posts-list .table .table-header div {
	text-align: center
}

.skinposts .posts-wrapper .posts-list .table .post-item {
	cursor: pointer;
	display: flex;
	padding: 10px;
	border-bottom: 1px dashed grey
}

.skinposts .posts-wrapper .posts-list .table .post-item div {
	text-align: center
}

.skinposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper {
	width: 300px
}

.skinposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper input,
.skinposts .posts-wrapper .posts-list .table .post-view-wrapper .formWrapper select {
	margin-bottom: 10px
}

.skinposts .posts-wrapper .posts-list .table .col-goodbad,
.skinposts .posts-wrapper .posts-list .table .col-indicator {
	width: 10%
}

.skinposts .posts-wrapper .posts-list .table .col-action {
	width: 10%;
	cursor: pointer
}

.skinposts .posts-wrapper .posts-list .table .col-title {
	width: 70%
}

.skinposts .posts-wrapper .formWrapper {
	margin-top: 20px;
	width: 300px;
	text-align: center
}

.skinposts .posts-wrapper .formWrapper input,
.skinposts .posts-wrapper .formWrapper select {
	margin-bottom: 10px
}

.skinposts .easy-autocomplete.eac-square {
	font-family: Noto Sans KR, Roboto Condensed, sans-serif !important;
	margin-bottom: 10px !important
}

.skinposts .easy-autocomplete.eac-square input {
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	font-style: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
	margin-bottom: 0 !important
}


.easy-autocomplete {
	position: relative
}

.easy-autocomplete input {
	border-radius: 4px;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	color: #555;
	float: none;
	padding: 6px 12px
}

.easy-autocomplete input:focus,
.easy-autocomplete input:hover {
	box-shadow: none
}

.easy-autocomplete a {
	display: block
}

.easy-autocomplete.eac-blue-light input:focus,
.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light ul {
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.easy-autocomplete.eac-blue-light ul .eac-category,
.easy-autocomplete.eac-blue-light ul li {
	border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul .eac-category.selected,
.easy-autocomplete.eac-blue-light ul li.selected {
	background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:focus,
.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light ul {
	border-color: #41db00;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(146, 237, 107, .6)
}

.easy-autocomplete.eac-green-light ul .eac-category,
.easy-autocomplete.eac-green-light ul li {
	border-color: #41db00
}

.easy-autocomplete.eac-green-light ul .eac-category.selected,
.easy-autocomplete.eac-green-light ul li.selected {
	background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:focus,
.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light ul {
	border-color: #ff5b5b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 90, 90, .6)
}

.easy-autocomplete.eac-red-light ul .eac-category,
.easy-autocomplete.eac-red-light ul li {
	border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul .eac-category.selected,
.easy-autocomplete.eac-red-light ul li.selected {
	background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:focus,
.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light ul {
	border-color: #ffdb00;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 231, 84, .6)
}

.easy-autocomplete.eac-yellow-light ul .eac-category,
.easy-autocomplete.eac-yellow-light ul li {
	border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul .eac-category.selected,
.easy-autocomplete.eac-yellow-light ul li.selected {
	background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:focus,
.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light ul {
	border-color: #333;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(55, 55, 55, .6)
}

.easy-autocomplete.eac-dark-light ul .eac-category,
.easy-autocomplete.eac-dark-light ul li {
	border-color: #333
}

.easy-autocomplete.eac-dark-light ul .eac-category.selected,
.easy-autocomplete.eac-dark-light ul li.selected {
	background-color: #4d4d4d;
	color: #fff
}

.easy-autocomplete.eac-dark {
	color: #fff
}

.easy-autocomplete.eac-dark input {
	background-color: #404040;
	border-radius: 4px;
	box-shadow: 0;
	color: #f6f6f6
}

.easy-autocomplete.eac-dark input:focus,
.easy-autocomplete.eac-dark input:hover {
	border-color: #333;
	box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
	border-color: #333
}

.easy-autocomplete.eac-dark ul .eac-category,
.easy-autocomplete.eac-dark ul li {
	background-color: #404040;
	border-color: #333
}

.easy-autocomplete.eac-dark ul .eac-category.selected,
.easy-autocomplete.eac-dark ul li.selected {
	background-color: #737373;
	color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
	color: #fff
}

.easy-autocomplete.eac-dark-glass input {
	background-color: rgba(0, 0, 0, .8);
	border-radius: 4px;
	box-shadow: 0;
	color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:focus,
.easy-autocomplete.eac-dark-glass input:hover {
	border-color: rgba(0, 0, 0, .8);
	box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
	border-color: rgba(0, 0, 0, .8)
}

.easy-autocomplete.eac-dark-glass ul .eac-category,
.easy-autocomplete.eac-dark-glass ul li {
	background-color: rgba(0, 0, 0, .8);
	border-color: rgba(0, 0, 0, .8)
}

.easy-autocomplete.eac-dark-glass ul .eac-category.selected,
.easy-autocomplete.eac-dark-glass ul li.selected {
	background-color: rgba(64, 64, 64, .8);
	color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul .eac-category:last-child,
.easy-autocomplete.eac-dark-glass ul li:last-child {
	border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
	color: #fff
}

.easy-autocomplete.eac-blue input {
	background-color: #6d9ed1;
	border-radius: 4px;
	box-shadow: 0;
	color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
	color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder,
.easy-autocomplete.eac-blue input::-moz-placeholder {
	color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
	color: #f6f6f6
}

.easy-autocomplete.eac-blue input:focus,
.easy-autocomplete.eac-blue input:hover {
	border-color: #5a91cb;
	box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
	border-color: #5a91cb
}

.easy-autocomplete.eac-blue ul .eac-category,
.easy-autocomplete.eac-blue ul li {
	background-color: #6d9ed1;
	border-color: #5a91cb
}

.easy-autocomplete.eac-blue ul .eac-category.selected,
.easy-autocomplete.eac-blue ul li.selected {
	background-color: #94b8dd;
	color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
	color: #333
}

.easy-autocomplete.eac-yellow input {
	background-color: #ffdb7e;
	border-color: #333;
	border-radius: 4px;
	box-shadow: 0;
	color: #333
}

.easy-autocomplete.eac-yellow input:focus,
.easy-autocomplete.eac-yellow input:hover {
	border-color: #333;
	box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
	border-color: #333
}

.easy-autocomplete.eac-yellow ul .eac-category,
.easy-autocomplete.eac-yellow ul li {
	background-color: #ffdb7e;
	border-color: #333
}

.easy-autocomplete.eac-yellow ul .eac-category.selected,
.easy-autocomplete.eac-yellow ul li.selected {
	background-color: #ffe9b1;
	color: #333
}

.easy-autocomplete.eac-purple {
	color: #333
}

.easy-autocomplete.eac-purple input {
	background-color: #d6d1e7;
	border-color: #b8afd5;
	box-shadow: 0;
	color: #333
}

.easy-autocomplete.eac-purple input:focus,
.easy-autocomplete.eac-purple input:hover {
	border-color: #333;
	box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
	border-color: #333
}

.easy-autocomplete.eac-purple ul .eac-category,
.easy-autocomplete.eac-purple ul li {
	background-color: #d6d1e7;
	border-color: #333
}

.easy-autocomplete.eac-purple ul .eac-category.selected,
.easy-autocomplete.eac-purple ul li.selected {
	background-color: #ebe8f3;
	color: #333
}

.easy-autocomplete.eac-bootstrap input {
	border-radius: 4px;
	border: 1px solid #ccc;
	color: #555;
	padding: 6px 12px
}

.easy-autocomplete-container {
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 2
}

.easy-autocomplete-container ul {
	background: none repeat scroll 0 0 #fff;
	border-top: 1px dotted #ccc;
	display: none;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
	top: -1px
}

.easy-autocomplete-container ul .eac-category,
.easy-autocomplete-container ul li {
	background: inherit;
	-o-border-image: none;
	border-image: none;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding: 4px 12px
}

.easy-autocomplete-container ul li:last-child {
	border-radius: 0 0 2px 2px;
	border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
	background: none repeat scroll 0 0 #ebebeb;
	cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
	font-weight: 400
}

.easy-autocomplete-container ul li div {
	display: block;
	font-weight: 400;
	word-break: break-all
}

.easy-autocomplete-container ul li b {
	font-weight: 700
}

.easy-autocomplete-container ul .eac-category {
	font-color: #aaa;
	font-style: italic
}

.eac-description .eac-item span {
	color: #aaa;
	font-style: italic;
	font-size: .9em
}

.eac-icon-left .eac-item img {
	margin-right: 4px;
	max-height: 30px
}

.eac-icon-right .eac-item {
	margin-top: 8px;
	min-height: 24px;
	position: relative
}

.eac-icon-right .eac-item img {
	margin-left: 4px;
	max-height: 30px;
	position: absolute;
	right: -4px;
	top: -8px
}


.easy-autocomplete.eac-square {
	font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-square input {
	border: 1px solid #7f8c8d;
	border-radius: 0;
	color: #7f8c8d;
	font-family: inherit;
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	min-width: 350px;
	padding: 12px 43px 12px 15px
}

.easy-autocomplete.eac-square ul {
	border-color: #7f8c8d;
	border-top: 0;
	box-shadow: none;
	top: 0
}

.easy-autocomplete.eac-square ul .eac-category,
.easy-autocomplete.eac-square ul li {
	border-color: #7f8c8d;
	font-family: inherit;
	font-size: 16px;
	font-weight: 300;
	padding: 6px 12px;
	transition: all .4s ease 0s
}

.easy-autocomplete.eac-square ul .eac-category *,
.easy-autocomplete.eac-square ul li * {
	font-weight: 300
}

.easy-autocomplete.eac-square ul .eac-category.selected,
.easy-autocomplete.eac-square ul li.selected {
	background-color: #f1f1f1;
	font-weight: 300
}

.easy-autocomplete.eac-square ul .eac-category b,
.easy-autocomplete.eac-square ul li b {
	font-weight: 600
}

.easy-autocomplete.eac-round {
	font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-round input {
	border: 2px solid #888;
	border-radius: 10px;
	color: #888;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	min-width: 300px;
	padding: 10px
}

.easy-autocomplete.eac-round input:focus,
.easy-autocomplete.eac-round input:hover {
	border-color: #3079ed
}

.easy-autocomplete.eac-round ul {
	background: none;
	border-color: #888;
	border-width: 0;
	box-shadow: none;
	min-width: 300px;
	top: 20px
}

.easy-autocomplete.eac-round ul .eac-category,
.easy-autocomplete.eac-round ul li {
	background: #fff;
	border-color: #3079ed;
	border-width: 0 2px;
	font-size: 14px;
	padding: 8px 12px;
	transition: all .4s ease 0s
}

.easy-autocomplete.eac-round ul .eac-category.selected,
.easy-autocomplete.eac-round ul li.selected {
	background-color: #d4e3fb
}

.easy-autocomplete.eac-round ul .eac-category:first-child,
.easy-autocomplete.eac-round ul li:first-child {
	border-radius: 10px 10px 0 0;
	border-width: 2px 2px 0
}

.easy-autocomplete.eac-round ul .eac-category:last-child,
.easy-autocomplete.eac-round ul li:last-child {
	border-radius: 0 0 10px 10px;
	border-width: 0 2px 2px
}

.easy-autocomplete.eac-round ul .eac-category b,
.easy-autocomplete.eac-round ul li b {
	font-weight: 700
}

.easy-autocomplete.eac-funky {
	font-family: Inconsolata, Helvetica Neue, Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-funky input {
	background: #07ed89;
	border: 0;
	border-radius: 0;
	color: #ed076b;
	font-family: inherit;
	font-size: 18px;
	min-width: 240px;
	padding: 12px
}

.easy-autocomplete.eac-funky ul {
	background: transparent;
	border: 0
}

.easy-autocomplete.eac-funky ul .eac-category,
.easy-autocomplete.eac-funky ul li {
	background: transparent;
	border: 0;
	color: #ed076b;
	font-size: 18px;
	padding: 4px 12px;
	transition: all .4s ease 0s
}

.easy-autocomplete.eac-funky ul .eac-category.selected,
.easy-autocomplete.eac-funky ul li.selected {
	color: #8907ed
}

.easy-autocomplete.eac-solid input {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
	border-color: #ddd;
	color: #666;
	font-size: 13px;
	min-height: 0;
	padding: 6px 12px
}

.easy-autocomplete.eac-solid ul .eac-category,
.easy-autocomplete.eac-solid ul li {
	transition: all .4s ease 0s
}

.easy-autocomplete.eac-solid ul .eac-category.selected,
.easy-autocomplete.eac-solid ul li.selected {
	background-color: #f2f2f2
}

.easy-autocomplete.eac-plate {
	font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-plate input {
	font-size: 13px;
	padding: 6px 12px
}

.easy-autocomplete.eac-plate ul {
	background: #b5b5b5;
	border-radius: 6px;
	border-width: 0;
	top: 10px
}

.easy-autocomplete.eac-plate ul .eac-category,
.easy-autocomplete.eac-plate ul li {
	background: #b5b5b5;
	color: #fafafa;
	font-size: 12px;
	transition: all .4s ease 0s
}

.easy-autocomplete.eac-plate ul .eac-category b,
.easy-autocomplete.eac-plate ul li b {
	color: #ffd464
}

.easy-autocomplete.eac-plate ul .eac-category.selected,
.easy-autocomplete.eac-plate ul li.selected {
	background: #656565
}

.easy-autocomplete.eac-plate ul .eac-category:first-child,
.easy-autocomplete.eac-plate ul li:first-child {
	border-radius: 6px 6px 0 0
}

.easy-autocomplete.eac-plate ul .eac-category:last-child,
.easy-autocomplete.eac-plate ul li:last-child {
	border-radius: 0 0 6px 6px
}

.easy-autocomplete.eac-plate-dark {
	font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif
}

.easy-autocomplete.eac-plate-dark input {
	font-size: 13px;
	padding: 6px 12px
}

.easy-autocomplete.eac-plate-dark ul {
	background: #212121;
	border-radius: 6px;
	border-width: 0;
	top: 10px
}

.easy-autocomplete.eac-plate-dark ul .eac-category,
.easy-autocomplete.eac-plate-dark ul li {
	background: #212121;
	color: #fafafa;
	font-size: 12px;
	transition: all .4s ease 0s
}

.easy-autocomplete.eac-plate-dark ul .eac-category b,
.easy-autocomplete.eac-plate-dark ul li b {
	color: #ffd464
}

.easy-autocomplete.eac-plate-dark ul .eac-category.selected,
.easy-autocomplete.eac-plate-dark ul li.selected {
	background: #656565
}

.easy-autocomplete.eac-plate-dark ul .eac-category:first-child,
.easy-autocomplete.eac-plate-dark ul li:first-child {
	border-radius: 6px 6px 0 0
}

.easy-autocomplete.eac-plate-dark ul .eac-category:last-child,
.easy-autocomplete.eac-plate-dark ul li:last-child {
	border-radius: 0 0 6px 6px
}


.users .users-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.users .users-wrapper .users-list {
	width: 80%
}

.users .users-wrapper .users-list .table {
	border-top: 2px solid grey;
	border-bottom: 2px solid grey;
	padding-bottom: 50px
}

.users .users-wrapper .users-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.users .users-wrapper .users-list .table .table-header div {
	text-align: center
}

.users .users-wrapper .users-list .table .user-item {
	cursor: pointer;
	display: flex;
	padding: 10px;
	border-bottom: 1px dashed grey
}

.users .users-wrapper .users-list .table .user-item div {
	text-align: center
}

.users .users-wrapper .users-list .table .user-view-wrapper .formWrapper {
	width: 300px
}

.users .users-wrapper .users-list .table .user-view-wrapper .formWrapper input,
.users .users-wrapper .users-list .table .user-view-wrapper .formWrapper select {
	margin-bottom: 10px
}

.users .users-wrapper .users-list .table .col-email {
	width: 40%
}

.users .users-wrapper .users-list .table .col-gender {
	width: 15%
}

.users .users-wrapper .users-list .table .col-year {
	width: 20%
}

.users .users-wrapper .users-list .table .col-mobileno {
	width: 25%
}

.users .users-wrapper .formWrapper {
	margin-top: 20px;
	width: 300px;
	text-align: center
}

.users .users-wrapper .formWrapper input,
.users .users-wrapper .formWrapper select {
	margin-bottom: 10px
}


.results .dospaw-result {
	width: 250px;
	height: 250px;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px
}

.results .dospaw-result .dospaw-description {
	margin-top: 20px;
	margin-bottom: 20px
}

@media (max-width:768px) {
	.results .dospaw-result .dospaw-description {
		margin-top: 0;
		margin-bottom: 0
	}
}

@media (max-width:768px) {
	.results .dospaw-result {
		height: inherit;
		border: none
	}
}

.results .dospaw-result .dospaw-dospaw {
	color: #773891;
	font-size: 40px;
	font-weight: 700
}

.results .results-wrapper {
	margin-top: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 80%;
	margin-left: auto;
	margin-right: auto
}

@media (max-width:768px) {
	.results .results-wrapper {
		width: 100%
	}
}

.results .results-wrapper .results-wrapper-title {
	width: 150px;
	border-radius: 10px;
	background: #000;
	padding-top: 5px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-right: auto
}

.results .results-wrapper .results-list {
	border-radius: 10px;
	border: 1px solid #bdbdbd;
	margin-top: -15px;
	background: #f8f9fa;
	padding: 20px;
	display: flex;
	width: 100%
}

@media (max-width:768px) {
	.results .results-wrapper .results-list {
		padding: 5px
	}
}

.results .results-wrapper .results-list .table {
	margin-bottom: 0
}

.results .results-wrapper .results-list .table .table-header {
	border-bottom: 1px solid grey;
	padding: 10px;
	display: flex
}

.results .results-wrapper .results-list .table .table-header div {
	text-align: center
}

.results .results-wrapper .results-list .table .result-item {
	cursor: pointer;
	display: flex;
	padding: 10px
}

.results .results-wrapper .results-list .table .result-item:not(:last-child) {
	border-bottom: 1px dashed grey
}

.results .results-wrapper .results-list .table .result-item div {
	text-align: center;
	overflow-wrap: break-word
}

@media (max-width:768px) {
	.results .results-wrapper .results-list .table .result-item {
		padding: 0
	}
}

.results .results-wrapper .results-list .table .col-date,
.results .results-wrapper .results-list .table .col-index {
	width: 10%
}

@media (max-width:768px) {
	.results .results-wrapper .results-list .table .col-date {
		width: 30% !important
	}
}

.results .results-wrapper .results-list .table .col-user {
	width: 20%;
	padding-left: 5px;
	padding-right: 5px
}

.results .results-wrapper .results-list .table .col-age,
.results .results-wrapper .results-list .table .col-gender {
	width: 10%
}

.results .results-wrapper .results-list .table .col-dospaw-code {
	width: 40%
}

@media (max-width:768px) {
	.results .results-wrapper .results-list .table .col-dospaw-code {
		width: 30% !important
	}
}

.results .results-wrapper .results-list .table .col-action {
	width: 10%
}


body {
	font-family: Noto Sans KR, Roboto Condensed, sans-serif
}

.main_content {
	padding-top: 30px;
	padding-bottom: 30px
}

.page-link {
	color: #000;
	background: none;
	border: none
}

.page-link:focus {
	box-shadow: none
}

.page-item.active .page-link {
	font-weight: 700;
	background: none;
	color: #000
}

.btn-primary {
	background-color: #3e3a39;
	border-color: #3e3a39
}

.btn-info {
	background-color: #d6d6d6;
	border-color: #d6d6d6;
	color: #3e3a39
}

.formWrapper img {
	max-width: 100%;
	height: auto
}

.form-check .privacy-policy {
	color: #333 !important;
	font-weight: 700
}

.popup {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 119;
	background: rgba(0, 0, 0, .5);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.popup .privacy_policy {
	width: 80%;
	height: 580px
}

.popup .privacy_policy .container {
	height: calc(100% - 30px);
	margin-top: 30px !important
}

.popup .privacy_policy .container .content {
	height: calc(100% - 80px)
}

.popup .privacy_policy .container .content iframe {
	height: 100%;
	width: 100%;
	border: 1px solid #a9a9a9
}

.popup .popup-close {
	position: absolute;
	right: 10px;
	font-size: 20px;
	font-weight: 700;
	cursor: pointer
}

.main_content {
	margin-top: 60px
}

@media (max-width:1000px) {
	.main_content {
		margin-top: 100px
	}
}

select {
	font-size: .8rem !important;
	height: inherit !important
}

.form-check {
	display: inline-block
}


.spinner_container {
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 200;
	background: rgba(0, 0, 0, .2);
	z-index: 9999999;
	left: 0;
	top: 0
}


.navbar__menu {
	/*border-top:2px solid #868686;
	border-bottom:1px solid #868686;*/
	list-style:none;
	padding:10px;
	margin:0px;
	text-align:center;
}
.navbar__menu li {
	display:inline;
	margin:10px 10px;
}

.navbar {
	width:100%;
    padding: 0px;
	border-bottom: 1px solid #595959;
}



.navbar__menu li:hover {
    background-color :#ffffff;
    border-radius: 4px;
}

.navbar__icons li {
    padding : 10px;
}

.navbar__toggleBtn {
    display: none;
}

.nav-item{
font-size:20px;
}

@media screen and (max-width: 768px){
	.nav-item {font-size:17px;}
	.navbar__menu {padding:10px 0;}

}


@media screen and (max-width: 468px) {
    .navbar {
        flex-direction: column;
        align-items: flex-start;
        /*padding : 10px 24px;*/
		padding : 10px 0px;
    }
    
    .navbar__menu {
        /*display: none;*/
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .navbar__menu li {
        width: 100%;
        text-align: center;
    }

    .navbar__icons{
        display: none;
        width: 100%;
        justify-content: center;
    }

    .navbar__toggleBtn {
        display: block;
        position: absolute;
        right : 20px;
        font-size: 34px;
        color :rgb(87, 170, 166);
    }

    .navbar__menu.active,
    .navbar__icons.active {
        display: flex;
        transition: 1s ease-out;
    }
	.navbar__menu {
    padding: 0 0;
	}
	.nav-item{
		font-size:13px;
	}
}