@import url(https://s1.huay.com/assets/huay/bootstrap/css/bootstrap.min.css);
/*@import url(https://s1.huay.com/assets/huay/fonts/xmen/stylesheet.css);*/
/*@import url(https://s1.huay.com/assets/huay/fonts/stylesheet.css);*/
/*@import url(https://s1.huay.com/assets/huay/fonts/fontawesome/css/all.css);*/
@import url(https://s1.huay.com/assets/huay/js/fancybox/jquery.fancybox.min.css);
/*@import url(https://s1.huay.com/assets/huay/js/slick/slick.css);
@import url(https://s1.huay.com/assets/huay/css/preload.css);*/
@import url(https://s1.huay.com/assets/huay/js/jquery-toast/jquery.toast.min.css);
@import url(https://s1.huay.com/assets/huay/css/other.css);
@import url(https://s1.huay.com/assets/huay/js/bootstrap-datepicker/css/bootstrap-datepicker3.min.css);
@import url(https://s1.huay.com/assets/huay/css/animate.css);
@import url(https://s1.huay.com/assets/huay/css/chat.css);
@import url(https://s1.huay.com/assets/huay/js/slick/slick-theme.css);

@font-face {
    font-family: 'sukhumvit_tadmailight';
    src: url('../fonts/sukhumvittadmai_lig-webfont.woff2') format('woff2'),
         url('../fonts/sukhumvittadmai_lig-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus,
button:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

#app,
body,
html {
	width: 100%;
	height: 100%;
	background: #dae4eb
}

a {text-decoration: none;}
a:hover {
  text-decoration: none;
}
* {
	-webkit-overflow-scrolling: touch;
	font-family: "Lato", "db_admanrounded_xregular", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #1a1a1a;
	outline: none!important
}

.layoutfixe {
	overflow: hidden
}

.affiliate__box-info:after,
.affiliate__box-info:before,
.box__show-number .lists:after,
.box__show-number .lists:before,
.content__lotto-play .box__keyboard .group:after,
.content__lotto-play .box__keyboard .group:before,
.content__lotto-play .box__keyboard:after,
.content__lotto-play .box__keyboard:before,
.content__lotto-play .box__play .content .number__lists .box__keyboard-bet:after,
.content__lotto-play .box__play .content .number__lists .box__keyboard-bet:before,
.content__lotto-play .box__play .content .number__lists .number:after,
.content__lotto-play .box__play .content .number__lists .number:before,
.content__lotto .lotto-navigation div:after,
.content__lotto .lotto-navigation div:before,
.form-shot-number:after,
.form-shot-number:before,
.lotto-lists:after,
.lotto-lists:before,
.lotto-navigation:after,
.lotto-navigation:before,
.navigation-transaction:after,
.navigation-transaction:before,
.popup__confirm .content .lists .item:after,
.popup__confirm .content .lists .item:before,
.popup__success .content .lists .item:after,
.popup__success .content .lists .item:before,
.type-number-news:after,
.type-number-news:before,
section.setting:after,
section.setting:before {
	content: "";
	clear: both;
	display: table
}

.btn {
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	border: solid 1px #cccccc
}

.btn-back-to-step {
	cursor: pointer
}

h1,
h2,
h3,
h4
{
	font-size: 20px;
	line-height: 24px;
	font-family: "sukhumvit_tadmailight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h5 {
	font-size: 16px;
	font-family: "sukhumvit_tadmailight", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn-primary {
	background: #141A32!important
}

.btn-success {
	background: #08BF7D!important
}

.text-danger {
	color: #ba2929!important
}

.text-dark {
	color: #0e0e13!important
}

.text-button {
	outline: none!important
}

.text-primary {
	color: #141A32!important
}

.bg-secondary {
	background: #fff!important
}

.btn-danger {
	background-color: #ffffff!important;
	border: solid 1px #ba2929!important;
	color: #ba2929!important
}

.badge-warning {
	color: #fff;
	background-color: #eab003
}

.badge-warning i {
	color: #fff;
	font-size: 16px
}

.badge-primary {
	background-color: #141A32
}

.badge-danger {
	background-color: #ba2929
}

.badge-success {
	background-color: #08BF7D
}

.text-success {
	color: #08BF7D
}

.input-group-text {
	color: #1a1a1a
}

#app.sidebar-active {
	overflow: hidden
}

#app.sidebar-active .sidebar-overlay {
	z-index: 5;
	left: -80%;
	display: block
}

#app.sidebar-active .main {
	left: -80%
}

#app.sidebar-active section.main {
	overflow-x: hidden
}

#app.sidebar-active .mb-header {
	left: -80%
}

#app.sidebar-active .mb-navigation {
	left: -80%
}

#app.sidebar-active .sidebar {
	width: 80%
}

#app.sidebar-active .sidebar .sidebar__content {
	right: 0%
}

marquee {
	background: #fff;
	display: block;
	padding: 4px 0px;
	font-size: 12px;
	margin: 0px 0px 2px 0px
}

section.main {
	width: 100%;
	position: relative;
	left: 0;
	top: 0;
	display: block;
	z-index: 2;
	min-height: 100%;
	background: #dae4eb;
	-moz-transition: left 200ms ease-in;
	-webkit-transition: left 200ms ease-in;
	-o-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
	padding-bottom:60px;
}

.mb-header {
	z-index: 500;
	width: 100%;
	height: 40px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	-moz-transition: left 200ms ease-in;
	-webkit-transition: left 200ms ease-in;
	-o-transition: left 200ms ease-in;
	transition: left 200ms ease-in
}

.mb-header .h5 {
	margin: 0px
}

.mb-header .h5 strong {
	padding: 12px 0px 0px 0px;
	display: inline-block
}

.mb-header .huay-logo {
	width: 32px;
	position: relative;
	top: -3px;
	margin: 0px 4px 0px 0px
}

.mb-header button {
	background: none;
	border: 0 none;
	outline: none;
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	z-index: 1;
	cursor: pointer
}

.mb-header button.setting {
	width: 27px;
	height: 32px;
	top: 5px;
	left: 12px
}

.mb-header button.setting span {
	font-size: 20px
}

.mb-header div.notification {
	border: 0 none;
	outline: none;
	display: block;
	margin: 0;
	padding: 0;
	width: 27px;
	height: 32px;
	top: 5px;
	right: 12px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	padding: 3px 0px 0px 0px
}

.mb-header div.notification i {
	width: 10px;
	height: 10px;
	display: block;
	background-color: #a52323;
	position: absolute;
	top: 2px;
	right: 6px;
	text-indent: -999999px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}

.mb-header div.notification span {
	font-size: 20px
}

.mb-header h1 {
	text-align: center;
	color: #141A32;
	width: 53px;
	height: 19px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 16px
}

.mb-title {
	height: 56px;
	background-color: #fff;
	width: 100%;
	position: relative
}

.mb-title .btn-back {
	width: 50%;
	display: block;
	height: 52px;
	position: relative;
	float: left;
	padding: 18px 0px 17px 40px;
	text-decoration: none;
	line-height: 16px
}

.mb-title .btn-back i {
	background-image: url(../img/button/left-4@3x.png);
	background-size: 14px auto;
	text-indent: -99999px;
	background-position: center center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	display: block;
	position: absolute;
	top: 13px;
	left: 11px
}

.mb-title .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 12px;
	top: 12px;
	z-index: 1
}

.mb-title h1 {
	position: relative;
	text-align: center;
	width: 100%;
	display: block;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #141A32;
	padding: 18px 0px 0px 50px
}

.mb-title span.credit {
	line-height: 16px;
	width: 50%;
	float: left;
	text-align: right;
	padding: 19px 20px 19px 0px
}

.mb-title span.credit i {
	font-style: normal
}

.mb-title.lotto i {
	background-image: url(../img/icon/lotto_@3x.png);
	background-size: 41px auto;
	background-repeat: no-repeat;
	background-position: center center;
	width: 47px;
	height: 47px;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -58.5px;
	display: block
}

.mb-navigation {
	-moz-transition: left 200ms ease-in;
	-webkit-transition: left 200ms ease-in;
	-o-transition: left 200ms ease-in;
	transition: left 200ms ease-in;
	z-index: 500;
	position: fixed;
	top: 40px;
	left: 0px;
	width: 100%;
	height: 41px;
	background-color: #141A32;
	border-bottom: solid 1px rgba(255, 255, 255, 0.3)
}

.mb-navigation ul {
	list-style: none;
	width: 100%;
	height: 40px;
	display: block;
	margin: 0;
	padding: 0
}

.mb-navigation ul li {
	overflow: hidden;
	height: 40px;
	float: left
}

.mb-navigation ul li.col-fixed {
	width: 20%!important;
	-ms-flex: 0 0 20%;
	-webkit-box-flex: 0;
	flex: 0 0 20%;
	max-width: 20%;
	position: relative
}

.mb-navigation ul li.col-fixed em {
	width: 28px;
	height: 14px;
	border-radius: 2px;
	background-color: #ba2929;
	font-family: Lato;
	font-size: 8px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 3px;
	right: 4px
}

.mb-navigation ul li a {
	display: block;
	width: 100%;
	height: 40px;
	position: relative;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px;
	cursor: pointer
}

.mb-navigation ul li a i.notification {
	position: absolute;
	top: 10px;
	height: 12px;
	width: 12px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0px 0px 0px 20px;
	background: #ba2929
}

.mb-navigation ul li a i {
	color: #172743;
	display: block;
	font-size: 20px;
	line-height: 27px
}

.mb-navigation ul li a i i {
	width: 8px;
	height: 8px;
	text-indent: -99999px;
	right: 50%;
	top: 40%;
	margin: -3px -18px 0px 0px;
	position: absolute
}

.mb-navigation ul li a.active,
.mb-navigation ul li a:hover {
	background: #253c6c
}

.mb-navigation ul li a.active i,
.mb-navigation ul li a:hover i {
	color: #fff
}

.sidebar {
	position: fixed;
	top: 0;
	right: 0%;
	width: 0%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0 0 0 0px;
	-moz-transition: all 200ms ease-in;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	z-index: 0;
	padding: 0px 0px 100px 0px;
	background: #fff
}

.sidebar .sidebar__content {
	width: 100%;
	height: 100%;
	display: block;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	top: 0;
	right: -100%;
	bottom: 0;
	left: 0;
	-moz-transition: left 200ms ease-in;
	-webkit-transition: left 200ms ease-in;
	-o-transition: left 200ms ease-in;
	transition: left 200ms ease-in
}

.sidebar div.btn-close {
	cursor: pointer;
	outline: none;
	border: 0 none;
	background-image: url(../img/button/close-black@3x.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 21px auto;
	text-indent: -999999px;
	position: absolute;
	width: 33px;
	height: 33px;
	left: 12px;
	top: 12px
}

.sidebar .box__level {
	padding: 56px 14px 0px
}

.sidebar .box__level h1 {
	margin: 0px 0px 13px 0px;
	padding: 0px 0px 0px 27px;
	width: 100%;
	height: 28px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: normal;
	color: #000000;
	position: relative
}

.sidebar .box__level h1 i {
	background: url(../img/icon/award.jpg) no-repeat center center;
	height: 28px;
	width: 28px;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -14px
}

.sidebar .box__level .progress {
	margin: 0px 0px 10px 0px;
	width: 100%;
	height: 9px;
	border: solid 1px #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.sidebar .box__level .progress span {
	width: 70%;
	height: 7px;
	background: #141A32;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.sidebar .box__level p {
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: rgba(26, 26, 26, 0.6);
	line-height: 20px;
	position: relative;
	font-size: 12px
}

.sidebar .box__level p.profile {
	height: 48px;
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 56px
}

.sidebar .box__level p.profile span {
	font-size: 20px;
	color: #1a1a1a;
	padding: 0px 0px 0px 7px
}

.sidebar .box__level p.profile .thumb {
	margin: 0px 8px 0px 0px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	width: 48px;
	height: 48px
}

.sidebar .box__level p.profile .thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.sidebar .box__level p.profile span.username {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	display: block;
	color: #141A32;
	font-size: 16px
}

.sidebar .box__level p.level span {
	font-size: 12px;
	line-height: 18px
}

.sidebar ul {
	padding: 0;
	margin: 0;
	border-top: solid 1px #cccccc
}

.sidebar ul li {
	height: 54px;
	padding: 0px 14px;
	border-bottom: solid 1px #cccccc;
	cursor: pointer
}

.sidebar ul li a {
	padding: 10px 0px 10px 0px;
	width: 100%;
	display: block;
	color: #1a1a1a;
	text-decoration: none;
	position: relative;
	line-height: 20px
}

.sidebar ul li a i {
	margin: 0px 5px 0px 0px;
	color: #ccc;
	width: 40px;
	text-align: center
}

.sidebar ul li a span {
	position: relative;
	top: -4px
}

.sidebar ul li a span span {
	top: -2px;
	font-size: 12px
}

.sidebar-overlay {
	display: none;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 0;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	-moz-transition: all 200ms ease-in;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in
}

.content__lotto {
	padding: 50px 0px 0px
}

.content__coming-soon {
	padding: 155px 0px 0px
}

.content__coming-soon img {
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
	display: block
}

.content__lotto .credit {
	padding: 0px 6px;
	width: 100%;
	border-radius: 4px;
	min-height: 178px
}

.content__lotto .credit a {
	height: 40px;
	line-height: 40px;
	padding: 0
}

.content__lotto .credit>div {
	padding: 12px 8px;
	background: #fff;
	border-radius: 4px
}

.content__lotto .credit h1 {
	padding: 0px;
	margin: 0px;
	width: 100%;
	position: relative;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px
}

.content__lotto .credit h2 {
	margin: 12px 0px 20px 0px;
	width: 100%;
	text-align: center;
	font-size: 32px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}

.content__lotto .credit h2 span {
	width: 13px;
	height: 23px;
	font-size: 32px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}

.content__lotto .lotto-navigation div {
	margin: 0px;
	width: 33.333333333333333333333333333333%;
	float: left;
	padding: 20px 0px 0px;
	min-height: 110px
}

.content__lotto .lotto-navigation a {
	width: 100%;
	text-align: center;
	color: #141A32;
	display: block;
	text-decoration: none;
	cursor: pointer;
	position: relative
}

.content__lotto .lotto-navigation a span {
	display: block;
	color: #141A32;
	margin: 0px 0px 8px 0px
}

.content__lotto .lotto-navigation a i {
	position: absolute;
	top: 0px;
	height: 12px;
	width: 12px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin: 0px 0px 0px 35px
}

.content__lotto .lotto-navigation {
	padding: 12px 0px;
	background: #fff
}

.content__lotto .lotto-navigation div:active {
	background-color: #141A32;
	color: #fff
}

.content__lotto .lotto-navigation div:active a {
	color: #fff
}

.content__lotto .lotto-navigation div:active a span {
	color: #fff
}

.content__lotto-lists {
	padding: 46px 0px 6px 0px
}

.content__lotto-lists .box__content {
	padding: 0px 6px 0px 6px
}

.content__lotto-lists .lotto-lists {
	position: relative;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 8px 4px
}

.content__lotto-lists .lotto-lists h1 {
	padding: 9px 8px 0px;
	margin: 0px 0px 16px 0px;
	line-height: 23px;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal
}

.content__lotto-lists .lotto-lists .group__button a {
	width: 100%;
	height: 141px;
	float: left;
	text-decoration: none;
	display: block;
	padding: 0px 4px;
	position: relative;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	cursor: pointer
}

.content__lotto-lists .lotto-lists .group__button a * {
	color: #fff
}

.content__lotto-lists .lotto-lists .group__button a:nth-child(2n) {
	margin-right: 0px
}

.content__lotto-lists .lotto-lists .yeekee {
	width: 161px;
	height: 141px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-image: -webkit-gradient(linear, left top, right top, from(#1991eb), to(#2da1f8));
	background-image: -webkit-linear-gradient(left, #1991eb, #2da1f8);
	background-image: -o-linear-gradient(left, #1991eb, #2da1f8);
	background-image: linear-gradient(to right, #1991eb, #2da1f8);
	border: solid 1px #cccccc
}

.content__lotto-lists .lotto-lists .yeekee.jetsabet {
	background: #ff9b54;
	background: -moz-linear-gradient(top, #ff9b54 0%, #f011d3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9b54), color-stop(100%, #ef8010));
	background: -webkit-linear-gradient(top, #ff9b54 0%, #ef8010 100%);
	background: -o-linear-gradient(top, #ff9b54 0%, #ef8010 100%);
	background: -ms-linear-gradient(top, #ff9b54 0%, #ef8010 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ff9b54), to(#ef8010));
	background: linear-gradient(to bottom, #ff9b54 0%, #ef8010 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9b54', endColorstr='#ef8010', GradientType=0)
}

.content__lotto-lists .lotto-lists .yeekee.jetsabet-vip {
	background: #fa54ff;
	background: -moz-linear-gradient(top, #fa54ff 0%, #f011d3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa54ff), color-stop(100%, #f011d3));
	background: -webkit-linear-gradient(top, #fa54ff 0%, #f011d3 100%);
	background: -o-linear-gradient(top, #fa54ff 0%, #f011d3 100%);
	background: -ms-linear-gradient(top, #fa54ff 0%, #f011d3 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#fa54ff), to(#f011d3));
	background: linear-gradient(to bottom, #fa54ff 0%, #f011d3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA54FF', endColorstr='#F011D3', GradientType=0);
	-moz-border-radius: 5px!important
}

.content__lotto-lists .lotto-lists .yeekee.yeekeehuayvip {
	background: #8E44AD;
	background: -moz-linear-gradient(top, #8E44AD 0%, #6C3483 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8E44AD), color-stop(100%, #6C3483));
	background: -webkit-linear-gradient(top, #8E44AD 0%, #6C3483 100%);
	background: -o-linear-gradient(top, #8E44AD 0%, #6C3483 100%);
	background: -ms-linear-gradient(top, #8E44AD 0%, #6C3483 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#8E44AD), to(#6C3483));
	background: linear-gradient(to bottom, #8E44AD 0%, #6C3483 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8E44AD', endColorstr='#6C3483', GradientType=0);
	-moz-border-radius: 5px!important
}

.content__lotto-lists .lotto-lists .yeekee h2 {
	font-stretch: normal;
	line-height: 43px;
	letter-spacing: normal;
	color: #fff;
	text-align: center;
	margin: 0px 0px 27px 0px;
	background-color: rgba(0, 0, 0, 0.25);
	height: 43px;
	width: 100%;
	border-right: none;
	border-left: none;
	position: absolute;
	top: 12px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size: 20px;
	font-weight: 300
}

.content__lotto-lists .lotto-lists .yeekee.jetsabet h2 {
	background-color: rgba(0, 0, 0, 0.25)
}

.content__lotto-lists .lotto-lists .yeekee.jetsabet-vip h2 {
	background-color: rgba(0, 0, 0, 0.3)
}

.content__lotto-lists .lotto-lists .yeekee .time {
	display: block;
	opacity: 0.8;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	width: 100%;
	padding: 0px 0px 9px 0px;
	font-size: 12px
}

.content__lotto-lists .lotto-lists .yeekee .time strong {
	font-size: 12px
}

.content__lotto-lists .lotto-lists .yeekee .info {
	display: block;
	width: 100%;
	text-align: center;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	padding: 67px 0px 6px 0px;
	line-height: 20px
}

.content__lotto-lists .lotto-lists .status-not-open {
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #EFEFEF;
	border: solid 1px #cccccc
}

.content__lotto-lists .lotto-lists .status-not-open h2 {
	line-height: 43px;
	letter-spacing: normal;
	text-align: center;
	margin: 0px 0px 15px 0px;
	background-color: #BBBBBB;
	height: 43px;
	width: 100%;
	position: absolute;
	top: 12px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size: 20px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
}

.content__lotto-lists .lotto-lists .status-not-open h2 span {
	font-size: 20px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.8);
}

.content__lotto-lists .lotto-lists .status-not-open .time {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: normal;
	text-align: center;
	width: 100%;
	padding: 0px 0px 9px 0px;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
}

.content__lotto-lists .lotto-lists .status-not-open .time strong {
	font-size: 12px
}

.content__lotto-lists .lotto-lists .status-not-open .time * {
	color: rgba(0, 0, 0, 0.8)
}

.content__lotto-lists .lotto-lists .status-not-open .info {
	display: block;
	width: 100%;
	text-align: center;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	padding: 67px 0px 6px 0px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.8);
}

.content__lotto-lists .lotto-lists .status-close {
	border-radius: 4px;
	border: solid 1px #cccccc;
	-webkit-box-shadow: none;
	box-shadow: none
}

.content__lotto-lists .lotto-lists .status-close h2 {
	line-height: 43px;
	letter-spacing: normal;
	color: #ba2929;
	text-align: center;
	margin: 0px 0px 15px 0px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #ba2929;
	height: 43px;
	width: 100%;
	position: absolute;
	top: 12px;
	left: 50%;
	border-right: none;
	border-left: none;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	font-size: 20px;
	font-weight: 300
}

.content__lotto-lists .lotto-lists .status-close h2 span {
	color: #ba2929;
	font-size: 20px;
	font-weight: 300
}

.content__lotto-lists .lotto-lists .status-close .time {
	display: block;
	opacity: 0.8;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: normal;
	text-align: center;
	width: 100%;
	padding: 0px 0px 9px 0px;
	color: rgba(51, 51, 51, 0.8)!important;
	font-size: 12px
}

.content__lotto-lists .lotto-lists .status-close .time strong {
	font-size: 12px
}

.content__lotto-lists .lotto-lists .status-close .time * {
	color: rgba(51, 51, 51, 0.8)!important
}

.content__lotto-lists .lotto-lists .status-close .info {
	display: block;
	width: 100%;
	text-align: center;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	padding: 67px 0px 6px 0px;
	line-height: 20px;
	color: #333333
}

.content__lotto-lists .lotto-lists .status-open {
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	/*background-color: #08BF7D;*/
	background-image: linear-gradient(180deg, #0ced9c, #099e69);
	border: solid 1px #cccccc
}

.content__lotto-lists .lotto-lists .status-open h2 {
	line-height: 43px;
	text-align: center;
	margin: 0px 0px 15px 0px;
	background-color: rgba(0,0,0,0.16);
	height: 43px;
	width: 100%;
	position: absolute;
	top: 12px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	font-size: 20px;
	font-weight: 300
}

.content__lotto-lists .lotto-lists .status-open h2 span {
	color: #fff;
	font-size: 20px;
	font-weight: 300
}

.content__lotto-lists .lotto-lists .status-open .time {
	display: block;
	opacity: 0.8;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: normal;
	text-align: center;
	width: 100%;
	padding: 0px 0px 9px 0px
}

.content__lotto-lists .lotto-lists .status-open .time strong {
	font-size: 12px
}

.content__lotto-lists .lotto-lists .status-open .info {
	display: block;
	width: 100%;
	text-align: center;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	padding: 67px 0px 6px 0px;
	line-height: 20px
}

.content__lotto-lists .lotto-lists:first-child h1 {
	color: #1a1a1a
}

.content__lotto-lists .lotto-lists:nth-child(2) h1 {
	color: #1a1a1a
}

.content__lotto-lists .lotto-lists:nth-child(3) h1 {
	color: #1a1a1a
}

.content__lotto-lists .lotto-lists:nth-child(4) h1 {
	color: #1a1a1a
}

header.title-page {
	height: 46px;
	width: 100%;
	position: relative;
	background: #fff;
	padding: 0;
	/*border-bottom: solid 1px #cccccc*/
}

header.title-page h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	height: 38px;
	line-height: 38px;
	font-weight: normal;
	width: 100%
}

header.title-page p {
	width: 100%;
	display: block
}

header.title-page .btn-back-to-step {
	top: 8px
}

div.content__lists {
	padding: 50px 0px 30px
}

div.content__lists .page-link span {
	line-height: normal
}

div.content__lists header.title-page {
	margin: 0px 0px 2px 0px;
	height: 48px;
	width: 100%;
	position: relative;
	background: #fff;
	padding: 5px 0px 0px 50px;
	border-bottom: solid 1px #cccccc
}

div.content__lists header.title-page span {
	top: 4px;
	position: relative;
	padding: 0px 4px;
	color: rgba(26, 26, 26, 0.6)!important
}

div.content__lists header.title-page h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	height: 38px;
	line-height: 38px;
	font-weight: normal;
	float: left
}

div.content__lists .summary-title {
	line-height: 24px;
	padding: 30px 0px
}

div.content__lists .summary-total {
	color: rgba(26, 26, 26, 0.6);
	line-height: 24px
}

div.content__lists .summary-total span {
	font-size: 24px;
	line-height: 30px
}

div.content__lists .card {
	border: 0px;
	border-radius: 4px
}

div.content__lists .card a {
	text-decoration: none;
	outline: none
}

div.content__lists .card .summary-title {
	color: rgba(26, 26, 26, 0.6)!important;
	line-height: 24px;
	padding: 0px
}

div.content__lists .card .summary-number {
	font-size: 20px;
	line-height: 24px
}

div.content__lists .card .card-title {
	color: rgba(26, 26, 26, 0.6)!important;
	font-size: 12px
}

div.content__lists .card .card-title .fal {
	position: relative;
	top: 4px;
	padding: 0px 5px;
	color: rgba(26, 26, 26, 0.6)!important
}

div.content__lists .card .card-title span {
	opacity: 1
}

div.content__lists .card .card-body {
	padding: 0.8rem
}

div.content__lists .card .border-right {
	border-right-color: #cccccc!important
}

div.content__lists .card .info {
	color: rgba(21, 21, 21, 0.6)!important;
	font-size: 12px
}

div.content__lists .card .title {
	color: rgba(21, 21, 21, 0.6);
	font-size: 12px
}

div.content__lists .card .text-size-16 {
	line-height: 20px
}

div.content__lists .navigation-transaction {
	width: 100%;
	position: relative;
	margin-bottom: 12px;
	background: #fff
}

div.content__lists .navigation-transaction ul {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	list-style: none
}

div.content__lists .navigation-transaction ul li {
	height: 41px;
	width: 50%;
	float: left;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc
}

div.content__lists .navigation-transaction ul li .dropdown .dropdown-menu {
	padding: 0px;
	cursor: pointer
}

div.content__lists .navigation-transaction ul li:nth-child(2n) {
	border-right: 0px
}

div.content__lists .navigation-transaction ul li:last-child {
	border-right: 0px
}

div.content__lists .navigation-transaction ul a {
	padding: 0px 8px;
	width: 100%;
	height: 40px;
	text-align: left;
	color: #141A32;
	display: block;
	line-height: 40px;
	display: block;
	text-decoration: none;
	font-size: 13px
}

div.content__lists .navigation-transaction ul a i {
	color: #141A32
}

div.content__lists .navigation-transaction ul a.active {
	background: #141A32;
	color: #fff
}

div.content__lists .navigation-transaction ul a.active i {
	color: #fff
}

div.content__lists .navigation-transaction ul a.active span {
	color: #fff
}

div.content__lists .navigation-transaction ul li:last-child {
	width: 100%
}

div.content__lists .navigation-transaction ul li:last-child a {
	text-align: center
}

div.content__lists .navigation-transaction.request {
	margin-bottom: 2px
}

div.content__lists .navigation-transaction.request ul li {
	width: 100%;
	border-right: 0px
}

div.content__lists .navigation-transaction.request ul li a {
	text-align: left
}

div.content__lists .navigation-transaction.af ul li {
	width: 50%
}

div.content__lists .navigation-transaction.af ul li a {
	text-align: left
}

div.content__lists .transaction-info {
	padding: 12px;
	min-height: 135px;
	width: 100%;
	background: #fff
}

div.content__lists .transaction-info .title {
	font-size: 12px;
	color: rgba(26, 26, 26, 0.6)
}

div.content__lists .transaction-info .price {
	font-size: 20px
}

div.content__lists .card-transaction-show .list-number,
div.content__lists .card-transaction-show .thaiStock20-lists span:first-child,
div.content__lists .card-transaction-show .title-price,
div.content__lists .card-transaction-show .title-result {
	color: rgba(26, 26, 26, 0.6);
	font-size: 12px;
	line-height: 18px
}

div.content__lists .card-transaction-show .number {
	font-size: 20px;
	line-height: 20px
}

div.content__lists .card-transaction-show .thaiStock20-lists .text-success,
div.content__lists .card-transaction-show .thaiStock20SelectList,
div.content__lists .card-transaction-show .type-number {
	font-size: 12px;
	line-height: 20px;
	color: #1a1a1a!important
}

div.content__lists .card-transaction-show .price,
div.content__lists .card-transaction-show .text-result {
	line-height: 20px
}

div.content__lists .card-transaction-show .total-price {
	line-height: 20px;
	color: #1a1a1a
}

div.content__lists .card-transaction-show .thaiStock20-lists {
	line-height: 20px
}

div.content__lists .nav-tabs .nav-link {
	border: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: rgba(26, 26, 26, 0.6);
	color: #495057
}

div.content__lists .nav-tabs .nav-item.show .nav-link,
div.content__lists .nav-tabs .nav-link.active {
	background: #fff;
	color: #495057
}

div.content__lists .box__pagination {
	padding: 15px 0px
}

div.content__lists .affiliate__box-info {
	border: 1px solid #ccc;
	min-height: 135px;
	height: 100%;
	padding: 15px 5px;
	margin: 0px 0px 15px 0px
}

.content__lotto-play {
	padding: 50px 0px 126px 0px;
	background: #dae4eb
}

.content__lotto-play .close-time {
	width: 100%;
	height: 32px;
	text-align: center;
	margin: 2px 0px 4px 0px;
	background-color: #ffffff;
	line-height: 32px
}

.content__lotto-play .close-time p {
	margin: 0px;
	padding: 0px;
	height: 32px;
	line-height: 32px
}

.content__lotto-play .close-time p span {
	color: #ba2929;
	font-size: 20px;
	position: relative;
	top: 1px;
	left: 5px
}

.content__lotto-play .group__keyboard {
	position: relative;
	width: 100%;
	height: auto
}

.content__lotto-play header {
	background: #fff;
	padding: 5px 12px 0px 50px;
	margin: 0px 0px 2px 0px;
	width: 100%;
	height: 48px;
	position: relative;
	border-bottom: solid 1px #cccccc;
	overflow: hidden
}

header .rule {
	cursor: pointer;
	width: 83px;
	height: 33px;
	line-height: 33px;
	border-radius: 4px;
	outline: none;
	display: block;
	font-weight: normal;
	text-align: center;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-decoration: none;
	position: absolute;
	top: 50%;
	right: 12px;
	z-index: 2;
	margin-top: -17px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play header h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	height: 38px;
	line-height: 38px;
	font-weight: normal;
	float: left
}

.content__lotto-play header p {
	padding: 0px;
	width: 100%;
	height: 36px;
	text-align: left;
	float: left;
	margin: 0px
}

.content__lotto-play header p.countdown .countdown-number {
	width: 50%;
	height: 36px;
	font-size: 20px;
	font-weight: 300;
	text-align: right;
	color: #ba2929
}

.content__lotto-play .box__button-select-type {
	margin: 0px 0px 5px 0px;
	padding: 0px 6px
}

.content__lotto-play .box__button-select-type button.btn-type {
	cursor: pointer;
	width: 100%;
	height: 40px;
	text-align: center;
	color: #141A32;
	line-height: 36px;
	cursor: pointer;
	margin: 0px 0px 8px 0px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play .box__button-select-type button.btn-type.active {
	background-color: #141A32;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff
}

.content__lotto-play .box__rule {
	border-radius: 4px;
	background-color: #1e1d24;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	width: 100%;
	padding: 16px
}

.content__lotto-play .box__rule h2 {
	padding: 0px;
	width: 100%;
	height: 47px;
	line-height: 47px;
	display: block;
	margin: 0px 0px 16px 0px;
	font-size: 20px;
	color: #141A32
}

.content__lotto-play .box__rule div.info {
	line-height: 24px
}

.content__lotto-play .yeekee__number {
	padding: 0px 8px 0px 8px;
	width: 100%;
	min-height: 168px;
	margin-bottom: 8px
}

.content__lotto-play .yeekee__number .content {
	padding: 12px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play .yeekee__number .content h2 {
	width: 51px;
	line-height: 23px;
	font-weight: normal;
	font-style: normal;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #1a1a1a
}

.content__lotto-play .yeekee__number .content .number {
	font-size: 36px;
	font-weight: 300;
	text-align: center;
	width: 100%;
	line-height: 36px;
	padding: 8px 0px 14px 0px
}

.content__lotto-play .yeekee__number .content .form-shot-number {
	width: 100%
}

.content__lotto-play .yeekee__number .content .form-shot-number .show-input-number {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	font-size: 20px;
	padding: 0px 15px;
	text-align: center;
	color: rgba(26, 26, 26, 0.8);
	border-radius: 4px;
	background-color: rgba(229, 229, 229, 0.2);
	border: solid 1px #cccccc
}

.content__lotto-play .yeekee__lists-number {
	padding: 0px 8px 0px 8px;
	width: 100%;
	min-height: 168px;
	margin-bottom: 8px
}

.content__lotto-play .yeekee__lists-number .active-first-number .card-body {
	background: #d9edf7
}

.content__lotto-play .yeekee__lists-number .active-sixteen .card-body {
	background: #f2dede
}

.content__lotto-play .yeekee__lists-number .content {
	width: 100%;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	padding: 12px 8px 16px 8px
}

.content__lotto-play .yeekee__lists-number .content .card {
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play .yeekee__lists-number .content .card .card-body p {
	margin: 0px 0px 5px 0px
}

.content__lotto-play .yeekee__lists-number .content .card .card-body p.number {
	color: #141A32;
	font-size: 20px;
	line-height: 20px;
	font-weight: 300
}

.content__lotto-play .yeekee__lists-number .content .card .card-body p.title {
	color: rgba(26, 26, 26, 0.6)
}

.content__lotto-play .box__play {
	width: 100%;
	padding: 0px 6px 0px 6px;
	width: 100%;
	margin-bottom: 8px
}

.content__lotto-play .box__play .content {
	width: 100%;
	padding: 12px 8px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play .box__play .content .setting__number {
	padding: 0px 0px 2px 0px;
	position: relative
}

.content__lotto-play .box__play .content .setting__number button {
	cursor: pointer;
	padding: 0px;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 2px;
	border: solid 1px #141A32;
	background: #fff;
	color: #141A32
}

.content__lotto-play .box__play .content .setting__number button span {
	color: #141A32
}

.content__lotto-play .box__play .content .setting__number button.active {
	background-color: #141A32;
	color: #fff
}

.content__lotto-play .box__play .content .setting__number button.active span {
	color: #fff
}

.content__lotto-play .box__play .content .setting__number button.bet_two {
	border: solid 1px #08BF7D;
	background: none;
	color: #08BF7D
}

.content__lotto-play .box__play .content .setting__number button.bet_two span {
	color: #08BF7D
}

.content__lotto-play .box__play .content .setting__number button.bet_two.active {
	background: #08BF7D;
	color: #fff
}

.content__lotto-play .box__play .content .setting__number button.bet_two.active span {
	color: #fff
}

.content__lotto-play .box__play .content .setting__number button.bet_run {
	border: solid 1px #673ab7;
	color: #673ab7
}

.content__lotto-play .box__play .content .setting__number button.bet_run span {
	color: #673ab7
}

.content__lotto-play .box__play .content .setting__number button.bet_run.active {
	background: #673ab7;
	color: #fff
}

.content__lotto-play .box__play .content .setting__number button.bet_run.active span {
	color: #fff
}

.content__lotto-play .box__play .content .box__two-option {
	background-color: rgba(59, 152, 84, 0.12);
	padding: 10px 0px 5px
}

.content__lotto-play .box__play .content .box__show-number {
	padding: 12px 0px 20px 0px
}

.content__lotto-play .box__play .content .box__show-number .note {
	font-size: 12px
}

.content__lotto-play .box__play .content .box__show-number h3 {
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	padding: 0px 0px 8px 0px
}

.content__lotto-play .box__play .content .box__show-number .lists {
	height: 70px;
	width: 100%;
	text-align: center
}

.content__lotto-play .box__play .content .box__show-number .lists div {
	height: 70px;
	width: auto;
	display: inline-block;
	position: relative
}

.content__lotto-play .box__play .content .box__show-number .lists div .animate__number {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 180px;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%)
}

.content__lotto-play .box__play .content .box__show-number .lists div .animate__number span {
	width: 60px;
	height: 60px;
	float: left;
	color: #141A32;
	text-align: center;
	font-size: 40px;
	font-weight: 500;
	line-height: 60px
}

.content__lotto-play .box__play .content .box__show-number .lists div .number-two {
	padding: 0px 0px 0px 60px
}

.content__lotto-play .box__play .content .box__show-number .lists div .animate__number.active {
	-webkit-animation: numbers-to-cart 0.5s;
	-moz-animation: numbers-to-cart 0.5s;
	-o-animation: numbers-to-cart 0.5s;
	animation: numbers-to-cart 0.5s
}

.content__lotto-play .box__play .content .box__show-number .lists .number {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0px 5px;
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.2);
	border: solid 1px #000000;
	color: #141A32;
	border-radius: 2px;
	background-color: rgba(229, 229, 229, 0.2);
	border: solid 1px #141A32;
	position: relative
}

.content__lotto-play .box__play .content .box__show-number .lists .number span {
	background: rgba(59, 88, 152, 0.8);
	width: 2px;
	height: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: flash 1.5s infinite;
	-moz-animation: flash 1.5s infinite;
	-o-animation: flash 1.5s infinite;
	animation: flash 1.5s infinite
}

.content__lotto-play .box__play .content .box__show-number .lists .number.bet_two_ative {
	border: solid 1px #08BF7D;
	color: #08BF7D
}

.content__lotto-play .box__play .content .box__show-number .lists .number.disabled {
	background: rgba(229, 229, 229, 0.5);
	border: solid 1px #ccc
}

.content__lotto-play .box__play .content .number__lists {
	width: 100%;
	padding: 13px 0px 30px 0px;
	border-top: solid 2px #979797
}

.content__lotto-play .box__play .content .number__lists p {
	font-weight: normal;
	line-height: 16px;
	width: 100%;
	text-align: center;
	color: #000000
}

.content__lotto-play .box__play .content .number__lists .info {
	line-height: 20px;
	text-align: center
}

.content__lotto-play .box__play .content .number__lists .number {
	width: 100%;
	padding: 0px 0px 20px 0px
}

.content__lotto-play .box__play .content .number__lists .number button {
	display: block;
	float: left;
	width: calc(20% - 4px + 0.8px);
	margin: 0px 4px 4px 0px;
	height: 40px;
	font-weight: normal;
	font-size: 24px;
	line-height: 34px;
	text-align: center;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	color: #141A32;
	font-family: Lato;
	font-weight: 300
}

.content__lotto-play .box__play .content .number__lists .number button:nth-child(5n) {
	margin: 0px 0px 4px 0px
}

.content__lotto-play .box__play .content .number__lists .number button.active {
	background: #fff;
	border: solid 1px #000000;
	color: #000000
}

.content__lotto-play .box__play .content .number__lists .box__keyboard-bet {
	width: 100%
}

.content__lotto-play .box__play .content .number__lists .box__keyboard-bet button {
	display: block;
	float: left;
	width: calc(20% - 4px + 0.8px);
	margin: 0px 4px 4px 0px;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	color: #141A32;
	font-size: 24px;
	font-family: Lato;
	font-weight: 300
}

.content__lotto-play .box__play .content .number__lists .box__keyboard-bet button.warning {
	background-color: #ffffff;
	border: solid 1px #dd8130;
	color: #dd8130
}

.content__lotto-play .box__play .content .number__lists .box__keyboard-bet button:nth-child(5n) {
	margin: 0px 0px 4px 0px
}

.content__lotto-play .box__play .content .number__lists .box__keyboard-bet button.active {
	background-color: #253c6c;
	color: #ffffff
}

.content__lotto-play .box__play .content .number__lists .bet_run button {
	width: calc(20% - 4px + 0.8px);
	height: 40px;
	line-height: 40px
}

.content__lotto-play .notification {
	position: fixed;
	width: 219px;
	height: 30px;
	left: 50%;
	border-radius: 12px;
	background-color: #27ae60;
	-webkit-box-shadow: 0 10px 10px 0 rgba(39, 174, 96, 0.2);
	box-shadow: 0 10px 10px 0 rgba(39, 174, 96, 0.2);
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	line-height: 30px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	z-index: 50;
	bottom: -100px;
	-webkit-transition: bottom 0.8s;
	-o-transition: bottom 0.8s;
	transition: bottom 0.8s
}

.content__lotto-play .notification.show-alert {
	bottom: 88px
}

.content__lotto-play .cart-item-lists {
	height: 60px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 500;
	padding: 6px;
	background-color: #141A32
}

.content__lotto-play .cart-item-lists .arrow-animate {
	position: absolute;
	top: -13px;
	background: url("../img/arrow-copy.svg") no-repeat 0px;
	width: 80px;
	height: 10px;
	left: 50%;
	margin-left: -40px;
	-webkit-animation-name: arrow-move;
	animation-name: arrow-move;
	-webkit-animation-duration: 1.4s;
	animation-duration: 1.4s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear
}

.content__lotto-play .cart-item-lists h1 {
	height: 23px;
	line-height: 23px;
	color: #fff;
	font-size: 16px
}

.content__lotto-play .cart-item-lists h1 span {
	font-weight: normal;
	font-style: normal;
	color: rgba(255, 255, 255, 0.8);
	line-height: 23px;
	padding: 0px 0px 0px 15px
}

.content__lotto-play .cart-item-lists .box__button-show-lists {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer
}

.content__lotto-play .cart-item-lists .show-lists {
	display: block;
	padding: 0px 5px;
	border: 0 none;
	width: auto;
	height: 40px;
	line-height: 40px;
	outline: none;
	text-decoration: none;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-weight: normal;
	text-align: center;
	color: #141A32;
	cursor: pointer;
	z-index: 5;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play .cart-item-lists .show-lists i {
	color: #141A32
}

.content__lotto-play .cart-item-lists .number-sets {
	border: 0 none;
	width: auto;
	height: 38px;
	border-radius: 4px;
	position: absolute;
	top: 50%;
	right: 20px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-weight: normal;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	color: #141A32;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__lotto-play .cart-item-lists .number-sets i {
	color: #141A32
}

.content__lotto-play .cart-item-lists p.number {
	color: rgba(255, 255, 255, 0.8)
}

.content__lotto-play .cart-item-lists .visible {
	display: none!important
}

.popup__item-lists {
	width: 100%;
	height: 100%;
	position: relative
}

.popup__item-lists header {
	width: 100%;
	height: 48px;
	background: #141A32
}

.popup__item-lists header .content {
	padding: 13px 20px
}

.popup__item-lists header .content .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 12px;
	top: 5px;
	z-index: 1
}

.popup__item-lists header .content h1 {
	color: #ffffff;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 18px
}

.popup__item-lists header .content .number-set {
	width: 130px;
	display: block;
	border: 0 none;
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #000000;
	position: absolute;
	right: 61px;
	top: 6px
}

.popup__item-lists .lists {
	padding: 14px 12px 45px;
	border-bottom: solid 2px #979797;
	background: #dddfe2
}

.popup__item-lists .lists .btn-danger {
	background: #ba2929!important;
	color: #fff!important
}

.popup__item-lists .lists h2 {
	width: 100%;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	font-size: 14px
}

.popup__item-lists .lists .item {
	width: 100%;
	position: relative
}

.popup__item-lists .lists .item .form-control:focus {
	border-color: #ced4da;
	-webkit-box-shadow: none;
	box-shadow: none
}

.popup__item-lists .lists .item.number-is-duplicate.number-is-duplicate-active input {
	border-color: #ffc107
}

.popup__item-lists .lists .item.number-is-duplicate.number-is-duplicate-active .number {
	background: #ffc107;
	color: #000;
	border-color: #ffc107
}

.popup__item-lists .lists .item.number-is-duplicate.number-is-duplicate-active .input-group-append-price {
	background: #ffc107;
	color: #000
}

.popup__item-lists .lists .item.number-is-duplicate.number-is-duplicate-active .input-group-append-price .bg-black {
	background: none;
	color: #000
}

.popup__item-lists .lists .item.warning input {
	border-color: #dc3545!important
}

.popup__item-lists .lists .item.warning .number {
	background: #dc3545!important;
	color: #fff!important;
	border-color: #dc3545!important
}

.popup__item-lists .lists .item.warning .input-group-append-price {
	background: #dc3545!important;
	color: #fff!important
}

.popup__item-lists .lists .item.warning .input-group-append-price .bg-black {
	background: none;
	color: #fff!important
}

.popup__item-lists .lists .item.warning.number-is-duplicate.number-is-duplicate-active input {
	border-color: #ff6122!important
}

.popup__item-lists .lists .item.warning.number-is-duplicate.number-is-duplicate-active .number {
	background: #ff6122!important;
	color: #000!important;
	border-color: #ff6122!important
}

.popup__item-lists .lists .item.warning.number-is-duplicate.number-is-duplicate-active .input-group-append-price {
	background: #ff6122!important;
	color: #000!important
}

.popup__item-lists .lists .item.warning.number-is-duplicate.number-is-duplicate-active .input-group-append-price .bg-black {
	background: none;
	color: #000!important
}

.popup__item-lists .lists .item.active .input-group {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

.popup__item-lists .lists .item .border-right-gold {
	border-right: 2px solid #cccccc
}

.popup__item-lists .lists .item .text-gold {
	color: #141A32
}

.popup__item-lists .lists .item .bg-black {
	background: #fff
}

.popup__item-lists .lists .item .bg-gold {
	background-color: #141A32
}

.popup__item-lists .lists .item .number {
	color: #fff;
	border: 1px solid #141A32
}

.popup__item-lists .lists .item .ranking-number {
	background: none;
	width: 40px;
	display: block;
	line-height: 28px
}

.popup__item-lists .setting {
	padding: 12px 20px 0px;
	min-height: 155px;
	background: #fff
}

.popup__item-lists .setting h3 {
	width: 100%;
	padding: 0px 0px 12px 0px;
	font-size: 14px
}

.popup__item-lists .setting .form__price .input-group {
	width: 100%;
	margin: 0px 6px 0px 0px
}

.popup__item-lists .setting .form__price .box__chip-lists {
	width: 100%;
	height: 38px
}

.popup__item-lists .setting .form__price .price {
	margin: 0px 6px 6px 6px;
	letter-spacing: normal;
	color: #141A32;
	border-radius: 18px;
	background-color: #fff;
	padding: 2px 9px;
	display: block;
	float: left;
	line-height: 30px;
	cursor: pointer;
	outline: none!important;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.17);
	border: dotted 2px #141A32
}

.popup__item-lists .setting .form__price .price.active {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

.popup__item-lists .setting .text-gold {
	color: #141A32
}

.popup__item-lists .setting .bg-black {
	background: #fff
}

.popup__item-lists .setting .bg-gold {
	background-color: #141A32
}

.popup__item-lists .setting .text-black {
	color: #000000
}

.popup__item-lists .setting .border-gold {
	border: 1px solid #141A32
}

.popup__item-lists .box__confirm {
	padding: 10px 20px 100px;
	background: #fff
}

.popup__item-lists .box__confirm h4 {
	line-height: 23px;
	padding: 0px 0px 20px 0px;
	font-size: 16px
}

.popup__item-lists .box__confirm h4 span {
	font-size: 16px;
	color: #141A32
}

.popup__item-lists .box__confirm .btn-cancel {
	text-align: center;
	color: #a52323;
	background: none;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #a52323
}

.popup__item-lists .box__confirm .btn-confirm {
	text-align: center;
	color: #fff;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	border-radius: 4px;
	background-color: #141A32;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16)
}

.popup__item-lists .box__isThaiStock20 {
	padding: 12px 20px;
	border-bottom: solid 2px #979797
}

.popup__item-lists .box__isThaiStock20 label {
	cursor: pointer;
	padding: 0px 5px;
	line-height: 20px
}

.popup__confirm {
	position: relative;
	height: 100%;
	width: 100%;
	background: #fff;
	padding: 0px
}

.popup__confirm .content {
	width: 100%;
	background: #292732;
	border-radius: 4px
}

.popup__confirm .content header {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 16px 7px 11px;
	height: 74px;
	width: 100%;
	background-color: #141A32;
	position: relative
}

.popup__confirm .content header h1 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 20px;
	width: 100%;
	padding: 0px 0px 2px 0px
}

.popup__confirm .content header p.info {
	text-align: center;
	color: #000000;
	line-height: 16px;
	color: #fff
}

.popup__confirm .content header .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: 1
}

.popup__confirm .content .money,
.popup__success .content .money {
	width: 100%;
	height: 42px;
	width: 100%;
	text-align: center;
	padding: 12px 0px 12px;
	background: #fff;
	border-bottom: solid 1px #979797
}

.popup__confirm .content .money h2,
.popup__success .content .money h2 {
	margin: 0px;
	padding: 0px;
	font-size: 16px
}

.popup__confirm .content .money h2 span,
.popup__success .content .money h2 span {
	color: #141A32;
	font-size: 16px
}

.popup__confirm .content .money h2 span,
.popup__success .content .money h2 span {
	font-weight: normal
}

.popup__confirm .content .lists {
	padding: 20px 6px 45px;
	border-bottom: solid 1px #979797;
	background: #fff
}

.popup__confirm .content .lists h3 {
	line-height: 16px;
	color: #141A32;
	padding: 8px 0px
}

.popup__confirm .content .lists .item div {
	line-height: 16px
}

.popup__confirm .content .lists .item .number {
	text-align: left
}

.popup__confirm .content .lists .item .price {
	text-align: right
}

.popup__confirm .content .box__confirm {
	width: 100%;
	padding: 18px 27px 100px;
	background: #fff
}

.popup__confirm .content .box__confirm.box__confirm-top {
	padding: 20px 27px 20px;
	border-bottom: solid 1px #979797
}

.popup__confirm .content .box__confirm .btn-cancel {
	text-align: center;
	color: #ba2929;
	background: #fff;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #ba2929
}

.popup__confirm .content .box__confirm .btn-confirm {
	text-align: center;
	color: #fff;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #141A32;
	border: solid 1px #cccccc
}

.popup__confirm .content .box__confirm .btn-confirm i {
	color: #fff
}

.popup__number-set {
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0px
}

.popup__number-set .content {
	width: 100%;
	background: #fff;
	border-radius: 4px
}

.popup__number-set .content header {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 13px 7px 10px;
	height: 48px;
	width: 100%;
	background-color: #141A32;
	position: relative
}

.popup__number-set .content header h1 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 20px;
	width: 100%;
	margin: 0px
}

.popup__number-set .content header .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: 1
}

.popup__number-set .content .navigation-tab {
	width: 100%;
	height: 40px
}

.popup__number-set .content .navigation-tab ul {
	width: 100%;
	height: 40px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 2px #979797
}

.popup__number-set .content .navigation-tab ul li {
	float: left;
	width: 50%;
	height: 40px;
	font-weight: normal;
	font-style: normal;
	line-height: 40px;
	color: #141A32;
	display: block;
	text-align: center;
	cursor: pointer
}

.popup__number-set .content .navigation-tab ul li.active,
.popup__number-set .content .navigation-tab ul li:hover {
	background: url(../img/tab-navigation.png) repeat-x center bottom
}

.popup__number-set .content .box__button {
	padding: 20px 6px;
	height: 148px
}

.popup__number-set .content .box__button .btn-gold {
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	text-align: center;
	color: #ffffff;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #141A32;
	border: solid 1px #cccccc;
	height: 40px;
	line-height: 40px;
	padding: 0px
}

.popup__number-set .content .lists {
	padding: 6px;
	overflow-x: hidden
}

.popup__number-set .content .lists .page-item a,
.popup__number-set .content .lists .page-item,
.popup__number-set .content .lists .page-item span {
	height: 29px;
	line-height: 21px
}

.popup__number-set .content .lists table {
	width: 100%
}

.popup__number-set .content .lists table thead tr th {
	padding: 7px 10px;
	letter-spacing: normal;
	line-height: 16px
}

.popup__number-set .content .lists table thead tr {
	background: none
}

.popup__number-set .content .lists table tr {
	text-align: left;
	background-color: rgba(51, 51, 51, 0.1)
}

.popup__number-set .content .lists table tbody tr {
	font-weight: 300;
	font-style: normal;
	line-height: 16px
}

.popup__number-set .content .lists table tbody tr td {
	padding: 15px 10px
}

.popup__number-set .content .lists table tbody tr:nth-child(2n) {
	background: rgba(51, 51, 51, 0.2)
}

.popup__number-set .content .lists .btn-black {
	text-align: center;
	color: #141A32;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #141A32
}

.popup__success {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 0px
}

.popup__success .content {
	width: 100%;
	background: #fff;
	border-radius: 4px
}

.popup__success .content header {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 7px 7px 7px;
	height: 60px;
	width: 100%;
	background-color: #08BF7D;
	position: relative
}

.popup__success .content header h1 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 22px;
	width: 100%;
	padding: 0px 0px 2px 0px
}

.popup__success .content header .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 7px;
	top: 7px;
	z-index: 1
}

.popup__success .content .box__info {
	border-bottom: solid 1px #979797
}

.popup__success .content .box__info i {
	color: #08BF7D;
	font-size: 40px;
	padding: 14px 0px
}

.popup__success .content .box__info h2 {
	width: 100%;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #08BF7D;
	padding: 14px 0px 4px 0px;
	display: block
}

.popup__success .content .box__info p {
	line-height: 16px;
	text-align: center;
	color: #08BF7D
}

.popup__success .content .box__info p span {
	color: #08BF7D
}

.popup__success .content .lists {
	padding: 20px 6px 45px
}

.popup__success .content .lists h3 {
	line-height: 16px;
	color: #141A32;
	padding: 8px 0px
}

.popup__success .content .lists .item {
	width: 100%;
	margin-bottom: 8px
}

.popup__success .content .lists .item.title-group {
	border-top: solid 2px #979797;
	padding: 12px 0px 5px 0px
}

.popup__success .content .lists .item:first-child {
	border: 0px
}

.popup__success .content .lists .item div {
	line-height: 16px
}

.popup__success .content .lists .item .number {
	text-align: left
}

.popup__success .content .lists .item .price {
	text-align: right
}

.popup__success .content .box__confirm {
	width: 100%;
	padding: 30px 27px 100px
}

.popup__success .content .box__confirm.box__confirm-top {
	padding: 20px 27px 20px;
	border-bottom: solid 1px #979797
}

.popup__success .content .box__confirm .btn-playagain {
	text-align: center;
	color: #fff;
	background: none;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #141A32;
	border: solid 1px #cccccc
}

.popup__success .content .box__confirm .btn-transaction-view {
	text-align: center;
	cursor: pointer;
	line-height: 40px;
	height: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	color: #333333
}

.popup__confirm .content .lists .item .number.title,
.popup__confirm .content .lists .item .price.title,
.popup__success .content .lists .item .number.title,
.popup__success .content .lists .item .price.title {
	color: rgba(26, 26, 26, 0.6)
}

.box__pagination {
	width: 100%;
	height: 50px;
	padding: 8px 0px
}

.box__pagination .pagination {
	margin: 0px;
	padding: 0px
}

.box__pagination .pagination .page-item .page-link {
	height: 32px;
	padding: 8px 12px;
	line-height: 16px;
	text-align: center;
	color: #141A32;
	background-color: #fff;
	border: solid 1px rgba(237, 217, 111, 0.5)
}

.box__pagination .pagination .page-item.active .page-link,
.box__pagination .pagination .page-item:hover .page-link {
	background-image: -webkit-linear-gradient(345deg, #f7eea8, #141A32);
	background-image: -o-linear-gradient(345deg, #f7eea8, #141A32);
	background-image: linear-gradient(105deg, #f7eea8, #141A32);
	color: #000;
	border: solid 1px #fdc60a
}

.condition {
	padding: 0px 6px
}

.condition h2 {
	padding: 0px;
	width: 100%;
	height: 47px;
	line-height: 47px;
	display: block;
	margin: 0px 0px 5px 0px;
	font-size: 20px
}

.condition .box__condition-info {
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	width: 100%;
	padding: 12px 8px
}

.condition h3 {
	width: 100%;
	text-align: left;
	padding: 10px 0px 5px;
	font-size: 18px
}

.condition p {
	width: 100%;
	text-align: left;
	margin: 0px 0px 5px 0px
}

.condition hr {
	border-top: 1px solid #fff
}

.box__close-info {
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	width: 100%;
	padding: 16px;
	margin: 0px 0px 15px 0px
}

.box__close-info p {
	text-align: center
}

.fancybox-container {
	z-index: 999
}

.btn-back-to-step {
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 8px;
	left: 6px
}

.btn-back-to-step i {
	font-size: 30px;
	color: #141A32
}

.yeekee-tab-navigation {
	width: 100%;
	height: 40px;
	margin: 0px 0px 15px 0px;
	background: #ffffff
}

.yeekee-tab-navigation div {
	width: 50%;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	line-height: 40px;
	cursor: pointer
}

.yeekee-tab-navigation div.active {
	background: url(../img/tab-navigation.png) repeat-x 0px bottom
}

.box__keyboard {
	width: 100%;
	padding: 16px 0px 0px 0px
}

.box__keyboard .group {
	width: 100%
}

.box__keyboard .group button {
	cursor: pointer;
	display: block;
	float: left;
	width: calc(25% - 5px + 0.8px);
	margin: 0px 4px 4px 0px;
	height: 40px;
	font-weight: normal;
	line-height: 36px;
	text-align: center;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	color: #141A32;
	font-family: Lato;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
	color: #141A32;
	border-radius: 4px
}

.box__keyboard .group button.active {
	color: #fff!important;
	background: #253c6c
}

.box__keyboard .group button:active {
	color: #fff!important;
	background: #253c6c
}

.box__keyboard .group button.delete {
	background-color: #ba2929;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	border: 0 none;
	margin: 0px 0px 4px 3.5px;
	position: relative;
	font-size: 1rem;
	padding: 7px 0px 0px 0px
}

.box__keyboard .group button.delete i {
	color: #fff
}

.box__keyboard .group button.warning {
	border: 0 none;
	margin: 0px 0px 4px 3.5px;
	position: relative;
	font-size: 1rem;
	padding: 7px 0px 0px 0px;
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.box__keyboard .group button.warning i {
	color: #212529
}

.box__keyboard .group button.submit-number {
	border: 0 none;
	margin: 0px 0px 4px 3.5px;
	background-color: #08BF7D;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	font-size: 14px;
	color: #fff;
	font-family: "Lato", "db_admanrounded_xregular", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.box__keyboard .group .random__number {
	margin: 0px 0px 4px 3.5px;
	border: 0 none;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
	font-family: "db_admanrounded_xregular", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px
}

.box__keyboard .group button.btn-cancel {
	margin: 0px 0px 4px 3.5px;
	text-align: center;
	color: #a52323;
	background: none;
	cursor: pointer;
	border-radius: 4px;
	border: solid 1px #a52323;
	position: relative;
	padding: 0px;
	font-size: 14px;
	font-family: "db_admanrounded_xregular"
}

.box__keyboard .group:last-child button {
	width: calc(75% - 5px + 0.8px)
}

.jq-toast-single {
	font-family: "Lato", "db_admanrounded_xregular", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.deposite-content {
	padding: 50px 0px 0px 0px
}

.deposite-content .button-info {
	cursor: pointer;
	width: auto;
	height: 33px;
	line-height: 33px;
	border-radius: 4px;
	outline: none;
	display: block;
	font-weight: normal;
	text-align: center;
	color: #333333;
	margin: 0px;
	padding: 0px 6px;
	text-decoration: none;
	position: absolute;
	top: 50%;
	right: 12px;
	z-index: 2;
	margin-top: -18px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.box__progress-deposite {
	width: 100%;
	text-align: center;
	padding: 8px 0px 4px 0px
}

.box__progress-deposite .content {
	display: inline-block;
	width: auto
}

.box__progress-deposite .progress__bar {
	height: 40px;
	background: url(../img/progress.jpg) repeat-x center center
}

.box__progress-deposite .progress__bar .step {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 40px;
	background: #fff;
	color: #cccccc;
	border: solid 1px #cccccc;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px
}

.box__progress-deposite .progress__bar .step span {
	font-size: 18px;
	line-height: 40px;
	display: block;
	text-align: center;
	color: #ccc
}

.box__progress-deposite .progress__bar .step:last-child {
	margin: 0px 0px 0px 0px
}

.box__progress-deposite .progress__bar .step.active {
	border: solid 1px #141A32
}

.box__progress-deposite .progress__bar .step.active span {
	color: #141A32
}

.box__progress-deposite .progress__bar .step.active.success {
	background: #08BF7D;
	border: none
}

.box__progress-deposite .progress__bar .step.active.success span {
	color: #fff
}

.alert__page {
	padding: 50px 8px 0px;
	text-align: center
}

.alert__page img {
	margin: 12px 0px 24px 0px
}

.alert__page .info {
	line-height: 26px
}

.alert__page .btn-primary {
	border: solid 1px #141A32!important;
	background: none!important;
	color: #141A32
}

.fancybox-content {
	padding: 0px
}

.box__calendar .input-group-prepend {
	height: 40px
}

.box__calendar .form-control {
	height: 40px
}

div.content__lists .box__rusult .card-header {
	padding: 4px
}

div.content__lists .box__rusult .card-body {
	padding: 4px
}

.box__rusult {
	padding: 0px
}

.box__rusult .border-danger-2 {
	border: solid 2px #dc3545!important
}

.box__rusult h1 {
	line-height: 18px;
	font-size: 18px;
	text-align: left;
	height: 32px;
	padding: 7px 0px 0px 0px;
	position: relative
}

.box__rusult h1 .badge {
	position: absolute;
	right: 0px;
	top: 50%;
	height: 28px;
	line-height: 18px;
	padding: 5px 11px 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.box__rusult h1 .badge-primary {
	background-color: #141A32
}

.box__rusult p {
	margin: 0px 0px 2px 0px
}

.box__rusult .title {
	font-size: 14px!important;
	line-height: 18px;
	color: #1a1a1a!important
}

.box__rusult .title-type {
	font-size: 12px;
	color: rgba(26, 26, 26, 0.6);
	text-align: center;
	position: relative
}

.box__rusult .number {
	font-weight: bold;
	font-size: 16px
}

.box__rusult .flag-icons {
	width: 23px;
	position: absolute;
	top: 50%;
	left: 0px;
	margin-right: 3px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.box__rusult [class^=col] {
	padding: 0px 6px
}

.box__rusult .result-yeekee-nav-tab {
	height: 40px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	margin: 0px 0px 12px 0px
}

.box__rusult .result-yeekee-nav-tab [class^=col] {
	padding: 10px 1px;
	line-height: 18px;
	font-size: 13px;
	color: #777777;
	cursor: pointer
}

.box__rusult .result-yeekee-nav-tab .active {
	background: #141A32;
	color: #fff
}

.box__rusult .bg-result-update-v1 {
	background-color: rgba(255, 255, 255, 0.9)
}

.box__rusult h2 {
	font-size: 12px;
	color: #141A32
}

.box__rusult .navigation-yeekee-layout {
	width: 100%;
	margin: 12px 0px 8px 0px;
	border-top: 1px solid #cccccc;
	padding: 11px 0px 0px 0px
}

.box__rusult .navigation-yeekee-layout>div {
	width: 50%;
	float: left;
	height: 36px
}

.box__rusult .navigation-yeekee-layout>div:first-child {
	padding: 0px 1px 0px 0px
}

.box__rusult .navigation-yeekee-layout>div:last-child {
	padding: 0px 0px 0px 1px
}

.box__rusult .navigation-yeekee-layout div>div {
	border: solid 1px #141A32;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100%;
	height: 36px;
	padding: 9px 0px;
	line-height: 16px;
	color: #141A32
}

.box__rusult .navigation-yeekee-layout div.active div {
	color: #fff;
	background: #141A32
}

.box__rusult .yeekee-last-result .border {
	border: 1px solid #141A32!important
}

.box__rusult .yeekee-last-result .card-header {
	border-bottom: 1px solid #141A32!important
}

.box__rusult .yeekee-last-result .card .border-right {
	border-right-color: #141A32!important
}

.box__rusult .yeekee-number-button {
	width: 100%
}

.box__rusult .yeekee-number-button div {
	width: calc(12.5% - 2.65px);
	height: 30px;
	display: block;
	float: left;
	margin: 0px 3px 3px 0px;
	cursor: pointer
}

.box__rusult .yeekee-number-button div button {
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
	background-color: #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	padding: 0px;
	border: 0 none;
	cursor: pointer
}

.box__rusult .yeekee-number-button div button.active {
	border-radius: 2px;
	background-color: #141A32;
	color: #fff
}

.box__rusult .yeekee-number-button div:nth-child(8n) {
	margin-right: 0px
}

.content__result {
	padding: 50px 0px 30px
}

.content__result header.title-page {
	margin: 0px 0px 2px 0px;
	height: 48px;
	width: 100%;
	position: relative;
	background: #fff;
	padding: 5px 0px 0px 50px;
	border-bottom: solid 1px #cccccc
}

.content__result header.title-page h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	height: 38px;
	line-height: 38px;
	font-weight: normal;
	float: left
}

.content__result header.title-page p {
	width: 100%;
	display: block;
	float: left
}

.content__result .close-info {
	margin: 15px 0px;
	font-size: 16px;
	line-height: 24px
}

.content__result .process {
	position: relative;
	height: 30px
}

.content__result .sk-three-bounce .sk-child {
	background: #a52323
}

.content__result .title {
	text-align: center;
	width: 100%;
	color: rgba(26, 26, 26, 0.6);
	margin: 0px 0px 2px 0px
}

.content__result .number {
	font-size: 28px;
	line-height: 28px;
	margin: 0px 0px 2px 0px
}

.content__result .process-pay {
	font-size: 16px;
	line-height: 20px
}

.content__result .title-list {
	font-size: 16px;
	line-height: 20px
}

.content__result .card-lists p {
	margin: 0px 0px 5px 0px
}

.content__result .card-lists {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__result .card-lists .date,
.content__result .card-lists .title {
	font-size: 12px;
	line-height: 20px
}

.content__result .card-lists .number {
	font-size: 20px;
	line-height: 20px
}

.content__result .card-lists .card-body {
	padding: 8px
}

.content__result .card-lists.active-first-number {
	background: #d9edf7
}

.content__result .card-lists.active-sixteen {
	background: #f2dede
}

.content__result .page-item {
	line-height: normal
}

.content__result .page-item .page-link span {
	line-height: normal
}

.content__lists-number-set {
	padding: 50px 0px 30px
}

.content__lists-number-set header.title-page {
	margin: 0px 0px 2px 0px;
	height: 48px;
	width: 100%;
	position: relative;
	background: #fff;
	padding: 5px 0px 0px 50px;
	border-bottom: solid 1px #cccccc
}

.content__lists-number-set header.title-page h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	height: 38px;
	line-height: 38px;
	font-weight: normal;
	float: left
}

.content__lists-number-set header.title-page p {
	width: 100%;
	display: block;
	float: left
}

.content__lists-number-set header.title-page .btn-create {
	height: 40px;
	line-height: 40px;
	padding: 0px 10px;
	position: absolute;
	top: 50%;
	right: 6px;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.content__lists-number-set .card .card-body,
.content__lists-number-set .card .card-header {
	padding: 0.8rem
}

.content__lists-number-set .card .card-header p.title {
	margin: 0px;
	font-size: 12px
}

.content__lists-number-set .card-body p {
	margin: 0px
}

.content__lists-number-set .card-body .btn-primary {
	border: solid 1px #141A32;
	background: none!important;
	color: #141A32;
	height: 40px;
	line-height: 40px;
	padding: 0px 10px
}

.content__lists-number-set .card-body .dropdown-item {
	cursor: pointer
}

.content__lists-number-set .card-body input,
.content__lists-number-set .card-body select {
	line-height: 40px!important;
	height: 40px!important
}

.content__lists-number-set .card-body button.btn-submit {
	color: #fff!important;
	border: none;
	background: #141A32!important
}

.content__lists-number-set .card-body .btn-add-number-set {
	height: 28px;
	line-height: 28px
}

.content__lists-number-set .card-body .dropdown-toggle {
	height: 30px;
	line-height: 30px
}

.content__lists-number-set .card-body p.title {
	color: rgba(26, 26, 26, 0.6);
	font-size: 12px
}

.content__lists-number-set .title {
	font-size: 16px;
	line-height: 20px
}

.content__lists-number-set .title-type {
	font-size: 16px;
	line-height: 20px;
	padding: 0px;
	margin: 0px
}

.content__lists-number-set label.error {
	padding: 6px 0px;
	color: #ba2929!important
}

.content__lists-number-set .dropdown-menu {
	-o-transform: none!important;
	-moz-transform: none!important;
	-ms-transform: none!important;
	-webkit-transform: none!important;
	transform: none!important;
	top: 30px!important;
	left: auto!important;
	right: 0px!important;
	z-index: 1
}

.box__content-first {
	background: #ffffff;
	min-height: 88px;
	padding: 12px 6px
}

#popupRule {
	padding: 6px
}

#popupRule .fancybox-close-small {
	padding: 0px;
	position: fixed;
	right: 9px;
	top: 6px;
	height: 40px;
	width: 40px;
	background: #fff
}

#popupRule .fancybox-close-small svg {
	width: 40px;
	height: 40px;
	stroke-width: 2.5px
}

.content__af {
	padding: 0px 6px
}

.content__af .card-body h1,
.content__af .card-body h2,
.content__af .card-body h5 {
	font-size: 18px;
	margin-bottom: 15px
}

.content__af .card-body .title {
	font-size: 14px;
	line-height: 20px
}

.content__af .card-body .number {
	font-size: 24px;
	line-height: 20px;
	color: #141A32
}

.content__af .card-body .card {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc
}

.content__af .card-body .card .card-header {
	padding: 6px 0px
}

.content__af .card-body .card .header .title {
	margin: 0px;
	padding: 0px;
	color: #1a1a1a
}

.content__af .card-body .card p {
	margin: 0px 0px 0px 0px
}

.content__af .card-body .card .bet-number,
.content__af .card-body .card .username {
	font-size: 16px;
	line-height: 20px
}

.content__af .note {
	background-color: rgba(59, 88, 152, 0.16);
	color: #141A32;
	border: solid 1px #141A32
}

.content__af .box__month ul {
	list-style: none;
	padding: 0px;
	margin: 0px
}

.content__af .box__month ul li {
	height: 39px;
	width: 100%;
	line-height: 38px
}

.content__af .box__month ul li a {
	text-decoration: none;
	font-size: 14px;
	color: #141A32;
	line-height: 38px
}

.content__af .box__month ul li a div {
	color: #141A32;
	line-height: 38px
}

.content__af .box__month ul li a i {
	color: #141A32;
	line-height: 38px
}

.content__af .box__month ul li.active {
	background: #141A32
}

.content__af .box__month ul li.active a {
	color: #fff
}

.content__af .box__month ul li.active a i {
	color: #fff
}

.content__af .box__month ul li.active a div {
	color: #fff
}

.content__af .bg-f7f7f7 {
	background: #f7f7f7
}

.content__af .input-group {
	height: 40px
}

.content__af .btn-withdraw-submit {
	height: 40px
}

.content__af .user_revenue {
	font-size: 18px;
	line-height: 20px;
	color: #1a1a1a
}

.content__af .user_revenue span {
	color: #141A32;
	font-size: 18px;
	line-height: 20px
}

.content__af .withdraw-amount {
	font-size: 20px;
	display: block;
	color: #141A32;
	padding: 0px 0px 4px 0px
}

.content__af .withdraw-note {
	font-size: 12px;
	color: #141A32
}

.content__af .balance-amount {
	font-size: 16px
}

.content__af .afbox {
	min-height: 148px
}

.swal2-modal .swal2-title {
	font-family: "Lato", "db_admanrounded_xregular", "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.nodata {
	background: url(../img/no-data.svg) no-repeat center 0px;
	max-width: 300px;
	height: 115px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0px 0px 0px;
	color: #141A32
}

.content__profile-update {
	padding: 50px 0px 30px
}

.content__profile-update .box__content-update {
	margin: 2px 0px 0px 0px
}

.content__profile-update .box__content-update .input-group-text,
.content__profile-update .box__content-update input {
	height: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 40px
}

.content__profile-update h1 {
	font-size: 18px;
	line-height: 20px
}

.content__help {
	padding: 50px 0px 30px
}

.content__help h1 {
	font-size: 18px;
	line-height: 20px
}

.content__help .btn-show-info {
	color: #141A32;
	font-size: 16px;
	height: 48px;
	border-radius: 2px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	line-height: 48px
}

.content__help .title {
	font-size: 18px
}

.button-deposit-withdraw {
	background: #fff
}

.button-upload-file {
	overflow: hidden;
	position: relative;
	width: 80px;
	height: 80px;
	cursor: pointer
}

.button-upload-file .preview {
	position: relative;
	z-index: 2;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden
}

.button-upload-file img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.button-upload-file input {
	width: 2000px;
	height: 2000px;
	display: block;
	position: absolute;
	top: -100%;
	left: -100%
}

.button-upload-file .icon {
	height: 32px;
	width: 32px;
	background: #141A32;
	position: absolute;
	z-index: 2;
	bottom: 0px;
	right: 0px;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 7px 0px 0px 1px
}

.button-upload-file .icon i {
	color: #fff
}

.content__messages {
	padding: 50px 0px 30px
}

.content__messages .tab-navigation {
	width: 100%;
	height: 40px;
	background: #fff;
	margin-bottom: 12px
}

.content__messages .tab-navigation ul {
	width: 100%;
	height: 40px;
	list-style: none;
	margin: 0px;
	padding: 0px
}

.content__messages .tab-navigation ul li {
	width: 33.333333333333333%;
	height: 40px;
	display: block;
	float: left
}

.content__messages .tab-navigation ul li a {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #141A32;
	text-decoration: none
}

.content__messages .tab-navigation ul li a.active {
	background: url(../img/tab-navigation.png) repeat-x center bottom
}

.content__messages p {
	margin: 0px 0px 4px 0px
}

.content__messages a {
	text-decoration: none
}

.content__messages .btn-danger {
	height: auto;
	width: auto;
	line-height: normal
}

.content__messages .btn-danger i {
	color: #ba2929
}

.content__messages .title {
	color: rgba(21, 21, 21, 0.6);
	font-size: 12px
}

.content__messages .create_at {
	font-size: 12px;
	margin: 0px
}

.content__messages .subject {
	font-size: 12px;
	margin: 0px
}

.content__messages .btn-create-messages {
	width: auto;
	padding: 5px;
	position: absolute;
	top: 50%;
	right: 20px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #141A32;
	border: solid 1px #cccccc;
	color: #fff;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	font-size: 16px;
	font-weight: normal
}

.content__messages .btn-create-messages i {
	color: #fff;
	margin: 0px 4px 0px 0px
}

.content__messages .privatemessage-status-read {
	opacity: 0.75
}

.content__vip {
	padding: 50px 0px 30px
}

.content__vip .card .title {
	color: rgba(21, 21, 21, 0.6);
	font-size: 12px
}

.content__vip .card .number {
	font-size: 20px;
	line-height: 20px
}

.content__lotto-play .box__play .number__lists .type-number-news {
	margin: 0px 0px 20px 0px
}

.content__lotto-play .box__play .number__lists .type-number-news button {
	display: block;
	float: left;
	width: calc(50% - 2px);
	margin: 0px 4px 4px 0px;
	height: 40px;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	color: #141A32
}

.content__lotto-play .box__play .number__lists .type-number-news button:nth-child(2n) {
	margin: 0px 0px 4px 0px
}

.content__notification {
	padding: 50px 0px 30px
}

.content__notification h1 {
	font-size: 18px;
	line-height: 20px
}

.content__notification header {
	margin: 0 0 2px 0
}

.content__notification .noti-list {
	background-color: #fff
}

.content__notification .noti-list .list-group li {
	padding-left: 60px
}

.content__notification .noti-list .list-group a.active {
	background-color: #eee;
	border-color: rgba(0, 0, 0, 0.125)
}

.content__notification .noti-list .noti-icon {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #141A32;
	width: 30px;
	text-align: center
}

.content__notification .noti-list .profile {
	border-radius: 50px;
	overflow: hidden;
	display: block
}

.content__timeline {
	padding: 50px 0px 30px
}

.content__timeline .clicklink,
.content__timeline .clicklink i {
	color: #141A32
}

.content__timeline .btn-outline-primary {
	color: #141A32;
	border-color: #141A32
}

.content__timeline .btn-outline-primary:focus,
.content__timeline .btn-outline-primary:hover {
	background-color: #fff
}

.content__timeline .btn-outline-blue {
	border: solid 1px #141A32;
	color: #141A32;
	background-color: #fff
}

.content__timeline .btn-outline-blue.active {
	background-color: #141A32;
	color: #fff
}

.content__timeline .btn-outline-green {
	border: solid 1px #08BF7D;
	color: #08BF7D;
	background-color: #fff
}

.content__timeline .btn-outline-green.active {
	background-color: #08BF7D;
	color: #fff
}

.content__timeline .btn-outline-purple {
	border: solid 1px #673ab7;
	color: #673ab7;
	background-color: #fff
}

.content__timeline .btn-outline-purple.active {
	background-color: #673ab7;
	color: #fff
}

.timeline-activity .card {
	margin: 5px 10px
}

.timeline-activity .card .activity-action {
	border-top: 1px solid rgba(0, 0, 0, 0.125)
}

.timeline-activity .card .activity-action .fa-thumbs-up {
	font-size: 20px
}

.timeline-activity .card .activity-action a,
.timeline-activity .card .activity-action a .fal {
	color: #141A32
}

.timeline-activity .card .activity-action .btn-outline-primary {
	height: auto;
	line-height: 24px
}

.timeline-activity .card .activity-action .btn-outline-primary i {
	color: #141A32
}

.timeline-activity .card .card-header {
	height: auto;
	position: relative
}

.timeline-activity .card .card-header .info-section {
	margin-left: 52px
}

.timeline-activity .card .card-header .profile-photo {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 6px
}

.timeline-activity .card .card-header .profile-photo img {
	width: 50px;
	height: 50px
}

.timeline-activity .card .card-header .btn-action {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 20px;
	text-align: right
}

.timeline-activity .card .card-header .btn-action i {
	font-size: 48px;
	color: #141A32
}

.timeline-activity .card .card-body-title {
	background-color: #f0f0f0;
	padding: 5px 10px
}

.timeline-activity .card .card-body-title small,
.timeline-activity .card .card-body-title strong {
	color: #141A32
}

.timeline-activity .card .card-body a {
	color: #141A32
}

.timeline-activity .card .card-body p {
	margin-bottom: 10px
}

.timeline-activity .card .card-body .update-textarea {
	border-radius: 4px;
	background-color: rgba(229, 229, 229, 0.2);
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 3px;
	width: 100%;
	resize: none;
	height: 150px
}

.timeline-activity .card .card-body .activity-event {
	position: relative;
	min-height: 84px
}

.timeline-activity .card .card-body .activity-event .icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 89px;
	height: 89px;
	border-radius: 4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5d85c4), to(#405fa4));
	background-image: -webkit-linear-gradient(top, #5d85c4, #405fa4);
	background-image: -o-linear-gradient(top, #5d85c4, #405fa4);
	background-image: linear-gradient(to bottom, #5d85c4, #405fa4);
	overflow: hidden;
	text-align: center;
	padding: 2px
}

.timeline-activity .card .card-body .activity-event .icon img.h85 {
	height: 85px
}

.timeline-activity .card .card-body .activity-event .icon img.h50 {
	margin-top: 17px;
	height: 50px
}

.timeline-activity .card .card-body .activity-event .icon i {
	color: #fff;
	margin-top: 22px;
	font-size: 40px
}

.timeline-activity .card .card-body .activity-event .icon i.with-label {
	margin-top: 15px
}

.timeline-activity .card .card-body .activity-event .icon .number-box {
	margin: 13px auto;
	border: 1px solid #fff;
	border-radius: 50px;
	padding: 5px;
	width: 60px;
	height: 60px
}

.timeline-activity .card .card-body .activity-event .icon .number-box * {
	color: #fff;
	line-height: 22px
}

.timeline-activity .card .card-body .activity-event .icon .label-text {
	position: absolute;
	left: 0;
	bottom: 5px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	display: block;
	width: 89px
}

.timeline-activity .card .card-body .activity-event .info {
	text-align: center;
	margin-left: 99px;
	overflow: hidden
}

.timeline-activity .card .card-body .activity-event .info .info-box {
	position: relative;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-top: 5px
}

.timeline-activity .card .card-body .activity-event .info .info-box h3 {
	color: #141A32
}

.timeline-activity .card .card-body .activity-event .info .info-box p {
	padding: 5px
}

.timeline-activity .card .card-body .activity-event .info .info-box span {
	padding-left: 5px
}

.timeline-activity .card .card-body .activity-event .info .info-box .title {
	text-align: center;
	background-color: #141A32;
	color: #fff;
	font-size: 12px;
	line-height: 24px
}

.timeline-activity .card .card-body .activity-event .info .info-box .number-box {
	position: absolute;
	border: 1px solid #141A32;
	border-radius: 50px;
	padding: 5px
}

.timeline-activity .card .card-body .activity-event .info .info-box .number-box * {
	color: #141A32
}

.timeline-activity .card .card-body .activity-event .info .info-box .number-detail {
	text-align: left;
	margin-left: 60px;
	min-height: 52px
}

.timeline-activity .card .card-body .activity-event .info .info-greenbox {
	margin-top: 5px;
	height: 64px;
	border-radius: 4px;
	background-color: #08BF7D;
	text-align: center
}

.timeline-activity .card .card-body .activity-event .info .info-greenbox h2 {
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	line-height: 60px
}

.timeline-activity .ad-ranking {
	background-image: url(../ranking/bg_ad_ranking_card.png);
	max-width: 359px;
	margin-left: auto;
	margin-right: auto
}

.timeline-activity .ad-ranking div {
	max-width: 359px;
	min-height: 100px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(37, 66, 129, 0.4)), to(#234daa));
	background-image: -webkit-linear-gradient(bottom, rgba(37, 66, 129, 0.4), #234daa);
	background-image: -o-linear-gradient(bottom, rgba(37, 66, 129, 0.4), #234daa);
	background-image: linear-gradient(to top, rgba(37, 66, 129, 0.4), #234daa);
	border-radius: .25rem;
	overflow: hidden;
	padding: 0 10px
}

.timeline-activity .ad-ranking div h4 {
	font-size: 14px;
	color: #fff;
	line-height: 34px
}

.timeline-activity .ad-ranking div h3 {
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 38px
}

.timeline-activity .list-like {
	border-radius: 4px;
	overflow: hidden
}

.timeline-activity .list-like li {
	position: relative;
	line-height: 40px;
	padding-left: 65px
}

.timeline-activity .list-like li .profile-photo {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	left: 6px;
	top: 6px
}

.timeline-activity .list-like li .profile-photo img {
	width: 50px;
	height: 50px
}

.timeline-activity .list-like li.list-title {
	padding-left: 15px;
	text-align: left;
	color: #141A32;
	line-height: 25px
}

.timeline-activity .list-like li.list-title i {
	color: #141A32
}

.timeline-activity .list-like li.list-loading {
	color: #141A32;
	padding-left: 0;
	padding-right: 0;
	text-align: center
}

.timeline-post {
	height: auto;
	position: relative;
	margin-bottom: 5px;
	border: 0;
	border-radius: 0
}

.timeline-post .profile-photo {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	left: 10px;
	top: 10px
}

.timeline-post .profile-photo img {
	width: 50px;
	height: 50px
}

.timeline-post .card-body {
	margin-left: 52px;
	padding-top: 10px;
	padding-bottom: 10px
}

.timeline-post .card-body .tagsinput,
.timeline-post .card-body textarea {
	border-radius: 4px;
	background-color: rgba(229, 229, 229, 0.2);
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 3px;
	width: 100%;
	resize: none;
	height: 70px
}

.timeline-post .card-body .tagsinput {
	margin-bottom: 5px;
	height: 100px
}

.timeline-post .card-body div.tagsinput {
	border: 1px solid #CCC;
	background: #FFF;
	padding: 5px;
	width: 300px;
	height: 100px;
	overflow-y: auto
}

.timeline-post .card-body div.tagsinput span.tag {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	float: left;
	padding: 3px;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: helvetica;
	font-size: 13px
}

.timeline-post .card-body div.tagsinput span.tag span {
	margin-right: 5px
}

.timeline-post .card-body div.tagsinput span.tag a {
	font-weight: bold;
	color: #82ad2b;
	text-decoration: none;
	font-size: 11px
}

.timeline-post .card-body div.tagsinput input {
	width: 120px;
	margin: 0px;
	font-family: helvetica;
	font-size: 13px;
	border: 1px solid transparent;
	padding: 5px;
	background: transparent;
	color: #000;
	outline: 0px;
	margin-right: 5px;
	margin-bottom: 5px
}

.timeline-post .card-body div.tagsinput div {
	display: block;
	float: left
}

.timeline-post .card-body .tags_clear {
	clear: both;
	width: 100%;
	height: 0px
}

.timeline-post .card-body .not_valid {
	background: #FBD8DB!important;
	color: #90111A!important
}

.timeline-post .card-body div.tagsinput span.blue {
	border: solid 1px #141A32;
	background-color: #dbe3f4
}

.timeline-post .card-body div.tagsinput span.blue a,
.timeline-post .card-body div.tagsinput span.blue span {
	color: #141A32
}

.timeline-post .card-body div.tagsinput span.green {
	border: solid 1px #08BF7D;
	background-color: #d3f2dc
}

.timeline-post .card-body div.tagsinput span.green a,
.timeline-post .card-body div.tagsinput span.green span {
	color: #08BF7D
}

.timeline-post .card-body div.tagsinput span.purple {
	border: solid 1px #673ab7;
	background-color: #e2daf2
}

.timeline-post .card-body div.tagsinput span.purple a,
.timeline-post .card-body div.tagsinput span.purple span {
	color: #673ab7
}

.timeline-profile {
	height: auto;
	position: relative;
	margin-bottom: 5px;
	border: 0;
	border-radius: 0
}

.timeline-profile .profile-photo {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 15px
}

.timeline-profile .profile-photo img {
	width: 80px;
	height: 80px
}

.timeline-profile .profile-vip {
	position: absolute;
	top: 100px;
	left: 15px;
	width: 80px;
	line-height: 26px;
	border-radius: 2px;
	text-align: center;
	background-color: #08BF7D;
	color: #fff;
	font-size: 16px;
	font-weight: bold
}

.timeline-profile .profile-stat strong {
	font-size: 20px
}

.timeline-profile .profile-stat .border-right {
	border-right: 1px solid #cccccc
}

.timeline-profile .info-box {
	margin-left: 95px;
	min-height: 140px;
	padding: 15px
}

.timeline-profile .info-box img.ranking-image {
	height: 40px
}

.timeline-profile .info-box h1 {
	font-size: 20px;
	line-height: 38px;
	margin-bottom: 0
}

.timeline-profile .ranking-box {
	position: relative
}

.timeline-profile .ranking-box .ranking-image {
	position: absolute;
	top: 0;
	left: 0
}

.timeline-profile .ranking-box .ranking-history {
	margin-left: 45px
}

.content__friend {
	padding: 50px 0px 30px
}

.content__friend h1 {
	font-size: 18px;
	line-height: 20px
}

.content__friend header {
	margin: 0 0 2px 0;
	padding: 15px;
	min-height: 115px;
	height: auto;
	position: relative
}

.content__friend header .info-section {
	margin-left: 100px
}

.content__friend header .profile-photo {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	left: 15px;
	top: 15px
}

.content__friend header .profile-photo img {
	width: 80px;
	height: 80px
}

.content__friend ul.list-tab {
	width: 100%;
	padding: 0;
	margin: 0 0 2px 0;
	list-style: none
}

.content__friend ul.list-tab li {
	text-align: center;
	line-height: 40px;
	background-color: #fff;
	border-bottom: 3px solid #fff
}

.content__friend ul.list-tab li.active {
	color: #141A32;
	border-bottom: 3px solid #141A32
}

.content__friend .follower-list-section,
.content__friend .following-list-section {
	background-color: #fff
}

.content__friend .follower-list-section .display-name,
.content__friend .following-list-section .display-name {
	margin-left: 60px;
	line-height: 50px;
	width: 50%
}

.content__friend .follower-list-section .follow-search,
.content__friend .following-list-section .follow-search {
	padding: 10px;
	background-color: #fff;
	margin-bottom: 2px;
	position: relative
}

.content__friend .follower-list-section .follow-search input,
.content__friend .following-list-section .follow-search input {
	padding-left: 40px
}

.content__friend .follower-list-section .follow-search span.fal,
.content__friend .following-list-section .follow-search span.fal {
	position: absolute;
	top: 18px;
	left: 20px;
	font-size: 16px
}

.content__friend .follower-list-section span.text-danger,
.content__friend .follower-list-section span.text-success,
.content__friend .following-list-section span.text-danger,
.content__friend .following-list-section span.text-success {
	line-height: 50px;
	position: absolute;
	top: 10px;
	right: 15px
}

.content__friend .follower-list-section .thumbnail,
.content__friend .following-list-section .thumbnail {
	border-radius: 50px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 15px
}

.content__friend .follower-list-section .thumbnail img,
.content__friend .following-list-section .thumbnail img {
	width: 50px;
	height: 50px
}

.popup-userprofile-section {
	display: none;
	width: 280px;
	min-height: 300px;
	background-color: #141A32
}

.popup-userprofile-section .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 12px;
	top: 10px;
	z-index: 1
}

.popup-userprofile-section .content {
	width: 100%;
	height: 200px;
	margin-top: 100px;
	background-color: #fff
}

.popup-userprofile-section .content .display-name {
	text-align: center;
	font-size: 16px
}

.popup-userprofile-section .content .thumbnail {
	width: 80px;
	height: 50px;
	margin: 0 auto;
	position: relative
}

.popup-userprofile-section .content .thumbnail .inner {
	width: 80px;
	height: 80px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: -40px
}

.popup-userprofile-section .content .thumbnail .inner img {
	width: 80px;
	height: 80px
}

.popup-userprofile-section .content ul.profile-btn {
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
	border-top: 1px solid #ccc
}

.popup-userprofile-section .content ul.profile-btn li:first-child {
	border-right: 1px solid #ccc
}

.popup-userprofile-section .content ul.profile-btn li {
	color: #141A32;
	text-align: center;
	padding: 0;
	line-height: 50px;
	padding-top: 5px
}

.popup-userprofile-section .content ul.profile-btn li span.fal {
	color: #141A32;
	font-size: 24px
}

.component_follow_button .btn-unfollow:active,
.component_follow_button .btn-unfollow:focus,
.component_follow_button .btn-unfollow:hover {
	background-color: #fff!important;
	color: #28a745!important
}

.popup-section {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #e4eef5
}

.popup-section .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-black@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 12px;
	top: 10px;
	z-index: 1
}

.popup-section .btn-back-to-step {
	left: 15px
}

.popup-section .btn-back-to-step .fal {
	font-size: 32px;
	color: #141A32
}

.popup-section h2 {
	text-align: center;
	font-size: 16px;
	color: #141A32;
	margin: 0 0 2px 0;
	background-color: #fff;
	line-height: 56px
}

.popup-section h3 {
	background-color: #fff;
	font-size: 14px;
	padding: 5px 15px
}

.popup-section .select-add-friend * {
	color: #141A32
}

.popup-section .select-add-friend * span.fal {
	font-size: 32px
}

.popup-section .display-name {
	text-align: center;
	font-size: 16px
}

.popup-section .no-request {
	background: url(../img/user-group-man-man.png) no-repeat center center;
	width: 220px;
	height: 133px;
	margin: 50px auto;
	padding-top: 50px
}

.popup-section .no-request p {
	text-align: center;
	font-size: 23px
}

.popup-section .fa-search {
	font-size: 18px
}

.popup-section .search-friend {
	background-color: #fff
}

.popup-section .search-friend-section {
	padding: 20px 0 5px 0;
	border-top: 1px solid #ccc;
	background-color: #fff
}

.popup-section .search-friend-section .search-profile {
	width: 100px;
	height: 100px;
	border-radius: 50px;
	overflow: hidden;
	margin: 0 auto 15px auto
}

.popup-section .search-friend-section .search-profile img {
	width: 100px;
	height: 100px
}

.popup-section .search-friend-section p {
	text-align: center
}

.popup-xs-section {
	display: none;
	width: 280px;
	min-height: auto;
	overflow: unset;
	border-radius: 4px
}

.popup-xs-section .btn-close {
	cursor: pointer;
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat 0px 0px;
	background-size: 23px auto;
	background-position: center center;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 0;
	top: -32px;
	z-index: 1
}

.fancybox-slide--html {
	padding: 0
}

.arrow-up {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	z-index: 90000;
	cursor: pointer;
	float: right;
	text-align: center
}

.arrow-up i {
	font-size: 25px;
	line-height: 40px;
	color: #141A32
}

.arrow-down {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff;
	border: solid 1px #cccccc;
	z-index: 90000;
	cursor: pointer;
	position: absolute;
	text-align: center;
	right: 12px;
	top: 50px
}

.arrow-down i {
	font-size: 25px;
	line-height: 40px;
	color: #141A32
}

.modal.show {
	background: rgba(0, 0, 0, 0.6)
}

.modal-backdrop.show {
	display: none
}

.botton-select-category {
	right: 8px;
	bottom: 16px;
	z-index: 1;
	position: fixed
}

.botton-select-category .dropdown-toggle:after {
	display: none
}

.botton-select-category button {
	width: 47px;
	height: 47px;
	color: #fff;
	border-radius: 4px;
	background-color: #141A32;
	-webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2)
}

.botton-select-category button i {
	color: #fff;
	font-size: 24px
}

.botton-select-category .fa-times {
	display: none
}

.botton-select-category .fa-search {
	display: block
}

.botton-select-category a {
	color: #141A32!important;
	cursor: pointer
}

.botton-select-category.show .fa-search {
	display: none
}

.botton-select-category.show .fa-times {
	display: block
}

.note-toolbar {
	z-index: 3!important
}

.following-list-section .follow-text-info {
	color: rgba(26, 26, 26, 0.8);
	font-size: 20px;
	padding: 5px 0px
}

.following-list-section .btn-follow-info {
	font-size: 16px;
	color: #141A32;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff
}

.following-list-section .btn-follow-info i {
	color: #141A32
}

.content__chat .chat-text-info {
	color: rgba(26, 26, 26, 0.8);
	font-size: 20px;
	padding: 5px 0px
}

.content__chat .btn-chat-info {
	font-size: 16px;
	color: #141A32;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #ffffff
}

.content__chat .btn-chat-info i {
	color: #141A32
}

.error-template-inroute {
	padding: 100px 0px 0px 0px;
	text-align: center
}

.follow-popup-info {
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999;
	position: fixed;
	display: block
}

.follow-popup-info .content {
	width: 100%;
	max-width: 320px;
	min-width: 320px;
	height: 440px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.follow-popup-info .content .btn-colse {
	width: 20px;
	height: 20px;
	position: absolute;
	right: -10px;
	top: -20px;
	text-indent: -999999px;
	cursor: pointer;
	background: url(../close.png) no-repeat 0px 0px;
	display: block
}

.follow-popup-info .content .slick-track {
	min-width: 320px
}

.follow-popup-info .content .slick {
	width: 100%;
	max-width: 320px;
	min-width: 320px;
	height: 440px
}

.follow-popup-info .content .slick .item {
	background-color: #ffffff;
	width: 100%;
	min-width: 320px;
	height: 440px;
	display: block
}

.follow-popup-info .content .slick .item img {
	width: 100%;
	max-width: 320px;
	padding: 0px;
	margin: 0px;
	display: inline-block
}

.follow-popup-info .content .slick-dots {
	width: 100%;
	height: 8px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 25px;
	left: 0px
}

.follow-popup-info .content .slick-dots li {
	margin: 0px 6px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #e0e0e0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-indent: -999999px;
	text-align: left
}

.follow-popup-info .content .slick-dots li.slick-active {
	background: #374f84
}

.follow-popup-info .content .slick-next-prev {
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 28px;
	left: 0px
}

.follow-popup-info .content .slick-next-prev .next {
	width: 72px;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #141A32;
	background-color: #141A32;
	top: 50%;
	right: 16px;
	margin-top: -20px;
	position: absolute;
	line-height: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.follow-popup-info .content .slick-next-prev .btn-close-help {
	width: 72px;
	height: 40px;
	border-radius: 4px;
	left: 16px;
	top: 50%;
	margin-top: -20px;
	position: absolute;
	line-height: 40px;
	text-align: center;
	border: solid 1px #141A32;
	background-color: #ffffff;
	color: #3c5999;
	cursor: pointer
}

.chat-popup-info {
	background: rgba(0, 0, 0, 0.6);
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 999999;
	position: fixed;
	display: block
}

.chat-popup-info .content {
	width: 100%;
	max-width: 320px;
	min-width: 320px;
	height: 440px;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.chat-popup-info .content .btn-colse {
	width: 20px;
	height: 20px;
	position: absolute;
	right: -10px;
	top: -20px;
	text-indent: -999999px;
	cursor: pointer;
	background: url(../close.png) no-repeat 0px 0px;
	display: block
}

.chat-popup-info .content .slick-track {
	min-width: 320px
}

.chat-popup-info .content .slick {
	max-width: 320px;
	min-width: 320px;
	height: 440px;
	width: 100%
}

.chat-popup-info .content .slick .item {
	background-color: #ffffff;
	width: 100%;
	max-width: 320px;
	min-width: 320px;
	height: 440px;
	display: block
}

.chat-popup-info .content .slick .item img {
	max-width: 320px;
	padding: 0px;
	margin: 0px;
	display: inline-block
}

.chat-popup-info .content .slick-dots {
	width: 100%;
	height: 8px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 25px;
	left: 0px
}

.chat-popup-info .content .slick-dots li {
	margin: 0px 6px;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #e0e0e0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	text-indent: -999999px;
	text-align: left
}

.chat-popup-info .content .slick-dots li.slick-active {
	background: #374f84
}

.chat-popup-info .content .slick-next-prev {
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: 28px;
	left: 0px
}

.chat-popup-info .content .slick-next-prev .next {
	width: 72px;
	height: 40px;
	border-radius: 4px;
	border: solid 1px #141A32;
	background-color: #141A32;
	top: 50%;
	right: 16px;
	margin-top: -20px;
	position: absolute;
	line-height: 40px;
	text-align: center;
	color: #fff;
	cursor: pointer
}

.chat-popup-info .content .slick-next-prev .btn-close-help {
	width: 72px;
	height: 40px;
	border-radius: 4px;
	left: 16px;
	top: 50%;
	margin-top: -20px;
	position: absolute;
	line-height: 40px;
	text-align: center;
	border: solid 1px #141A32;
	background-color: #ffffff;
	color: #3c5999;
	cursor: pointer
}

.font-awesome-20 {
	font-size: 20px!important
}

.background-none {
	background: none!important;
	background-image: none!important
}

.img-rule {
	width: 100%;
	max-width: 640px
}

.content--lottery-news img {
	width: 100%!important;
	height: auto!important
}

.popup-7day {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.7)
}

.popup-7day .content-popup-7day {
	width: 89.33333vw;
	height: 480px;
	top: 82px;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #ffffff
}

.popup-7day .content-popup-7day .body {
	overflow: hidden;
	width: 89.33333vw;
	height: 480px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.popup-7day .content-popup-7day .hidden-popup-7day {
	position: absolute;
	bottom: 5px;
	right: 5px;
	cursor: pointer
}

.popup-7day .content-popup-7day .btn-close-popup-7day {
	position: absolute;
	top: -50px;
	right: 0px;
	width: 50px;
	height: 50px;
	cursor: pointer
}

.popup-7day .content-popup-7day .btn-close-popup-7day i {
	text-indent: -999999px;
	background: url(../img/button/close-white@3x.png) no-repeat center center;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0px 0px 0px
}

.popup-7day .content-popup-7day .header {
	height: 128px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5d85c4), to(#405fa4));
	background-image: -webkit-linear-gradient(top, #5d85c4, #405fa4);
	background-image: -o-linear-gradient(top, #5d85c4, #405fa4);
	background-image: linear-gradient(to bottom, #5d85c4, #405fa4);
	width: 100%
}

.popup-7day .content-popup-7day .header p {
	width: 100%;
	text-align: center;
	padding: 17px 0px 7px 0px;
	margin: 0px
}

.popup-7day .content-popup-7day .header p img {
	display: inline-block;
	width: 46px
}

.popup-7day .content-popup-7day .header h1 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	padding: 4px 0px;
	margin: 0px
}

.popup-7day .content-popup-7day .header span {
	width: 100%;
	display: block;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	font-weight: normal
}

.popup-7day .content-popup-7day .content-popup-7day-body {
	width: 100%
}

.popup-7day .content-popup-7day .content-popup-7day-body .bonus {
	text-align: center;
	font-size: 32px;
	margin: 12px auto 16px auto;
	background: #fff;
	border: solid 1px #cccccc;
	color: #141A32;
	width: 160px;
	height: 56px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 56px
}

.popup-7day .content-popup-7day .content-popup-7day-body button {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	background-color: #141A32;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 255px;
	height: 48px;
	margin: 0px auto;
	color: #fff;
	outline: none;
	display: block;
	cursor: pointer
}

.popup-7day .content-popup-7day .content-popup-7day-body ul {
	list-style: none;
	width: 386px;
	margin: 0 auto 20px;
	padding: 0px 44px
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li {
	position: relative;
	float: left;
	width: 65px;
	height: 65px;
	padding: 9px 0px 0px 0px;
	margin: 0px 4.5px 4.5px;
	overflow: hidden;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	border: solid 1px #cccccc
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li p {
	text-align: center;
	width: 100%;
	font-size: 16px;
	color: #000000;
	line-height: 20px
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li span {
	display: none
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.active {
	border: 1px solid #141A32
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.active p {
	color: #141A32
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.success {
	border: none
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.success span {
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #08BF7D
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.success span i {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 40px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.award {
	border: 4px solid #f5c00a;
	background-color: rgba(255, 192, 0, 0.16);
	position: relative
}

.popup-7day .content-popup-7day .content-popup-7day-body ul li.award img {
	width: 38px;
	height: 27px;
	display: block;
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.popup-7day .content-popup-7day .content-popup-7day-body p.note {
	font-size: 14px;
	margin: 0px;
	color: rgba(0, 0, 0, 0.8);
	text-align: center;
	width: 100%;
	padding: 2px 0px
}

.popup-bonus-vip {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.7)
}

.popup-bonus-vip .content-popup-bonus-vip {
	overflow: hidden;
	width: 89.33333vw;
	height: 460px;
	top: 82px;
	left: 50%;
	position: absolute;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #ffffff
}

.popup-bonus-vip .content-popup-bonus-vip .header {
	height: 128px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5d85c4), to(#405fa4));
	background-image: -webkit-linear-gradient(top, #5d85c4, #405fa4);
	background-image: -o-linear-gradient(top, #5d85c4, #405fa4);
	background-image: linear-gradient(to bottom, #5d85c4, #405fa4);
	width: 100%
}

.popup-bonus-vip .content-popup-bonus-vip .header p {
	width: 100%;
	text-align: center;
	padding: 12px 0px 4px 0px;
	margin: 0px
}

.popup-bonus-vip .content-popup-bonus-vip .header p img {
	display: inline-block;
	width: 44px
}

.popup-bonus-vip .content-popup-bonus-vip .header h1 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	padding: 4px 0px;
	margin: 0px
}

.popup-bonus-vip .content-popup-bonus-vip .header span {
	width: 100%;
	display: block;
	color: rgba(255, 255, 255, 0.8);
	font-size: 14px;
	text-align: center;
	line-height: 20px;
	font-weight: normal
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body {
	width: 100%
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body .money {
	text-align: center;
	font-size: 48px;
	color: #141A32;
	width: 100%;
	padding: 30px 0px 30px 0px
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body .current-level {
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: rgba(0, 0, 0, 0.8);
	margin-bottom: 16px
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body .current-level i {
	font-size: 18px;
	color: #141A32
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body button {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	background-color: #141A32;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 255px;
	height: 48px;
	margin: 0px auto;
	color: #fff;
	outline: none;
	display: block;
	cursor: pointer
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body .cancel {
	color: #141A32;
	background-color: #fff;
	margin-top: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0px
}

.popup-bonus-vip .content-popup-bonus-vip .content-popup-bonus-vip-body .note {
	text-align: center;
	color: rgba(0, 0, 0, 0.6);
	text-align: center;
	font-size: 14px;
	line-height: 16px
}

.content__user-vip {
	padding: 50px 0px 0px
}

.content__user-vip .user-vip-current {
	padding: 21px 0px 16px 0px;
	width: 100%;
	background: #fff;
	margin: 0px 0px 21px 0px
}

.content__user-vip .user-vip-current h1 {
	color: rgba(0, 0, 0, 0.6);
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	text-align: center;
	display: block
}

.content__user-vip .user-vip-current .current-vip {
	width: 200px;
	height: 48px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #08BF7D;
	margin: 0 auto 20px auto;
	display: block;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 48px
}

.content__user-vip .user-vip-current .text-note {
	font-size: 14px;
	color: #141A32;
	text-align: center
}

.content__user-vip .user-vip-current .note {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	width: 100%;
	text-align: center;
	margin: 0px 0px 4px 0px;
	line-height: 16px
}

.content__user-vip .user-vip-current .current-money {
	font-size: 24px;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	line-height: 24px;
	color: #000
}

.content__user-vip .user-vip-current .progress {
	margin: 0px 0px 3px 0px
}

.content__user-vip .user-vip-current .progress-info {
	width: 100%;
	margin: 0px 0px 20px 0px
}

.content__user-vip .user-vip-current .progress-info span {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 16px
}

.content__user-vip .user-vip-current .progress-info span:nth-child(2) {
	text-align: right
}

.content__user-vip .user-vip-current .next-vip {
	margin: 0px auto;
	display: inline-block;
	width: auto;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 12px 30px 15px;
	left: 50%;
	position: relative;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

.content__user-vip .user-vip-current .next-vip .title {
	display: block;
	text-align: center;
	font-size: 14px;
	color: rgba(26, 26, 26, 0.6)
}

.content__user-vip .user-vip-current .next-vip .money {
	color: #141A32;
	font-size: 24px;
	text-align: center
}

.content__user-vip .progress-bar.bg-green {
	background: #08BF7D!important
}

.content__user-vip .form-confirm-bonus {
	padding: 8px 0px 24px 0px;
	width: 100%;
	background: #fff
}

.content__user-vip .form-confirm-bonus button {
	cursor: pointer;
	display: block;
	color: #fff;
	width: 195px;
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cccccc;
	background-color: #9b9b9b;
	margin: 0px auto 35px
}

.content__user-vip .form-confirm-bonus button:hover {
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
	background-color: #141A32
}

.content__user-vip .form-confirm-bonus .no-bonus {
	background: url(../img/icon/background-trophy.svg) no-repeat center 0px;
	height: 51px;
	text-align: center;
	line-height: 51px;
	color: rgba(26, 26, 26, 0.6);
	width: 100%
}

.content__user-vip .form-confirm-bonus .user-bonus {
	width: 100%
}

.content__user-vip .form-confirm-bonus .user-bonus p {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	text-align: center;
	margin: 0px
}

.content__user-vip .form-confirm-bonus .user-bonus p i {
	color: #141A32;
	margin: 0px 5px
}

.content__user-vip .form-confirm-bonus .user-bonus p:nth-child(2) {
	font-size: 23px;
	color: #141A32;
	margin: 6px 0px 16px 0px
}

.content__user-vip .form-confirm-bonus .user-bonus p:nth-child(3) {
	color: rgba(0, 0, 0, 0.8)
}

.content__user-vip .form-confirm-bonus .ranking-vip {
	border: 1px solid #979797;
	height: 36px;
	margin: 0px 0px 4px 0px
}

.content__user-vip .form-confirm-bonus .ranking-vip div {
	color: #000;
	float: left;
	width: 20%;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}

.content__user-vip .form-confirm-bonus .ranking-vip div.active {
	color: #fff;
	background-color: #141A32;
	height: 34px
}

.content__user-vip .form-confirm-bonus .ranking-level {
	font-size: 14px;
	color: #000;
	line-height: 16px;
	margin: 0px 0px 8px 0px
}

.content__user-vip .form-confirm-bonus .ranking-level i {
	color: #141A32
}

.content__user-vip .form-confirm-bonus .ranking-level-money {
	margin: 0px 0px 0px 0px
}

.content__user-vip .form-confirm-bonus .ranking-level-progress {
	margin: 0px 0px 8px 0px
}

.content__user-vip .form-confirm-bonus .ranking-money {
	text-align: center;
	color: #141A32;
	font-size: 18px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 0px
}

.content__user-vip .form-confirm-bonus .btn-confirm-bonus {
	width: 100%;
	max-width: 60px;
	padding: 0px;
	display: block;
	margin: 0px auto;
	background-color: #9b9b9b
}

.content__user-vip .form-confirm-bonus .btn-confirm-bonus:hover {
	background-color: #9b9b9b
}

.content__user-vip .form-confirm-bonus .btn-confirm-bonus.active {
	background-color: #08BF7D
}

.content__user-vip .form-confirm-bonus .btn-confirm-bonus-99 {
	max-width: 100%;
	font-size: 11px
}

.content__user-vip .form-confirm-bonus .btn-confirm-bonus-99.active {
	background-color: #dd9117!important;
	color: #000;
	max-width: 100%
}

.content__user-vip .form-confirm-bonus .ranking-status {
	color: #08BF7D;
	text-align: center
}

.content__user-vip .form-confirm-bonus .ranking-status i {
	color: #08BF7D;
	font-size: 20px;
	padding: 10px 0px 0px 0px
}

.ct-series-a .ct-line,
.ct-series-a .ct-point {
	stroke: #141A32
}

.ct-series-a .ct-area,
.ct-series-c .ct-slice-donut-solid {
	fill: #141A32
}

.ct-series-b .ct-line {
	stroke: #08BF7D
}

.ct-series-a .ct-slice-donut-solid,
.ct-series-b .ct-area {
	fill: #08BF7D
}

.ct-series-c .ct-line {
	stroke: #f5c00a
}

.ct-series-b .ct-slice-donut-solid,
.ct-series-c .ct-area {
	fill: #f5c00a
}

.vip-reset-title {
	color: #141A32
}

.vip-reset-info {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.8)
}

@media (min-width:768px) {
	.content__lotto-lists .lotto-lists .group__button a {
		margin-right: 13px!important
	}
}

@media (max-width:768px) {
	.nav-tabs .nav-item {
		width: 100%
	}
}

@media (max-width:428px) {
	.popup-7day .content-popup-7day .content-popup-7day-body ul {
		width: 100%;
		padding: 0px 4vw
	}
	.popup-7day .content-popup-7day .content-popup-7day-body ul li {
		width: 17.33333vw;
		height: 17.33333vw
	}
}

@media (max-width:320px) {
	.content__lotto-lists .lotto-lists .group__button a {
		padding: 0px!important
	}
}

@-webkit-keyframes arrow-move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	50% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}
}

@keyframes arrow-move {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	50% {
		visibility: hidden;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0)
	}
}

@-webkit-keyframes animate-chip {
	0% {
		background-color: #fff;
		border-color: #141A32;
		color: #141A32
	}
	50% {
		background-color: #141A32;
		border-color: #fff;
		color: #fff
	}
	to {
		background-color: #fff;
		border-color: #141A32;
		color: #141A32
	}
}

@keyframes animate-chip {
	0% {
		background-color: #fff;
		border-color: #141A32;
		color: #141A32
	}
	50% {
		background-color: #141A32;
		border-color: #fff;
		color: #fff
	}
	to {
		background-color: #fff;
		border-color: #141A32;
		color: #141A32
	}
}

@-webkit-keyframes numbers-to-cart {
	0% {
		top: 0px;
		opacity: 1
	}
	to {
		opacity: 0;

		top: 500px
	}
}

@keyframes numbers-to-cart {
	0% {
		top: 0px;
		opacity: 1
	}
	to {
		opacity: 0;
		top: 500px
	}
}

.sn-icon {
	font-family: "base-icon";
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: rgba(45, 8, 5, 0.6)
}

.sn-icon--sun:before {
	content: "\E9AE"
}


.nav {
    position: fixed;
    /*top: 46px;*/
	bottom:0;

    width: 100%;
    height: 55px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background-color: rgba(2,2,2,1.00);
    display: flex;
    overflow-x: auto;
}

.nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 50px;
    overflow: hidden;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 13px;
    color: rgba(241,241,241,1.00);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.1s ease-in-out;
}
.nav__link i {
	color: rgba(255,255,255,0.50);
}
.nav__link span {
	color: rgba(255,255,255,0.50);
}

.nav__link:hover {
    /*background-color: #eeeeee;*/
	text-decoration: none;
	color: rgba(255,255,255,1);
}
.nav__link--active i {
	color: rgba(255,255,255,1);
}
.nav__link--active span {
	color: rgba(255,255,255,1);
}
.nav__link--active {
    color: #009578;
	/*background-color: #eeeeee;*/
	color: #FFE500;
}
.nav__icon {
    font-size: 18px;
	color:#ECECEC;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_10.gif) center no-repeat #fff;
}
.card-menu{ 
	width:100%; 
	border:0.8px solid #FFFFFF; 
	border-radius:8px; 
	background-color:#FFFFFF;
	box-shadow: 0 3px 8px rgba(0,0,0,0.21), 0 2px 2px rgba(0,0,0,0.23);
	margin-bottom:8px;
}
.card-menu h2{
	font-size:18px;
	padding-top:6px;
}
.card-menu img{ 
	width:30px; 
}


/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 40px;
  height: 40px;
  margin-top: -0.5em;

  border: 4px solid #0C2B72;
  border-radius: 100%;
  border-bottom-color: transparent;
  -webkit-animation: spinner 1s linear 0s infinite;
  animation: spinner 1s linear 0s infinite;


}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.fixed {
	position: fixed;
	top: 0;
}
#header-wrap {
	width: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.46);
	margin: 0;
	padding: 0;
  color:#fff;
  z-index:3000;
  
}
.bt_select_active{ background-color:rgba(233,233,233,1.00); border-bottom:1px solid rgba(227,227,227,1.00);}
.bt_select{ border-top:1px solid rgba(227,227,227,1.00);}
.bt_select h1{padding:12px 0px 6px 0px;}