@font-face {
	font-family: 'mandiri';
	src:url('fonts/mandiri4dd7.eot?of9yd9');
	src:url('fonts/mandirid41d.eot?#iefixof9yd9') format('embedded-opentype'),
		url('fonts/mandiri4dd7.ttf?of9yd9') format('truetype'),
		url('fonts/mandiri4dd7.woff?of9yd9') format('woff'),
		url('fonts/mandiri4dd7.svg?of9yd9#mandiri') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="mdr-"], [class*=" mdr-"] {
	font-family: 'mandiri';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mdr-money:before {
	content: "\e64f";
}
.mdr-arrow-down-bold:before {
	content: "\e636";
}
.mdr-arrow-left-bold:before {
	content: "\e64a";
}
.mdr-arrow-right-bold:before {
	content: "\e64b";
}
.mdr-arrow-up-bold:before {
	content: "\e64c";
}
.mdr-backspace:before {
	content: "\e64d";
}
.mdr-cancel:before {
	content: "\e64e";
}
.mdr-plus:before {
	content: "\e650";
}
.mdr-tag:before {
	content: "\e651";
}
.mdr-purchase:before {
	content: "\e652";
}
.mdr-recycle:before {
	content: "\e653";
}
.mdr-refresh:before {
	content: "\e656";
}
.mdr-option-vertical:before {
	content: "\e646";
}
.mdr-share:before {
	content: "\e655";
}
.mdr-chevron-double:before {
	content: "\e638";
}
.mdr-arrow-left:before {
	content: "\e639";
}
.mdr-backward:before {
	content: "\e63a";
}
.mdr-forward:before {
	content: "\e63b";
}
.mdr-calculator:before {
	content: "\e63c";
}
.mdr-checkmark:before {
	content: "\e63d";
}
.mdr-close:before {
	content: "\e63e";
}
.mdr-compact-view:before {
	content: "\e640";
}
.mdr-eye-disabled:before {
	content: "\e637";
}
.mdr-eye:before {
	content: "\e641";
}
.mdr-draggable:before {
	content: "\e642";
}
.mdr-key:before {
	content: "\e643";
}
.mdr-hamburger:before {
	content: "\e644";
}
.mdr-list-drag:before {
	content: "\e645";
}
.mdr-pointer:before {
	content: "\e647";
}
.mdr-card-view:before {
	content: "\e648";
}
.mdr-otp-outline:before {
	content: "\e649";
}
.mdr-request-pin:before {
	content: "\e654";
}
.mdr-user:before {
	content: "\e68b";
}
.mdr-view-account:before {
	content: "\e68c";
}
.mdr-wallet:before {
	content: "\e68e";
}
.mdr-calendar:before {
	content: "\e63f";
}
.mdr-cancel-aro:before {
	content: "\e62f";
}
.mdr-manage-e-statement:before {
	content: "\e630";
}
.mdr-manage-limit:before {
	content: "\e631";
}
.mdr-upgrade-card:before {
	content: "\e632";
}
.mdr-view-account-detail:before {
	content: "\e633";
}
.mdr-view-billing-statement:before {
	content: "\e634";
}
.mdr-withdraw:before {
	content: "\e635";
}
.mdr-chevron-down:before {
	content: "\e657";
}
.mdr-chevron-left:before {
	content: "\e658";
}
.mdr-chevron-right:before {
	content: "\e659";
}
.mdr-chevron-up:before {
	content: "\e65a";
}
.mdr-bank-transfer:before {
	content: "\e604";
}
.mdr-delete:before {
	content: "\e605";
}
.mdr-edit:before {
	content: "\e606";
}
.mdr-future-transfer:before {
	content: "\e608";
}
.mdr-history:before {
	content: "\e607";
}
.mdr-home:before {
	content: "\e609";
}
.mdr-inter-transfer:before {
	content: "\e60a";
}
.mdr-library:before {
	content: "\e60b";
}
.mdr-logout:before {
	content: "\e60c";
}
.mdr-notif-payment:before {
	content: "\e60d";
}
.mdr-notif-autodebit:before {
	content: "\e60e";
}
.mdr-notif-bill:before {
	content: "\e60f";
}
.mdr-notif-rcv-money:before {
	content: "\e610";
}
.mdr-notif-sendmny:before {
	content: "\e611";
}
.mdr-other-bank-transfer:before {
	content: "\e612";
}
.mdr-pay-auto:before {
	content: "\e613";
}
.mdr-pay-cc:before {
	content: "\e614";
}
.mdr-pay-edu:before {
	content: "\e615";
}
.mdr-pay-electricity:before {
	content: "\e616";
}
.mdr-pay-insrnc:before {
	content: "\e617";
}
.mdr-pay-instll:before {
	content: "\e618";
}
.mdr-pay-itrnt:before {
	content: "\e619";
}
.mdr-pay-list:before {
	content: "\e61a";
}
.mdr-pay-multi:before {
	content: "\e61b";
}
.mdr-pay-other:before {
	content: "\e61c";
}
.mdr-pay-phone:before {
	content: "\e61d";
}
.mdr-pay-tax:before {
	content: "\e61e";
}
.mdr-pay-ticket:before {
	content: "\e61f";
}
.mdr-pay-tv:before {
	content: "\e620";
}
.mdr-pay-voucher:before {
	content: "\e621";
}
.mdr-pay-water:before {
	content: "\e622";
}
.mdr-pop-fave:before {
	content: "\e623";
}
.mdr-pop-feed:before {
	content: "\e624";
}
.mdr-pop-promo:before {
	content: "\e625";
}
.mdr-rate:before {
	content: "\e626";
}
.mdr-receipt-download:before {
	content: "\e627";
}
.mdr-receipt-fave:before {
	content: "\e628";
}
.mdr-search:before {
	content: "\e629";
}
.mdr-receipt-upload:before {
	content: "\e62a";
}
.mdr-setting:before {
	content: "\e62b";
}
.mdr-transfer-e-cash:before {
	content: "\e62c";
}
.mdr-transfer-list:before {
	content: "\e62d";
}
.mdr-trx-status:before {
	content: "\e62e";
}


@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon/icomoon2573.eot?y8c3z0');
    src:    url('fonts/icomoon/icomoon2573.eot?y8c3z0#iefix') format('embedded-opentype'),
        url('fonts/icomoon/icomoon2573.ttf?y8c3z0') format('truetype'),
        url('fonts/icomoon/icomoon2573.woff?y8c3z0') format('woff'),
        url('fonts/icomoon/icomoon2573.svg?y8c3z0#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="xicon-"], [class*=" xicon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.xicon-ic_info-circle:before {
    content: "\e900";
}

/* To add another icon, please use icon-add.json */
/* button progress */
@-webkit-keyframes ld {
  0%   { transform: rotate(0deg) scale(1); -webkit-transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(180deg) scale(1.1); -webkit-transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); -webkit-transform: rotate(360deg) scale(1); }
}
@-moz-keyframes ld {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}
@-o-keyframes ld {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}
@keyframes ld {
  0%   { transform: rotate(0deg) scale(1); }
  50%  { transform: rotate(180deg) scale(1.1); }
  100% { transform: rotate(360deg) scale(1); }
}

.is-progress {
    position: relative;
    opacity: .8;
    color: transparent !important;
    text-shadow: none !important;
}

.is-progress:hover,
.is-progress:active,
.is-progress:focus {
    cursor: default;
    color: transparent;
    outline: none !important;
    box-shadow: none;
}

.is-progress:before {
    content: '';

    display: inline-block;

    position: absolute;
    background: transparent;
    border: 1px solid #fff;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;

    box-sizing: border-box;

    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;

    width: 24px;
    height: 24px;

    -webkit-animation: ld 1s ease-in-out infinite;
    -moz-animation:    ld 1s ease-in-out infinite;
    -o-animation:      ld 1s ease-in-out infinite;
    animation:         ld 1s ease-in-out infinite;
}

.btn-default.is-progress:before {
    border-left-color: #333333;
    border-right-color: #333333;
}

.btn-lg.is-progress:before {
    margin-top: -16px;
    margin-left: -16px;

    width: 32px;
    height: 32px;
}

.btn-sm.is-progress:before {
    margin-top: -9px;
    margin-left: -9px;

    width: 18px;
    height: 18px;
}

.btn-xs.is-progress:before {
    margin-top: -7px;
    margin-left: -7px;

    width: 14px;
    height: 14px;
}