@font-face {
    font-family: "ArchiveIcons";
    src: url("images/archiveIcons.woff") format("woff"),
         url("images/archiveIcons.ttf") format("truetype");
}

@font-face {
    font-family: "EqualsIcons";
    src: url("images/equalsIcons.woff") format("woff"),
         url("images/equalsIcons.ttf") format("truetype");
}

@font-face {
    font-family: "GaugeIcons";
    src: url("images/gaugeIcons.woff") format("woff"),
         url("images/gaugeIcons.ttf") format("truetype");
}

@font-face {
    font-family: "BudgetIcons";
    src: url("images/budgetIcons.woff") format("woff"),
         url("images/budgetIcons.ttf") format("truetype");
}

@font-face {
    font-family: "CommonIcons";
    src: url("images/commonIcons.woff") format("woff"),
         url("images/commonIcons.ttf") format("truetype");
}

@font-face {
    font-family: "TagIcons";
    src: url("images/tagIcons.woff") format("woff"),
         url("images/tagIcons.ttf") format("truetype");
}

@font-face {
    font-family: "ArrowIcons";
    src: url("images/arrowIcons.woff") format("woff"),
         url("images/arrowIcons.ttf") format("truetype");
}

@font-face {
    font-family: "BackIcon";
    src: url("images/backIcon.woff") format("woff"),
         url("images/backIcon.ttf") format("truetype");
}

@font-face {
    font-family: "AppIcons";
    src: url("images/appIcons.woff") format("woff"),
         url("images/appIcons.ttf") format("truetype");
}

@font-face {
    font-family: "GiftIcons";
    src: url("images/giftIcons.woff") format("woff"),
         url("images/giftIcons.ttf") format("truetype");
}

@font-face {
    font-family: "SocialIcons";
    src: url("images/socialIcons.woff") format("woff"),
         url("images/socialIcons.ttf") format("truetype");
}

@font-face {
    font-family: "VkIcon";
    src: url("images/vkIcon.woff") format("woff"),
         url("images/vkIcon.ttf") format("truetype");
}

@font-face {
    font-family: "CalendarIcon";
    src: url("images/calendarIcon.woff") format("woff"),
         url("images/calendarIcon.ttf") format("truetype");
}

@font-face {
    font-family: "OperationTypeIcons";
    src: url("images/operationTypeIcons.woff") format("woff"),
         url("images/operationTypeIcons.ttf") format("truetype");
}



.km-root .km-wp.km-app .km-view .km-button > .km-icon {
    vertical-align: middle;
}

.km-root .km-on-ios .km-view .km-button > .km-icon {
    vertical-align: top;
}

.km-back .backButtonArrow {
    display: none;
}

.km-ios7 .km-back .backButtonArrow {
    position: relative;
    display: inline-block;
}

.km-root .km-back:before,
.km-ios7 .km-back .backButtonArrow:before
{
    position: relative;
    display: inline-block;
    top: 0.5em;
    border-width: 0;
    box-shadow: none;
    font: 1.3em/1em "BackIcon";
	content: "\e600";
    vertical-align: top;
}

.km-root .km-ios7 .km-back:before {
    position: static;
    display: none;
}

.km-ios7 .km-back .backButtonArrow:before {
    top: -0.5em;
    margin-right: -0.1em;
    padding-left: 0.4em;
}

.km-ios7.km-on-ios.km-7 .km-back .backButtonArrow:before {
    margin-right: -0.2em;
}

.km-icon.km-archive {
	margin-left: -3px;
    margin-right: 3px;
}

.km-icon.km-archive:after,
.km-icon.km-archive:before
{
	font: 1em/1em "ArchiveIcons";
	content: "\e801";
}

.km-icon.km-calculator:after,
.km-icon.km-calculator:before
{
	font: 1em/1em "EqualsIcons";
	content: "\e800";
}

.km-icon.km-login:after,
.km-icon.km-login:before
{
	content: "\e0b2";
}

.km-icon.km-gauge:after,
.km-icon.km-gauge:before
{
	font: 1em/1em "GaugeIcons";
	content: "\e800";
}

.km-mostrecent:after,
.km-mostrecent:before
{
    margin-left: -0.05em;
}

.km-view .swipeContainer.leftArrow .swipeIcons:before {
    margin-right: 0.25rem;
    font: 2rem/2rem "ArrowIcons";
    content: "\e810";
}

.km-view .swipeContainer.leftArrow .swipeIcons:after {
    font: 2rem/2rem "CommonIcons";
    content: "\e80d";
}

.km-view .contentHeader .filterButton:before,
.km-view .contentHeader .filterButton.filtered:before,
.km-view .contentHeader .sortButton:before,
.km-view .contentHeader .sortButton.sorted:before
{
    font: 2rem/2rem "BudgetIcons";
}

.km-view .contentHeader .filterButton:before {
    font: 2.5rem/2rem "BudgetIcons";
    content: "\e807";
}

.km-view .contentHeader .filterButton.filtered:before {
    content: "\e806";
}

.km-view .contentHeader .sortButton {
    position: absolute;
    right: 0.8rem;
}

.km-android.km-view .contentHeader .sortButton {
    right: 1.5rem;
}

.km-view .contentHeader .sortButton:before {
    content: "\e805";
}

.km-view .contentHeader .sortButton.sorted:before {
    content: "\e804";
}

.km-icon.iconSum {
    width: 0.6em;
}

.km-icon.iconSum:before,
.km-icon.iconSum:after
{
    font: 1em/1em "CommonIcons";
    content: "\e800";
}

.km-icon.iconPlus:before,
.km-icon.iconPlus:after
{
    font: 1em/1em "CommonIcons";
    content: "\e807";
}

.km-icon.iconMinus:before,
.km-icon.iconMinus:after
{
    font: 1em/1em "CommonIcons";
    content: "\e809";
}

.km-icon.iconCreditCard {
    width: 1.2em;
}

.km-icon.iconCreditCard:before,
.km-icon.iconCreditCard:after
{
    font: 1em/1em "CommonIcons";
    content: "\e804";
}

.km-icon.iconCart:before,
.km-icon.iconCart:after
{
    font: 1em/1em "CommonIcons";
    content: "\e803";
}

.km-icon.iconCalendar:before,
.km-icon.iconCalendar:after,
.km-icon.km-calendar:before,
.km-icon.km-calendar:after
{
    font: 1em/1em "CalendarIcon";
    content: "\e800";
}

.km-icon.iconTags {
    height: 1.4em;
    width: 1.2em;
}

.km-icon.iconTags:before,
.km-icon.iconTags:after
{
    padding-top: 0.2em;
    font: 1em/1em "TagIcons";
    content: "\e800";
}

.km-icon.iconComment:before,
.km-icon.iconComment:after
{
    font: 1em/1em "CommonIcons";
    content: "\e805";
}

.km-icon.iconImage:before,
.km-icon.iconImage:after
{
    font: 1em/1em "CommonIcons";
    content: "\e816";
}

.km-icon.iconName:before,
.km-icon.iconName:after
{
    font: 1em/1em "CommonIcons";
    content: "\e835";
}

.km-icon.iconArrowUp:before,
.km-icon.iconArrowUp:after
{
    font: 1em/1em "ArrowIcons";
    content: "\e826";
}

.km-icon.iconArrowDown:before,
.km-icon.iconArrowDown:after
{
    font: 1em/1em "ArrowIcons";
    content: "\e823";
}

.km-icon.iconArrowLeft:before,
.km-icon.iconArrowLeft:after
{
    font: 1em/1em "ArrowIcons";
    content: "\e824";
}

.km-icon.iconArrowRight:before,
.km-icon.iconArrowRight:after
{
    font: 1em/1em "ArrowIcons";
    content: "\e825";
}

.km-icon.iconUser:before,
.km-icon.iconUser:after
{
    font: 1em/1em "CommonIcons";
    content: "\e831";
}

.km-icon.iconKey:before,
.km-icon.iconKey:after
{
    font: 1em/1em "CommonIcons";
    content: "\e828";
}

.km-icon.iconDiskette:before,
.km-icon.iconDiskette:after
{
    font: 1em/1em "CommonIcons";
    content: "\e81E";
}

.km-icon.iconBag:before,
.km-icon.iconBag:after
{
    text-align: center;
    font: 1em/0.9em "CommonIcons";
    content: "\e80d";
}

.km-icon.iconTarget:before,
.km-icon.iconTarget:after
{
    font: 1em/1em "CommonIcons";
    content: "\e821";
}

.km-icon.iconDiagramCircle:before,
.km-icon.iconDiagramCircle:after
{
    font: 1em/1em "CommonIcons";
    content: "\e829";
}

.km-icon.iconBag.tipIcon:before,
.km-icon.iconBag.tipIcon:after
{
    margin-left: 0.1em;
    font: 1.7em/0.6em "CommonIcons";
}

.km-icon.iconTarget.tipIcon:before,
.km-icon.iconTarget.tipIcon:after
{
    margin-left: 0.15em;
    font: 1.25em/0.8em "CommonIcons";
}

.km-icon.iconCalendar.tipIcon:before,
.km-icon.iconCalendar.tipIcon:after
{
    margin-left: 0.25em;
}

.km-icon.iconCalendar.tipIcon.smallLeftMargin:before,
.km-icon.iconCalendar.tipIcon.smallLeftMargin:after
{
    margin-left: 0.1em;
}

.km-icon.iconDiagramCircle.tipIcon:before,
.km-icon.iconDiagramCircle.tipIcon:after
{
    margin-left: 0.15em;
    font: 1.25em/0.75em "CommonIcons";
}

.km-button .km-icon.km-menu,
.km-android .km-header .km-navbar .km-button .km-icon.km-menu
{
    margin:  0;
}

.km-icon.km-menu:before,
.km-icon.km-menu:after
{
    font: 1em/1em "CommonIcons";
    content: "\e80f";
}

.km-on-ios .km-header .km-icon.km-menu:before,
.km-on-ios .km-header .km-icon.km-menu:after
{
    top: 1em;
}

.km-icon.iconDollar:before,
.km-icon.iconDollar:after
{
    text-align: center;
    font: 1em/1em "CommonIcons";
    content: "\e800";
}

.km-icon.iconEuro:before,
.km-icon.iconEuro:after
{
    text-align: center;
    font: 1em/1em "CommonIcons";
    content: "\e80a";
}

.km-icon.iconPound:before,
.km-icon.iconPound:after
{
    text-align: center;
    font: 1em/1em "CommonIcons";
    content: "\e80b";
}

.km-icon.iconRefresh:before,
.km-icon.iconRefresh:after
{
    text-align: center;
    font: 1em/1em "ArrowIcons";
    content: "\e822";
}

.km-icon.iconAndroid:before,
.km-icon.iconAndroid:after
{
    text-align: center;
    font: 1em/1em "AppIcons";
    content: "\e801";
}

.km-icon.iconIOS:before,
.km-icon.iconIOS:after
{
    text-align: center;
    font: 1em/1em "AppIcons";
    content: "\e800";
}

.km-icon.iconWP:before,
.km-icon.iconWP:after
{
    text-align: center;
    font: 1em/1em "AppIcons";
    content: "\e802";
}

.km-icon.iconGift:before,
.km-icon.iconGift:after
{
    text-align: center;
    font: 1em/1em "GiftIcons";
    content: "\e801";
}

.km-icon.iconFacebook:before,
.km-icon.iconFacebook:after
{
    text-align: center;
    font: 1em/1em "SocialIcons";
    content: "\e800";
}

.km-icon.iconTwitter:before,
.km-icon.iconTwitter:after
{
    text-align: center;
    font: 1em/1em "SocialIcons";
    content: "\e801";
}

.km-icon.iconVk:before,
.km-icon.iconVk:after
{
    text-align: center;
    font: 0.88em/1.1em "VkIcon";
    content: "\e800";
}

.km-icon.iconOk:before,
.km-icon.iconOk:after
{
    text-align: center;
    font: 1em/1em "CommonIcons";
    content: "\e806";
}

.km-ios7 .km-navbar .km-icon.iconOk:before,
.km-ios7 .km-navbar .km-icon.iconOk:after
{
    margin-top: 0.2em;
    margin-left: 0.2em;
}

.km-tabstrip .km-icon.km-calendar:before,
.km-tabstrip .km-icon.km-calendar:after
{
    font: 0.9em "CalendarIcon";
    content: "\e800";
    margin:  0;
    margin-top: 0.05em;
    text-align: center;
}

.km-on-ios .km-tabstrip .km-icon.km-calendar:before,
.km-on-ios .km-tabstrip .km-icon.km-calendar:after
{
    font-size: 1em;
    margin-top: -0.2em;
}

.wideFormElements .km-listview > li > .km-icon,
.wideFormElements .km-listview > li label > .km-icon
{
    font-size: 1.4em;
    vertical-align: middle;
    text-align: center;
}

.km-on-ios .wideFormElements .km-listview > li > .km-icon,
.km-on-ios .wideFormElements .km-listview > li label > .km-icon
{
    font-size: 1.3em;
}

.km-icon.iconSpendOperation {
    color: #c20000;
}

.km-icon.iconSpendOperation:before,
.km-icon.iconSpendOperation:after
{
    font: 1em/1em "OperationTypeIcons";
    content: "\e807";
}

.km-icon.iconIncomeOperation {
    color: #6CBD45;
}

.km-icon.iconIncomeOperation:before,
.km-icon.iconIncomeOperation:after
{
    font: 1em/1em "OperationTypeIcons";
    content: "\e808";
}

.km-icon.iconTransferOperation {
    color: #999999;
}

.km-icon.iconTransferOperation:before,
.km-icon.iconTransferOperation:after
{
    font: 1em/1em "OperationTypeIcons";
    content: "\e801";
}

.pinCodeIcon {
    margin-left: 5px;
}

.km-icon.iconLinearChart:before,
.km-icon.iconLinearChart:after
{
    margin-left: -0.1em;
    content: "\e04c";
}

.km-icon.iconJournal:before,
.km-icon.iconJournal:after
{
    content: "\e078";
}

.km-icon.iconClock:before,
.km-icon.iconClock:after
{
    content: "\e08d";
}