/*Css Sprites*/

.sync-now, .disconnect-account, .more-info, .sync-failed, .sync-issue, .sync-upload, .disconnect-account-gray, .link-account, .active-accounts,
.inprogress-accounts, .archive-accounts, .auto-sync, .bank-plus, .account-settings, .convert-import, .merge-settings, .change-provider, .inprogress-accounts-white, .archive-accounts-white,
.inprogress-accounts-white, .active-accounts-white, .link-account-black, .arrow-up, .arrow-down, .chat-info-blue, .ribbon-active, .ribbon-inactive,
.card-white, .link-account-2, .link-account-2-black {
    background-image: url("../images/all-icons.svg");
    background-repeat: no-repeat;
    display: block;
}
.active-accounts {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -265px -432px;
}
.active-accounts-white {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -315px -382px;
}
.inprogress-accounts {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -315px -63px;
}
.inprogress-accounts-white {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -315px -431px;
}
.archive-accounts {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -264px -323px;
}
.archive-accounts-white {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -315px -323px;
}
.disconnect-account-gray {
    height: 20px;
    width: 20px;
    background-position: -64px -431px;
}

.sync-now {
    height: 20px;
    width: 20px;
    background-position: -164px -218px;
}

.disconnect-account {
    height: 20px;
    width: 20px;
    background-position: -114px -432px;
}

.sync-failed {
    height: 20px;
    width: 20px;
    background-position: -13px -268px;
}

.sync-issue {
    height: 20px;
    width: 20px;
    background-position: -113px -218px;
}

.more-info {
    height: 20px;
    width: 20px;
    background-position: -414px -114px;
}

.sync-upload {
    height: 20px;
    width: 20px;
    background-position: -367px -8px;
}
.link-account {
    height: 20px;
    width: 20px;
    background-position: -214px -63px;
}
.link-account-2 {
    height: 20px;
    width: 20px;
    background-position: -14px -114px;
}

.link-account-2-black {
    height: 20px;
    width: 20px;
    background-position: -64px -114px;
}
.link-account-black {
    height: 20px;
    width: 20px;
    background-position: -14px -480px;
}
.auto-sync {
    height: 20px;
    width: 22px;
    background-position: -162px -269px;
}
.bank-plus {
    height: 20px;
    width: 22px;
    background-position: -263px -383px;
}
.account-settings {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -414px -166px;
}
.merge-settings {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -114px -62px;
}
.convert-import {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -264px -268px;
}
.change-provider {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -164px -383px;
}
.arrow-up {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -364px -269px;
}
.arrow-down {
    display: inline-block;
    height: 20px;
    width: 20px;
    background-position: -364px -269px;
    transform: rotate(180deg);
}
.chat-info-blue {
    height: 20px;
    width: 20px;
    background-position: -65px -480px;
}
.ribbon-active {
    height: 28px;
    width: 25px;
    background-image: url(../images/ribbon-bg2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ribbon-inactive {
    height: 28px;
    width: 25px;
    background-image: url(../images/ribbon-bg1.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.card-white{
    height: 20px;
    width: 25px;
    background-position: -9px -8px;
}