.cloudb-search {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/search.svg') no-repeat center;
    mask: url('/media/icons/nav/search.svg') no-repeat center;
}

.cloudb-cashier {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/cashier.svg') no-repeat center;
    mask: url('/media/icons/nav/cashier.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-user {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/user.svg') no-repeat center;
    mask: url('/media/icons/nav/user.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-calendar-edit {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/calendar-edit.svg') no-repeat center;
    mask: url('/media/icons/nav/calendar-edit.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-chart-bar {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/chart-bar.svg') no-repeat center;
    mask: url('/media/icons/nav/chart-bar.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-extension {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/extension.svg') no-repeat center;
    mask: url('/media/icons/nav/extension.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-info {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/info.svg') no-repeat center;
    mask: url('/media/icons/nav/info.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-ruble {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/ruble.svg') no-repeat center;
    mask: url('/media/icons/nav/ruble.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-view-schedule {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/view-schedule.svg') no-repeat center;
    mask: url('/media/icons/nav/view-schedule.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.cloudb-menu {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask: url('/media/icons/nav/menu.svg') no-repeat center;
    mask: url('/media/icons/nav/menu.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
}