.account {
	width:100%;
	height:auto;
}
.account .intro {
	width:100%;
	height:89px;
	background:url(../images/bg-intro.jpg) repeat-x top center;
	box-sizing:border-box;
	padding:15px 0;
}
.account .intro h1 {
	max-width:1580px;
	margin:0 auto;
	text-align:center;
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size:50px;
	line-height:50px;
}
.account .intro h1 span {
	color:#0c873e;
	margin:0 10px;
}
.account .main-detail {
	width:100%;
	background:#ffffff;
	box-sizing:border-box;
}
.account .main-detail .container {
	max-width:1150px;
	margin:0 auto;
	background:none;
	padding:15px 0;
}
.account .content {
	width:100%;
	text-align:center;
}
.account .nav-tabs {
	max-width:80%;
	border:none;
	margin:0 auto 15px;
}
.account .nav-tabs > li {
    width:30%;
    text-align :center;
}
.nav-tabs > li > a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.account .nav-tabs > li > a {
	padding:5px 20px;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:0 10px;
}
.account .nav-tabs > li > a:hover {
  	border:1px solid #13a156;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.account .tab-content > .tab-pane {
	background:url(../images/content-tab-bg.jpg) no-repeat center top;
	padding:35px 0;
}
.account .nav-tabs > li.active > a,
.account .nav-tabs > li.active > a:hover,
.account .nav-tabs > li.active > a:focus {
  	color: #13a156;
 	border:1px solid #13a156;
 	background:#fff;
}

#fav-bill .row {
	margin:0 0 20px 0;
}
#fav-bill .img {
	text-align:center;
	position:relative;
}
#fav-bill .fav-ribbon {
	width:115px;
	height:115px;
	background:url(../images/ribbon-thumb-fav.png) no-repeat left top;
	position:absolute;
	z-index:2;
	top:0;
	left:24px;
}
#fav-bill a span.name {
	width:100%;
	height:40px;
	margin:10px 0;
	display:block;
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	text-align:center;
	overflow:hidden;
}
#fav-bill a:hover span.name {
	color:#13a156;
}
#fav-bill .edit-function {
	width:100%;
	text-align:center;
	margin:0 0 15px 0;
}
#fav-bill .edit-name {
	width:100%;
	margin:7px 0 20px 0;
	padding:3px 0;
	border:none;
	border-bottom:1px solid #13a156;
	outline:none;
	color:#636363;
	font-size: 16px; 
	line-height: 25px;
	font-family: 'kanitlight', 'zawgyi-one';
}
#fav-bill a.add-bill:hover {
	text-decoration:none;
}
#fav-bill a.update{
	display:inline-block;
	width:31px;
	height:31px;
	background:url(../images/icon-acc-update.png) no-repeat top left;
	margin:0 5px;
}
#fav-bill a.update:hover {
	background:url(../images/icon-acc-update-g.png) no-repeat top left;
}
#fav-bill a.bin {
	display:inline-block;
	width:14px;
	height:18px;
	background:url(../images/icon-acc-bin.png) no-repeat top left;
	margin:0 10px;
}
#fav-bill a.bin:hover {
	background:url(../images/icon-acc-bin-g.png) no-repeat top left;
}
#fav-bill .cancel-wrap {
	text-align:center;
	z-index:9999;
	position:relative;
}
#fav-bill a.cancel {
	display:inline-block;
	background:url(../images/icon-close-biller.png) no-repeat left 2px;
	padding:0 0 0 25px;
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 20px;
}
#fav-bill a.cancel:hover {
	color:#252525;
}
#fav-bill a.edit {
	display:inline-block;
	width:16px;
	height:18px;
	background:url(../images/icon-acc-edit.png) no-repeat top left;
	margin:0 10px;
}
#fav-bill a.edit:hover {
	background:url(../images/icon-acc-edit-g.png) no-repeat top left;
}
#fav-bill ul.function {
	width:70px;
	margin:0 auto;
}
#fav-bill ul.function li {
	float:left
}


/*-------------- Stored card -------------- */
#stored-card {
}
#stored-card img {
}
#stored-card .row {
	background:url(../images/content-tab-bg.jpg) no-repeat bottom center;
	padding:24px 0;
}
#stored-card .detail-card{
	width:auto;
	float:left;
}
#stored-card .detail-card p.name {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	font-weight:bold;
	margin:10px 0 0 20px;
}
#stored-card .detail-card p.card-num {
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	margin:0 0 0 20px;
}
#stored-card .edit-form {
	width:auto;
	float:left;
}
#stored-card .edit-form p.name {
	color:#acacac;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	margin:15px 0 0 20px;
	float:left;
}
#stored-card .edit-form p.card-num {
	color:#acacac;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	margin:15px 20px 0 20px;
	float:left;
}
#stored-card .edit-form select{
	width:150px;
	border:none;
	color: #13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	float:left;
	padding:5px 0 0 0;
	height:30px;
	background:url(../images/arrow-down.png) no-repeat right 5px;
	margin:8px 20px 0;
	appearance:npne;
	-moz-appearance: none;
	-webkit-appearance: none;
    -o-appearance: none;
	border-bottom:1px solid #13a156;
}
#stored-card .edit-form select:hover{
	background:url(../images/arrow-down-g.png) no-repeat right 5px;
}
#stored-card .edit-form select>option:not(:checked) { 
	border-bottom:1px solid #ccc;
	height:45px;
	color:#848484;
	background:#fff;
	padding:5px;
}
#stored-card .edit-form select>option:checked {
    color: #13a156;
	height:45px;
	background:#fff;
	padding:5px;
}
#stored-card .edit-form .input-txt {
	width:160px;
	float:left;
	outline:none;
	border:none;
	border-bottom:1px solid #13a156;
	margin:11px 20px 0 0;
	color: #13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
}
#stored-card .function-card {
	width:auto;
	float:right;
}
#stored-card a.bin-card {
	display:inline-block;
	width:14px;
	height:18px;
	background:url(../images/icon-acc-bin.png) no-repeat top left;
	margin:0 10px;
	float:left;
}
#stored-card a.bin-card:hover {
	background:url(../images/icon-acc-bin-g.png) no-repeat top left;
}
#stored-card a.confirm-del {
	opacity:0;
	display:inline-block;
	width:150px;
	height:36px;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 14px; 
	line-height: 17px;
	color:#fff;
	background:url(../images/icon-close-biller-wh.png) no-repeat 115px 11px #ac2626;
	text-decoration:none;
	box-sizing:border-box;
	padding:10px 0 0 15px;
	position:absolute;
	right:-150px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; 
}
#stored-card .animate {
	opacity:1 !important;
	right:-3px !important;
}
#stored-card .animate-out {
	opacity:0 !important;
	right:-150px !important;
}
#stored-card a.confirm-del:hover {
	color:#252525;
}
#stored-card a.cancel:hover {
	color:#252525;
}
#stored-card a.edit-card {
	display:inline-block;
	width:16px;
	height:18px;
	background:url(../images/icon-acc-edit.png) no-repeat top left;
	margin:0 10px;
}
#stored-card a.edit-card:hover {
	background:url(../images/icon-acc-edit-g.png) no-repeat top left;
}
#stored-card  a.update-card{
	display:inline-block;
	width:31px;
	height:31px;
	background:url(../images/icon-acc-update.png) no-repeat top left;
	margin:-5px 10px 0;
}
#stored-card  a.update-card:hover {
	background:url(../images/icon-acc-update-g.png) no-repeat top left;
}
#stored-card ul.function-card{
	width:auto;
	margin:20px auto 0;
}
#stored-card ul.function-card li {
	float:left
}

/* -------------- Pay history ----------- */
#pay-history {
	
}
#pay-history p {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
#pay-history b {
	color:#13a156;
}
#pay-history .sort-by {
	width:365px;
	height:37px;
	border-bottom:1px solid #13a156;
	float:right;
}
#pay-history .sort-by span{
	width:70px;
	padding:0;
	margin:2px 0 0 0;
	color: #636363;
	display:inline-block;
	float:left;
	font-size: 20px; 
	line-height: 35px;
}
#pay-history .sort-by select{
	width:80%;
	border:none;
	color: #13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	float:right;
	padding:10px 0 0 0;
	height:43px;
	background:url(../images/bg-sort-by-before.jpg) no-repeat right top;
	margin:-7px 0 0 0;
	appearance:npne;
	-moz-appearance: none;
	-webkit-appearance: none;
    -o-appearance: none;
}
#pay-history .sort-by select:hover{
	background:url(../images/bg-sort-by.jpg) no-repeat right top;
}
#pay-history .sort-by select>option:not(:checked) { 
	border-bottom:1px solid #ccc;
	height:45px;
	color:#848484;
	background:#fff;
	padding:5px;
}
#pay-history .sort-by select>option:checked {
    color: #13a156;
	height:45px;
	background:#fff;
	padding:5px;
}
#pay-history .row {
	background:url(../images/content-tab-bg.jpg) no-repeat bottom left;
	padding:10px 0;
}
#pay-history .no-bg {
	background:none !important;
}
#pay-history img {
	float:left;
	width:85px;
	height:85px;
}
#pay-history .detail{
	width:auto;
	float:left;
}
#pay-history .detail h3 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	font-weight:bold;
	margin:10px 0 0 20px;
}
#pay-history .detail p {
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	margin:0 0 0 20px;
}
#pay-history ul {
	float:left;
	list-style:none;
	margin:12px 0 0 0;
}
#pay-history ul li{
	text-align:left;
}
#pay-history ul li .right{
	text-align:right;
}
#pay-history ul li span {
	width:150px;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	float:left;
}
#pay-history ul li span.green b {
	color:#17ad63;
}
#pay-history ul.function-payment {
	float:right;
	margin:15px 0 0 0;
}
#pay-history ul.function-payment li {
	float:left;
	padding:0 5px;
}
#pay-history ul.function-payment li a.view {
	display:inline-block;
	width:16px;
	height:16px;
	float:left;
	background:url(../images/icon-view.png) no-repeat top left;
	text-indent:-99999px;
	margin:10px 0 0 0;
}
#pay-history ul.function-payment li a.view:hover{
	background:url(../images/icon-view-g.png) no-repeat top left;
}
#pay-history ul.function-payment li a.bin {
	display:inline-block;
	width:14px;
	height:18px;
	background:url(../images/icon-acc-bin.png) no-repeat top left;
	margin:10px;
}
#pay-history ul.function-payment li a.bin:hover {
	background:url(../images/icon-acc-bin-g.png) no-repeat top left;
}
#pay-history ul.function-payment li a.pay {
	display:inline-block;
	width:100px;
	height:35px;
	text-align:center;
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 14px; 
	line-height: 17px;
	font-weight:bold;
	border:1px solid #13a156;
	box-sizing:border-box;
	padding:8px 0;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#pay-history ul.function-payment li a.pay:hover {
	background:#13a156;
	color:#ffffff;
}
#pay-history ul.function-payment li a.confirm-del {
	opacity:0;
	display:inline-block;
	width:160px;
	height:36px;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 14px; 
	line-height: 17px;
	color:#fff;
	background:url(../images/icon-close-biller-wh.png) no-repeat 125px 11px #ac2626;
	text-decoration:none;
	box-sizing:border-box;
	padding:10px 0 0 25px;
	position:absolute;
	right:-160px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; 
}
#pay-history ul.function-payment li .animate {
	opacity:1 !important;
	right:-3px !important;
}
#pay-history ul.function-payment li .animate-out {
	opacity:0 !important;
	right:-160px !important;
}
#pay-history ul.function-payment li a.confirm-del:hover {
	color:#252525;
}

/*----------------- history detail ------------------*/
.history-detail {
	box-sizing:border-box;
	margin:30px 20px;
}
.history-detail h3 {
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;
	float:left;
	width:100%;
}
.history-detail a.change-biller {
	font-size:20px;
	color:#13a156;
	font-family: 'db_helvethaica_x_regular';
	float:right;
	width:13%;
	background:url(../images/icon-close-biller.png) no-repeat left 3px;
	padding:0 0 0 25px;
	margin:10px 0 0 0;
	text-decoration:none;
}
.history-detail a.change-biller:hover {
	opacity:0.6;
}
.history-detail .detail {
	width:100%;
	float:left;
	margin:10px 0;
	border-bottom:1px solid #d0d0d0;
	padding:0 0 15px 0;
}
.history-detail .detail ul {
	width:100%;
	float:left;
	list-style:none;
}
.history-detail .detail ul li {
	width:100%;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
.history-detail .detail ul li.total {
	color:#13a156;
}
.history-detail .detail ul li span.head {
	width:40%;
	float:left;
}
.history-detail .detail ul li span.result {
	width:60%;
	float:left;
}
.history-detail .detail ul li span b {
	font-weight:normal;
}
.history-detail .detail ul li span b.numberic {
	display:inline-block;
	width:100px;
	text-align:right;
	margin:0 20px 0 0;
	font-weight:normal;
}

.history-detail .detail-credit-card {
	width:100%;
	float:left;
	margin:10px 0;
	padding:0 0 15px 0;
}
.history-detail .detail-credit-card ul {
	width:100%;
	float:left;
	list-style:none;
}
.history-detail .detail-credit-card ul li {
	width:100%;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
.history-detail .detail-credit-card ul li span.head {
	width:40%;
	float:left;
}
.history-detail .detail-credit-card ul li span.result {
	width:60%;
	float:left;
	/*color:#13a156;*/
	padding:0;
}
.history-detail .detail-credit-card ul li span.result img{
	margin:-13px 0 0 0;
	padding:0;
}
.history-detail .add-bill-fav  {
	width:100%;
	float:left;
	margin:0;
}
.history-detail .add-bill-fav .save-chk {
	margin:0 10px 0 0;
}
.history-detail .add-bill-fav span {
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:0 0 0 15px;
}
.history-detail .name-fav-wrapper {
	border-bottom:1px solid #13a156;
	width:100%;
	margin:5px 0;
	display:none;
}
.history-detail .show{
	display:block;
}
.history-detail .name-fav-wrapper .name-fav {
	width:50%;
	border:none;
	color:#848484;
	font-size:36px;
	font-family: 'db_helvethaica_x_regular';
}
.history-detail a.back-btn {
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	display:inline-block;
	width:150px;
	height:40px;
	color:#fff;
	text-align:center;
	border-radius:5px;
	background:#13a156;
	box-sizing:border-box;
	padding:7px 0;
	text-decoration:none;
	margin:15px 0 0 0;
}
.history-detail a.back-btn:hover {
	color:#252525;
}
.history-detail a.delete-btn {
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	display:inline-block;
	width:130px;
	height:40px;
	text-align:center;
	border-radius:5px;
	background:#ffffff;
	box-sizing:border-box;
	padding:7px 0;
	text-decoration:none;
	margin:15px 15px 0 0;
	border:1px solid #13a156;
}
.history-detail a.delete-btn:hover {
	color:#ac2626;
	border:1px solid #ac2626;
}

/*--------------------- Setting ---------------- */
#setting {
}
#setting {
	max-width:1000px;
	height:auto;
	box-sizing:border-box;
}
#setting .bg {
	border-bottom:1px solid #13a156;
}
#setting h1 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;
}
#setting p {
	color:#636363;
	font-size:24px;
	line-height:24px;
	font-family: 'db_helvethaica_x_li';
}
#setting p.intro{
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:-18px 0 0 0;
	background:none;
	height:auto;
}
#setting p.notop{
	color:#636363;
	font-size:36px;
	line-height:36px;
	font-family: 'db_helvethaica_x_li';
	margin:0;
}
#setting p.intro-success{
	color:#636363;
	font-size:36px;
	line-height:36px;
	font-family: 'db_helvethaica_x_li';
	margin:20px 0;
}
#setting p.intro-green{
	color:#13a156;
	font-size:60px;
	line-height:25px;
	margin:15px 0 20px;
	font-family: 'db_helvethaica_x_li';
}
#setting p span{
	color:#636363;
	font-size:20px;
	line-height:20px;
	font-family: 'db_helvethaica_x_li';
	margin:0;
	float:left;
	font-style:italic;
}
#setting ul,
#setting ul li{
	float:left;
	width:100%;
}
#setting ul.right-side {
	float:right;
	width:90%;
}
#setting ul.right-side-login {
	float:right;
	width:90%;
	margin:150px 0 0 0;
}
#setting ul li {
	padding:5px 0;
	margin:15px 0 0 0;
	position:relative;
}
#setting ul li.no-form{
	margin:10px 0 0 0;
}
#setting ul li .txtbox {
	border:none;
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	width:80%;
	height:30px;
}
#setting ul li .save-chk {
	float:left;
}
#setting p.detail {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
#setting p.title {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	float:left;
	margin:10px 15px 0 0;
}
#setting a {
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
#setting a:hover {
	color:#252525;
	text-decoration:none;
}
#setting a.fb {
	color:#FFFFFF;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 16px;
	background:#0c4da2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:inline-block;
	width:250px;
	height:40px;
	text-align:center;
	padding:7px 0;
}
#setting a.fb:hover {
	color:#ECDBAB;
	text-decoration:none;
}
#setting a.forgot {
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	display:inline-block;
	margin:10px 0 0 0;
}
#setting a.forgot:hover {
	color:#252525;
}
#setting a.fb img {
	margin:0px 5px 0 0;
}
#setting .code {
	width:30%;
	float:left;
}
#setting .text-wrap {
	width:70%;
	height:40px;
	float:left;
}
#setting .text-wrap .txtbox {
	margin:8px 0 0 0;
}
#setting .alt-checkbox {
	float:left;
}
#setting label {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 14px; 
	line-height: 17px;
	font-weight:normal;
	margin:2px 0 0 10px;
	float:left;
	width:90%;
}
#setting .btn-save,
#setting .btn-cancel {
	width:180px;
	height:40px;
	float:left;
	color:#FFFFFF;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	text-align:center;
	background:#13a156;
	border:none;
	margin:0 20px 0 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#setting .btn-save:hover,
#setting .btn-cancel:hover {
	color:#252525;
	transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -webkit-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out; 
}
#setting .btn-cancel {
	color:#13a156;
	background:#FFFFFF;
	border:1px solid #13a156;
}
#setting .check-wrap {
	float:left;
	margin:10px 20px;
}
#setting .terms-wrapper {
	width:100%;
	height:490px;
	overflow-y:scroll;
	float:left;
	margin:20px 0;
}
#setting .terms-wrapper p {
	font-size:20px;
	width:95%;
	margin:10px 0;
	font-family: 'db_helvethaica_x_regular';
	float:left;
}
#setting .terms-wrapper ul {
	float:left;
	margin:0 0 0 30px;
	font-family: 'db_helvethaica_x_regular';
	font-size:20px;
	color:#636363;
	width:90%;
}
#setting .terms-wrapper ul li {
	background:url(../images/icon-privacy.png) no-repeat left 7px;
	padding:0 0 0 20px;
}
#setting .download-wrapper {
	width:100%;
}
#setting .download-wrapper img{
	float:left;
}
#setting .download-wrapper .download {
	float:left;
	width:70%;
}
#setting .download-wrapper .download p{
	font-size:32px;
	line-height:32px;
	color:#464646;
	font-family: 'db_helvethaica_x_li';
	margin:20px 0 10px 15px;
}
#setting .download-wrapper .download p {
	font-size:32px;
	line-height:32px;
	color:#464646;
	font-family: 'db_helvethaica_x_li';
	margin:20px 0 0 15px;
}
#setting .download-wrapper .download p span{
	font-family: 'db_helvethaica_x_bd';
}
#setting .download-wrapper .download a.app-store {
	width:129px;
	height:43px;
	background:url(../images/icon-appstore.png) no-repeat top left;
	display:block;
	float:left;
	margin:0 10px 0 15px;
	text-indent:-99999px;
	
	transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out; 
}
#setting .download-wrapper .download a.google-play{
	width:126px;
	height:43px;
	background:url(../images/icon-googleplay.png) no-repeat top left;
	display:block;
	float:left;
	margin:0 10px 0 0;
	text-indent:-99999px;
	
	transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -webkit-transition: opacity 0.7s ease-out;
    -o-transition: opacity 0.7s ease-out; 
}
#setting .download-wrapper .download a:hover {
	opacity:0.8;
}
#setting select,
#setting select.country{
	width:110px;
	border:none;
	color: #13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	float:left;
	padding:5px 0 0 0;
	height:40px;
	background:url(../images/arrow-down.png) no-repeat right 5px;
	margin:0px 5px 0;
	appearance:npne;
	-moz-appearance: none;
	-webkit-appearance: none;
    -o-appearance: none;
	border-bottom:1px solid #13a156;
}
#setting select:hover,
#setting select.country:hover{
	background:url(../images/arrow-down-g.png) no-repeat right 5px;
}
#setting select>option:not(:checked),
#setting select.country>option:not(:checked) { 
	border-bottom:1px solid #ccc;
	height:45px;
	color:#848484;
	background:#fff;
	padding:5px;
}
#setting select>option:checked,
#setting select.country>option:checked{
    color: #13a156;
	height:45px;
	background:#fff;
	padding:5px;
}
#setting select.country {
	width:100%;
	color: #636363;
	font-size: 20px; 
	line-height: 35px;
	margin:0;
	padding:0;
}

/* ------------------- Calendar --------------- */
#calendar {
	
}
#calendar p {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
}
#calendar b {
	color:#13a156;
}
#calendar .sort-by {
	width:365px;
	height:37px;
	border-bottom:1px solid #13a156;
	float:right;
}
#calendar .sort-by span{
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	width:70px;
	padding:0;
	margin:2px 0 0 0;
	color: #636363;
	display:inline-block;
	float:left;
}
#calendar .sort-by select{
	width:80%;
	border:none;
	color: #13a156;
	font-weight:bold;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	float:right;
	padding:10px 0 0 0;
	height:43px;
	background:url(../images/bg-sort-by-before.jpg) no-repeat right top;
	margin:-7px 0 0 0;
	appearance:npne;
	-moz-appearance: none;
	-webkit-appearance: none;
    -o-appearance: none;
}
#calendar .sort-by select:hover{
	background:url(../images/bg-sort-by.jpg) no-repeat right top;
}
#calendar .sort-by select>option:not(:checked) { 
	border-bottom:1px solid #ccc;
	height:45px;
	color:#848484;
	background:#fff;
	padding:5px;
}
#calendar .sort-by select>option:checked {
    color: #13a156;
	height:45px;
	background:#fff;
	padding:5px;
}
#calendar .row {
	background:url(../images/content-tab-bg.jpg) no-repeat bottom left;
	padding:10px 0;
}
#calendar .no-bg {
	background:none !important;
}
#calendar img {
	float:left;
	width:85px;
	height:85px;
}
#calendar .detail{
	width:auto;
	float:left;
}
#calendar .detail h3 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	font-weight:bold;
	margin:10px 0 0 20px;
}
#calendar .detail p {
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	margin:0 0 0 20px;
}
#calendar ul {
	float:left;
	list-style:none;
	margin:12px 0 0 0;
}
#calendar ul li{
	text-align:left;
}
#calendar ul li .right{
	text-align:right;
}
#calendar ul li span {
	width:150px;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	float:left;
}
#calendar ul li span.green b {
	color:#17ad63;
}
#calendar ul.function-payment {
	float:right;
	margin:15px 0 0 0;
}
#calendar ul.function-payment li {
	float:left;
	padding:0 5px;
}
#calendar ul.function-payment li a.view {
	display:inline-block;
	width:16px;
	height:16px;
	float:left;
	background:url(../images/icon-acc-edit.png) no-repeat top left;
	text-indent:-99999px;
	margin:10px 0 0 0;
}
#calendar ul.function-payment li a.view:hover{
	background:url(../images/icon-acc-edit-g.png) no-repeat top left;
}
#calendar ul.function-payment li a.bin {
	display:inline-block;
	width:14px;
	height:18px;
	background:url(../images/icon-acc-bin.png) no-repeat top left;
	margin:10px;
}
#calendar ul.function-payment li a.bin:hover {
	background:url(../images/icon-acc-bin-g.png) no-repeat top left;
}
#calendar ul.function-payment li a.pay {
	display:inline-block;
	width:100px;
	height:35px;
	text-align:center;
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 14px; 
	line-height: 17px;
	font-weight:bold;
	border:1px solid #13a156;
	box-sizing:border-box;
	padding:8px 0;
	text-decoration:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#calendar ul.function-payment li a.pay:hover {
	background:#13a156;
	color:#ffffff;
}
#calendar ul.function-payment li a.confirm-del {
	opacity:0;
	display:inline-block;
	width:160px;
	height:36px;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 14px; 
	line-height: 17px;
	color:#fff;
	font-weight:bold;
	background:url(../images/icon-close-biller-wh.png) no-repeat 125px 11px #ac2626;
	text-decoration:none;
	box-sizing:border-box;
	padding:10px 0 0 25px;
	position:absolute;
	right:-160px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out; 
}
#calendar ul.function-payment li .animate {
	opacity:1 !important;
	right:-3px !important;
}
#calendar ul.function-payment li .animate-out {
	opacity:0 !important;
	right:-160px !important;
}
#calendar ul.function-payment li a.confirm-del:hover {
	color:#252525;
}

.new-calendar h1 {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 30px; 
	line-height: 35px;
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
.new-calendar h3 {
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	font-weight: bold;
	color:#848484;
	float:left;
	width:100%;
}
.new-calendar p {
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	color:#848484;
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.new-calendar .img-logo {
	width:115px;
	height:115px;
	margin:0 auto;
}

.new-calendar .input-digit {
	width:70%;
	float:left;
	border-bottom:1px solid #13a156;
	margin:10px 0;
}
.new-calendar .input-digit .contract_ac {
	width:70%;
	float:left;
	border:none;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;

}
.new-calendar a.help {
	text-indent:-99999px;
	background:url(../images/icon-help.png) no-repeat top left;
	display:inline-block;
	width:23px;
	height:23px;
	float:right;
	margin:13px 0 0 0;
}
.new-calendar a.help:hover {
	opacity:0.6;
}
.new-calendar p.title,
.new-calendar p.titlerep {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	float:left;
	margin:10px 15px 0 0;
	width:auto;
}
.new-calendar p.titlerep {
	margin:35px 0 0 0;
}
.new-calendar select{
	width:75px;
	border:none;
	color: #13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 35px;
	float:left;
	height:30px;
	background:url(../images/arrow-down.png) no-repeat right 5px;
	margin:9px 5px;
	appearance:npne;
	-moz-appearance: none;
	-webkit-appearance: none;
    -o-appearance: none;
	border-bottom:1px solid #13a156;
}
.new-calendar select.type {
	width:120px;
	margin:9px 0 0 20px;
}
.new-calendar select:hover {
	background:url(../images/arrow-down-g.png) no-repeat right 5px;
}
.new-calendar select>option:not(:checked){ 
	border-bottom:1px solid #ccc;
	height:30px;
	color:#848484;
	background:#fff;
	padding:5px;
}
.new-calendar select>option:checked {
    color: #13a156;
	height:30px;
	background:#fff;
	padding:5px;
}
.new-calendar .repeat {
	width: 60px; 
	height: 60px; 
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px; 
	border-radius: 50px;
	border:1px solid #13a157;
	color:#848484;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 16px; 
	line-height: 25px;
	text-align:center;
	margin:0 5px 0 0 ;
	background:#fff;
}
.new-calendar .repeat:hover {
	color:#13a157;
}
.new-calendar .repeat:focus {
	background:#13a157;
	color:#fff;
}
.new-calendar ul {
	float:left;
	margin:15px 0 10px -50px;
}
.new-calendar li {
	width:50%;
	float:left;
	box-sizing:border-box;
}
.new-calendar span {
	color:#636363;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 35px;
	margin:15px 0 0 20px;
	float:left;
}
.new-calendar a.add-btn {
	display:inline-block;
	width:170px;
	height:40px;
	color:#fff;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	text-align:center;
	border-radius:5px;
	background:#13a156;
	box-sizing:border-box;
	padding:7px 0;
	text-decoration:none;
	margin:15px 0 0 0;
}
.new-calendar a.add-btn:hover{
	color:#252525;
}
.new-calendar a.back-btn {
	color:#13a156;
	font-family: 'kanitlight', 'zawgyi-one';
	font-size: 20px; 
	line-height: 25px;
	display:inline-block;
	width:130px;
	height:40px;
	text-align:center;
	border-radius:5px;
	background:#ffffff;
	box-sizing:border-box;
	padding:7px 0;
	text-decoration:none;
	margin:15px 15px 0 0;
	border:1px solid #13a156;
}
.new-calendar a.back-btn {
	color:#13a156;
	border:1px solid #13a156;
}