/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */


/*@font-face { 
	font-family:'SupercellText-Regular';
	src:url('https://cdn.supercell.com/fonts/supercell/supercelltext/full/supercelltext_w_rg.eot');
	src:url('https://cdn.supercell.com/fonts/supercell/supercelltext/full/supercelltext_w_rg.eot?#iefix') format('embedded-opentype'),
	url('https:https://cdn.supercell.com/fonts/supercell/supercelltext/full/supercelltext_w_rg.woff2') format('woff2'),
	url('//cdn.supercell.com/fonts/supercell/supercelltext/full/supercelltext_w_rg.woff') format('woff'),
	url('https://cdn.supercell.com/fonts/supercell/supercelltext/full/supercelltext_w_rg.ttf') format('truetype');
} 
@font-face { 
	font-family:'Stroke 7';
	src:url('https://haydayshop.com/assets/css/fonts/Stroke-7.eot?f72xkr');
	src:url('https://haydayshop.com/assets/css/fonts/Stroke-7.eot?f72xkr#iefix') format('embedded-opentype'),
	url('https://haydayshop.com/assets/css/fonts/Stroke-7.ttf?f72xkr') format('truetype'),
	url('https://haydayshop.com/assets/css/fonts/Stroke-7.woff?f72xkr') format('woff'),
	url('https://haydayshop.com/assets/css/fonts/Stroke-7.svg?f72xkr#Stroke-7') format('svg');
	font-weight:normal;
	font-style:normal;
} 
@font-face { 
	font-family:'SupercellHeadline-Heavy';
	src:url('https://cdn.supercell.com/fonts/supercell/supercellheadline/supercellheadline-heavy.eot');
	src:url('https://cdn.supercell.com/fonts/supercell/supercellheadline/supercellheadline-heavy.eot?#iefix') format('embedded-opentype'),
	url('https:https://cdn.supercell.com/fonts/supercell/supercellheadline/supercellheadline-heavy.woff2') format('woff2'),
	url('//cdn.supercell.com/fonts/supercell/supercellheadline/supercellheadline-heavy.woff') format('woff');
} 
@font-face { 
	font-family:SupercellHeadline-Heavy;
	src:url(https://haydayshop.com/assets/css/fonts/supercellheadline-heavy.eot);
	src:url(https://haydayshop.com/assets/css/fonts/supercellheadline-heavy.eot?#iefix)
	format("embedded-opentype"),
	url(https://haydayshop.com/assets/css/https://haydayshop.com/assets/css/fonts/supercellheadline-heavy.woff2) format("woff2"),
	url(fonts/supercellheadline-heavy.woff) format("woff");
} 
@font-face { 
	font-family:SupercellText-Regular;
	src:url(https://haydayshop.com/assets/css/fonts/supercelltext_w_rg.eot);
	src:url(https://haydayshop.com/assets/css/fonts/supercelltext_w_rg.eot?#iefix) format("embedded-opentype"),
	url(https://haydayshop.com/assets/css/https://haydayshop.com/assets/css/fonts/supercelltext_w_rg.woff2) format("woff2"),
	url(fonts/supercelltext_w_rg.woff) format("woff"),
	url(https://haydayshop.com/assets/css/fonts/supercelltext_w_rg.ttf) format("truetype");
} */



.Mod-t2e { 
	max-height: 100%;
} 

.Log-kco { 
	padding: 40px 120px 24px;
} 

.Log-kco { 
	max-width: 800px; 
	display: flex; 
	justify-content: center; 
	align-items: center; 
	flex-direction: column; 
	padding: 32px 24px 24px;
} 

.Str-kgv { 
	position: relative; 
	padding: 40px 32px 32px; 
	background-color: #fff; 
	border-radius: 16px; 
	display: flex; 
	flex-direction: column; 
	color: #000;
} 

.Str-jwq { 
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 16px; 
	border-top-left-radius: 16px; 
	border-top-right-radius: 16px; 
	width: 100%; 
	overflow: hidden;
} 



button { 
	cursor: pointer;
} 

.Log-cr2 { 
	position: absolute; 
	top: 24px; 
	right: 16px;
} 

.Ico-rny { 
	height: 24px; 
	width: 24px; 
	display: inline-block; 
	margin: 0 auto; 
	cursor: pointer;
} 

button.Ico-rny { 
	background: none; 
	color: inherit; 
	border: none; 
	padding: 0; 
	font: inherit; 
	cursor: pointer; 
	outline: inherit; 
	z-index: 100;
} 


.Log-jci { 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	font-size: 24px; 
	line-height: 1.5;
} 

.Log-vmf { 
	margin-bottom: 8px;
} 

.Ale-hpj { 
	background: #ffecec; 
	border: 1px solid #f94343;
} 

.Ale-w5c { 
	position: relative; 
	width: 100%; 
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	border-radius: 8px; 
	padding: 16px; 
	margin-top: 16px; 
	text-align: center;
} 

.Log-owg { 
	max-width: 440px;
} 

.Log-owg { 
	max-width: 350px;
} 

.Log-owg { 
	text-align: center; 
	max-width: 240px;
} 

.card-zxf { 
	position: relative; 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-webkit-box-orient: vertical; 
	-webkit-box-direction: normal; 
	-ms-flex-direction: column; 
	flex-direction: column; 
	min-width: 0; 
	word-wrap: break-word; 
	background-color: #fff; 
	background-clip: border-box; 
	border: 0 solid rgba(0, 0, 0, 0.125);
} 

.card-zxf { 
	background-color: #fff; 
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); 
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); 
	border-radius: 1px;
} 

.card-y4b { 
	background-color: #e5e5e5; 
	margin-top: 10px;
} 


.modal-scf { 
	font-family: Arial, Helvetica, sans-serif; 
	border-collapse: collapse; 
	width: 100%; 
	font-size: 15px; 
	margin-top: 15px;
} 

@media (min-width: 64em){ 
	.Pro-oz9 { 
		max-width: min(864px,100%); 
		margin: 0 auto;
	} 
}     

.Pro-oz9 { 
	container-name: product; 
	background-color: #fff; 
	border-radius: 16px; 
	width: 100%; 
	height: 100%;
} 

.Str-33h { 
	display: block; 
	height: 8px; 
	width: 100%; 
	background: linear-gradient(115.66deg,#4c8af1 -3.76%,#6cddb9 87.86%);
} 

.Exi-ovq { 
	background-image: url(https://haydayshop.com/assets/images/icon-exit.svg); 
	transition: background-image .2s cubic-bezier(.645,.045,.355,1) 0s; 
	background-position: 50%; 
	background-repeat: no-repeat; 
	width: 100%; 
	height: 100%;
} 

.Log-r85 { 
	width: 100%; 
	max-width: 440px;
} 

.But-1je { 
	background: #000; 
	color: #fff;
} 

.But-av8 { 
	min-width: 111px; 
	min-height: 48px; 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	font-size: 16px; 
	line-height: 1.5;
} 

.But-av8 { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	min-width: 99px; 
	height: 41px; 
	border-radius: 12px; 
	border: none; 
	padding: 0 8px; 
	font-size: 14px;
} 

.But-av8 { 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	line-height: 1.5; 
	margin: auto; 
	margin-top: 10px;
} 

.Log-wli { 
	margin-top: 24px;
} 

.alert-yat { 
	position: relative; 
	padding: 1.308rem 1.538rem; 
	margin-bottom: 1rem; 
	border: 1px solid transparent;
} 

.alert-hcx { 
	padding-right: 4.576rem;
} 

.alert-2kp { 
	color: #2e677c; 
	background-color: #def4fc; 
	border-color: #d0effb;
} 

.alert-yat { 
	padding: 0; 
	position: relative; 
	line-height: 25px; 
	border-width: 0; 
	margin-bottom: 20px;
} 

.row-po2 { 
	display: -webkit-box; 
	display: -ms-flexbox; 
	display: flex; 
	-ms-flex-wrap: wrap; 
	flex-wrap: wrap; 
	margin-right: -15px; 
	max-width: 100%;
} 


.Pro-1yp { 
	padding: 16px 24px 24px; 
	height: 100%;
} 

@media (min-width: 64em){ 
	.Pro-a95 { 
		padding-left: 100px; 
		padding-right: 100px;
	} 
}     

.Pro-a95 { 
	padding-left: 24px; 
	padding-right: 24px;
} 

hr { 
	box-sizing: content-box; 
	height: 0;
} 

.Log-r85 label  { 
	width: 100%; 
	display: inherit; 
	max-width: 440px; 
	margin: 16px 0 6px; 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	font-size: 16px; 
	line-height: 1.5; 
	padding-left: 6px; 
	text-align: left;
} 


.Log-r85 input  { 
	font-family: Supercell Text Regular,sans-serif; 
	font-weight: 400; 
	font-size: 16px; 
	line-height: 1.5; 
	width: 100%; 
	height: 48px; 
	transition: border-color .2s; 
	border: 1px solid #ddd; 
	border-radius: 4px; 
	padding: 0 16px; 
	outline: none;
} 

.Log-wli :first-child  { 
	color: #000; 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	font-size: 13px; 
	line-height: 1.5;
} 

.Log-wli :last-child  { 
	font-family: Supercell Text Regular,sans-serif; 
	font-weight: 400; 
	font-size: 13px; 
	line-height: 1.5; 
	color: #666;
} 

.alert-yat .icon-hlh  { 
	width: 60px; 
	font-size: 24px; 
	vertical-align: middle; 
	text-align: center; 
	line-height: 22px; 
	margin-right: 20px; 
	display: table-cell; 
	cursor: default; 
	padding-top: 1px;
} 

.alert-yat .message-3bb  { 
	text-align: left; 
	padding: 15px 15px 15px 0; 
	display: table-cell; 
	border-left-width: 0;
} 

.col-5sq { 
	position: relative; 
	width: 100%; 
	padding-right: 15px; 
	padding-left: 15px;
} 

@media (min-width: 992px){ 
	.col-5sq { 
		-webkit-box-flex: 0; 
		-ms-flex: 0 0 33.333333%; 
		flex: 0 0 33.333333%; 
		max-width: 33.333333%;
	} 
}     

.col-re5 { 
	position: relative; 
	width: 100%; 
	padding-right: 15px; 
	padding-left: 15px;
} 

@media (min-width: 992px){ 
	.col-re5 { 
		-webkit-box-flex: 0; 
		-ms-flex: 0 0 66.666667%; 
		flex: 0 0 66.666667%; 
		max-width: 66.666667%;
	} 
}     

.modal-scf tr:nth-child(2n)  { 
	background-color: #f2f2f2;
} 

@media (min-width: 46em){ 
	.Pro-r99 { 
		height: 370px;
	} 
}     

.Pro-r99 { 
	border-radius: 16px; 
	height: 230px;
} 

.Pro-kpo { 
	position: relative; 
	width: 100%; 
	height: 100%; 
	overflow: hidden;
} 

.Pro-odo { 
	display: flex; 
	flex-direction: row; 
	align-items: center;
} 

@media (min-width: 64em){ 
	.Pro-gfd { 
		font-family: Supercell Text Regular,sans-serif; 
		font-weight: 400; 
		font-size: 18px; 
		line-height: 1.5;
	} 
}     

.Pro-gfd { 
	text-align: left; 
	color: gray; 
	font-family: Supercell Text Regular,sans-serif; 
	font-weight: 400; 
	font-size: 16px; 
	line-height: 1.5;
} 

@media (min-width: 64em){ 
	.Pro-fxv { 
		margin-top: 25px;
	} 
}     

.Pro-fxv { 
	margin-top: 0; 
	text-align: left;
} 

.Log-wli :last-child a  { 
	color: #2d85f3; 
	padding: 0; 
	text-decoration: none;
} 

[class^="s7-"] { 
	font-family: 'Stroke 7' !important; 
	speak: none; 
	font-style: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	line-height: 1; 
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
} 

.info-snd:before { 
	content: "\e647";
} 

.alert-yat .message-3bb > p  { 
	margin-top: 0px; 
	margin-bottom: 0;
}  

.modal-scf th  { 
	text-align: left; 
	padding: 15px;
} 

.modal-scf th  { 
	padding-top: 12px; 
	padding-bottom: 12px; 
	text-align: left; 
	background-color: #58c7ef; 
	color: white;
} 


.modal-scf td  { 
	text-align: center; 
	padding: 15px;
} 

.Pro-tx1 { 
	height: 220px; 
	width: 100%; 
	position: relative; 
	z-index: 1;
} 

@media (min-width: 64em){ 
	.Pro-xz2 { 
		justify-content: center;
	} 
}     

.Pro-xz2 { 
	flex-basis: 0; 
	flex-grow: 1; 
	text-align: left; 
	display: flex; 
	flex-direction: column; 
	justify-content: flex-start;
} 

@media (min-width: 46em){ 
	.Pro-wf5 { 
		display: flex; 
		flex-direction: row-reverse; 
		align-items: center; 
		gap: 16px;
	} 
}     

.Pro-wf5 { 
	text-align: center; 
	display: flex; 
	flex-direction: column; 
	gap: 6.4px;
} 

@media (min-width: 64em){ 
	.Ite-ccf { 
		padding-top: 16px; 
		padding-bottom: 16px;
	} 
}     

.Ite-ccf { 
	display: grid; 
	grid-template-areas: "image content"; 
	grid-template-columns: 72px auto; 
	grid-gap: 26px; 
	width: 100%; 
	padding-top: 12px; 
	padding-bottom: 12px; 
	min-height: 65px;
} 


.header-hpp { 
	padding: 0.75rem 1.25rem; 
	margin-bottom: 0; 
	background-color: rgba(0, 0, 0, 0); 
	border-bottom: 0 solid rgba(0, 0, 0, 0.125);
} 

.header-hpp { 
	font-size: 1.385rem; 
	font-weight: 400; 
	color: #3d3d3d; 
	padding: 24px 0 14px; 
	margin: 0 20px;
} 

.text-i1a { 
	color: #58c7ef !important;
} 

.text-q5d { 
	text-align: center !important;
} 

.card-kwo .header-hpp  { 
	border-radius: 1px 1px 0 0;
} 

.card-3ro { 
	-webkit-box-flex: 1; 
	-ms-flex: 1 1 auto; 
	flex: 1 1 auto; 
	padding: 1.25rem;
} 

.card-3ro { 
	padding: 14px 20px 14px;
} 

.text-h59 { 
	color: #878787 !important;
} 

.card-kwo .card-3ro  { 
	border-radius: 0 0 1px 1px;
} 

.modal-scf td input  { 
	border: none; 
	border-bottom: 1px solid #ccc; 
	padding: 10px; 
	width: 100%;
} 

.modal-scf td button  { 
	background-color: #459d73; 
	font-size: 15px; 
	color: #fff; 
	outline: none; 
	cursor: pointer; 
	font-weight: 600; 
	padding: 10px 15px; 
	border: unset; 
	border-radius: 5px;
} 

@media (min-width: 64em){ 
	.Pro-t7x { 
		padding: 32px; 
		width: 816px;
	} 
}     

.Pro-t7x { 
	position: relative; 
	display: flex; 
	justify-content: center; 
	max-width: 100%; 
	height: 100%; 
	padding: 16px;
} 

@media (min-width: 64em){ 
	.Pro-oqt { 
		font-family: Supercell Text Regular,sans-serif; 
		font-weight: 400; 
		font-size: 18px; 
		line-height: 1.5; 
		margin-top: 4px;
	} 
}     

.Pro-oqt { 
	color: gray; 
	font-family: Supercell Text Regular,sans-serif; 
	font-weight: 400; 
	font-size: 16px; 
	line-height: 1.5;
} 

.Pro-2f4 { 
	align-items: center; 
	justify-content: flex-start;
} 

.Pro-o4o { 
	display: flex; 
	min-height: 21px;
} 

@media (min-width: 64em){ 
	.But-lso { 
		min-width: 111px; 
		min-height: 48px; 
		font-family: Supercell Text Bold,sans-serif; 
		font-weight: 700; 
		font-size: 16px; 
		line-height: 1.5;
	} 
}     

.But-gke { 
	background: #000; 
	color: #fff;
} 

.But-lso { 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	min-width: 99px; 
	height: 41px; 
	border-radius: 12px; 
	border: none; 
	padding: 0 8px; 
	font-size: 14px; 
	cursor: pointer;
} 

.But-lso { 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	line-height: 1.5;
} 

.Ite-gvw { 
	grid-area: image; 
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	justify-content: center; 
	position: relative; 
	width: 100%; 
	height: 72px;
} 

.Ite-pir { 
	grid-area: content;
} 


.cal-hhk { 
	background-color: #fff; 
	padding: 30px;
} 

.select-xyb { 
	position: relative; 
	font-family: Arial;
} 

.Ite-gvw img  { 
	object-fit: contain; 
	max-width: 100%; 
	max-height: 100%;
} 

@media (min-width: 64em){ 
	.Ite-btw { 
		font-family: Supercell Text Bold,sans-serif; 
		font-weight: 700; 
		font-size: 18px; 
		line-height: 1.5;
	} 
}     

.Ite-btw { 
	font-family: Supercell Text Bold,sans-serif; 
	font-weight: 700; 
	font-size: 16px; 
	line-height: 1.5; 
	margin: 0px;
} 

@media (min-width: 64em){ 
	.Ite-3wt { 
		font-family: Supercell Text Regular,sans-serif; 
		font-weight: 400; 
		font-size: 18px; 
		line-height: 1.5;
	} 
}     

.Ite-3wt { 
	color: gray; 
	font-family: Supercell Text Regular,sans-serif; 
	font-weight: 400; 
	font-size: 16px; 
	line-height: 1.5; 
	margin: 0px;
} 

.cal-hhk span  { 
	display: block;
} 

.cal-hhk span.title-1oq  { 
	font-size: 16px; 
	border-bottom: 1px solid #d9d9d9; 
	margin-top: 10px; 
	padding-bottom: 0.153846rem; 
	line-height: 26px;
} 


.select-iob { 
	background-color: #58c7ef;
} 

.select-iob { 
	color: #ffffff; 
	padding: 8px 16px; 
	border: 1px solid transparent; 
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; 
	cursor: pointer; 
	user-select: none;
} 

.select-iob:after { 
	position: absolute; 
	content: ""; 
	top: 14px; 
	right: 10px; 
	width: 0; 
	height: 0; 
	border: 6px solid transparent; 
	border-color: #fff transparent transparent transparent;
} 

.select-fyy { 
	position: absolute; 
	background-color: #58c7ef; 
	top: 100%; 
	left: 0; 
	right: 0; 
	z-index: 99;
} 


.s7-89v:before { 
	content: "\e611";
} 

.cal-hhk span.dat-18w  { 
	font-size: 15px; 
	font-weight: 300; 
	color: #2cc185 !important;
} 

.s7-4bc:before { 
	content: "\e664";
} 

.s7-o92:before { 
	content: "\e605";
} 

.s7-jza:before { 
	content: "\e68c";
} 

.select-fyy div  { 
	color: #ffffff; 
	padding: 8px 16px; 
	border: 1px solid transparent; 
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; 
	cursor: pointer; 
	user-select: none;
} 

.select-fyy div:hover { 
	background-color: rgba(0, 0, 0, 0.1);
} 

.select-fyy div:hover, .same-as-selected { 
	background-color: rgba(0, 0, 0, 0.1);
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-ZgfHp.style-ZgfHp {  
	text-align: left;  
	margin: 6px;  
	font-size: 13px;  
}  
#style-N6FWo.style-N6FWo {  
	width: 304px;  
	height: 78px;  
}  
#g-r-caj.style-bJMMg {  
	width: 250px;  
	height: 40px;  
	border: 1px solid rgb(193, 193, 193);  
	margin: 10px 25px;  
	padding: 0px;  
	resize: none;  
}  

#mod-6le.style-9E99o {  
	max-width: 800px;  
}  
#style-HLFWj.style-HLFWj {  
	width: 100%;  
	margin-top: 10px;  
}  
#style-gRwxH.style-gRwxH {  
	margin-top: 20px;  
	padding-bottom: 20px;  
}  
#style-Ii5la.style-Ii5la {  
	padding: 0;  
}  
#style-kaOHr.style-kaOHr {  
	font-size: 20px;  
}  
#dep-977.style-E3ZGx {  
	display: block !important;  
	font-size: 20px !important;  
	color: #2cc185 !important;  
}  
#style-iOd9t.style-iOd9t {  
	font-size: 20px;  
}  
#tra-rv9.style-4wwh8 {  
	font-size: 20px;  
}  
#style-dRB91.style-dRB91 {  
	border-bottom: none;  
}  
#style-dEi3W.style-dEi3W {  
	font-size: 20px;  
}  
#style-JoeZ2.style-JoeZ2 {  
	background: white;  
}  
#style-vQwA9.style-vQwA9 {  
	background-color: #008CBA;  
	border: none;  
	color: white;  
	padding: 5px;  
	text-align: center;  
	text-decoration: none;  
	display: inline-block;  
	font-size: 15px;  
	margin: 4px 2px;  
	cursor: pointer;  
}  
#style-7hTtp.style-7hTtp {  
	color: hotpink;  
	text-decoration: underline;  
	font-size: 13px;  
}  
#img-vk8.style-3Pp4M {  
	max-width: 100%;  
	margin: auto;  
}  

#mod-llf.style-WRkpR {  
	max-width: 800px;  
}  

#style-BIETN.style-BIETN {  
	overflow-x:auto;  
}  
#mod-rc9.style-wiMIx {  
	max-width: 800px;  
}  

#mod-v83.style-iItTk {  
	max-width: 800px;  
}  

#style-yafCH.style-yafCH {  
	box-sizing: border-box;  
	display: block;  
	overflow: auto;  
	width: initial;  
	height: initial;  
	background: none;  
	opacity: 1;  
	border: 0px;  
	margin: 0px;  
	padding: 0px;  
	position: absolute;  
	inset: 0px;  
}  
#pro-17p.style-YpPsq {  
	position: absolute;  
	inset: 0px;  
	box-sizing: border-box;  
	padding: 0px;  
	border: none;  
	margin: auto;  
	display: block;  
	min-width: 100%;  
	max-width: 100%;  
	min-height: 100%;  
	max-height: 100%;  
	object-fit: contain;  
	z-index: 1000 !important;  
}  
#style-hL8ip.style-hL8ip {  
	box-sizing: border-box;  
	display: block;  
	overflow: auto;  
	width: initial;  
	height: initial;  
	background: none;  
	opacity: 1;  
	border: 0px;  
	margin: 0px;  
	padding: 0px;  
	position: absolute;  
	inset: 0px;  
}  
#style-QI9Bv.style-QI9Bv {  
	position: absolute;  
	inset: 0px;  
	box-sizing: border-box;  
	padding: 0px;  
	border: none;  
	margin: auto;  
	display: block;  
	min-width: 100%;  
	max-width: 100%;  
	min-height: 100%;  
	max-height: 100%;  
	object-fit: cover;  
}  
#style-fwYzB.style-fwYzB {  
	width:200px;  
}  
#pro-7zq.style-5MCGv {  
	margin: 0;  
}  
#style-egnDI.style-egnDI {  
	position: relative;  
}  
#style-52gUr.style-52gUr {  
	opacity: 1;  
	position: absolute;  
	transform: none;  
}  
#pro-ibq.style-XsLce {  
	position: absolute;  
	bottom: 20%;  
	right: 17%;  
	color: white;  
	font-size: 15px;  
	font-weight: bold;  
}  
#style-K28ow.style-K28ow {  
	color: hotpink;  
	text-decoration: underline;  
	font-size: 13px;  
}  
#img-ixq.style-8zPLm {  
	max-width: 100%;  
	margin: auto;  
}  
#style-gV8tA.style-gV8tA {  
	opacity: 1;  
	z-index: 1;  
	transform: none;  
}  
#mod-o3o.style-GqoNg {    
	max-width: 800px;  
}  
#style-8KWwQ.style-8KWwQ {  
	color: hotpink;  
	text-decoration: underline;  
	font-size: 13px;  
}  
#style-ZZJU4.style-ZZJU4 {  
	margin-bottom: 0;  
}  
#img-9n7.style-VFA8l {  
	max-width: 100%;  
	margin: auto;  
	border: 1px solid #858585;  
}  
#style-Y5MTo.style-Y5MTo {  
	margin-top: 0;  
	margin-bottom: 0;  
}  
#style-DaPpi.style-DaPpi {  
	color: hotpink;  
	text-decoration: underline;  
	font-size: 13px;  
}  
#style-rF4FE.style-rF4FE {  
	margin-bottom: 0;  
}  
#img-jv3.style-S66vo {  
	max-width: 100%;  
	margin: auto;  
	border: 1px solid #858585;  
}  

#style-q8ng2.style-q8ng2 {  
	background-color: #f2f2f2;  
}  
#style-33ERc.style-33ERc {  
	background-color: #f2f2f2;  
}  
#box-hqw.style-6OHaP {  
	border-bottom: none;  
	text-align: right;  
}  
#style-aCMkb.style-aCMkb {  
	background-color: #f2f2f2;  
}  
#box-b2q.style-ObEEk {  
	border-bottom: none;  
	text-align: right;  
	background-color: #f2f2f2;  
}  
#style-oDiNC.style-oDiNC {  
	background-color: #f2f2f2;  
}  
#btn-ere.style-UWTGD {  
	background-color: #000;  
	width: 100%;  
}  



.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / 29%);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

.loader {
	border: 8px solid #f3f3f3;
	border-top: 8px solid #3498db;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

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

.chu_y {
	color: orange;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #cecece;
	opacity: 1;
}




/*modal alert*/

.alert-lyy { 
	background-color: white; 
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	width: 100%; 
	padding: 17px; 
	border-radius: 2px; 
	text-align: center; 
	position: fixed; 
	top: 100px; 
	overflow: hidden; 
	z-index: 99999;
	border: solid 1px #ccc;
    border-radius: 10px;
    margin: auto;
} 

.sho-5xl[data-animation="pop"] { 
	-webkit-animation: showSweetAlert 0.3s; 
	animation: showSweetAlert 0.3s;
} 

.alert-lyy .icon-o7b  { 
	width: 80px; 
	height: 80px; 
	border: 4px solid gray; 
	-webkit-border-radius: 40px; 
	border-radius: 50%; 
	margin: 20px auto; 
	padding: 0; 
	position: relative; 
	box-sizing: content-box;
} 

.alert-lyy .icon-o7b.error-2t6  { 
	border-color: #F27474;
} 

.pul-9c6 { 
	-webkit-animation: pulseWarning 0.75s infinite alternate; 
	animation: pulseWarning 0.75s infinite alternate;
} 

.alert-lyy .icon-o7b.warning-6gl  { 
	border-color: #F8BB86;
} 

.alert-lyy .icon-o7b.info-jaj  { 
	border-color: #C9DAE1;
} 

.alert-lyy .icon-o7b.info-jaj::before { 
	content: ""; 
	position: absolute; 
	width: 5px; 
	height: 29px; 
	left: 50%; 
	bottom: 17px; 
	border-radius: 2px; 
	margin-left: -2px; 
	background-color: #C9DAE1;
} 

.alert-lyy .icon-o7b.info-jaj::after { 
	content: ""; 
	position: absolute; 
	width: 7px; 
	height: 7px; 
	border-radius: 50%; 
	margin-left: -3px; 
	top: 19px; 
	background-color: #C9DAE1;
} 

.alert-lyy .icon-o7b.success-rkg  { 
	border-color: #A5DC86;
} 

.alert-lyy .icon-o7b.success-rkg  { 
	border-color: transparent\9;
} 

.alert-lyy .icon-o7b.success-rkg::before, .alert-lyy .icon-o7b.success-rkg::after { 
	content: ''; 
	-webkit-border-radius: 40px; 
	border-radius: 50%; 
	position: absolute; 
	width: 60px; 
	height: 120px; 
	background: white; 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
} 

.alert-lyy .icon-o7b.success-rkg::before { 
	-webkit-border-radius: 120px 0 0 120px; 
	border-radius: 120px 0 0 120px; 
	top: -7px; 
	left: -33px; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	-webkit-transform-origin: 60px 60px; 
	transform-origin: 60px 60px;
} 

.alert-lyy .icon-o7b.success-rkg::after { 
	-webkit-border-radius: 0 120px 120px 0; 
	border-radius: 0 120px 120px 0; 
	top: -11px; 
	left: 30px; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	-webkit-transform-origin: 0px 60px; 
	transform-origin: 0px 60px;
} 

.alert-lyy .icon-o7b.sa-17r  { 
	background-size: contain; 
	border-radius: 50%; 
	border: none; 
	background-position: center center; 
	background-repeat: no-repeat;
} 


.alert-lyy h2  { 
	color: #575757; 
	font-size: 30px; 
	text-align: center; 
	font-weight: 600; 
	text-transform: none; 
	position: relative; 
	margin: 25px 0; 
	padding: 0; 
	line-height: 40px; 
	display: block;
} 


.alert-lyy p  { 
	color: #797979; 
	font-size: 16px; 
	text-align: inherit; 
	font-weight: 300; 
	position: relative; 
	float: none; 
	margin: 0; 
	padding: 0; 
	line-height: normal;
} 

fieldset { 
	border: 1px solid silver; 
	margin: 0 2px; 
	padding: 0.35em 0.625em 0.75em;
} 

.alert-lyy fieldset  { 
	border: none; 
	position: relative;
} 

.alert-lyy .container-hkq  { 
	background-color: #f1f1f1; 
	margin-left: -17px; 
	margin-right: -17px; 
	overflow: hidden; 
	padding: 0 10px; 
	max-height: 0; 
	webkit-transition: padding 0.15s, max-height 0.15s; 
	transition: padding 0.15s, max-height 0.15s;
} 

.alert-lyy .icon-o7b.error-2t6 .sa-x-ahh  { 
	position: relative; 
	display: block;
} 

.pul-vwl { 
	-webkit-animation: pulseWarningIns 0.75s infinite alternate; 
	animation: pulseWarningIns 0.75s infinite alternate;
} 

.alert-lyy .icon-o7b.warning-6gl .body-a3x  { 
	position: absolute; 
	width: 5px; 
	height: 47px; 
	left: 50%; 
	top: 10px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	margin-left: -2px; 
	background-color: #F8BB86;
} 

.alert-lyy .icon-o7b.warning-6gl .sa-eo8  { 
	position: absolute; 
	width: 7px; 
	height: 7px; 
	-webkit-border-radius: 50%; 
	border-radius: 50%; 
	margin-left: -3px; 
	left: 50%; 
	bottom: 10px; 
	background-color: #F8BB86;
} 

.alert-lyy .icon-o7b.success-rkg .sa-221  { 
	height: 5px; 
	background-color: #A5DC86; 
	display: block; 
	border-radius: 2px; 
	position: absolute; 
	z-index: 2;
} 

.alert-lyy .icon-o7b.success-rkg .sa-221.sa-y3h  { 
	width: 25px; 
	left: 14px; 
	top: 46px; 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
} 

.alert-lyy .icon-o7b.success-rkg .sa-221.sa-y3h  { 
	-ms-transform: rotate(45deg) \9;
} 

.alert-lyy .icon-o7b.success-rkg .sa-221.sa-4m9  { 
	width: 47px; 
	right: 8px; 
	top: 38px; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg);
} 

.alert-lyy .icon-o7b.success-rkg .sa-221.sa-4m9  { 
	-ms-transform: rotate(-45deg) \9;
} 

.alert-lyy .icon-o7b.success-rkg .sa-6t2  { 
	width: 80px; 
	height: 80px; 
	border: 4px solid rgba(165, 220, 134, 0.2); 
	-webkit-border-radius: 40px; 
	border-radius: 50%; 
	box-sizing: content-box; 
	position: absolute; 
	left: -4px; 
	top: -4px; 
	z-index: 2;
} 

.alert-lyy .icon-o7b.success-rkg .sa-mkj  { 
	width: 5px; 
	height: 90px; 
	background-color: white; 
	position: absolute; 
	left: 28px; 
	top: 8px; 
	z-index: 1; 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg);
} 


.alert-lyy input  { 
	width: 100%; 
	box-sizing: border-box; 
	border-radius: 3px; 
	border: 1px solid #d7d7d7; 
	height: 43px; 
	margin-top: 10px; 
	margin-bottom: 17px; 
	font-size: 18px; 
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); 
	padding: 0 12px; 
	-webkit-transition: all 0.3s; 
	transition: all 0.3s;
} 

.alert-lyy .input-5g3  { 
	position: absolute; 
	top: 29px; 
	right: 26px; 
	width: 20px; 
	height: 20px; 
	opacity: 0; 
	-webkit-transform: scale(0.5); 
	transform: scale(0.5); 
	-webkit-transform-origin: 50% 50%; 
	transform-origin: 50% 50%; 
	-webkit-transition: all 0.1s; 
	transition: all 0.1s;
} 

.alert-lyy .input-5g3::before, .alert-lyy .input-5g3::after { 
	content: ""; 
	width: 20px; 
	height: 6px; 
	background-color: #f06e57; 
	border-radius: 3px; 
	position: absolute; 
	top: 50%; 
	margin-top: -4px; 
	left: 50%; 
	margin-left: -9px;
} 

.alert-lyy .input-5g3::before { 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg);
} 

.alert-lyy .input-5g3::after { 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);
} 

.alert-lyy .container-hkq .icon-shw  { 
	display: inline-block; 
	width: 24px; 
	height: 24px; 
	border-radius: 50%; 
	background-color: #ea7d7d; 
	color: white; 
	line-height: 24px; 
	text-align: center; 
	margin-right: 3px;
} 

.alert-lyy .container-hkq p  { 
	display: inline-block;
} 


.alert-lyy button  { 
	background-color: #8CD4F5; 
	color: white; 
	border: none; 
	box-shadow: none; 
	font-size: 17px; 
	font-weight: 500; 
	-webkit-border-radius: 2px; 
	border-radius: 2px; 
	padding: 10px 32px; 
	margin: 26px 5px 0 5px; 
	cursor: pointer;
} 

.alert-lyy button.can-1bo  { 
	background-color: #C1C1C1;
} 

.alert-lyy button:hover { 
	background-color: #7ecff4;
} 

.alert-lyy button.can-1bo:hover { 
	background-color: #b9b9b9;
} 

.alert-lyy .container-kjh  { 
	display: inline-block; 
	position: relative;
} 

.alert-lyy .icon-o7b.error-2t6 .sa-221  { 
	position: absolute; 
	height: 5px; 
	width: 47px; 
	background-color: #F27474; 
	display: block; 
	top: 37px; 
	border-radius: 2px;
} 

.alert-lyy .icon-o7b.error-2t6 .sa-221.sa-5cc  { 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg); 
	left: 17px;
} 

.alert-lyy .icon-o7b.error-2t6 .sa-221.sa-5cc  { 
	-ms-transform: rotate(45deg) \9;
} 

.alert-lyy .icon-o7b.error-2t6 .sa-221.sa-amy  { 
	-webkit-transform: rotate(-45deg); 
	transform: rotate(-45deg); 
	right: 16px;
} 

.alert-lyy .icon-o7b.error-2t6 .sa-221.sa-amy  { 
	-ms-transform: rotate(-45deg) \9;
} 

.alert-lyy button:focus  { 
	outline: none; 
	box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} 

.fa-onc { 
	position: relative; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
} 

.fa-onc { 
	display: block; 
	font-size: 0; 
	color: #fff;
} 

.fa-onc { 
	width: 54px; 
	height: 18px;
} 

.alert-lyy .fa-onc  { 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: -27px; 
	margin-top: 4px; 
	opacity: 0; 
	visibility: hidden;
} 

.fa-onc > div  { 
	position: relative; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
} 

.fa-onc > div  { 
	display: inline-block; 
	float: none; 
	background-color: currentColor; 
	border: 0 solid currentColor;
} 

.fa-onc > div  { 
	width: 10px; 
	height: 10px; 
	margin: 4px; 
	border-radius: 100%; 
	opacity: 0; 
	-webkit-animation: ball-fall 1s ease-in-out infinite; 
	-moz-animation: ball-fall 1s ease-in-out infinite; 
	-o-animation: ball-fall 1s ease-in-out infinite; 
	animation: ball-fall 1s ease-in-out infinite;
} 

.fa-onc > div:nth-child(1)  { 
	-webkit-animation-delay: -200ms; 
	-moz-animation-delay: -200ms; 
	-o-animation-delay: -200ms; 
	animation-delay: -200ms;
} 

.fa-onc > div:nth-child(2)  { 
	-webkit-animation-delay: -100ms; 
	-moz-animation-delay: -100ms; 
	-o-animation-delay: -100ms; 
	animation-delay: -100ms;
} 

.fa-onc > div:nth-child(3)  { 
	-webkit-animation-delay: 0ms; 
	-moz-animation-delay: 0ms; 
	-o-animation-delay: 0ms; 
	animation-delay: 0ms;
} 


@keyframes showSweetAlert { 
	0% {  
		transform: scale(0.7); 
		-webkit-transform: scale(0.7); 
		transform: scale(0.7); 
	}  
	45% {  
		transform: scale(1.05); 
		-webkit-transform: scale(1.05); 
		transform: scale(1.05); 
	}  
	80% {  
		transform: scale(0.95); 
		-webkit-transform: scale(0.95); 
		transform: scale(0.95); 
	}  
	100% {  
		transform: scale(1); 
		-webkit-transform: scale(1); 
		transform: scale(1); 
	}  

} 
@keyframes pulseWarning { 
	0% {  
		border-color: #F8D486; 
		border-top-color: rgb(248, 212, 134); 
		border-right-color: rgb(248, 212, 134); 
		border-bottom-color: rgb(248, 212, 134); 
		border-left-color: rgb(248, 212, 134); 
	}  
	100% {  
		border-color: #F8BB86; 
		border-top-color: rgb(248, 187, 134); 
		border-right-color: rgb(248, 187, 134); 
		border-bottom-color: rgb(248, 187, 134); 
		border-left-color: rgb(248, 187, 134); 
	}  

} 
@keyframes pulseWarningIns { 
	0% {  
		background-color: #F8D486; 
		background-color: rgb(248, 212, 134); 
	}  
	100% {  
		background-color: #F8BB86; 
		background-color: rgb(248, 187, 134); 
	}  

} 
@keyframes ball-fall { 
	0% {  
		opacity: 0; 
		-webkit-transform: translateY(-145%); 
		-moz-transform: translateY(-145%); 
		-o-transform: translateY(-145%); 
		transform: translateY(-145%); 
		opacity: 0; 
		transform: translateY(-145%); 
	}  
	10% {  
		opacity: .5; 
		opacity: 0.5; 
	}  
	20% {  
		opacity: 1; 
		-webkit-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-o-transform: translateY(0); 
		transform: translateY(0); 
		opacity: 1; 
		transform: translateY(0px); 
	}  
	80% {  
		opacity: 1; 
		-webkit-transform: translateY(0); 
		-moz-transform: translateY(0); 
		-o-transform: translateY(0); 
		transform: translateY(0); 
		opacity: 1; 
		transform: translateY(0px); 
	}  
	90% {  
		opacity: .5; 
		opacity: 0.5; 
	}  
	100% {  
		opacity: 0; 
		-webkit-transform: translateY(145%); 
		-moz-transform: translateY(145%); 
		-o-transform: translateY(145%); 
		transform: translateY(145%); 
		opacity: 0; 
		transform: translateY(145%); 
	}  

} 
/* These were inline style tags. Uses id+class to override almost everything */
#style-L8LDI.style-L8LDI {  
	display: block;  
}  

#style-PlmOL.style-PlmOL {  
	display: block;  
}  

#style-jgw1m.style-jgw1m {  
	display: block;  
}  
#style-w22cg.style-w22cg {  
	display: inline-block;  
	box-shadow: none;  
}  
#style-yKadT.style-yKadT {  
	display: inline-block;  
	background-color: rgb(221, 107, 85);  
	box-shadow: rgba(221, 107, 85, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;  
}