html,body{
	background: #eff4f8;
	height:100%;
}

.table-content .wrap {
    overflow-wrap: break-word;
}

#section_content.login,#section_content.signin{
	padding-top: 50px;
	padding-bottom: 100px;
	background: #eff4f8;
}

.signin_form .form-header,.login_form .form-header{
	padding:15px 0 15px 0 ;
	border-radius: 8px 8px 0 0;
}
.signin_form .form-header p{
	padding: 0 92px;
}
.login_form .form-header p{
	padding: 0 28px;
}
.form-header p{
	margin-bottom: 15px;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.67;
	text-align: center;
	color: #81839c;
}
span#eye i{
	color: #81839c;
}

/*custom chart style*/
/*chart style*/
.small_title{
	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #81839c;
	text-transform: uppercase;
	margin-bottom: 0;
	padding-top: 10px;
}
#brand_Charts,#product_Charts{
	padding: 0 20px;
}
#month-legend{
	margin-top: 15px;
}
#month-legend ul{
	padding-left: 0;
}
#productChart-legend,#brand_Chart-legend{
	padding-top:20px;
	padding-bottom: 20px;
}
.legend ul{
    list-style: none;
}
#productChart-legend ul li,#myChart-legend ul li{
	float: none;
}
#myChart-legend ul li{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	margin-bottom: 15px;
}
#brand_Chart-legend ul li{
	float: none;
	margin-bottom: 20px;
}
.legend ul li{
    padding-bottom: 10px;
    position: relative;
    font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
    padding:0 30px 0 20px;
    float: left;
    margin-bottom: 8px;
}
.legend ul li p.title{
    margin-bottom: 0px;
    font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
}
.legend ul li small{
    font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
}
.legend ul li span{
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;

    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}
.info-chart {
	padding-top: 20px;
	padding-bottom: 20px;
}
.info-chart.info-chart-top{
	padding-top: 0;
	padding-bottom: 0;
	text-align: right;
}
.info-chart.info-chart-top p{
	text-align: right;
}
.info-chart span{
	width: 48px;
	height: 48px;
	border-radius: 12px;
	margin-right: 0px;
	display: inline-block;
	position: relative;
}
.info-chart  div{
	display: block;
    text-align: center;
}
.info-chart p{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
	text-align: center;
	text-transform: uppercase;
}
p.number{
	font-family: Gotham Rounded;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.18;
	color: #2c405a;
}
.purchased_vc span{
	background: #ffe5d2;
}
.redeemed_vc span{
	background-color: #d2ecb1;
	position: relative;
}
.redeemed_vc span i{
	color: #81c926;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sent_vc span{
	background-color: #fbf2ca;
	position: relative;
}
.sent_vc span i{
	color: #faca00;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.open_vc span{
	background-color: #b8d9fb;
	position: relative;
}
.open_vc span i{
	color: #0093ee;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.info_store{
	padding-top: 30px;
}

/*custom page header*/
.dashboard .own-page-header h3 span{
	background: #81c926;
}
.dashboard .own-page-header h3 span i{
	color: #f9f8fc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.dashboard .own-panel-heading .own-custom-select{
	width: auto !important;
}
.dashboard .own-panel-heading .own-custom-select button{
	border:0 !important;
	padding: 0 !important;
	padding-right: 30px !important;;
}
.dashboard .own-panel-heading .btn-default.active.focus,
.dashboard .own-panel-heading .btn-default.active:focus,
.dashboard .own-panel-heading .btn-default.active:hover,
.dashboard .own-panel-heading .btn-default:active.focus,
.dashboard .own-panel-heading .btn-default:active:focus,
.dashboard .own-panel-heading .btn-default:active:hover,
.dashboard .own-panel-heading .open>.dropdown-toggle.btn-default.focus,
.dashboard .own-panel-heading .open>.dropdown-toggle.btn-default:focus,
.dashboard .own-panel-heading .open>.dropdown-toggle.btn-default:hover{
	border: 0 !important;
}
.dashboard .own-panel-heading .own-custom-select.open .dropdown-toggle,.bootstrap-select.own-custom-select .dropdown-toggle:focus{
	border: 0 !important;
}
.dashboard .own-panel-heading .bootstrap-select.own-custom-select .dropdown-menu{
	margin-top: 0;
}
.dashboard .own-panel-heading .own-custom-select button:focus,
.dashboard .own-panel-heading .own-custom-select button:hover{
	border: 0 !important;
}
.dashboard .own-panel-heading .own-custom-select button span.filter-option{
	font-family: Gotham Rounded;
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.18;
	color: #2c405a;
	white-space: break-spaces;
}
.dashboard .own-panel-heading .own-custom-select button::before{
	display: none;
}
.group-panel h3{
	font-family: Gotham Rounded;
	font-size: 28px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	color: #ff494c;
	margin-bottom: 50px;
}
.analytic .own-page-header h3 span{
	background: #faca00;
}
.analytic .own-page-header h3 span i{
	color: #f9f8fc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.daterange{
	display: inline-block;
	position: relative;
	float: left;
	margin-top: 14px;
	margin-right: 30px;
}

.daterange span{
	position: absolute;
	top: 50%;
	transform:translateY(-50%);
	right: 15px;
	color: #a8c6df;
}
.daterange span i{
	color: #a8c6df;
}
.daterange input{
	font-family: Gotham Rounded;
	height: 42px;
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 1px #a8c6df;
	padding-left: 15px;
	outline: none;
	box-shadow: none;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	width: 270px;
	box-shadow: none;
	outline: 0;
}
.daterange input:focus{
	box-shadow: none;
	outline: 0;
	border: solid 1px #a8c6df;
}
.daterange input::-webkit-input-placeholder {
	color:#81839c;
	font-style: italic;
}
.daterange input::-moz-placeholder {
	color:#81839c;
	font-style: italic;
} /* firefox 19+ */
.daterange input:-ms-input-placeholder {
	color:#81839c;
	font-style: italic;
} /* ie */

input:-moz-placeholder { color:#f00; }
.order_detail .own-page-header h3 span,.order.own-page-header h3 span{
	background: #fd7b1f;
}
.order_detail .own-page-header h3 span i,
.order .own-page-header h3 span i{
	color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.order .own-page-content .own-panel-body{
	border-radius: 12px;
}

.own-page-header .own-custom-select{
	margin-top: 14px;
	margin-right: 30px;
	float: left !important;
}
.own-custom-select button{
	height: 42px;
	border-radius: 8px;
	background-color: #ffffff !important;
	border: solid 1px #a8c6df !important;
	outline: none;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	padding-left: 40px;
}
.own-custom-select button span.caret {
    right: 0;
    border-top-color: #c5d9e8;
    border-bottom-color: #c5d9e8;
}
.dashboard .own-custom-select button span.caret{
	border-top: 8px dashed #c5d9e8;
    border-top: 8px solid\9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    right: 0;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover{
	background: #fff;
	outline: none;
	box-shadow: none;
}
.bootstrap-select.own-custom-select .dropdown-toggle:focus{
	outline: none !important;
	outline-offset: 0px;
	border: solid 1px #a8c6df !important;
}
.show-tick.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{
	display: inline-block !important;
	position: absolute !important;
	left: 15px;
	top: 15px;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #0093ee;
	/*background-color: #0093ee;*/
	border-radius: 4px;
	/* margin-top: 5px; */
}
.show-tick.bootstrap-select.btn-group .dropdown-menu li a span.check-mark::before{
	display: none;
}
.show-tick.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
	margin-top: 0px;
	background: #0093ee;
}
.show-tick.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark::before{
	left: 3px;
	top: 3px;
	position: absolute;
	right: inherit;
	display: block;
	color: #fefefe;
	font-size: 10px;
}
.bootstrap-select.own-custom-select .dropdown-menu{
	overflow: hidden;
	padding:0px;
	margin-top: 10px;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
	border: solid 1px rgba(183, 210, 229, 0.8);
	width: 100%;
	/*z-index: 9999;*/
	/*max-height: 350px !important;*/
}
.bootstrap-select.own-custom-select .dropdown-menu.open .bs-searchbox{
	padding: 10px 12px;
}
.bootstrap-select.own-custom-select .dropdown-menu.open .bs-searchbox input,
.bootstrap-select.own-custom-select .dropdown-menu.open .bs-searchbox input:focus{
	box-shadow: none;
}
.bootstrap-select.own-custom-select .dropdown-menu ul{
	/*max-height: 370px !important;*/
}
.bootstrap-select.own-custom-select .dropdown-menu ul{

}
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 4px;
}
::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
	height: 10px;
}
::-webkit-scrollbar-thumb{
	border-radius: 4px;
	background-color: #ff5f5f;
}
::-moz-scrollbar-track{
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 4px;
}
::-moz-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
	height: 10px;
}
::-moz-scrollbar-thumb{
	border-radius: 4px;
	background-color: #ff5f5f;
}

.bootstrap-select.own-custom-select .dropdown-menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 8px;
	/*margin-right: 5px;*/
}

.bootstrap-select.own-custom-select .dropdown-menu::-webkit-scrollbar
{
	width: 10px;
	border-radius: 8px;
	background-color: #F5F5F5;
	/*margin-right: 15px;*/
}

.bootstrap-select.own-custom-select .dropdown-menu::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	background-color: #ff5f5f;
	/*margin-right: 7px;*/
}


.bootstrap-select.own-custom-select .dropdown-menu li{
	padding: 0px;
	border-bottom: 1px solid #e5eef5;
}
.bootstrap-select.own-custom-select:not(.show-tick) .dropdown-menu li.selected{
	background: rgba(0, 0, 0, 0.02);
	box-shadow: inset 2px 0 0 0 #2b98f0;
}
.bootstrap-select.own-custom-select .dropdown-menu li:hover{
	background: rgba(0, 0, 0, 0.02);
	box-shadow: inset 2px 0 0 0 #2b98f0;
}
.bootstrap-select.own-custom-select.show-tick .dropdown-menu li:hover{
	background: none;
	box-shadow: none;
}
/*.bootstrap-select.own-custom-select .dropdown-menu li:hover::before{
	position: absolute;
	left: 0;
	width: 5px;
	height: 100%;
	content: "";
	display: inline-block;

}*/
.bootstrap-select.own-custom-select .dropdown-menu li:last-child{
	border-bottom: 0;
}
.bootstrap-select.own-custom-select .dropdown-menu li.divider{
	background: #fff;
    border: 0;
    margin-top: -1px;
    padding: 5px;
}
.bootstrap-select.own-custom-select .dropdown-menu li.dropdown-header {
	border-bottom: 0;
	padding: 15px;
}
.bootstrap-select.own-custom-select .dropdown-menu li.active a{
	background:none;
}
.bootstrap-select.own-custom-select .dropdown-menu li a{
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
	padding: 15px;
	position: relative;
    /*padding-left: 2.25em;*/
}
.bootstrap-select.own-custom-select.show-tick .dropdown-menu li a{
	padding-left: 45px;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt{
	padding-left: 50px;
}
.bootstrap-select.own-custom-select .dropdown-menu li a:hover,.bootstrap-select.own-custom-select .dropdown-menu li a:focus{
	background: none;
	outline: none;

}
.bootstrap-select.own-custom-select .dropdown-menu .dropdown-header{
	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	text-align: left;
	color: #81839c;
	padding-left: 0;
	text-transform: uppercase;
}
/*.own-custom-select.open>.dropdown-toggle.btn-default.focus,
.own-custom-select.open>.dropdown-toggle.btn-default:focus,
.own-custom-select.open>.dropdown-toggle.btn-default:hover,
.own-page-header .own-custom-select button:focus,
.own-page-header .own-custom-select button:hover,
.own-page-header .own-custom-select button:visited{
	outline: none;
	background-color: #fff !important;
	box-shadow: none;
	border-radius: 8px;
	border:solid 1px #a8c6df !important;
}*/
.own-custom-select.open .dropdown-toggle{
	box-shadow: none;
	background-color: #fff !important;
	border:solid 1px #a8c6df !important;
	outline: none;
}

.own-custom-select .dropdown-toggle span.filter-option{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	color: #81839c;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
}


/*analytic*/
.analytic .own-custom-select button::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 15px;
	background: url(../images/icon/ic_filter.png) no-repeat center top -3px;
	/*background-color: #81839c;
    mask-image: url(../images/icon/ic_sort.svg);
    -webkit-mask-image: url(../images/icon/ic_sort.svg);*/
    top: 50%;
    transform: translateY(-50%);
}

.date_campaign{
	padding-left: 25px;
	position: relative;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #81839c;
}
.date_campaign span{
	position: absolute;
	left: 0;
	top: 0;
}
.date_campaign span img{
	width: 16px;
	height: 18px;
	margin-right: 10px;
	display: inline-block;
}
.date_campaign span i{
	color: #a8c6df;
}
.campain_detail{

	}
.general_info{
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 1px rgba(183, 210, 229, 0.8);
	padding:15px 15px 0 15px;
}
.general_info.opened {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 9px;
}
.general_info.not_opened p.not_opend {
    display: contents;
    color: #3373FB;
    font-size: 15px;
    font-weight: bolder;
}
.general_info.not_opened p.st_title {
    display: contents;
}
.general_info.pointer {
    cursor: pointer;
    text-align: center;
}
.general_info.opened p.st_title
{
	display: contents;
}
.general_info.opened p.openvc {
    display: contents;
    color: #3373FB;
    font-size: 15px;
    font-weight: bolder;
}
.general_info.opened p.enduser_opend {
    display: contents;
    color: #FACA01;
    font-size: 15px;
    font-weight: bolder;
}
.general_info.not_opened p.enduser_notopend {
    display: contents;
    color: #FACA01;
    font-size: 15px;
    font-weight: bolder;
}
.general_info.not_opened {
    padding-bottom: 9px;
}
.general_info p.st_title{
	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #000000;
	text-transform: uppercase;
}
.general_info span.purchased {
    background: none;
    position: absolute;
    width: 19px;
    left: 20px;
}
.general_info span.redeemed {
    background: none;
    position: absolute;
    width: 19px;
    left: 25px;
}
.general_info span.user {
    background: none;
    position: absolute;
    width: 19px;
    left: 40px;
}
.general_info span.expired {
    background: none;
    position: absolute;
    width: 19px;
    left: 40px;
}
.general_info span.purchased img {
    width: 25px;
}
.general_info span.redeemed img {
    width: 25px;
}
.general_info span.expired img {
    width: 25px;
}
.general_info span.user img {
    width: 25px;
}
.general_info .st_title.purchased {
    font-size: 12px;
    text-align: center;
}
.general_info .st_title.redeemed {
    font-size: 12px;
    text-align: center;
}
.general_info .st_title.expired {
    font-size: 12px;
    text-align: center;
}
.general_info .st_title.user {
    font-size: 12px;
    text-align: center;
}

.general_info span{
	display: inline-block;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	background-color: #b8d9fb;
	position: absolute;
	left: 0px;
}

.general_info .detail{
	position: relative;
	padding-left: 65px;
	overflow: hidden;
}
.general_info .detail h4{
	font-weight: normal;
	font-family: Gotham Rounded;
	color: #2c405a;
	margin-top: 0;
}
.general_info .detail.expired h4 {
    color: #FF0000;
    text-align: center;
    font-size: 55px;
    font-weight: 500;
    padding-bottom: 20px;
    overflow: auto;
}
.general_info .detail.expired {
    padding-left: 0;
}

.general_info .detail.redeemed h4 {
    color: #48B17C;
    text-align: center;
    font-size: 55px;
    font-weight: 500;
    padding-bottom: 20px;
    overflow: auto;
}
.general_info .detail.redeemed {
    padding-left: 0;
}

.general_info .detail.user h4 {
    color: #FACA01;
    text-align: center;
    font-size: 55px;
    font-weight: 500;
    padding-bottom: 20px;
    overflow: auto;
}
.general_info .detail.user {
    padding-left: 0;
}

.general_info .detail.purchased h4 {
    color: #3373FB;
    text-align: center;
    font-size: 55px;
    font-weight: 500;
    padding-bottom: 20px;
    overflow: auto;
}
.general_info .detail.purchased {
    padding-left: 0;
}
.redeemed_vc,.purchased_vc,.open_vc,.sent_vc{
	position: relative;
}
.purchased_vc .general_info .detail span{
	background: #ffe5d2;
}
.purchased_vc span i{
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
	color: #fd7b1f;
}
.redeemed_vc .general_info .detail span{
	background: #d2ecb1;
}
.sent_vc .general_info .detail span{
	background: #fbf2ca;
}
.open_vc .general_info .detail span{
	background: #b8d9fb;
}
.purchased_vc .own-progress .progress-bar,
.purchased_vc .own-progress .op_progress{
	background: #f57b1a;
}

.redeemed_vc .own-progress .progress-bar,
.redeemed_vc .own-progress .op_progress{
	background-color: #81c926;
}
.sent_vc .own-progress .progress-bar,
.sent_vc .own-progress .op_progress{
	background-color: #faca00;
}
.open_vc .own-progress .progress-bar,
.open_vc .own-progress .op_progress{
	background-color: #0093ee;
}
.pull-right .expired_vc,.pull-right .cancel_vc{
	float: left;
    padding-left: 60px;
    position: relative;
    margin-top: -10px;
}
/*.pull-right .expired_vc{
	margin-right: 50px;
}*/
.pull-right .expired_vc span,.pull-right .cancel_vc span{
	position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: inline-block;
	/*position: relative;
	width: 39px;
	height: 44px;
	display: inline-block;*/
}
.pull-right .expired_vc span img{
	width: 39px;
	height: 48px;
}
.pull-right .expired_vc span i{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #e9473c;
}
.pull-right .cancel_vc span i{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #596c90;
}
.pull-right .expired_vc div,.pull-right .cancel_vc div{
	display: inline-block;
}
.pull-right .expired_vc p,.pull-right .cancel_vc p{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
	/*margin-bottom: 0;*/
}
.pull-right .expired_vc p.number,.pull-right .cancel_vc p.number{
	font-family: Gotham Rounded;
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.18;
	color: #2c405a;
	margin-bottom: 8px;
}

.pull-right .purchased_vc{
	margin-right: 50px;
}
.pull-right .purchased_vc,.pull-right .payment_paid_vc{
	float: left;
	padding-left: 60px;
	position: relative;
}
.pull-right .purchased_vc span,.pull-right .payment_paid_vc span{
	position: absolute;
	left: 0;
	top: 0;
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: inline-block;
}
.pull-right .purchased_vc span{
	background: #ffe5d2;
}
.pull-right .purchased_vc span i{
	color: #fd7b1f;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	position: absolute;
}
.pull-right .payment_paid_vc span{
	background: #d4f3f4;
}
.pull-right .payment_paid_vc span i{
	color: #26c1c9;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	position: absolute;
}
.pull-right .purchased_vc .title,.pull-right .payment_paid_vc .title{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	margin-bottom: 5px;
}
.pull-right .purchased_vc .number,.pull-right .payment_paid_vc .number{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
}

/*order page*/

.table_bottom_info{
	margin-top: 30px;
	/*overflow: hidden;*/
}
.table_bottom_info .btn-group.bootstrap-select.own-custom-select{
	width: 70px;
	margin: 0 0 0 20px;
	float: none !important;
	height: 42px;
	border-radius: 12px;
}
.table_bottom_info .btn-group.bootstrap-select.own-custom-select button{
	padding-left: 15px;
}
.table_bottom_info .btn-group.bootstrap-select.own-custom-select button::before{
	display: none;
}
.table_bottom_info .btn-group.bootstrap-select.own-custom-select .dropdown-toggle span.filter-option{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
}
.search{
	display: inline-block;
	float: left;
	position: relative;
	margin-right: 30px;
	margin-top: 14px;
}
.search span{
	position: absolute;
	left: 15px;
	top: 50%;
	transform:translateY(-50%);
	margin-top: 2px;
}
.search span i{
	color: #81839c;
}
#field_search{
	border-radius: 8px;
	border: solid 1px #a8c6df;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	outline: none;
	width: 390px;
	padding-left: 40px;
	color: #81839c;
	font-style: italic;
}
#field_search::-moz-placeholder {
	color: #81839c;
	opacity: 1;
	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
}
#field_search:-ms-input-placeholder {
  	color: #81839c;
  	opacity: 1;
  	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
}
#field_search::-webkit-input-placeholder {
  	color: #81839c;
  	opacity: 1;
  	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
}
.own-panel-heading .search{
	margin-top: 2px;
	float: none;
}
.order_detail_tab_content .own-panel-heading .search{
	/*margin-right: 0;*/
}
.date_filter{
	margin-top: 2px;
	float: right;
}

.own-custom-select {
    /*margin-top: 2px;*/
    margin-right: 30px;
    float: left !important;
}
.own-custom-select button {
    height: 42px;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px #a8c6df;
    outline: none;
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    padding-left: 40px;
}
.own-custom-select button{
	font-style: italic;
}
.topup-report-filter .own-custom-select {
	margin-top: 0;
	margin-right: 0;
}
.topup-report-filter .own-custom-select button {
	height: 34px;
	border-radius: 4px;
}
.topup-report-filter .own-custom-select button .filter-option {
	max-width: 11ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.topup-report-filter .own-custom-select .dropdown-menu {
	width: 250px;
}
.own-custom-select button::before{
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 15px;
	background: url(../images/icon/ic_filter.png) no-repeat center top -3px;;
	/*background-color: #81839c;
    mask-image: url(../images/icon/ic_filter.svg);
    -webkit-mask-image: url(../images/icon/ic_filter.svg);*/
    top: 50%;
    transform: translateY(-50%);
}
#field_search:hover,#field_search:focus{
	outline: none;
}
.product #field_search,.search #field_search{
	width: 360px;
	background: url(../images/icon_search.png) no-repeat center left 10px #fff;
	background-size: 14px 14px;
	padding-left: 30px;
}
.order .search #field_search{
	width: 260px;
	background: url(../images/icon_search.png) no-repeat center left 10px #fff;
	background-size: 14px 14px;
	padding-left: 30px;
}
.product-table .product_name{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
}
.product-table .brand_name,.product-table .number_redeem{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
}
.product-table .number_redeem{
	margin-top: 15px;
}
.tb_order_content{
	margin: 50px auto;
	border: solid 1px rgba(183, 210, 229, 0.8);
	border-radius: 12px;
	background: #fff;
}
#tb_orders{
	border-radius: 12px;
	background-color: #ffffff;
	/*border: solid 1px rgba(183, 210, 229, 0.8);*/
	padding: 20px 0;
}

#tb_orders th{
	padding: 20px 10px;
}
#tb_orders.own-table tr td:last-child,
#tb_redeemed_orderdetail.own-table tr td:last-child
{
	/*text-align: right;*/
}
#tb_redeemed_orderdetail.own-table{
	table-layout: fixed;
}
#tb_redeemed_orderdetail.own-table td,
#tb_redeemed_orderdetail.own-table th{
	table-layout: fixed;
	/*overflow: hidden;*/
    word-wrap: break-word;
}
#tb_redeemed_orderdetail.own-table .unique_id{
	width: 150px;
}
#tb_redeemed_orderdetail.own-table .person_name{
	width: 170px;
}
#tb_redeemed_orderdetail.own-table .person_email{
	width: 230px;
}
#tb_redeemed_orderdetail.own-table .pr_name{
	width: 300px;
}
#tb_redeemed_orderdetail.own-table .status{
	width: 165px;
}
#tb_redeemed_orderdetail.own-table .inside_tbl{
	width: 100%;
}
#tb_redeemed_orderdetail.own-table .inside_tbl .pr_name{
	padding-left: 10px !important;
	width: 305px;
}
#tb_redeemed_orderdetail.own-table .inside_tbl .pr_name{
	padding:0 10px !important;
}
#tb_redeemed_orderdetail.own-table .inside_tbl .status{
	padding:0 5px !important;
}
#tb_redeemed_orderdetail.own-table .inside_tbl .voucher_serial{
	padding:0 5px !important;
}





#tb_orders_length{
		display: inline-block;
		font-family: Gotham Rounded;
		font-size: 15px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		color: #294661;
	}
#tb_orders_length select.form-control{
	height: 42px;
	width: 72px;
	border-radius: 8px;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
}
.dataTables_info{
	display: inline-block;
	padding-right: 20px;
	padding-top: 15px !important;
}
.dataTables_paginate{
	display: inline-block;
	float: right;
}
#tb_orders_paginate .paginate_button a{
	height: 42px;
	line-height: 42px;
	padding: 7 12px;
}
#tb_orders_paginate .pagination>li:first-child>a{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#tb_orders_paginate .pagination>li:last-child>a{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.order_detail .own-page-title .pull-right{
	margin-top: -30px;
}
#tb_product_order tr td .product_info{
	position: relative;
	padding:0px 10px 0px 55px;
}
#tb_product_order tr td .product_info img{
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	top: 0px;
	border-radius: 8px;
	border: solid 1px #d8e5ee;
}
#tb_product_order tr td .product_info .product_name{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
	margin-bottom: 0;
}
#tb_product_order tr td .product_info .brand_name{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
	margin-bottom: 0;
}
.btn_small_white{
	height: 24px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #c5d9e8;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
	padding:4px 15px;
	text-decoration: none;
}
.btn_small_white.btn_sent{
	margin-right: 15px;
}
.btn_small_white:hover,.btn_small_white:focus{
	text-decoration: none;
}
.btn_small_white.disable{
	opacity: 0.5;
	pointer-events: none;
}
.order_detail_tab_mn{
	margin-top: 30px;
}
.order_detail_tab_mn .nav-tabs{
	border-bottom: 0;
}
.order_detail_tab_mn .nav-tabs li.active .redeemed_vc .general_info{
	box-shadow: inset 0 0 0 3px #81c926;
	border: 1px solid #81c926;
}
.order_detail_tab_mn .nav-tabs li.active .sent_vc .general_info{
	box-shadow: inset 0 0 0 3px #faca00;
	border: 1px solid #faca00;
}
.order_detail_tab_mn .nav-tabs li.active .open_vc .general_info{
	box-shadow: inset 0 0 0 3px #0093ee;
	border: 1px solid #0093ee;
}
.order_detail_tab_content{
	padding-top: 0px;
}
.order_detail_tab_content.voucher{
	margin-top: 50px;
}
.order_detail_tab_mn .nav-tabs li a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	z-index: 9;
}
.order_detail_tab_content .own-panel-lg-border{
	background: none !important;
	border: 0;
	box-shadow: none;
}
.order_detail_tab_content .own-panel-lg-border .own-panel-heading{
	border: 1px solid rgba(183, 210, 229, 0.8);
}
.order_detail_tab_content .own-panel-lg-border .own-panel-body{
	background: none;
	padding-top: 0;
}
.order_detail_tab_content  .own-table{
	border-radius: 0 0 12px 12px;
	border: solid 1px rgba(183, 210, 229, 0.8);
  	background: linear-gradient(to top, #ffffff, #f9f8fc);
  	padding: 20px 0;
  	margin-top: -1px !important;
}
.order_detail_tab_content  .own-table tr td{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
}
.order_detail_tab_content  .own-table .product_size,.order_detail_tab_content  .own-table .phone_number{
	font-size: 13px;
	line-height: 1.46;
	color: #81839c;
}
.order_detail_tab_content  .own-table .location{
	padding-left: 25px;
	position: relative;
}
.order_detail_tab_content  .own-table .location_icon{
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	display: inline-block;
}
.order_detail_tab_content  .own-table .location_icon i{
	font-size: 15px;
	color: #c5d9e8;
	/*position: absolute;*/
	margin-top: 2px;
}
.order_detail_tab_content  .own-table .location_detail{
	display: none;
	width: 238px;
	position: absolute;
	bottom: 100%;
	border-radius: 12px;
 	border: solid 1px rgba(183, 210, 229, 0.8);
 	background: #fff;
 	padding: 10px 20px;
 	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.45;
	text-align: center;
	color: #81839c;
	left: 0;
	transform:translateX(-50%);
	margin-bottom: 5px;
}
.order_detail_tab_content  .own-table .location_icon:hover::before{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid rgba(183, 210, 229, 0.8);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 0px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
}
.order_detail_tab_content  .own-table .location_icon:hover::after{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 1px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    z-index: 9;
}
.order_detail_tab_content  .own-table .location_icon:hover + p.location_detail{
	display: block;
}
.product_detail_panel.own-panel-lg-border{
	background: none;
	border: 0;
    box-shadow: none;
}
.product_detail_panel.own-panel-lg-border .own-panel-heading {
    border: 1px solid rgba(183, 210, 229, 0.8);
    /*overflow: hidden;*/
}
.product_detail_panel.own-panel-lg-border .own-panel-body{
	background: none;
	padding-top: 0;
}
#tb_product_order_wrapper .own-table {
    border-radius: 0 0 12px 12px;
    border: solid 1px rgba(183, 210, 229, 0.8);
    background: linear-gradient(to top, #ffffff, #f9f8fc);
    padding: 20px 0;
    margin-top: -1px !important;
}
.top_search{
	margin-top: -65px;
	position: relative;
}
.top_search input[type="search"]{
	width: 380px !important;
	height: 42px;
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 1px #a8c6df;
	padding-left: 40px;
	background: url(../images/icon/ic_search.svg) no-repeat center left 15px;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	color: #81839c;
	margin-right: 60px;
}
.order_detail_tab_content  .own-table .delivered i{
	color: #3ad343;
}
.product_detail_panel .own-panel-heading .own-label{
	float: left;
	margin-top: 10px;
	margin-right: 30px;
}

.order_detail_tab_content .own-table tr td.has_redeemed,
.order_detail_tab_content .own-table tr td.has_sent,
.order_detail_tab_content .own-table tr td.has_opened{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
}
.has_redeemed p:first-of-type,
.has_sent p:first-of-type,
.has_issued p:first-of-type,
.has_opened p:first-of-type,
.has_error p:first-of-type,
.has_new p:first-of-type,
.has_sendding p:first-of-type{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
p.has_sent{
	color: #f9cf2e;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
p.has_issued{
	color: #b0cbe2;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
p.has_redeemed{
	color: #8ece3b;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
p.has_opened{
	color: #2b98f0;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
p.has_new {
    color: #2b98f0;
    font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
p.has_error {
    color: #ff494c;
    font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
}
.has_sendding p:first-of-type {
    color: #f9cf2e;
}
/*analytic*/
.analytic .own-page-title .pull-right{
	margin-top: -55px;
}
.analytic .own-page-title .sub-info{

}
.show-tick.own-custom-select .count_selected{
	/*display: inline-block !important;*/
	position: absolute;
	right: 50px;
	/*width: 20px;
	height: 20px;*/
	line-height: 20px;
	background: #0093ee;
	border-radius: 50%;
	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
}

.table-hover>tbody>tr:hover {

}
.table-hover>tbody>tr td p.campaing_id{
	padding-right: 40px;
	position: relative;
	display: inline-block;
}
.table-hover>tbody>tr td p.campaing_id em{
	font-style: normal;
}
.table-hover>tbody>tr td p.campaing_id span{
	display: none;
	position: absolute;
	right: 15px;
	top: 0;
}
.table-hover>tbody>tr:hover td p.campaing_id span i{
	color: #0093ee;
}
.table-hover>tbody>tr:hover td p.campaing_id span{
	display: inline-block;
}
.table-hover>tbody>tr td p.campaing_id span:hover{
	cursor: pointer;
}
#msg{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translateY(-50%,-50%);
	background: rgba(0,0,0,0.5);
	padding: 20px;
	border-radius: 12px;
	color: #fff;
}

/*Account page*/
.account .own-page-content{
	padding-top: 50px;
}
.account .own-page-content .own-panel-heading .small-btn-own-white{
	margin-top: 10px;
	margin-right: 0px;
}
.account .own-page-content .own-panel-heading .small-btn-own-white:focus{
	box-shadow: none;
}
.account .own-page-header h3 span{
	background: #0093ee;
}
.account .own-page-header h3 span i{
	color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.account .card_info .own-panel-body .card_info_detail{
	width: 100%;
	/*max-width: 328px;*/
	height: 198px;
	padding: 15px;
	margin: 10px 0;
	border-radius: 12px;
	background-color: #b8d4e6;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 rgba(77, 113, 134, 0.16);
}
.account .card_info .own-panel-body .card_info_detail p.text-right{
	padding-bottom: 20px;
}
.account .card_info .own-panel-body .card_info_detail label{
	font-family: Gotham Rounded;
	font-size: 11px;
	line-height: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #ffffff;
}
.account .card_info .own-panel-body .card_info_detail p{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1.8px;
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(16, 16, 16, 0.15);
	margin-bottom: 5px;
}
.account .card_info .own-panel-body .card_info_detail p.text-right img{
	height: 48px;
}
.account .account_info .own-panel-body .item{
	border-bottom: 1px solid #e5eef5;
	padding-top: 15px;
	padding-bottom: 5px;
	overflow: hidden;
}
.account .account_info .own-panel-body .item:last-of-type{
	border-bottom: 0;
}
.account .account_info .own-panel-body p{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	line-height: 1.6;
}
.account .account_info .own-panel-body label{
	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #81839c;
	text-transform: uppercase;
}
.account .invoice .own-panel-body .wrap-list{

}
.account .invoice .own-panel-body .wrap-list .item{
	border-bottom: 1px solid #e5eef5;
	padding-top: 20px;
	padding-bottom: 10px;
}
.account .invoice .own-panel-body .wrap-list .item p{
	overflow: hidden;
}
.account .invoice .own-panel-body .wrap-list .item p.status span{
	font-weight: bold;
}
.account .invoice .own-panel-body .wrap-list .item p.status span.pending{
	color: #f9d446;
}
.account .invoice .own-panel-body .wrap-list .item p.status span.finish {
	color: #8ece3b;
}


.account .invoice .own-panel-body .wrap-list .item:last-child{
	border-bottom: 0;
}
.account .invoice .own-panel-body .no_info_data{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.no_info_data span{
	display: block;
	margin: 0 auto;
}
.no_info_data span i{
	width: 100%;
	color: rgba(184, 212, 230, 0.3);
	font-size: 100px;
}
.no_info_data p{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #81839c;
}

.no_info_data{
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
}
.no_info_data span{
    display: block;
    margin: 0 auto;
}
.no_info_data span i{
    width: 100%;
    color: rgba(184, 212, 230, 0.3);
    font-size: 100px;
}
.no_info_data p{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #81839c;
}

/*product page*/
.product .own-page-header h3 span{
	background: #ff494c;
}
.product .own-page-header h3 span i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}



/*checkout step title*/
.checkout-step p{
    font-size: 0;
    margin-top: 16px;
    margin-bottom: 0;
}
.checkout-step p span{
    width: 170px;
    text-align: center;
    display: inline-block;
    position: relative;
    /*background: red;*/
    font-size: 15px;
}
.checkout-step p span:first-of-type::before{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 50%;
}
.checkout-step p span:last-of-type{
    width: 0;
}
.checkout-step p span:last-of-type::before{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 85px;
    left: -85px;
    right: inherit;
}
.checkout-step p span:last-of-type::after{
    display: none;
}
.checkout-step p span:last-of-type label{
    text-indent: -9999px;
}
.checkout-step p span label{
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #81839c;
    margin-top: 25px;
    text-transform: uppercase;
}
.checkout-step p span::before{
    position: absolute;
    width: 100%;
    height: 6px;
    background: #ffedef;
    content: '';
    display: inline-block;
    /*left: 0;*/
    right: 50%;
    top: 4px;
}
.checkout-step p span.finish label,
.checkout-step p span.active label{
	color: #ff4634;
}
.checkout-step p span.finish::before,.checkout-step p span.active::before{
    background: #ff706f;
}
.checkout-step p span.finish::after,.checkout-step p span.active::after{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    border: solid 3px #ff706f;
    border-radius: 50%;
    top: 0;
}
.checkout-step p span:last-of-type.finish::after,.checkout-step p span:last-of-type.active::after{
    display: none;
}
.checkout-step p span::after{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ffedef;
    border-radius: 50%;
    top: 0;
    z-index: 10;
}

/*checkout step 2*/
.checkout .own-page-content{
    padding-top: 50px;
    padding-bottom: 30px;
}
.own-panel-lg-border.order-info{

}
.checkout .own-page-header h3 span{
    background: #0093ee;
}
.checkout .own-page-header h3 span i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.own-panel-lg-border.order-info .own-panel-heading .pull-right p{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: right;
    color: #81839c;
    margin-top: 18px;
    margin-bottom: 0;
}
.own-panel-lg-border.order-info .own-panel-body{
    padding: 30px 20px 15px;
}
.own-panel-lg-border.order-info .own-panel-body input{
    height: 42px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #a8c6df;
    width: 100%;
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    box-shadow: none;
    outline: none;
    padding: 12px 15px 13px 15px;
}
.own-panel-lg-border.order-info .own-panel-body input:focus{
    box-shadow: none;
    outline: none;
}
.own-panel-lg-border.order-info .own-panel-body label{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #81839c;
    position: relative;
}
.own-panel-lg-border.order-info .own-panel-body label span{
	position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: #c5d9e8;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 10px;
}
.own-panel-lg-border.order-info .own-panel-body label span img{
	width: 6px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
.notice_expired{
	position: absolute;
	display: none;
	bottom: 100%;
	left: -10px;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
	border: solid 1px rgba(183, 210, 229, 0.8);
	width: 200px;
	padding: 10px;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	text-align: center;
	color: #294661;
}
.own-panel-lg-border.order-info .own-panel-body label span{
	position: relative;
}
.own-panel-lg-border.order-info .own-panel-body label span:hover + .notice_expired{
	display: block;
}
.own-panel-lg-border.order-info .own-panel-body label span:hover::before{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px solid rgba(183, 210, 229, 0.8);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 6px;
    left: 50%;
    margin-left: -8px;
    position: absolute;

}
.own-panel-lg-border.order-info .own-panel-body label span:hover::after{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    z-index: 9;
}
.own-panel-lg-border.order-info .own-panel-body label span i{
	color: #c5d9e8;
	vertical-align: bottom;
}
.own-panel-lg-border.order-info .own-panel-body .daterange{
    width: 100%;
    margin-top: 0;
}
.own-panel-lg-border.order-info .own-panel-body .daterange span.caret{
    border-top-color: #a8c6df;
}
.own-panel-lg-border.payment-info{

}
.own-panel-lg-border.payment-info .own-panel-body{
    padding: 20px;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title{
    padding: 30px 0 40px;
    border-bottom: 1px solid #d8e5ee;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul{
    text-align: center;
    border-bottom: 0;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li{
    width: 162px;
    height: 100px;
    border-radius: 12px;
    background-color: #ff4634;
    border: solid 2px #ff4634;
    background-color: #ecf5fd;
    border: solid 1px #8dabc4;
    float: none;
    display: inline;
    zoom: 1;
    display: inline-block;
    margin-right: 50px;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li:last-of-type{
    margin-right: 0;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li.active{
    background-color: #ff4634;
    border: solid 2px #ff4634;
    position: relative;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li.active::before{
	content: '';
	position: absolute;
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 15px solid #d8e5ee;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top: 100%;
    margin-top: 28px;
    left: 50%;
    transform:translateX(-50%);
    border-width: 15px;

}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li.active::after{
	content: '';
	position: absolute;
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 0;
    border-bottom: 15px solid #fcfcfd;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    top: 100%;
    margin-top: 29px;
    left: 50%;
    transform:translateX(-50%);
    border-width: 15px;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li a span{
    display: block;
    width: 50px;
    height: 50px;
    margin:0 auto 10px;
    background: #fff;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li.active a{
    color: #fff;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-title ul li a{
    background: none;
    border: 0;
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #81839c;
    text-transform: uppercase;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content{
    padding-top: 25px;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content #bank-transfer p{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #81839c;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content #bank-transfer .list_bank{
    padding: 20px 0 0;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content #bank-transfer .list_bank .item {
    margin-top: 15px;
    overflow: hidden;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content #bank-transfer .list_bank .item img{
    width: 100px;
    margin-top: 5px;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content #bank-transfer .list_bank .item label{
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #81839c;
    text-transform: uppercase;
}
.own-panel-lg-border.payment-info .own-panel-body .tab-content #bank-transfer .list_bank .item p{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    margin-bottom: 5px;
}

/*checkout step 3*/

.checkout .guidline::after{
    content: '';
    width: 15px;
    height: 30px;
}
.checkout .guidline .step{
    text-align: center;
    background: url(../images/shape.png) no-repeat center top 95px;
    background-size: 13px 30px;
}
.checkout .guidline .step span i{
    color: #c5d9e8;
}
.checkout .guidline .step span img{
	width: 34px;
	height: 34px;
	margin-bottom: 10px;
}
.checkout .guidline .step p.title{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
}
.checkout .guidline .step p.intro{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #81839c;
    max-width: 222px;
    margin: 0 auto;
}

.import-list-receiver{
    margin-bottom: 100px;
}
.import-list-receiver .own-panel-body .message{
    text-align: center;
    max-width: 800px;
    display: block;
    margin: 0 auto;
}
.import-list-receiver .own-panel-body .message p{
    font-family: Gotham Rounded;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    text-align: center;
    color: #2c405a;
}
.import-list-receiver .own-panel-body .own-progress{
    height: 12px;
    border-radius: 10px;
    overflow: inherit;
    margin-top: 100px;
}
.import-list-receiver .own-panel-body .own-progress .op_progress{
    border-radius: 10px;
}
.import-list-receiver .own-panel-body .own-progress .progress-bar{
    border-radius: 10px;
    position: relative;
}
.import-list-receiver .own-panel-body .own-progress .progress-bar span.sr-only{
    width: 90px;
    height: 50px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
    border: solid 1px rgba(183, 210, 229, 0.8);
    display: inline-block;
    clip: inherit;
    right: -45px;
    font-family: Gotham Rounded;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    color: #2c405a;
    text-align: center;
    bottom: 100%;
    margin-bottom: 20px;
    overflow: inherit;
    border-radius: 8px;
    padding: 10px 0;
}
.import-list-receiver .own-panel-body .own-progress .progress-bar span.sr-only::before{
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(183, 210, 229, 0.8);
}
.import-list-receiver .own-panel-body .own-progress .progress-bar span.sr-only::after{
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
#tb_product_add_receiver tr td .product_info {
    position: relative;
    padding: 8px 10px 8px 55px;
}
#tb_product_add_receiver tr td .product_info img {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0px;
    border-radius: 8px;
    border: solid 1px #d8e5ee;
}
#tb_product_add_receiver tr td{
    vertical-align: middle;
}
#tb_product_add_receiver .col_product{
    width: 350px;
}
#tb_product_add_receiver .col_typesize,
#tb_product_add_receiver .col_sent,
#tb_product_add_receiver .col_unsent,
#tb_product_add_receiver .col_purchase{
    width: 120px;
}
#tb_product_add_receiver .col_receiver{
    width: 260px;
}
#tb_product_add_receiver .col_action{
    /*width: 100px;*/
}
.own-table tr td table tr::before{
	display: none;
}
.own-table tr td table tr::after{
	display: none;
}
.own-table tr.hover td table tr.hover{
    box-shadow: none;
}
#tb_product_add_receiver .area_receiver{
    display: none;
}
#tb_product_add_receiver .area_receiver.open{
    display: table-row;
}
#tb_product_add_receiver .area_receiver td{
    padding: 10px 55px;
}
#tb_product_add_receiver .area_receiver p{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #81839c;
}
#tb_product_add_receiver .area_receiver p.title{
    font-weight: 500;
    color: #294661;
}
#tb_product_add_receiver .area_receiver textarea{
    border-radius: 12px;
    background-color: #ffffff;
    border: solid 1px #a8c6df;
    width: 100%;
    outline: none;
    margin-top: 15px;
    padding: 20px;
}
#tb_product_add_receiver .area_receiver textarea:focus{
    outline: none;
}
#tb_product_add_receiver .col_receiver p{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #81839c;
    display: inline-block;
}
#tb_product_add_receiver .col_receiver p span{
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 15px;
    background: #67c719;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
}
#tb_product_add_receiver .col_receiver p span i{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#tb_product_add_receiver .col_receiver p a i{
    font-size: 10px !important;
    vertical-align: middle;
    margin-left: 15px;
    color:#c5d9e8;
}

.import-list-receiver .own-panel-body .list-product{
    position: relative;
}
a.btn-next-send-vc{
    position: absolute;
    top: 100%;
    margin: 50px auto 0;
    display: inline-block;
    width: 300px;
    left: 0;
    right: 0;
    line-height: 42px;
    border-radius: 8px;
    background-color: #ff494c;
    border: solid 1px rgba(0, 0, 0, 0.05);
}


/*checkout step 4*/
.confirm_send_list{
    background: none;
    box-shadow: none;
    border: 0;
}
.confirm_send_list .own-panel-heading{
    border: 1px solid rgba(183, 210, 229, 0.8);
    min-height: 90px;
}
.confirm_send_list .own-panel-body{
    position: relative;
    background: none;
    padding-top: 0;
}
.own-table.table-confirm-send{
    border-radius: 0 0 12px 12px;
    background-image: linear-gradient(to top, #ffffff, #f9f8fc);
    border: solid 1px rgba(183, 210, 229, 0.8);
    padding: 20px 0;
    margin-top: 0 !important;
    border-top: 0;

}
.own-table.table-confirm-send tr td,
.own-table.table-confirm-send tr td p{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	margin-bottom: 0;
}
.own-table.table-confirm-send tr td p:nth-child(2){
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
}
.own-table.table-confirm-send tr td.has_redeemed p:first-of-type,
.own-table.table-confirm-send tr td.has_sent p:first-of-type,
.own-table.table-confirm-send tr td.has_issued p:first-of-type,
.own-table.table-confirm-send tr td.has_opened p:first-of-type,
.own-table.table-confirm-send tr td.has_error p:first-of-type,
.own-table.table-confirm-send tr td.has_new p:first-of-type,
.own-table.table-confirm-send tr td.has_sendding p:first-of-type {
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

.own-table.table-confirm-send tr td.has_sent p:first-of-type{
	color: #f9cf2e;
}
.own-table.table-confirm-send tr td.has_issued p:first-of-type{
	color: #b0cbe2;
}
.own-table.table-confirm-send tr td.has_redeemed p:first-of-type{
	color: #8ece3b;
}
.own-table.table-confirm-send tr td.has_opened p:first-of-type{
	color: #2b98f0;
}
.own-table.table-confirm-send tr td.has_new p:first-of-type {
    color: #2b98f0;
}
.own-table.table-confirm-send tr td.has_error p:first-of-type {
    color: #ff494c;
}
.own-table.table-confirm-send tr td.has_sendding p:first-of-type {
    color: #f9cf2e;
}
.own-table.table-confirm-send .own-custom-select.products{
	margin-right: 10px;
}
.own-table.table-confirm-send .own-custom-select.products button{
	padding-left: 15px;
}
.own-table.table-confirm-send .own-custom-select.products .dropdown-toggle span.filter-option{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
}
.own-table.table-confirm-send .own-custom-select.products button::before{
	display: none;
}
/*.checkout .own-page-content{
    padding-top: 50px;
    padding-bottom: 70px;
}*/
.guidline::after{
    content: '';
    width: 15px;
    height: 30px;
}
.guidline .step{
    text-align: center;
    overflow: hidden;
    padding-top: 10px;
}
.guidline .step span i{
    color: #c5d9e8;
}
.guidline .step p.title{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
}
.guidline .step p.intro{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #81839c;
    max-width: 222px;
    margin: 0 auto;
}
.guidline .own-panel-body{
	padding: 20px;
}
.btn-down-template,.btn-up-template{
    min-width: 100px;
    height: 30px;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px #c5d9e8;
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 30px;
    text-align: center;
    color: #294661;
    box-shadow: none;
    margin: 30px 0 50px 0;
    display: inline-block;
    text-decoration: none;
}
.btn-down-template:focus,
.btn-down-template:hover,
.btn-up-template:focus,
.btn-up-template:hover{
    box-shadow: none;
    text-decoration: none;
}

p.divider{
	display: inline-block;
	width: 100%;
	position: relative;
	text-align: center;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #81839c;
}
p.divider::before{
	content: '';
	display: inline-block;
	width: 45%;
	left: 0;
	height: 1px;
	background: #d8e5ef;
	position: absolute;
	top: 50%;
}
p.divider::after{
	content: '';
	display: inline-block;
	width: 45%;
	right: 0;
	height: 1px;
	background: #d8e5ef;
	position: absolute;
	top: 50%;
}
.form_receiver{
	margin-top: 20px;
	text-align: center;
}
.form_receiver p.title{
    font-weight: 500;
    color: #294661;
}
.form_receiver textarea{
    border-radius: 12px;
    background-color: #ffffff;
    border: solid 1px #a8c6df;
    width: 100%;
    outline: none;
    margin-top: 15px;
    padding: 20px;
}
.form_receiver textarea:focus{
    outline: none;
}
.form_receiver .btn-upload-list{
	min-width: 200px;
	height: 42px;
	border-radius: 12px;
	background-color: #ff494c;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: #ffffff;
	display: inline-block;
	line-height: 42px;
	text-decoration: none;
	outline: none;
	margin: 25px auto 10px;
}
.form_receiver .btn-upload-list:hover,
.form_receiver .btn-upload-list:focus{
	text-decoration: none;
	outline: none;
}

.form_receiver .btn-confirm{
	min-width: 200px;
	height: 42px;
	border-radius: 12px;
	background-color: #ff494c;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: #ffffff;
	display: inline-block;
	line-height: 42px;
	text-decoration: none;
	outline: none;
	margin: 25px auto 10px;
}
.form_receiver .btn-confirm:hover,
.form_receiver .btn-confirm:focus{
	text-decoration: none;
	outline: none;
}



.confirm_send_list .own-panel-heading .small_title.below_title{
    margin-bottom: 10px;
    padding-top: 0;
}
.confirm_send_list .own-panel-heading .search{
    margin-top: 14px;
    margin-right: 0;
}
.confirm_send_list .own-panel-heading .search #field_search{
   width: 465px;
}
.confirm_send_list .own-table tbody tr td{
    vertical-align: middle;
}
.ip_message{
    width: 230px;
    height: 42px;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px #a8c6df;
    padding:0 10px;
    outline: 0;
}
.ip_message:focus{
    outline: 0;
}
.btn-resend{
    width: 90px;
    height: 24px;
    line-height: 24px;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 1px #c5d9e8;
    outline: 0;
    position: relative;

    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
    text-align: left;

}
.btn-resend::after{
    content: '';
    width: 1px;
    background: #c5d9e8;
    height: 100%;
    top: 0;
    right: 20px;
    display: inline-block;
    position: absolute;
}
.btn-resend:focus{
    outline: 0;
}
.btn-resend span.caret{
    position: absolute;
    right: 6px;
    top: 50%;
    transform:translateY(-50%);
    border-top-color: #c5d9e8;
    border-bottom-color: #c5d9e8;
}
.resend_option{
    width: 190px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 10px;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
    border: solid 1px rgba(183, 210, 229, 0.8);
    z-index: 10;
}
.resend_option ul{
    list-style: none;
    padding: 0px;
    margin: 0;
    text-align: left;
    cursor: default;
}
.resend_option ul li{
    border-bottom: 1px solid rgba(183, 210, 229, 0.8);
}
.resend_option ul li.disable{
    opacity: 0.5;
    pointer-events:none;
    cursor: default;
}
.resend_option ul li.disable a{
	cursor: default;
}
.resend_option ul li:last-of-type{
    border: 0;
}
.resend_option ul li a{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #294661;
    text-decoration: none;
    padding: 15px 10px;
    display: block;

}
.resend_option ul li a span{
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    background-color: #c5d9e8;
    position: relative;
    border-radius: 2px;
    vertical-align: middle;
}
.resend_option ul li a span i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-size: 10px;
    color: #fff;
}
.resend_option ul li a:hover,.resend_option ul li a:focus{
    text-decoration: none;
}
.btn-resend.open .resend_option{
    display: block;
}
tr.error{
    background-color: rgba(255, 73, 75, 0.07);
}
.notice_message_all{
    display: none;
    position: absolute;
    bottom: 100%;
    border-radius: 8px;
    padding: 10px;
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
    border: solid 1px rgba(183, 210, 229, 0.8);
    text-transform: none;
    width: 240px;
    right: -113px;

}
.notice_message_all::before{
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(183, 210, 229, 0.8);
}
.notice_message_all::after{
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
th a.write_all_message:hover .notice_message_all{
    display: block;

}
th a.write_all_message{
    width: 14px;
    height: 14px;
    background-color: #c5d9e8;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    margin-left: 10px;
    float: right;
    display: inline-block;
    cursor: pointer;
}
th {
    position: relative;
}
th a.write_all_message i{
    font-size: 10px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform:translate(-50%,-50%);
    margin: 0;
    color: #fff;
}
#messageModal .modal-content,
#productModal .modal-content,
#profileModal .modal-content,
#passwordModal .modal-content,
#languageModal .modal-content,
#manageModal .modal-content
{
    background: none;
    border:0;
    box-shadow: none;
}
#messageModal .modal-header,
#productModal .modal-header,
#profileModal .modal-header,
#passwordModal .modal-header,
#languageModal .modal-header,
#manageModal .modal-header
{
    border-radius: 12px 12px 0 0;
    background: #fff;
    padding: 20px;
    /*margin-bottom: -1px;*/
}
#messageModal .modal-header h4,
#productModal .modal-header h4,
#profileModal .modal-header h4,
#passwordModal .modal-header h4,
#languageModal .modal-header h4
#manageModal .modal-header h4
{
    font-family: Gotham Rounded;
    font-size: 22px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.18;
    color: #2c405a;
}
#productModal .modal-header h4 span{
	font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    /*letter-spacing: 1px;*/
    text-align: center;
    color: #fff;
    width: 20px;
    height: 20px;
    background: #0093ee;
    line-height: 20px;
    text-align: center;
    /*padding: 0 5px;*/
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
#messageModal .modal-body,
#productModal .modal-body,
#profileModal .modal-body,
#passwordModal .modal-body,
#languageModal .modal-body,
#manageModal .modal-body
{
    background-image: linear-gradient(to top, #ffffff, #f9f8fc);
    border-radius: 0 0 12px 12px;
    padding: 30px 20px 20px;
}
#languageModal .modal-body{
	border-radius: 12px;
}
#languageModal .modal-body .own-custom-select{
	float: none !important;
	margin: 0;
}
#profileModal .modal-body .form-group label,
#passwordModal .modal-body .form-group label{
	clear: both;
	display: block;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
}
#profileModal .modal-body .form-group input,
#passwordModal .modal-body .form-group input{
	height: 42px;
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 1px #a8c6df;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	outline: none;
}
#profileModal .modal-body .form-group input:focus,
#passwordModal .modal-body .form-group input:focus{
	outline: none;
}
#messageModal .modal-body textarea{
    border-radius: 12px;
    background-color: #ffffff;
    border: solid 1px #a8c6df;
    padding: 15px;
    outline: none;
}
#messageModal .modal-body textarea:focus{
    outline: none;
}
#messageModal .modal-footer,
#productModal .modal-footer,
#profileModal .modal-footer,
#passwordModal .modal-footer,
#languageModal .modal-footer,
#manageModal .modal-footer{
    border: 0;
    text-align: center;
    padding-top: 30px;
}
#messageModal .modal-footer .btn-apply-message,
#productModal .modal-footer .btn-product-done,
#profileModal .modal-footer .btn-apply-message,
#passwordModal .modal-footer .btn-apply-message,
#languageModal .modal-footer .btn-apply-message,
#manageModal .modal-footer .btn-apply-message
{
    min-width: 200px;
    line-height: 42px;
    border-radius: 8px;
}

.btn-send-all{
    line-height: 42px;
    position: absolute;
    bottom: 23px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 200px;
    border-radius: 12px;
}

p.message{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	position: relative;
	display: inline-block;
    padding: 5px  0;
}
p.message a{
	color: #294661;
}
p.message a i{
	vertical-align: middle;
	color: #c5d9e8;
	margin-right: 5px;
	font-size: 18px;
}
p.message a:hover{
	text-decoration: underline;
	cursor: pointer;
}
p.message span{
	visibility: hidden;
    position: absolute;
    min-width: 200px;
    color: #294661;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
    border: solid 1px rgba(183, 210, 229, 0.8);
    text-transform: none;
    text-align: center;
    padding: 10px 30px 10px 10px;
    border-radius: 8px;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s;
    left: 50%;
    transform:translateX(-50%);
    bottom: 100%;
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    z-index: 1000;
    text-align: left;
}

p.message span::before {
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(183, 210, 229, 0.8);
}
p.message span::after {
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}
p.message:hover span{
	display: block;
	visibility: visible;
    opacity: 1;
}
p.message span a{
	position: absolute;
	right: 10px;
	top: 10px;
}


.dataTables_length select.form-control{
    height: 42px;
}
/*checkout step 5*/
.btn-more-pr{
	line-height: 42px;
    min-width: 150px;
    border-radius: 8px;
    margin-top: 50px;
}
.btn-see-more-pr{
    line-height: 42px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 300px;
    border-radius: 8px;
}
.message_finish{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 40px;
}
.message_finish span{
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #c5d9e8;
    position: relative;
}
.message_finish span i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-size: 70px;
    color: #fff;
}
.message_finish h3{
    margin-top: 30px;
    margin-bottom: 20px;
}
.message_finish p{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.87;
    text-align: center;
    color: #294661;
    max-width: 500px;
    margin: 0 auto;
}

/*product page/filter page*/
.product .own-page-header .pull-right{
    position: relative;
}
.wrap-cart{
    position: absolute;
    right: -50px;
    top: 100%;
    margin-top: 10px;
    border: 1px solid;
    border-radius: 10px;
    display: none;
    width: 328px;
    padding: 20px 15px 15px;
    z-index: 100;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
    border: solid 1px rgba(183, 210, 229, 0.8);
}
.wrap-cart .cart-title{
    /*border-bottom: 1px solid #e5eef5;*/
    overflow: hidden;
}
.wrap-cart .cart-title p{
    display: inline-block;
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #81839c;
    text-transform: uppercase;
}
.wrap-cart .cart_item{
    overflow: hidden;
    border-top: 1px solid #e5eef5;
    position: relative;
    padding: 15px 0;
}
.wrap-cart .cart_item .close{
    position: absolute;
    right: 0;
    top: 50%;
    transform:translateY(-50%);

}
.wrap-cart .cart_item .close i{
    font-size: 10px;
    vertical-align: top;
}
.wrap-cart .cart_item .pull-left, .wrap-cart .cart_item .pull-right{
    width: 50%;
}
.wrap-cart .pull-right{
    padding-right: 15px;
}
.wrap-cart .cart_item .pull-left .product_name{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #294661;
}
.wrap-cart .cart_item .pull-left .amount_product{
    border: 1px solid #a8c6df;
    border-radius: 4px;
    font-size: 0px;
    font-weight: bold;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 0;
    margin-top: -5px;
}
.wrap-cart .cart_item .pull-left .amount_product input{
    border:0;
    border-left: 1px solid #a8c6df;
    border-right: 1px solid #a8c6df;
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
    width: 42px;
    outline: none;
}
.wrap-cart .cart_item .pull-left .amount_product input:focus{
    outline: none;
}
.wrap-cart .cart_item .pull-left .amount_product em {
    color: #c5d9e8;
    cursor: pointer;
    padding: 3px 5px;
    font-style: normal;
    font-weight: bold;
}
.wrap-cart .cart_item .pull-left .amount_product span {
    display: inline-block;
    /*line-height: 21px;*/
    border-left: 1px solid #a8c6df;
    border-right: 1px solid #a8c6df;
    padding: 4px 13px;
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
    min-width: 42px;
}
.wrap-cart .cart_item .pull-right .product_price{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #294661;
}
.wrap-cart .cart_item .pull-right .product_size{
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #81839c;
    margin-bottom: 0;
}
.wrap-cart .cart_bottom{
    border-top: 1px solid #e5eef5;
}
.wrap-cart .cart_bottom .total{
    padding: 15px 0;
    overflow: hidden;
}
.wrap-cart .cart_bottom .total p{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #294661;
}
.wrap-cart .cart_bottom a.btn-checkout{
    line-height: 42px;
    width: 100%;
    text-align: center;
    border-radius: 8px;
}
.own-page-header a.btn-cart{
    margin-top: 14px;
    border-radius: 8px;
    line-height: 42px;
    position: relative;
    /*padding-right: 50px;*/
}
.own-page-header a.btn-cart.open + .wrap-cart{
    display: block;
}
.own-page-header a.btn-cart i{

}
.product .own-page-content{
    padding-top: 50px;
    padding-bottom: 50px;
}
.product .own-page-content .product_slide{
    height: 600px;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    /*border: 1px solid #e3e3e3;*/
    margin-bottom: 50px;
}
.product .own-page-content .product_slide .col-left{
    background: #f8f7f7;
    text-align: center;
    padding: 0px;
    width: 285px;
}

.product .own-page-content .product_slide .col-center{
    background: #e6ebda;
    padding: 0;
    width: 600px;
}
.product .own-page-content .product_slide .col-right{
    background: #e3e3e3;
    padding: 0;
    width: 285px;
}
.product .own-page-content .own-panel-heading .small-btn-own-white {
    margin-top: 10px;
    margin-right: 35px;
}

.product .search_product .own-panel-body,.product .popular_product .own-panel-body{
    padding-top: 0;
}

.search_product .count_product{
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: #ffffff;
    background: #0093ee;
    padding: 6px 10px;
    border-radius: 20px;
    vertical-align: top;
    display: inline-block;
    margin-left: 10px;
}
.list_item{
    margin-right: -2px;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

}
.list_item .item{
    border-right: 1px solid #e5eef5;
    border-bottom: 1px solid #e5eef5;
    padding: 20px;
    /*margin-bottom: -1px;*/
    outline: 0;
    position: relative;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.list_item .item.last_item{
	border-bottom: 0;
}
.list_item .item .img{
    width: 100%;
    padding: 0 13px;
    border-bottom: 1px solid #e5eef5;
    margin-bottom: 15px;
}
.list_item .item .img img{
    width: 100%;
}
.list_item .item .product_info{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.list_item .item .product_info .product_name{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    margin-bottom: 4px;
    -moz-flex: 1 auto;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.list_item .item .product_info .brand_name{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #81839c;
}
.list_item .item .product_info .price_size{
    padding-top: 10px;
}
.list_item .item .product_info .price_size p.title{
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #81839c;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.list_item .item .product_info .price_size p.price{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #ff494c;
}
.list_item .item .product_info .price_size .pull-left .own-custom-select{
    width: auto !important;
    margin-right: 0;
    margin-top: 0;
}
.list_item .item .product_info .price_size .pull-left .own-custom-select button{
    border: 0 !important;
    background: none !important;
    padding: 0 20px 0 0;
    height: auto;
}
.list_item .item .product_info .price_size .pull-left .own-custom-select button::before{
    display: none;
}
.list_item .item .product_info .price_size .pull-left .own-custom-select button span{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: left;
    color: #294661;
}
.list_item .item .product_info .price_size .pull-left .own-custom-select button span.caret{
    right: 0;
    border-top-color: #c5d9e8;
    border-bottom-color: #c5d9e8;
}
.list_item .item .product_info .price_size .pull-left .own-custom-select .dropdown-menu ul li a{
	/*padding-left: 0;*/
}

select.selectpicker.own-custom-select{
	pointer-events: none;
}

.box-add-cart{
    width: 100%;
    position: absolute;
    background-color: #fff;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    margin: 0 -20px;
    padding: 20px 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08);
}
.box-add-cart a{
    width: 100%;
    line-height: 42px;
}
.list_item .item:hover{
    background: #fff;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.08);
    /*overflow: hidden;*/
}
.list_item .item:hover .box-add-cart{
    display: block;
    opacity: 1;
    pointer-events: auto;

}

.bottom_pagination label{
    text-align: left;
    white-space: nowrap;
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    line-height: 42px;
    margin: 0;
}
.bottom_pagination label select{
    display: inline-block;
    width: 75px;
}
.pagination_info{
    display: inline-block;
    padding-right: 20px;
    padding-top: 15px !important;
}
.pagination_simple{
    display: inline-block;
    float: right;
}
.pagination_simple .pagination{
    margin: 0;
}
.bottom_pagination{
	margin-top: 30px;
}
.bottom_pagination .own-custom-select{
    width: 80px !important;
    float: none !important;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    border-radius: 8px;
    margin-left: 20px !important;
    height: 42px;
}
.bottom_pagination .own-custom-select button{
    padding-left: 20px;
}
.bottom_pagination .own-custom-select button::before{
    display: none;
}
.bottom_pagination .own-custom-select .dropdown-toggle span.filter-option{
    font-style: normal;
}


.list-category,.list-brand{
    padding-left: 20px;
    padding-right: 20px;
}
.list-category p.title,.list-brand p.title{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 20px;
}
.list-category ul,.list-brand ul{
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}
.list-category ul::after{
    content: "";
    height: 90%;
    position: absolute;
    right: -20px;
    top: 0;
    width: 1px;
    background-color: #e9f0f6;
}
.list-category li,.list-brand li{
    width: 30%;
    display: inline-block;
    margin:0 5px 40px 5px;
    vertical-align: top;
}
.list-category li p,.list-brand li p{
    text-align: center;
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #81839c;
    text-transform: uppercase;
}
.list-category li .cate_icon,.list-brand li .brand_img{
    width: 100px;
    height: 100px;
    background-color: rgba(236, 245, 253, 0.5);
    border-radius: 12px;
    display: block;
    margin: 0 auto 10px;
    position: relative;
}
.list-category li .cate_icon span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width: 45px;
    height: 45px;
    display: inline-block;
}
.list-category li .cate_icon.fastfood-cafe span{
    background: url(../images/ic-fast-food-coffee.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.fastfood-cafe span,
.list-category li .cate_icon.fastfood-cafe:hover span{
    background: url(../images/ic-fast-food-coffee-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.restaurants span{
    background: url(../images/ic-restaurants.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.restaurants span,
.list-category li .cate_icon.restaurants:hover span{
    background: url(../images/ic-restaurants-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.fragrance-cosmetic span{
    background: url(../images/ic-comestics.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.fragrance-cosmetic span,
.list-category li .cate_icon.fragrance-cosmetic:hover span{
    background: url(../images/ic-comestics-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.fashion span{
    background: url(../images/ic-fashions.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.fashion span,
.list-category li .cate_icon.fashion:hover span{
    background: url(../images/ic-fashions-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.entertaiment span{
    background: url(../images/ic-entertainment.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.entertaiment span,
.list-category li .cate_icon.entertaiment:hover span{
    background: url(../images/ic-entertainment-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.mall-mart span{
    background: url(../images/ic-mall-mart.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.mall-mart span,
.list-category li .cate_icon.mall-mart:hover span{
    background: url(../images/ic-mall-mart-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.health-and-sport span{
    background: url(../images/ic-health-sports.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.health-and-sport span,
.list-category li .cate_icon.health-and-sport:hover span{
    background: url(../images/ic-health-sports-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.lifestyle span{
    background: url(../images/ic-lifestyle.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.lifestyle span,
.list-category li .cate_icon.lifestyle:hover span{
    background: url(../images/ic-lifestyle-red.png);
    background-size: 100% 100%;
}
.list-category li .cate_icon.others span{
    background: url(../images/ic-others.png);
    background-size: 100% 100%;
}
.list-category li.choose .cate_icon.others span,
.list-category li .cate_icon.others:hover span{
    background: url(../images/ic-others-red.png);
    background-size: 100% 100%;
}


.list-brand li > p.brand_img{
    cursor: pointer;
}
.list-brand li > p.brand_img:hover,li.choose .brand_img{
	border-radius: 12px;
  	border: solid 3px #ff494c;
}
.list-brand li .brand_img img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    width: 85px;
}
.list-category li .cate_icon:hover ,.list-category li.choose .cate_icon{
    cursor: pointer;
    /*background: #ff494c;*/
    border-radius: 12px;
  	border: solid 3px #ff494c;
}

/*li.choose > p:first-child{
    border-radius: 12px;
  	border: solid 3px #ff494c;
}*/

.list-brand{
    position: relative;
}
.list-brand .no_info_data{
    /*position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: 100%;*/
}
.own-panel-body .btn-view-product{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    line-height: 42px;
    border-radius: 8px;
    border: solid 1px rgba(0, 0, 0, 0.05);
    width: 210px;
    display: block;
    margin: 40px auto;

}
.own-panel-body .btn-view-product.btn-own-white{
    color: #294661;
    background-color: #fff;
    box-shadow: none;
    border: solid 1px #c5d9e8;
    pointer-events: none;
}
.own-panel-body .btn-view-product.btn-own-red{
    color: #fff;
    background-color: #ff494c;
    pointer-events: auto;
}
.cart_info .own-panel-heading .small-btn-own-white {
    margin-top: 10px;
    /*margin-right: 35px;*/
}
.cart_info .own-panel-heading .small-btn-own-white:focus{
	box-shadow: none;
}
.cart_info .own-panel-body{
    padding: 20px;
    position: relative;
}
.cart_info .wrap-cart{
    display: block;
    position: relative;
    right: inherit;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: none;
}
.cart_info .wrap-cart .cart-title{
    /*border-bottom: 1px solid #e5eef5;*/
    overflow: hidden;
}
.cart_info .wrap-cart .cart-title p{
    display: inline-block;
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #81839c;
    text-transform: uppercase;
}
.cart_info .wrap-cart .cart_item{
    overflow: hidden;
    border-top: 1px solid #e5eef5;
    position: relative;
    padding: 15px 0 5px;
}
.cart_info .wrap-cart .cart_item:first-of-type{
    border-top: 0;
}
.cart_info .wrap-cart .cart_item .close{
    position: absolute;
    right: 0;
    top: 50%;
    transform:translateY(-50%);

}
.cart_info .wrap-cart .cart_item .close i{
    font-size: 10px;
    vertical-align: top;
}
.cart_info .wrap-cart .cart_item .pull-left, .cart_info .wrap-cart .cart_item .pull-right{
    width: 50%;
}
.cart_info .wrap-cart .pull-right{
    padding-right: 20px;
}
.cart_info .wrap-cart .cart_item .pull-left .product_name{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #294661;
}
.cart_info .wrap-cart .cart_item .pull-right .product_price{
    font-family: Gotham Rounded;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: right;
    color: #81839c;
}
.cart_info .wrap-cart .cart_item .pull-right .product_qty{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
}
.cart_info .wrap-cart .cart_item .pull-left .product_size{
    font-family: Gotham Rounded;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    color: #81839c;
}
.cart_info .wrap-cart .cart_bottom{
    margin: 0 -20px;
    padding: 0 20px;
    border-top: 1px solid #d8e5ee;
}
.cart_info .wrap-cart .cart_bottom .total{
    overflow: hidden;
    padding: 15px 0 10px;
}
.cart_info .wrap-cart .cart_bottom .total p{
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    color: #294661;
    margin-bottom: 0;
}
.cart_info .wrap-button{
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}
.btn-next-checkout{
	width: 240px;
	height: 42px;
	border-radius: 12px;
	background-color: #ff494c;
	line-height: 42px;
	margin:0 auto 30px;
	display: block;
}
.skip_pay{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
	display: block;
	margin: 0 auto;
	text-decoration: underline;
	text-align: center;
}
.cart_info .wrap-button .btn-next-checkout{
    width: 100%;
    line-height: 42px;
    margin-bottom: 30px;
}
.cart_info .wrap-button .btn-paylater{
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    text-decoration: underline;
}
.modal.in .modal-dialog{
	transform:translate(0,25%);
	-webkit-transform: translate(0,25%);
    -ms-transform: translate(0,25%);
    -o-transform: translate(0,25%);
}
#productModal.modal.in .modal-dialog,
#profileModal.modal.in .modal-dialog,
#passwordModal.modal.in .modal-dialog
{
	transform:translate(0,10%);
	-webkit-transform: translate(0,10%);
    -ms-transform: translate(0,10%);
    -o-transform: translate(0,10%);
}

.no_info_data{
	position: relative;
	text-align: center
}
.no_info_data p{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #81839c;
}

.cart_number{
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	text-align: center;
	color: #ff494c;
	width: 20px;
	height: 20px;
	background: #fff;
	line-height: 20px;
	text-align: center;
	padding: 0 5px;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    vertical-align: text-bottom;
}
.paginate_button a,.paginate_button a:focus{
	outline: none;
	padding: 3px 10px !important;
}
.pagination>li:first-child>a, .pagination>li:first-child>span{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span{
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.pagination>li>a:focus,.pagination>li>a:hover{
	background: #fff;
}
.pagination>li>a:focus i,.pagination>li>a:hover i{
	color: #337ab7;
}
.pagination>li.disabled>a:focus i,.pagination>li.disabled>a:hover i{
	color: #777;
}
.pagination>li.disabled>a{
	pointer-events: none;
}
.paginate_button a i{
	line-height: inherit;
}

/*Style table sorter*/
.wrap-tbl{
	border-radius: 0 0 12px 12px;
	padding: 20px 0 0px;
	border: solid 1px rgba(183, 210, 229, 0.8);
	border-top: 0;
	background-image: linear-gradient(to top, #ffffff, #f9f8fc);
}
.wrap-tbl table{
	border: 0;
}
#tb_vouchers table.inside_tbl{
	width: 100%;
	table-layout: fixed;
}
th.tablesorter-header {
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 20px;
    /*border-right: 1px solid #dad9c7; */
    margin-left: -1px;
    position: relative;

}
th.tablesorter-header::after{

}
th.tablesorter-header::after{
	display: inline-block;
	opacity: 0.2;
    /*content: "\e150";
	font-family: 'Glyphicons Halflings';*/

    content: '';
    position: absolute;
    width: 12px;
    height: 15px;
    background:url(../images/icon_sort.png) no-repeat center center;
    background-size: 100% 100%;
}
th.tablesorter-header .tablesorter-header-inner{
	display: inline-block;
	margin-right: 10px;
}
/*th.tablesorter-header.tablesorter-headerAsc::after{
	content: "\e155";
}
th.tablesorter-header.tablesorter-headerDesc::after{
	content: "\e156";
}*/
th.tablesorter-header.sorter-false::after{
	/*content: '';*/
	background:none;
}

.product_choose{
	width: 260px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 1px #a8c6df;
	padding: 0 50px 0 15px;
	position: relative;
}

.product_choose span.count_product_choose{
	position: absolute;
    right: 15px;
    line-height: 20px;
    background: #0093ee;
    border-radius: 50%;
    font-family: Gotham Rounded;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    text-align: center;
    color: #ffffff;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.own-table.table-confirm-send tr td p.product_choose.no_pr_choose{
	color: #81839c;
  	opacity: 1;
  	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
    line-height: 36px;
    height: 42px;
}
.own-table.table-confirm-send tr td p.product_choose.no_pr_choose span{
	display: none;
}

#productModal .wrap-cart{
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	right: initial;
	box-shadow: none;
	width: 100%;
	background:none;
}
#productModal .wrap-cart .cart_item{
	margin-top: -1px;
	border: 0;
	border-bottom: 1px solid #e5eef5;
}
#productModal .wrap-cart div:last-of-type{
	/*border-bottom: none;*/
}

#productModal .wrap-cart .cart_item .pull-left{
	padding-left: 65px;
	position: relative;
	width: auto;
}
#productModal .wrap-cart .cart_item .pull-right{
	width: auto;
	max-width: 450px;
}
#productModal .wrap-cart .cart_item .pull-left img{
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}
#productModal .wrap-cart .cart_item .product_name{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	max-width: 310px;
}
#productModal .wrap-cart .cart_item .product_size{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #81839c;
	margin-bottom: 0;
}
#productModal .wrap-cart .cart_item .amount_product {
    border: 1px solid #a8c6df;
    border-radius: 4px;
    font-size: 0px;
    font-weight: bold;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 0;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    right: 5px;
}
#productModal .wrap-cart .cart_item .amount_product input {
    border: 0;
    border-left: 1px solid #a8c6df;
    border-right: 1px solid #a8c6df;
    font-family: Gotham Rounded;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.46;
    text-align: center;
    color: #294661;
    width: 42px;
    background: none;
    outline: none;
}
#productModal .wrap-cart .cart_item .amount_product em {
    color: #c5d9e8;
    cursor: pointer;
    padding: 3px 5px;
    font-style: normal;
    font-weight: bold;
}
#productModal .wrap-cart .cart-title{
	overflow: initial;
}
#productModal .wrap-cart .wrap-item{
	overflow: auto;
	max-height: 300px;
}
#productModal .wrap-cart .wrap-item::-webkit-scrollbar-track,
#productModal .list_selected_product::-webkit-scrollbar-track,
#productModal .own-custom-select .dropdown-menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 4px;
}

#productModal .wrap-cart .wrap-item::-webkit-scrollbar,
#productModal .list_selected_product::-webkit-scrollbar,
#productModal .own-custom-select .dropdown-menu::-webkit-scrollbar
{
	width: 5px;
	border-radius: 4px;
	background-color: #F5F5F5;
}

#productModal .wrap-cart .wrap-item::-webkit-scrollbar-thumb,
#productModal .list_selected_product::-webkit-scrollbar-thumb,
#productModal .own-custom-select .dropdown-menu::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: #ff5f5f;
}

#productModal .wrap-cart .cart-title .cate-brand-group .pull-right,
#productModal .wrap-cart .cart-title .cate-brand-group .pull-right{
	padding: 0;
}
#productModal .wrap-cart .cart-title .cate-brand-group .own-custom-select{
	margin: 0;
	width: 270px !important;
}

#productModal .wrap-cart .cart-title .search{
	width: 100%;
	margin: 20px 0;
	float: none;
}
#productModal .wrap-cart .cart-title .search input{
	width: 100%;
	outline: 0;
	border: 1px solid #a8c6df;
}

#uploadSuccessModal .modal-content{
	background: none;
    box-shadow: none;
    border: 0;
}
#uploadSuccessModal .modal-body{
    background-image: linear-gradient(to top, #ffffff, #f9f8fc);
    border-radius: 12px;
    padding: 30px 20px 20px;
}
#uploadSuccessModal .modal-body .message_finish{
	padding: 15px 0 30px;
}

.own-custom-select.language{

}
.own-custom-select.language button::before{
	display: none;
}
.own-custom-select.language button{
	padding-left: 15px;
}
.own-custom-select.language button .filter-option{
	font-style: normal;
}
.m_wrap{
	background: #fff;
	border: 0;
	border-radius: 12px;
	box-shadow: 0 1px 4px 0 rgba(43, 63, 89, 0.21);
  	border: solid 1px rgba(183, 210, 229, 0.8);
	width: 350px !important;
	margin-left: 25px;
	margin-top: 15px;
}
.m_wrap .gm-style-iw {
   /*max-width: 450px !important;*/
   width: auto !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;

}
.m_wrap .gm-style-iw div{
	width: 100%;
	max-width: initial !important;
}
.m_wrap .wrap_marker .header{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
	border-bottom: 1px solid #d8e5ef;
	padding: 10px 20px;
}
.m_wrap .wrap_marker .subtitle{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	color: #294661;
	padding: 0px 20px;
}
.m_wrap .wrap_marker .subtitle h4{
	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #81839c;
}
.m_wrap .wrap_marker .subtitle h4 i{
	vertical-align: middle;
}
.m_wrap .wrap_marker .subtitle p{
	margin-bottom: 0;
}
.m_wrap .close_btn{
	right: 10px !important;
	top: 10px !important;
	left: initial !important;
}
.m_wrap::before {
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(183, 210, 229, 0.8);
}
.m_wrap::after {
    content: '';
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -2px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
}

/*error style*/
.form-group.has-error input{
	background-color: #fff5f4 !important;
  	border: solid 1px #ff4634 !important;
}
.form-group.has-error p.error{
	clear: both;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 1.46;
	color: #ff494c;
	margin-bottom: 5px;
}

#manageModal .form-group{
	margin-bottom: 0;
}
#manageModal .form-group .wrap{
    width: 100%;
    border-bottom:1px solid #e5eef5;
    padding: 15px 0;
    min-height: 80px;
    position: relative;
}
#manageModal .form-group .wrap .info{
    position: relative;
    padding-left: 65px;
    width: 60%;
}
#manageModal .form-group .wrap .info p{
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	color: #294661;
}
#manageModal .form-group .wrap .info p.email{
	font-size: 13px;
	color: #81839c;
}
#manageModal .form-group .wrap .info img{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 12px;
}
#manageModal .form-group .wrap .info span.add_ic{
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 12px;
    background: #c5d9e8;
    position: absolute;
    left: 0;
    top: 0;
}
#manageModal .form-group .wrap .info span.add_ic i{
    color: #fff;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-size: 32px;
    position: absolute;
    font-weight: bold;

}
#manageModal .form-group .wrap .info input{
    clear: both;
    width: 100%;
    border: 0;
    outline: none;
}
#manageModal .form-group .wrap .info input:focus{
	outline: none;
}
#manageModal .form-group .wrap .info input.name_ac{
	font-size: 15px;
	color: #294661;
}
#manageModal .form-group .wrap .info input.email_ac{
	font-size: 13px;
	color: #81839c;
}

#manageModal .form-group .wrap .action{
	margin-top:15px;
}
#manageModal .form-group .wrap .action p{
	display: inline-block;
	margin-bottom: 0;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	color: #ff494c;
	margin-right: 10px;
}
#manageModal .form-group .wrap .action .add_ac{
	padding: 3px 10px;
	border-radius: 4px;
	background-color: #ff494c;
	border: solid 1px #ff494c;
	width:63px;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	/*line-height: 24;*/
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	margin-right: 10px;
}
#manageModal .form-group .wrap .action .add_ac:hover,
#manageModal .form-group .wrap .action .add_ac:focus
{
	text-decoration: none;

}

#manageModal .form-group .wrap .action .close_ac i{
	font-size: 13px;
	width: 24px;
	text-align: center;
}

.gmnoprint:not(.gm-bundled-control) {
    display: none;
}

.gm-bundled-control .gmnoprint {
    display: block;
}
.gm-style-cc{
	display: none;
}
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
a[href^="https://www.google.com/maps"]{display:none !important}


/*notification menu*/
.notifica{
	width:300px;
}
.notifica li{
	position: relative;
}
.notifica li span.close{
	position: absolute;
	right: 10px;
	top: 50%;
	transform:translateY(-50%);
	width: 10px;
	height: 10px;
}
.notifica li span.close i{
	font-size: 10px;
	position: absolute;
}
.notifica li a{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid rgba(183, 210, 229, 0.8) !important;
	color: #294661 !important;
}
.notifica li:last-of-type a{
	border-bottom: 0 !important;
}
.notifica .unread{
    background: #f5f5f5;
}

/*error page*/
#section_content.error{
	position: relative;
	height: 100vh;
	padding-bottom: 0;
	margin-top: -50px;
	z-index: 9;
}
#section_content.error .wrap{
	position: relative;
	height: 100%;
}
#section_content.error .wrap .error_content{
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}
#section_content.error .wrap .error_content img{
	width: 341px;
}
#section_content.error .wrap .error_content a{
	background:#ff494c;
	border-radius:8px;
	width:224px;
	height:42px;
	font-family:Gotham Rounded;
	font-weight: bold;
	font-size:15px;
	color:#ffffff;
	letter-spacing:0;
	line-height:42px;
	text-align:center;
	display: inline-block;
	text-decoration: none;
}
#section_content.error .wrap .error_content h3{
	font-family:Gotham Rounded;
	font-size:28px;
	color:#294661;
	letter-spacing:0;
	line-height:36px;
	text-align:center;
	margin-top: 30px;
	margin-bottom: 40px;
}
#section_content.error .wrap .error_content a:hover{
	text-decoration: none;
}
.message_success p{
	color: #ff5f5f;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/*make first column in table*/
.own-table tr td.first,
.own-table tr th.first{
	padding: 0 !important;
	width: 20px;
	border-top: 0;
}
.own-table tr td.last,
.own-table tr th.last{
	padding: 0 !important;
	width: 20px;
	border-top: 0;
}
.own-table tr .td_option{
	width: 40px;
	text-align: right;
}
.own-table tr .td_option .option{
	margin-right: 0px;
}

/*invoice style*/
.invoice .own-page-title p{
	font-family:Gotham Rounded;
	font-size:15px;
	color:#81839c;
	letter-spacing:0;
	text-align:left;
	padding-left: 30px;
	position: relative;
	line-height: 21px;
	margin-bottom: 15px;
}
.invoice .own-page-title p.address{
	padding-left: 0;
	padding-top: 10px;
}
.invoice .own-page-title p.address em{
	display: inline-block;
	width: 60px;
}
.invoice .own-page-title p.address strong{
	color:#294661;
	line-height:22.5px;
}
.invoice .own-page-title .pull-left{
	/*width: 50%;*/
}
.invoice .date span,.invoice .maps span,.invoice .phone span
{
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	display: inline-block;
	text-align: center;
	margin-right: 7px;
}
.invoice .date span img,
.invoice .maps span img,
.invoice .phone span img{
    margin: 0px auto;
    display: inline-block;
}
.invoice #tb_product_order .tablesorter-header-inner{
	margin-right: 0;
}
.invoice #tb_product_order tr td{
	border-top: 1px solid #e5eef5;
}
.invoice #tb_product_order tr td.first, .invoice #tb_product_order tr th.first,
.invoice #tb_product_order tr td.last, .invoice #tb_product_order tr th.last{
	border-top: 0;
}
.invoice #tb_product_order tr td.no-padding-right,
.invoice #tb_product_order tr th.no-padding-right{
	padding-right: 0 !important;
}
.invoice #tb_product_order tr.hover{
    box-shadow: none;
    background: none;
}
.invoice .total_amount,.invoice .signature{
	border-top: 1px solid #e5eef5;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	overflow: hidden;
}
.invoice .total_amount .pull-right,
.invoice .signature .pull-right{
	width: 275px;
}
.invoice .total_amount .pull-right p,
.invoice .signature .pull-right p{
 width: 100%;
 position: relative;
 overflow: hidden;
}
.invoice .total_amount .pull-right p:last-child{
	border-top: 1px solid #e5eef5;
	padding-top: 15px;
}
.invoice .total_amount .pull-right p label,
.invoice .signature .pull-right p label{
	float: left;
	font-family:Gotham Rounded;
	font-size:15px;
	color:#294661;
	letter-spacing:0;
	text-align:left;
	font-weight: normal;
	margin-right: 10px;
}
.invoice .total_amount .pull-right p strong,
.invoice .total_amount .pull-right p strong label{
	font-weight: bold;
	font-family:Gotham Rounded;
	font-size:15px;
	color:#294661;
	letter-spacing:0;
	text-align:left;
	text-transform: uppercase;
}
.invoice .total_amount .pull-right p span{
	float: right;
	font-weight: 500;
}
.invoice .signature .pull-right p strong{
	text-transform: uppercase;
	font-family:Gotham Rounded;
	font-size:15px;
	color:#294661;
	letter-spacing:0;
	text-align:left;
}
.invoice .signature .pull-right p:last-child{
	width: 100%;
	height: 100px;
	background: rgba(24, 27, 44, 0.1);
	border-radius: 8px;
	border: 1px solid rgba(24, 27, 44, 0.1);
}

.invoice .own-panel-heading a.btn-print {
    min-width: 100px;
    height: 42px;
    line-height: 42px;
    border-radius: 8px;
    background-color: #ff494c;
    border: solid 1px rgba(0, 0, 0, 0.05);
}
.invoice .own-panel-heading a.btn-print img{
	width: 20px;
	height: 18px;
	margin-right: 10px
}
.invoice .own-panel-heading a.btn-export {
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    color: #294661;
    margin-right: 10px;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px #c5d9e8;
    box-shadow: none;
    min-width: 150px;
}

@page{
	size: A4;
    margin: 0;
}
@media print {
	html, body {
            width: 210mm;
           /* height: 297mm;        */
        }
	section.invoice *{
		font-family: 'Roboto',sans-serif !important;
	}
	.invoice .container{
		width: 98%;
		padding:0 20mm;
	}
	.invoice .container .row{
		margin: 0;
	}
	.invoice .product_detail_panel.own-panel-lg-border .own-panel-heading{
		border: 1px solid rgba(183, 210, 229, 0.8);
	}
	.invoice #tb_product_order{
		width: 99%;
		margin: 0 auto;
	}
	.invoice .panel-body.own-panel-body{
		padding-left: 0;
		padding-right: 0;
		border: 2px solid rgba(183, 210, 229, 0.8);
		border-top: 0;
	}
	.invoice .panel-body.own-panel-body .wrap-tbl{
		border: 0;
	}
	.invoice .btn{display: none;}
	.invoice .own-page-header .own-h3{
		padding-left: 0;
	}
	.invoice .own-page-header .own-h3 span{
		display: none;
	}
}
#choose_filter{
	float: left;
}
.daterange.date_filter input{
	padding-left: 30px;
	background: url(../images/icon_search.png) no-repeat center left 10px #fff;
	background-size: 14px 14px;
}
.bootstrap-select.btn-group.own-custom-select.filter_order{
	display: none;
}
.start_date_filter_order{
	float: left;
	margin-top: 14px;
}
.end_date_filter_order{
	display: none;
	float: left;
	margin-top: 14px;
}

.navbar-own .navbar-nav>li>a.btn-language{
	background: #F9F8FC;
	border-radius: 12px;
	width: 60px;
	padding: 0;
	height: 30px;
	display: inline-block;
	border-bottom: 0;
	color: #294661;
	line-height: 27px;
	margin-top: 10px;
	text-align: left;
	padding-left: 8px;
	font-size: 15px;
	font-weight: normal;
	font-family: Gotham Rounded;
	cursor: pointer;
}
.navbar-own .navbar-nav>li>a.btn-language img{
	height: 14px;
	width: 14px;
	margin-right: 6px;
	margin-top: -3px;
}
.navbar-own .navbar-nav>li>a:hover{
	box-shadow: none;
	color: #294661;
}

ul.order_type{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
ul.order_type li{
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  /*width: 100%;*/
  height: 50px;
  display: inline-block;
  float: left;
    /*border-bottom: 1px solid #111111;*/
}

ul.order_type li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul.order_type li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 5px 40px 5px 25px;
  margin: 0px auto;
  /*height: 30px;*/
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul.order_type li:hover label{
    color: #FFFFFF;
}

ul.order_type li .check{
  display: block;
  position: absolute;
  border: 2px solid #AAAAAA;
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 7px;
  left: 0px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

ul.order_type li:hover .check {
  /*border: 5px solid #FFFFFF;*/
}

ul.order_type li .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 5px;
    width: 5px;
    top: 3px;
    left: 3px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

ul.order_type input[type=radio]:checked ~ .check {
  border: 2px solid #FF5f5f;
}

ul.order_type input[type=radio]:checked ~ .check::before{
  background: #FF5f5f;
}

ul.order_type input[type=radio]:checked ~ label{
  color: #FF5f5f;
}
#tb_vouchers td.first,#tb_vouchers th.first,
#tb_vouchers td.last,#tb_vouchers th.last{
	width: 10px;
}
#tb_vouchers.table{
	table-layout: fixed;
    word-wrap: break-word;
    width: 100%;
}
#tb_vouchers .pr_name{
	width: 200px;
}
#tb_vouchers .pr_serial{
	width: 170px;
}
#tb_vouchers td.pr_code,
#tb_vouchers th.pr_code{
	width: 170px;
}
/* #tb_vouchers .pr_issue{
	width: 85px;
} */
#tb_vouchers .pr_status{
	width: 132px;
}
#tb_vouchers .pr_username{
	width: 160px;
}
#tb_vouchers .pr_emailsms{
	width: 180px;
}
#tb_vouchers .order_name{
	width: 150px;
}
#tb_vouchers .pr_link{
	width: 60px;
}
#tb_vouchers .inside_tbl td{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0 !important;
	vertical-align: top !important;
}
#tb_vouchers .inside_tbl td.pr_name{
	padding-left: 10px !important;
	/*padding-right: 10px;*/
	/*width: 200px !important;*/
}
#tb_vouchers .inside_tbl td.pr_code{
	/*width: 80px !important;*/
}
#tb_vouchers .inside_tbl td.pr_issue{
	/*width: 90px;*/
}
#tb_vouchers tr td:first-child, #tb_vouchers tr th:first-child{
	/*padding-left: 0 !important;*/
}

/*forgot pass*/
.form-reset-wrp{
	display: block;
	margin: 0 auto;
}
.forgot-form{
	text-align: center;
	padding: 20px 60px;
	margin-top: 100px;
	width: 600px;
	background:#ffffff;
	border:1px solid rgba(183,210,229,0.80);
	box-shadow:0 1px 4px 0 rgba(43,63,89,0.21);
	border-radius:8px;
	width:598px;
	margin: 100px auto 0;
}
.forgot-form p{
	font-family:Gotham Rounded;
	font-size:15px;
	color:#81839c;
	letter-spacing:0;
	line-height:25px;
	text-align:center;
	margin-bottom: 30px;
}
.forgot-form input{
	height: 40px !important;
	line-height: 40px;
	padding-bottom: 10px;
}
.forgot-form button,
.forgot-form button:hover,
.forgot-form button:focus{
	width: 100%;
	background:#ff494c;
	border:1px solid rgba(0,0,0,0.05);
	border-radius:8px;
	height:40px;
	line-height: 38px;
	font-family:Gotham Rounded;
	font-size:15px;
	color:#ffffff;
	letter-spacing:0;
	text-align:center;
	padding: 0;
	margin-top: 5px;
}


/*order marketing*/
.marketing .own-panel-lg-border.order-info .own-panel-body{
	background: #faf9fc;
}
.marketing .own-panel-lg-border .own-panel-heading{
	padding-top: 15px;
	padding-bottom:15px;
	min-height: 75px;
}
.marketing .own-custom-select{
	margin-right: 10px;
}
.marketing .own-custom-select button{
	padding-left: 12px;
}
.marketing .own-custom-select button:before{
	display: none;
}
.marketing .own-custom-select button span.caret{
	border-top-color: #81839c;
    border-bottom-color: #81839c;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    right: 15px !important;
}
.marketing .title b{
	color: #294661;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	height: 42px;
	line-height: 42px;
	text-transform: uppercase;
}

.marketing .own-custom-select .dropdown-toggle span.filter-option{
	color: #294661;
	font-style: normal;
}
.marketing .type_neworder_btn{
	display: inline-block;
	text-decoration: none;
	margin-left: 5px;
}
.marketing .type_neworder_btn:hover{
	text-decoration: none;
}
.marketing .type_neworder_btn span {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: url(../images/icon_plus.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
}
.marketing .title .input_box{
	display: none;
}
.marketing .title .input_box .edit_btn{
	display: none;
	width: 15px;
	height: 15px;
	background: url('/images/edit_icon.png') no-repeat center center;
	background-size: 100% 100%;
}
.marketing .title .input_box .edit_btn:hover{
	cursor: pointer;
}
.marketing input.type_neworder{
	height: 40px;
	line-height: 40px;
	border: 0;
	border-bottom: 1px solid #c5dbea;
	width: 350px;
	outline: none;
	font-family: Gotham Rounded;
	font-size: 22px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #294661;
	max-width: 350px;
}
.marketing input.type_neworder.hasBlur{
	border: 1px solid #fff;
	pointer-events: none;
	width: auto;
}
.marketing input.type_neworder::-moz-placeholder {
	color: #81839c;
	opacity: 1;
	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
}
.marketing input.type_neworder:-ms-input-placeholder {
  	color: #81839c;
  	opacity: 1;
  	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
}
.marketing input.type_neworder::-webkit-input-placeholder {
  	color: #81839c;
  	opacity: 1;
  	font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    color: #81839c;
}
.marketing .daterange{
	margin-top: 0px;
    margin-right: 0px;

}
.marketing .daterange label{
	position: relative;
	margin-right: 4px;
	font-size: 13px;
	font-family: Gotham Rounded;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: normal;
	color: #81839c;
}
.marketing .daterange.schedule label{
	margin-top: 10px;
}
.marketing .daterange label span.noitice{
	position: relative;
	background: url(../images/icon_help.png) no-repeat center center #a8c6df;
	background-size: auto 10px;
    width: 14px;
    height: 14px;
    display: inline-block;
    /*overflow: hidden;*/
    top: initial;
    transform: initial;
    right: initial;
    color: #fff;
    border-radius: 2px;
    margin-left: 2px;
    margin-bottom: -1px;
}
.marketing .daterange label span.noitice:hover::before{
	display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px solid rgba(183, 210, 229, 0.8);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 4px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
}
.marketing .daterange label span.noitice:hover::after{
	display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 8px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 6px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    z-index: 9;
}
.marketing .daterange label span.noitice:hover + .notice_expired {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.marketing .plus_expireday{
	float: right;
	margin-left: 4px;
}
.marketing .own-custom-select.pl_expired{
	margin-right: 0;
}
.marketing .own-custom-select.pl_expired .dropdown-toggle span.filter-option{
	font-weight: 500;
}
.marketing .daterange input#input_expiry{
	color: #294661;
	font-weight: 0;
	font-style: normal;
	width: 140px;
	z-index: 2;
	background:url(/images/icon_calendar.png) no-repeat center right 15px;
	background-size: 14px 16px;
	padding-right: 35px;
}
.marketing .wrap-tbl{
	margin-right: -20px;
	margin-left: -20px;
	border: 0;
	margin-top: 0;
	padding-top: 0;
}
.marketing .wrap-tbl .addmorerow{
	border-top: 1px solid #d8e5ee;
	padding: 20px 20px 5px 20px;
	background: #faf9fc;
	text-align: center;

}
.marketing .wrap-tbl .addmorerow p{
	display: block;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #81839c;
	text-align: center;
}
.marketing .wrap-tbl .addmorerow p .addrow,
.marketing .wrap-tbl .addmorerow p .add-e-row,
.marketing .wrap-tbl .addmorerow p .upload
{
	display: inline-block;
	line-height: 42px;
	width: auto;
	height: 42px;
	border-radius: 8px;
	background-color: #faf9fc;
	border: solid 1px #2b98f0;
	font-family: Gotham Rounded;
	font-size: 15px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	color: #2b98f0;
	padding: 0px 15px;
	text-decoration: none;
	cursor: pointer;
}
.marketing .wrap-tbl .addmorerow p .addrow span,
.marketing .wrap-tbl .addmorerow p .add-e-row span
{
	width: 12px;
    height: 12px;
    margin-right: 10px;
    background: url(../images/icon_plus_blue.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
}
.marketing .wrap-tbl .addmorerow p .upload span{
	width: 12px;
    height: 12px;
    margin-right: 10px;
    background: url(../images/icon_upload.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
}
.marketing .wrap-tbl .addmorerow p .addrow input,
.marketing .wrap-tbl .addmorerow p .add-e-row input {
	border-radius: 4px;
	border: 1px solid #d8e5ee;
	padding: 0;
	width: 60px;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	letter-spacing: normal;
	color: #294661;
	margin-right: 5px;
	margin-left: 5px;
	background: #faf9fc;
}
.marketing .wrap-tbl .addmorerow p .upload{

}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

/*table*/
.marketing .own-table.table-confirm-send{
	background: #faf9fc;
	margin-bottom: 0;
}
.marketing .own-table tr td{
	padding-top: 30px;
	padding-bottom: 30px;
}
.marketing .own-table tr .product_col{
	width: 230px;
	padding-left: 15px !important;
	padding-right: 15px;

}
.inside_tbl tr.hover td:first-child,
.inside_tbl tr td:first-child{
	box-shadow: none !important;
}
.marketing .own-table tr .product_col p{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.46;
	letter-spacing: normal;
	color: #294661;
}
.marketing .own-table tr .quantity_col{
	width: 100px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}
.marketing .own-table tr .total_col{
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}
.marketing .own-table tr .total_col p{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.85;
	letter-spacing: normal;
	text-align: left;
	color: #294661;
}
.marketing .own-table .inside_tbl{
	width: 480px;
}
.marketing .own-table .inside_tbl tr td{
	padding-top: 0;
	padding-bottom: 10px;
}
.marketing .own-table tr td.lang{
	text-align: center;
}
.marketing .own-table tr td.lang .own-custom-select.language{
	float: none !important;
	margin: 0 auto;
}
.marketing .own-table .add_more_product,.marketing .own-table .add_product{
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #ff494c;
	padding-left: 15px;
}
.marketing .own-table .add_product{
	/*padding-left: 0;*/
}
.own-table td[colspan]{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.own-table .inside_tbl tr td{
	vertical-align: top;

}
.qty_ipt{
	width: 50px !important;
	text-align: center;
	padding: 0 !important;
	margin-bottom: 5px;
}
.marketing .own-table .quantity_col .qty_ipt{
	width: 60px;
	height: 24px;
	line-height: 22px;
	padding: 0 !important;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #c5d9e8;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	color: #294661;
}
.marketing .own-custom-select.language button{
	height: 32px;
	padding: 0 10px;
	width: 57px;
}
.marketing .own-custom-select.language button span.caret{
	right: 10px !important
}
.marketing .own-custom-select.language .dropdown-toggle span.filter-option img{
	margin-bottom: 2px;
}
.marketing .bootstrap-select.own-custom-select.language .dropdown-menu li a{
	padding: 5px 10px;
}
.marketing .own-table .email_sms{
	width: 210px;
}
.marketing .own-table .email_box,
.marketing .own-table .phone_box,
.marketing .own-table .name_box,
.marketing .own-table .scheduleDate{
	margin-bottom: 15px;
}
.marketing .own-table .email_box input,
.marketing .own-table .phone_box input,
.marketing .own-table .name_box input,
.marketing .own-table .scheduleDate input{
	height: 32px !important;
	width: 210px;
	padding: 0 10px !important;
	font-family: Gotham Rounded;
	font-size: 15px;
	line-height: 32px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #294661;
	border-radius: 8px;
	background-color: #fff;
	border: solid 1px #a8c6df;
}

.scheduleDate input{
	background: url(/images/icon_calendar.png) no-repeat center right 5px;
	background-size: 20px 20px;
}
.marketing .own-table .message_box textarea,.marketing .own-table .message_box textarea:focus{
	height: 127px;
	width: 210px;
	padding: 5px 10px !important;
	font-family: Gotham Rounded;
	font-size: 14px;
	line-height: 22px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	color: #294661;
	border-radius: 8px;
	background-color: #fff;
	border: solid 1px #a8c6df;
	overflow-y:auto; 
	resize: none;
	outline: none;
}
.marketing .own-table .message_box.schedule textarea,
.marketing .own-table .message_box.schedule textarea:focus{
	height: 110px;
}
.marketing .own-table .message_box .after-amount{
	/*display: none;*/
	font-size: 12px;
    color: red;
}
.marketing .own-table .message_box textarea::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 4px;
}

.marketing .own-table .message_box textarea::-webkit-scrollbar
{
	width: 4px;
	border-radius: 4px;
	background-color: #F5F5F5;
}

.marketing .own-table .message_box textarea::-webkit-scrollbar-thumb
{
	border-radius: 4px;
	background-color: #ff5f5f;
}
.marketing .own-table .option .content .clear span{
	background: url('/images/icon_clear.png') no-repeat center center;
	background-size: 100% 100%;
	display: inline-block;
}
.marketing .own-table .option .content .delete span{
	background: url('/images/icon_delete.png') no-repeat center center;
	background-size: 100% 100%;
	display: inline-block;
}
.marketing .addmorerow .generate_btn{
	display: inline-block;
	text-decoration: none;
	margin: 0 auto;
}

.group_add_all{
	display: inline-block;
}
.group_add_all a.add_all_btn{
	display: inline-block;
	height: 42px;
	line-height: 42px;
	margin-left: 0px;
	border-radius: 6px;
	background-color: #2b98f0;
	padding: 0 10px;
	color: #fff;
	font-family: Gotham Rounded;
	font-size: 13px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
	text-align: center;
	text-decoration: none;
}

.order_wrap{
	display: inline-block;
}


/*custom select language*/
.custom_sl_language{
	display: inline-block;
	height: 32px;
}
.custom_sl_language.open .list_option{
	opacity: 1;
}

.custom_sl_language .selected_text{
	position: relative;
	background-color: #ffffff !important;
    border: solid 1px #a8c6df !important;
    width: 57px;
    height: 32px;
    padding: 0 10px;
    display: inline-block;
    border-radius: 8px;
}
.custom_sl_language .selected_text img{
	position: absolute;
	top: 50%;
	left: 10px;
	transform:translateY(-50%);
}
.custom_sl_language .selected_text::after{
	content: '';
	position: absolute;
	display: inline-block;
	border-top-color: #81839c;
    border-bottom-color: #81839c;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    right: 10px !important;
    top: 50%;
    transform:translateY(-50%);
}
.custom_sl_language .list_option{
	color: #2980b9;
    font-size: 0.75em;
    opacity: 0;
    -webkit-transition: opacity 0.2s, visibility 0s 0.2s;
    transition: opacity 0.2s, visibility 0s 0.2s;
    list-style: none;
    background: #fff;
    border: 1px solid #a8c6df;
    border-radius: 6px;
    padding:0px;
    overflow: hidden;
}
.custom_sl_language .list_option li{
	padding: 5px 10px;
	text-align: left;
}
.custom_sl_language .list_option li:hover{
	cursor: pointer;
}
.custom_sl_language .list_option li:first-child{
	border-bottom: 1px solid #a8c6df;
}
.custom_sl_language .list_option li.selected{
	background: rgba(0, 0, 0, 0.02);
    box-shadow: inset 2px 0 0 0 #2b98f0;
}


/*Loading*/
/*#fountainG{
	position:relative;
	width:234px;
	height:28px;
	margin:auto;
}

.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(0,0,0);
	width:28px;
	height:28px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:19px;
		-o-border-radius:19px;
		-ms-border-radius:19px;
		-webkit-border-radius:19px;
		-moz-border-radius:19px;
}

#fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:29px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:58px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:88px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:117px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:146px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:175px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:205px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(0,0,0);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

*/
.wrap_wating{
	/*width: 100%;
	height: 100%;*/
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.3;
	z-index: 999;
}
.wating{
	position: fixed;
	/*margin: 50px auto 0;*/
	width: 400px;
	padding: 30px;
	background:#fff;
	border: 1px solid #a8c6df;
	border-radius: 12px;
	text-align: center;
	z-index: 1000;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}
.wating p{
	margin-top: 20px;
	color: #294661;
    font-size: 15px;
}
.cssload-loader {
	width: 97px;
	height: 15px;
	position: relative;
	left: 50%;
	margin-top: 30px;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}
.cssload-loader > div {
	content: " ";
	width: 15px;
	height: 15px;
	background: rgb(33,150,243);
	border-radius: 100%;
	position: absolute;
	animation: cssload-shift 2.3s linear infinite;
		-o-animation: cssload-shift 2.3s linear infinite;
		-ms-animation: cssload-shift 2.3s linear infinite;
		-webkit-animation: cssload-shift 2.3s linear infinite;
		-moz-animation: cssload-shift 2.3s linear infinite;
}
.cssload-loader > div:nth-of-type(1) {
	animation-delay: -0.46s;
		-o-animation-delay: -0.46s;
		-ms-animation-delay: -0.46s;
		-webkit-animation-delay: -0.46s;
		-moz-animation-delay: -0.46s;
}
.cssload-loader > div:nth-of-type(2) {
	animation-delay: -0.92s;
		-o-animation-delay: -0.92s;
		-ms-animation-delay: -0.92s;
		-webkit-animation-delay: -0.92s;
		-moz-animation-delay: -0.92s;
}
.cssload-loader > div:nth-of-type(3) {
	animation-delay: -1.38s;
		-o-animation-delay: -1.38s;
		-ms-animation-delay: -1.38s;
		-webkit-animation-delay: -1.38s;
		-moz-animation-delay: -1.38s;
}
.cssload-loader > div:nth-of-type(4) {
	animation-delay: -1.84s;
		-o-animation-delay: -1.84s;
		-ms-animation-delay: -1.84s;
		-webkit-animation-delay: -1.84s;
		-moz-animation-delay: -1.84s;
}



@keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(43,151,240);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,73,76);
		opacity: 0;
	}
}

@-o-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(43,151,240);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,73,76);
		opacity: 0;
	}
}

@-ms-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(43,151,240);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,73,76);
		opacity: 0;
	}
}

@-webkit-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(43,151,240);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,73,76);
		opacity: 0;
	}
}

@-moz-keyframes cssload-shift {
	0% {
		left: -58px;
		opacity: 0;
		background-color: rgb(43,151,240);
	}
	10% {
		left: 0;
		opacity: 1;
	}
	90% {
		left: 97px;
		opacity: 1;
	}
	100% {
		left: 156px;
		background-color: rgb(255,73,76);
		opacity: 0;
	}
}

td.email_sms a.send_btn,td.email_sms a.save_btn{
    display: inline-block;
    background: #ff494c;
    height: 30px;
    line-height: 28px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    border-radius: 8px;
    font-family: Gotham Rounded;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-decoration: none;

}
td.email_sms a.send_btn:hover,
td.email_sms a.send_btn:focus,
td.email_sms a.save_btn:hover,
td.email_sms a.save_btn:focus{
	text-decoration: none;
}
.notice_edit{
	max-width: initial !important;
    text-align: left !important;
    padding-top: 25px;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.notice_edit span{
	display: inline-block;
	height: 25px;
	width: 25px;
	vertical-align: middle;
	background: #ff494c;
}
.notice_edit span i{
	font-size: 22px;
}
.message_finish.mkt span{
	width: 80px;
	height: 80px;
}
.message_finish.mkt span i{
	font-size: 60px;
}
.marketing .wrap-tbl .addmorerow .group_btn_finish a{
	margin-top: 20px;
}
.marketing .wrap-tbl .addmorerow .group_btn_finish .btn_down_voucher{
	margin-right: 20px;
}
#table-confirm-send .message_send_success{
	background: #E8F5D8;
	text-align: center;
}
#table-confirm-send .message_send_success p{
	text-align: center;
	display: inline-block;
	padding-left: 30px;
	margin: 0 auto;
	position: relative;
}
#table-confirm-send .message_send_success p span{
	background: #81c926;
    border-radius: 50%;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    border: 0;
}
#table-confirm-send .message_send_success p span i{
	font-size: 14px;
	color: #fff;
}
.btn_send_all_voucher.clicked{
	background: #e0e0e0;
	pointer-events:none;
}

.wrap_loading{
	position: absolute;
	left: 16px;
	right: 16px;
	opacity: 0.85;
	background:#F5F6FA;
}

.wrap_loading img.loading{
	display: inline-block;
	position: absolute;
	width: 50px;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}

.wrap_sending{
	position: absolute;
	left: 15px;
	right: 15px;
	opacity: 0.85;
	background:#F5F6FA;
}
.wrap_sending.error small span{
	background: none;
}
.wrap_sending.error small span i{
	color: #ff494c;
	font-size: 18px;
}
.wrap_sending small{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 15px;
	transform:translate(-50%,-50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
}
.wrap_sending small span{
	width: 20px;
    height: 20px;
    background: #0093ee;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}
.wrap_sending small span i{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-size: 14px;
	color: #fff;
}

#fountainG{
	position:absolute;
	width:120px;
	height:14px;
	margin:auto;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%); 
}

.fountainG{
	position:absolute;
	top:0;
	background-color:rgb(129,131,156);
	width:14px;
	height:14px;
	animation-name:bounce_fountainG;
		-o-animation-name:bounce_fountainG;
		-ms-animation-name:bounce_fountainG;
		-webkit-animation-name:bounce_fountainG;
		-moz-animation-name:bounce_fountainG;
	animation-duration:1.5s;
		-o-animation-duration:1.5s;
		-ms-animation-duration:1.5s;
		-webkit-animation-duration:1.5s;
		-moz-animation-duration:1.5s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
	border-radius:9px;
		-o-border-radius:9px;
		-ms-border-radius:9px;
		-webkit-border-radius:9px;
		-moz-border-radius:9px;
}

#fountainG_1{
	left:0;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#fountainG_2{
	left:15px;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#fountainG_3{
	left:30px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#fountainG_4{
	left:45px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#fountainG_5{
	left:60px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#fountainG_6{
	left:75px;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#fountainG_7{
	left:90px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}

#fountainG_8{
	left:105px;
	animation-delay:1.64s;
		-o-animation-delay:1.64s;
		-ms-animation-delay:1.64s;
		-webkit-animation-delay:1.64s;
		-moz-animation-delay:1.64s;
}



@keyframes bounce_fountainG{
	0%{
	transform:scale(1);
		background-color:rgb(129,131,156);
	}

	100%{
	transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}

@-o-keyframes bounce_fountainG{
	0%{
	-o-transform:scale(1);
		background-color:rgb(129,131,156);
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}

@-ms-keyframes bounce_fountainG{
	0%{
	-ms-transform:scale(1);
		background-color:rgb(129,131,156);
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}

@-webkit-keyframes bounce_fountainG{
	0%{
	-webkit-transform:scale(1);
		background-color:rgb(129,131,156);
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}

@-moz-keyframes bounce_fountainG{
	0%{
	-moz-transform:scale(1);
		background-color:rgb(129,131,156);
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgba(255,255,255,0);
	}
}


.phone_box .location{
	padding-left: 25px;
	position: relative;
	display: inline-block;
}
.phone_box .location_icon{
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 5px;
	width: 14px;
	height: 14px;
	display: inline-block;
}
.phone_box .location_icon i{
	font-size: 15px;
	color: #c5d9e8;
	/*position: absolute;*/
	margin-top: 2px;
}
.phone_box .location_detail{
	display: none;
	width: 238px;
	position: absolute;
	bottom: 100%;
	border-radius: 12px;
 	border: solid 1px rgba(183, 210, 229, 0.8);
 	background: #fff;
 	padding: 10px 20px;
 	font-family: Gotham Rounded;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.45;
	text-align: center;
	color: #81839c;
	left: 0;
	transform:translateX(-50%);
	margin-bottom: 5px;
}
.phone_box .location_icon:hover::before{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid rgba(183, 210, 229, 0.8);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 0px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
}
.phone_box .location_icon:hover::after{
	display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
    content: '';
    bottom: 100%;
    margin-bottom: 1px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    z-index: 9;
}
.phone_box .location_icon:hover + p.location_detail{
	display: block;
}
.goto_link,
.goto_link:hover,
.goto_link:focus,
.goto_link:active{
	background: #ff494c;
	border-color: #ff494c;
	color: #fff;
	box-shadow: none;
}

#productModal .wrap-cart .cart-title .cate-brand-group .own-custom-select{
		width: 240px !important;
	}
	#productModal .modal-body{
		padding: 0;
	}
	#productModal .modal-body .left{
		border-right: 1px solid #d8e5ee;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#productModal .modal-body .right h4{
		border-bottom: 1px solid #d8e5ee;
		margin: 0 -15px;
		padding: 15px 20px;
		font-family: Gotham Rounded;
		font-size: 15px;
		font-weight: bold;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #294661;
	}
	#productModal .list_selected_product{
		max-height: 385px;
		overflow-y: auto;
	}
	#productModal .list_selected_product  .wrap-cart{
		z-index: inherit;
	}
	#productModal .list_selected_product .wrap-cart .cart_item .pull-left{
		padding-left: 0px !important;
	}
	#productModal .list_selected_product  .wrap-cart .cart_item .amount_product{
		position: relative;
		top: inherit;
		transform:inherit;
		right: initial;
	}
	#productModal .list_selected_product .wrap-cart .cart_item .product_name{
		margin-bottom: 5px;
	}
	#productModal .list_selected_product .wrap-cart .cart_item .brand_name{
		font-family: Gotham Rounded;
		font-size: 13px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #81839c;
		text-transform: uppercase;
		margin-bottom: 15px;
	}
	#productModal .list_selected_product  .wrap-cart .cart_item .close{
		top: inherit;
		bottom: 0;
		font-family: Gotham Rounded;
		font-size: 15px;
		font-weight: normal;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #ff494c;
		border-radius: 4px;
		background-color: #f9f8fc;
		border: solid 1px #ff494c;
		right: 20px;
		padding: 0px 10px;
		height: 26px;
		line-height: 20px;
		opacity: 1;
	}
	#productModal .list_selected_product  .wrap-cart .cart_item .close i{
		vertical-align: middle;
		font-size: 18px;
	}
	
	.modal-open #productModal.modal{
		overflow-y: scroll;
	}

	.loadingAjax {
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9900;
    display: none;
}
.loadingAjax img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80px;
    height: 80px;
}
/*Loading icon*/
#img-loading{
    display: block;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -100px;
    margin-top: -100px;
    z-index:9999;
    /*background: rgba(0, 0, 0, 0.3);
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;*/
}
#img-loading img{
    width: 75px;
    height: 75px;
}
.uil-spin-css {
  background: none;
  position: relative;
  width: 200px;
  height: 200px;
}
@-webkit-keyframes uil-spin-css {
  0% {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes uil-spin-css {
  0% {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes uil-spin-css {
  0% {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes uil-spin-css {
  0% {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes uil-spin-css {
  0% {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
  100% {
    opacity: 0.1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.uil-spin-css > div {
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: 8px;
  position: absolute;
}
.uil-spin-css > div > div {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  background: #ff5f5f;
}
.uil-spin-css > div:nth-of-type(1) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.87s;
  animation-delay: -0.87s;
}
.uil-spin-css > div:nth-of-type(1) {
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(2) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.uil-spin-css > div:nth-of-type(2) {
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(3) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.62s;
  animation-delay: -0.62s;
}
.uil-spin-css > div:nth-of-type(3) {
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(4) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.uil-spin-css > div:nth-of-type(4) {
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(5) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.37s;
  animation-delay: -0.37s;
}
.uil-spin-css > div:nth-of-type(5) {
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(6) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.uil-spin-css > div:nth-of-type(6) {
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(7) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
}
.uil-spin-css > div:nth-of-type(7) {
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.uil-spin-css > div:nth-of-type(8) > div {
  -webkit-animation: uil-spin-css 1s linear infinite;
  animation: uil-spin-css 1s linear infinite;
  -webkit-animation-delay: -0s;
  animation-delay: -0s;
}
.uil-spin-css > div:nth-of-type(8) {
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
th.topup {
    text-align: left;
}
table.table tr.topup {
    text-align: left;
}
button.multiselect.dropdown-toggle.btn.btn-default {
    display: none;
}

#popupAnalytic .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupRedeemed .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupUser .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupOpened .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupNotopened .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupExpired .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupUseropend .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#popupUsernotopend .modal-lg {
    width: 1300px;
    -webkit-transform: translate(0,0); 
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.modal-footer .dowload {
    float: left;
    color: white;
    background: #1182FB;
}
.modal-lg table.table td.infor {
    text-align: left;
}
.modal-lg table.table td.product_size{
    text-align: left;
    width: 170px;
}
.modal-lg table.table {
    border: 1px solid #ddd;
    border-radius: 10px;
    border-collapse:unset;
}
.modal-lg .modal-content .modal-footer
{
	border-top: none;
}
.modal-lg .modal-content .modal-header
{
	border-bottom: none;
}
.modal-lg table.table>thead>tr>th{
	border-bottom: 1px solid #ddd;
}
.content_purchased {
    text-align: inherit;
}
.content_purchased img.purchased {
    vertical-align: middle;
    width: 25px;
}
.content_purchased span.purchased {
    position: unset;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #3F3F3F;
    text-transform: uppercase;
    width: auto;
    font-size: 12px;
}
.content_redeemed {
    text-align: inherit;
}
.content_redeemed img.redeemed {
    vertical-align: middle;
    width: 25px;
}
.content_redeemed span.redeemed {
    position: unset;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #3F3F3F;
    text-transform: uppercase;
    width: auto;
    font-size: 12px;
}
.content_expired {
    text-align: inherit;
}
.content_expired img.expired {
    vertical-align: middle;
    width: 25px;
}
.content_expired span.expired {
    position: unset;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #3F3F3F;
    text-transform: uppercase;
    width: auto;
    font-size: 12px;
}
.content_user {
    text-align: center;
}
.content_user img.user {
    vertical-align: middle;
    width: 25px;
}
.content_user span.user {
    position: unset;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 1px;
    color: #3F3F3F;
    text-transform: uppercase;
    width: auto;
    font-size: 12px;
}
/*.modal-dialog {
    top: 0% !important;
}*/

.biz-input {
	border-radius: 8px;
	border: solid 1px #a8c6df;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	outline: none;
	padding-left: 10px;
	color: #81839c;
	font-style: italic;
}

.d-none {
	display: none;
}
/*physical gift*/
.form-search{
	padding: 15px;
	background: #FFFFFF;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.ml-3{
	margin-left: 15px;
}

.col-actions {
	display: flex;
}
.col-actions  a{
	width: 35px;
	height: 35px;
	text-align: center;
}


.swal-md {
	font-size: 1.3rem !important;
}
.borderless td, .borderless th {
    border: none !important;
}
.bg-transparent {
	border: none;
	background-color: transparent;
}
#modalOrderPaymentDetail .container-fluid h5{
    color: #FD7B1F;
}
#modalOrderPaymentDetail .container-fluid .col-md-4>div {
    background-color: #EFF4F8;
    padding:  12px;
    border-radius: 10px;
}
#modalOrderPaymentDetail table {
    background-color: white;
    margin-bottom: 8;
    text-align: center;
    word-break: break-word;
}
#modalOrderPaymentDetail table td {
    width: 50%;
    border: 1px solid #C4C4C4;
}
#modalOrderPaymentDetail table tr>td:first-child {
	font-weight: 500;
}
.modal-xl {
    width: 90%;
}

#modalPayout .input-payout {
	max-width: 70px;
	margin-left: 10px;
}

.group-error select, .group-error input, .group-error .select2-selection, .group-error textarea{
	border: 1px solid red !important;
}

.group-error .message-error{
	color: red;
}

.pr_name_custom {
	width: 250px;
}

.status_custom {
	width: 100px;
	padding-right: 10px;
}

.voucher_serial_custom {
	width: 170px;
	padding-right: 10px;
}

.topup_phone_number {
	padding-left: 20px;
}