body {
	background-color: #e9ebee;
}

body.disable-scroll {
	margin: 0;
	height: 100%;
	overflow: hidden;
	position: fixed;
}

.header-banner {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	max-height: 150px;
}

.header-banner-img {
	width: 100%;
	min-width: 250px !important;
	height: 150px !important;
	margin-left: auto;
	margin-right: auto
}

.result_block_card {
	width: 100%;
	top: 50%;
	left: 50%;
}

.result_table_title td label {
	font-size: 0.65em;
	font-weight: 100;
}

.result_table {
	color: white;
	table-layout: fixed;
	padding: 5px 1.8em;
}

.nt2 {
	font-size: 150%;
}

.serverwrapper {
	color: white;
	font-weight: 500;
}

.result {
	margin: 9px auto;
	padding-left: 10px;
	padding-right: 10px;
}

.result_msg p {
	margin: 5px auto;
	font-size: 1.3em;
	width: 75%;
}

.card {
	border: none;
	margin: 10px auto;
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 3px 6px 0px rgba(0, 0, 0, 0.18);
}

.flickity-viewport {
	height: 100%;
}

.icon_img {
	margin: 8px 16;
	background-size: 60% 60%;
	background-repeat: no-repeat;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.53), 2px 2px 2px 0px rgba(0, 0, 0, 0.18);
	background-position: center;
	max-width: 130px;
	width: 40px;
	height: 40px;
	display: inline-block;
}

.card_title {
	position: absolute;
	left: 65px;
	top: 16px;
	font-weight: bold;
	letter-spacing: 0.6px;
}

.nt4 a {
	margin-left: 16px;
}

.card_content {
	padding-bottom: 50px;
	overflow: hidden;
}

.text label {
	padding: 0px 16px;
}

.carousel img, .promotion_img {
	width: 100%;
	height: auto;
}

.round_btn {
	margin: 15px auto;
	background-color: #e9ebee;
}

.round-btn-img {
	margin: auto;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.18);
	width: 55px;
	height: 55px;
	background-color: white;
}

.round-btn-title {
	text-align: center;
	font-weight: lighter;
	font-size: 11px;
	margin: 0px;
}

.round-btn-border {
	margin: auto;
	text-align:center;
}

.header-banner-space {
	height: 150px;
}

.flickity-slider {
	display: flex;
	align-items: center;
}

.social-footer {
	background-color: white;
	height: 30px;
	width: 100%;
	left: 15px;
}

.col.social-link {
	text-align: center;
	padding: 0px;
	top: 20%;
}

.grey-text {
	color: grey;
}

.white-text {
	color: white;
}

.bg-suspend {
	background: #F99621 !important;
}

.bg-warning {
	background: #EA1C26 !important;
}

.bg-success {
	background: #01A54F !important;
}

.button_link {
	display: inline-block;
}

.report-btn-full-container {
	width: 10%;
}

.report-btn-half-container {
	width: 20%
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid rgba(240, 90, 40, 1);
	display: inline-block;
	margin: auto 0;
	margin-right: 3px;
}

.row-background-with-color {
	background-color: rgba(240, 90, 40, 0.1);
}

.additional-info-table {
	margin: 0px 16px;
}

	.additional-info-table td.field-value {
		font-weight: 200;
	}

.group {
	position: relative;
	display: inline-block;
	line-height: 16px;
	margin: auto auto;
}

.bigSqr {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-animation: bigSqrShrink 1s linear infinite;
	animation: bigSqrShrink 1s linear infinite;
}

.square {
	position: absolute;
	width: 20px;
	height: 20px;
	background: #FFF;
}

.first {
	left: 0px;
	top: 20px;
}

.second {
	left: 20px;
	top: 20px;
	-webkit-animation: drop2 1s linear infinite;
	animation: drop2 1s linear infinite;
}

.third {
	left: 0px;
	top: 0px;
	-webkit-animation: drop3 1s linear infinite;
	animation: drop3 1s linear infinite;
}

.fourth {
	left: 20px;
	top: 0px;
	-webkit-animation: drop4 1s linear infinite;
	animation: drop4 1s linear infinite;
}

#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #F15024;
	display: flex;
	justify-content: center;
	align-items: center;
}

.preview .sample-watermark {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('/Admin/img/sample-watermark.png') center no-repeat;
}

#preview-watermark {
	background-image: url("/Admin/img/preview.png");
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 0.3;
	z-index: 9999;
}

#wizard {
	position: fixed !important;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	z-index: 9999;
}

h3.report-counterfeit-step-title {
	font-family: 'Lato' !important;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
}

.btn-report-link {
	background-color: #fff;
}

	.btn-report-link:hover {
		background-color: #fff;
		color: #dc3545;
	}

#wizard {
	overflow: scroll;
	height: 100%;
}

.easyWizardWrapper a.btn {
	margin-bottom: 5px;
}

	.easyWizardWrapper a.btn.previous {
		margin-left: 5px;
		float: left;
	}

	.easyWizardWrapper a.btn.next, .easyWizardWrapper a.btn.submit {
		margin-right: 5px;
		float: right;
	}

.easyWizardWrapper a.btn-toggle-location {
	width: 95%;
}

.easyWizardWrapper input, .easyWizardWrapper textarea {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
}

.ui-menu {
	max-width: 86% !important;
}

.ui-autocomplete {
	text-align: left;
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 10px;
	position: relative;
}

.easyWizardWrapper #map {
	width: 95%;
	height: 200px;
	max-width: 95%;
	max-height: 100%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

	.easyWizardWrapper li {
		margin-right: 20px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	}

.fileChips {
	max-width: 70%;
	word-break: break-word;
}

.report-counterfeit-step-banner {
	width: 100%;
	height: auto;
}

	.report-counterfeit-step-banner img {
		width: 70%;
		margin: auto;
		display: block;
		margin-top: 30px;
	}

a.close-wizard-img {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 100;
}

img.close-wizard-img {
	width: 100%;
	height: 100%;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.reportButton {
	background: orangered;
	color: white;
	border-radius: 5px;
	padding: 10px;
	width: auto;
	text-align: center;
}

#rc-imageselect, .g-recaptcha.mobile {
	display: inline;
}

#rc-imageselect {
	max-width: 100%;
}

.recaptcha-div {
	transform: scale(0.77);
	-webkit-transform: scale(0.77);
	-moz-transform: scale(0.77);
	-ms-transform: scale(0.77);
	-o-transform: scale(0.77);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	position: fixed !important;
}

.g-recaptcha.mobile > div {
	margin: auto auto;
	width: 95% !important;
}

	.g-recaptcha.mobile > div > div {
		width: 100% !important;
		height: 78px;
		transform-origin: left;
		-ms-transform-origin: left;
		-webkit-transform-origin: left;
		transform: scale(0.85);
		text-align: left;
		position: relative;
	}

div.error {
	color: red;
}

.btn-word-break p {
	display: inline-block;
	white-space: normal;
}

/*mobile css*/
@media (max-width: 425px ) {
	.header-banner {
		max-height: 85px;
	}

	.header-banner-img {
		min-width: 150px !important;
		height: 85px !important;
	}

	.header-banner-space {
		height: 85px;
	}
}

/*tablet css*/
@media (min-width: 425px ) {
	.header-banner {
		max-height: 150px;
	}

	.header-banner-img {
		min-width: 250px !important;
		height: 150px !important;
	}

	.header-banner-space {
		height: 150px;
	}
}

@-webkit-keyframes bigSqrShrink {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	90% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@keyframes bigSqrShrink {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	90% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@-webkit-keyframes drop2 {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	25% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@keyframes drop2 {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	25% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@-webkit-keyframes drop3 {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@keyframes drop3 {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	50% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@-webkit-keyframes drop4 {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	75% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

@keyframes drop4 {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	75% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	100% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}