body {	color: #334468!important;    text-decoration: none;    outline: none;    cursor: pointer;	font-size: 10.5pt;	}a, a:hover {	color: #4ba093;    text-decoration: none;    outline: none;    cursor: pointer;}a.custom-color {	color: #26a1d0;}.payment-header {	padding-bottom: 0 !important;}
body {
	background: url('../../../../content/themes/VLTK2/Images/Layout/bgInside.jpg') no-repeat center top;
	background-color: #F9F0E9;
}
#bgMain {
	background: none;
}
.payment-body, .payment-container {
	background-color: #fff;
	padding-top: 0;
}

.payment-body {
	padding-bottom: 35px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 2px 3px #878787;	
}
.payment-info {
	padding: 0px 15px 15px 15px;
    min-height: 415px !important;
}

.wallet-container {
	background-image: url('../images/top-background.png');
	padding: 20px 16px;
	background-size: cover;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	border-bottom: 1px solid #ebebeb;
	margin-top: -97px;
}

.wallet-container .row:first-child {
	font-size: 16.5pt;
	margin-bottom: 5px;
	word-break: break-all;
}

.wallet-container .row:last-child {
	color: #676767;
}

.wallet-tool-container {
	text-align: center;
    background: white;
    padding-top: 10px;
    padding-bottom: 15px;
    -moz-box-shadow: 0px 7px 11px #ededed;
	-webkit-box-shadow: 0px 7px 11px #ededed;
	box-shadow: 0px 4px 8px #ededed;
	border-radius: 0 0 5px 5px;
}

.tool-icon {
    margin: 0 auto 10px auto;
    height: 52px;
}

.tool-icon>img {
	height: 100%;
}

span.tool-text {
	font-weight: 600;
}

@media screen and (max-width: 320px) {
	.custom-tool-icon {
		margin-left: -12px;
	}
	* {
		font-weight: 400 !important;
	}
}

.notification-container {
	margin-top: 20px;
	border-radius: 5px;
	overflow: hidden;
}

.notification-header {
	background-color: #fffeb5;
	padding: 16px;
	display: table;
	width: 100%;
}


.notification-body {
	padding: 10px 0 10px 0;
	background-color: white;
}

.notification-header-title, .notification-header-title>a {
	color: #f28109;
}
.notification-header>div {
	display: table-cell;
	vertical-align: middle;
	width: 30px;
}

div.notification-header-title {
	width: 90%;
	padding: 0 15px;
}

.notification-header>div>img {
	width: 30px;
}

.notification-header-right-icon {
	width: 10px;
}

div.notification-header-right-icon>a>i {
    font-size: 15pt !important;
    color: #f3911f !important;
}

.shadow {
    -moz-box-shadow: 0 0px 10px 6px #ededed;
	-webkit-box-shadow: 0 0px 10px 6px #ededed;
	box-shadow: 0 0px 10px 6px #ededed;
}

.notification-content {
	border-bottom: 1px solid #e1e1e1;
    padding: 10px 10px 12px 16px;
}

.notification-content>a:hover {
    color: #337ab7;
    text-decoration: underline;
}

.no-border {
	border: none;
}

#load-more-notification {
    margin-left: 16px;
    color: #56b0d6;
}

.function-container {
  	display: flex;
  	justify-content: space-between;
	flex-wrap: wrap;
}

.function-container a {
	text-align: center;
	width: calc(100% / 3 - 8px);
	display: inline-block;
    margin-right: 12px;
    border-radius: 5px;
	padding: 15px 8px 0 12px;
	margin-top: 20px;
	background-color: white;
}

.function-button img {
	width: 40%;
	margin-bottom: 15px;
}

.function-button p {
	font-size: 9pt;
	font-weight: 600;
}

.function-button-no-margin {
	margin-right: 0 !important;
}

.other-function-content {
    background: white;
    padding: 15px 15px;
    border-radius: 5px;
    margin-top: 20px;
    display: table;
    width: 100%;
}

.other-function-content-data {
    background: white;
    padding: 20px 20px 25px 20px;
    border-radius: 5px;
    margin-top: 20px;
}

.other-function-content img {
	width: 70px;
	display: table-cell;
}

.other-function-content .content-text {
	display: table-cell;
	vertical-align: middle;
	font-size: 11.25pt;
	padding-left: 10px;
	color: #656565;
}

.list-data-content {
	margin-bottom: 12px;
	margin-top: 20px;
}

.list-data-content .img-block>img{
	width: 100%;
}

.list-data-content>img{
	margin-right: 12px;
}

.list-data-content .img-block{
	margin-right: 12px;    
	display: inline-block;
    width: 50px;
    border: 1px solid #e1e1e1;
}

.list-data h3 {
	margin-top: 0;
}

.list-data h2, .list-data h3 {
	color: #6b6b6b;
}

.other-function-content-footer {

    padding-top: 20px;
}

.other-function-content-footer ul {
	padding-left: 0;
	list-style: none;
}

.other-function-content-footer ul li:not(:first-child)::before {
  	content: "\2022";  
  	color: #d7d7d7; 
  	display: inline-block; 
  	margin: 0 10px;
}

.other-function-content-footer ul li {
	float: left;
}

#order-text {
	font-size: 10.5pt;
}

.box-blue {
	background-color: #4D8ACE;
	background-repeat: no-repeat, repeat;
	background-size:cover;
    height: 110px;
    margin: -15px;
}

@media screen and (max-width: 349px) {
	.other-function-content-footer ul li:not(:first-child)::before {
	  	margin: 0 9px;
	}
}
@media screen and (max-width: 344px) {
	.other-function-content-footer ul li:not(:first-child)::before {
	  	margin: 0 8px;
	}
}
@media screen and (max-width: 340px) {
	.other-function-content-footer ul li:not(:first-child)::before {
	  	margin: 0 7px;
	}
}
@media screen and (max-width: 336px) {
	.other-function-content-footer ul li:not(:first-child)::before {
	  	margin: 0 6px;
	}
}
@media screen and (max-width: 332px) {
	.other-function-content-footer ul li:not(:first-child)::before {
	  	margin: 0 5px;
	}
}
@media screen and (max-width: 328px) {
	.other-function-content-footer>ul>li>a {
		font-size: 9.5pt
	}
}
.color-gray{
	color: #888888;
}
.green{
	color: #2aad55 !important;
}
.blue{
	color: #337ede !important;
}
.div-readmore-notificaiton{
	padding-top: 10px;
}
.txn{
	border-bottom: 1px solid #e1e1e1;
}
.order-left-content{
	padding-left: 0;
}
.head-block {
	width: calc(100% + 30px);
	margin-left: -15px;
	border-radius: 0;
	margin-bottom: 0;
	font-size: 15px;
	background-color: #f6f6f6;
	padding: 10px 15px;
}

.function-container .function-container__row {
	margin-top: 10px;
}