.clear {
    clear: both;
    font-size: 1px;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0
}

#wrap {
    min-width: 996px;
    background: url('/img/newlayout/body.gif') repeat-y 50% 0
}

.renaissance #wrap {
    background: url(../img/bg/oak-tree-aside-road.png) no-repeat fixed center bottom;
    min-width: 1003px;
    overflow: hidden
}

.legacy #wrap #page {
    margin: 0 auto;
    width: 990px;
    padding: 0 3px;
    *overflow: hidden
}

.renaissance #header > .contents, .renaissance footer > .contents, .renaissance #page, .guides {
    width: 1004px;
    margin-left: -512px;
    left: 50%;
    position: relative
}

@media screen and (min-width: 1040px) {
    .renaissance #header > .contents, .renaissance footer > .contents, .renaissance #page, .guides {
        width: 1024px;
        margin-left: -522px
    }
}

.renaissance .frame {
    background: #fff;
    padding: 20px;
    margin: 10px 0 0;
    border-radius: 3px;
    position: relative
}

.renaissance .frame:before, .renaissance .frame:after {
    content: "";
    display: table
}

.renaissance .frame:after {
    clear: both
}

.renaissance .glass.frame {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, 0.6)
}

.renaissance .header.frame {
    margin-bottom: -50px
}

.renaissance .introduction.frame {
    padding: 0
}

.renaissance .form.frame {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, 0.6)
}

.renaissance .frame > h2:first-child {
    margin-top: -11px
}

.renaissance .marketing {
    margin: 10px 0 0
}

.legacy .frame {
    margin-top: 20px
}

.renaissance .tabs {
    margin: 10px 0 0
}

.renaissance .tabs:first-child {
    margin-top: 0
}

.helpers a {
    padding: 8px 0 0 10px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    white-space: nowrap;
    font-weight: bold;
    color: #4c7583;
    float: right
}

div.contractConditionBox {
    width: 100%;
    height: 150px;
    border: 1px solid #000;
    margin: 10px 0;
    overflow: auto;
    background: #fff;
    text-align: left;
    float: left
}

#contactarea {
    float: right;
    width: 210px;
    padding: 0 0 4px 20px
}

.renaissance #contentHead {
    margin: 10px 0
}

#contentHead #contactarea ul {
    text-align: right;
    line-height: 18px
}

#contactarea li {
    padding: 2px 1px 2px 18px;
    line-height: 14px
}

.legacy .ee #startSidebar #contactarea li {
    padding: 2px 1px 2px 0;
    line-height: 14px
}

#contentHead #caNotification, #contentHead #caMail, #contentHead #caMessages {
    display: inline
}

#contactarea #caSupport {
    padding: 2px 0
}

.legacy #caMail {
    background: url('/img/newlayout/sprite_new.gif') no-repeat -1222px -749px
}

.legacy #caMessages {
    background: url('/img/newlayout/sprite_new.gif') no-repeat -1222px -277px;
    position: relative;
    zoom: 1
}

#messagesMenu {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d4d4d4;
    zoom: 1
}

#contentHead #contactarea #messagesMenu {
    text-align: left;
    margin: -1px 0 -1px -1px;
    white-space: nowrap
}

#contentHead #messagesMenu li {
    display: block;
    padding-right: 0
}

.importantInfo, .importantInfoBig {
    background: url('/img/newlayout/sprite_new.gif') no-repeat -1222px -395px;
    padding: 2px 0 2px 18px;
    line-height: 14px
}

.importantInfoBig {
    background-position: -730px -395px;
    padding-left: 25px
}

.importantInfoBig span {
    display: block;
    background: #fff
}

.consultant {
    padding: 5px
}

p.consultantData {
    margin: 0 0 5px
}

.ee p.consultantData a {
    background: url("/img/business/d2d/start/mail_21x14.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-weight: bold;
    margin-top: 10px;
    padding-left: 26px
}

.nowrap {
    white-space: nowrap
}

.bigger select, .bigger input, .bigger textarea, .bigger #mainForm, .bigger .dataTable td, .bigger .sbarBlock h2, .bigger .formSection, .bigger .errorMsg, .bigger .warningMsg, .bigger .infoMsg, .bigger .successMsg {
    font-size: 13px
}

.showInPrintForm {
    display: none
}

.renaissance .showInPrintForm {
    line-height: 36px
}

.titleImage {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin: 0 0 10px
}

.edit-orange {
    background: url(../img/pfm/edit.gif) no-repeat 0 50%;
    width: 18px;
    height: 18px;
    margin: 3px;
    cursor: pointer
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

@media screen and (max-width: 1020px) {
    .renaissance #header .topNav ins {
        width: 35px;
        height: 35px;
        margin: 0 0 0 10px;
        display: block;
        position: relative;
        color: #545454;
        float: left;
        font-size: 18px;
        line-height: 30px;
        cursor: pointer
    }

    .renaissance #header .topNav ins:hover {
        background: #fff
    }

    .renaissance #header .topNav ins:before {
        content: "☰";
        position: absolute;
        top: 2px;
        left: 10px
    }

    .renaissance #wrap {
        min-width: 755px
    }

    .renaissance #header > .contents, .renaissance #footer > .contents, .renaissance #page, .guides {
        width: 776px;
        margin-left: -388px
    }

    .renaissance #header .topNav ins.on {
        background: #fff;
        color: #545454
    }

    .renaissance #footer .disclaimer .contents {
        width: 755px
    }
}

#beta-control {
    position: absolute;
    top: 24px;
    left: 177px;
    opacity: .4;
    line-height: 20px
}

.renaissance #beta-control {
    top: 22px;
    left: 188px
}

#beta-feedback #beta-control {
    top: auto;
    bottom: 10px;
    left: 10px;
    opacity: 1
}

#beta-feedback {
    width: 400px;
    height: 176px;
    background: #fff;
    padding: 10px;
    position: fixed;
    top: -196px;
    left: 50%;
    margin-left: -200px;
    border-radius: 0 0 5px 5px;
    z-index: 9999;
    transition: all 100ms ease-in-out;
    zoom: 1
}

#beta-feedback p {
    margin: 0 0 10px 0
}

.ie8 #formContainer482 {
    width: 400px;
    height: 176px;
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -200px
}

.ie8 #beta-feedback {
    position: relative
}

#beta-feedback.open {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .25);
    top: 0
}

#beta-feedback:before, #beta-feedback:after {
    content: "";
    display: table
}

#beta-feedback:after {
    clear: both
}

#beta-feedback .toggle {
    cursor: pointer;
    position: absolute;
    bottom: -40px;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    background: #fff;
    width: 40px;
    height: 40px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .25);
    border-radius: 0 0 5px 5px;
    z-index: 2;
    opacity: .4;
    filter: alpha(opacity=40);
    transition: all 100ms ease-in-out
}

#beta-feedback .toggle:before {
    content: '';
    display: block;
    width: 22px;
    height: 20px;
    background: url(../img/common.png) -999px -10px;
    no-repeat;
    background-image: none, url(../img/common.svg);
    position: absolute;
    top: 9px;
    left: 9px
}

#beta-feedback .toggle:hover, #beta-feedback.open .toggle {
    opacity: 1;
    filter: alpha(opacity=100)
}

#beta-feedback textarea {
    width: 100%;
    height: 60px;
    resize: none
}

.renaissance #beta-feedback textarea {
    margin-top: 0
}

.legacy #beta-feedback textarea {
    box-sizing: border-box
}

#beta-feedback .button {
    display: block;
    float: right
}

.legacy #beta-feedback .button {
    margin-top: 8px
}

.renaissance #beta-feedback .button {
    margin-top: 15px
}

.renaissance #beta-feedback input {
    margin-top: 15px
}

#beta-control label {
    margin-left: 5px;
    font-family: serif;
    font-style: italic;
    font-size: 16px
}

#beta-control * {
    cursor: pointer
}

#beta-control:hover {
    opacity: 1
}

.renaissance #helpLink {
    display: none
}

.legacy .beta-only, .renaissance .beta-hide {
    display: none !important
}

.renaissance .back-to-top {
    display: block;
    position: absolute;
    top: 35%;
    width: 40px;
    height: 40px;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    text-indent: -9999px;
    outline: 0;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
    background-position: -9px -189px;
    right: 10px
}

.renaissance .back-to-top:hover {
    background-position: -9px -239px
}

a img {
    border: 0
}

.legacy #header > .contents {
    width: 990px;
    height: 121px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.legacy .lt #header > .contents {
    z-index: 2
}

.renaissance #header {
    background: #fff;
    position: relative;
    z-index: 3
}

.renaissance #header:before, .renaissance #header:after, .renaissance footer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1
}

.renaissance #header:before, .renaissance footer:before {
    background: #f90;
    background: -ms-linear-gradient(left, #f60 0, #fc0 100%);
    background: linear-gradient(to right, #f60 0, #fc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ffcc00', GradientType=1);
    top: 0;
    height: 3px
}

.renaissance #header:before {
    height: 2px
}

.renaissance #header:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, .6);
    bottom: -35px;
    height: 35px;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, .3)
}

.renaissance #header > .contents {
    height: 60px;
    margin-bottom: 35px;
    z-index: 2;
    zoom: 1
}

#header a {
    outline: 0
}

.logo {
    position: absolute;
    top: 16px;
    left: 16px;
    width: 150px;
    height: 32px;
    display: block;
    overflow: hidden
}

@media only screen and (min-resolution: 1.1dppx), only screen and (-webkit-min-device-pixel-ratio: 1.1) {
    .logo {
        display: block;
        background: url(/stylebook/swedbank-2x.png) no-repeat;
        background-size: 149px 32px;
        text-indent: -9999px
    }
}

@media only screen and (min-resolution: 2.1dppx), only screen and (-webkit-min-device-pixel-ratio: 2.1) {
    .logo {
        background-image: url(/stylebook/swedbank-4x.png)
    }
}

.renaissance .logo {
    left: 20px;
    top: 15px
}

.topNav {
    position: absolute;
    left: 0;
    right: 0
}

.legacy .topNav {
    bottom: 0;
    padding: 7px 10px 0;
    height: 51px;
    background: url('/img/sprite_frame.gif') no-repeat 0 -101px
}

.renaissance .topNav {
    height: 35px;
    bottom: -35px
}

.renaissance #header .topNav ul {
    margin: 0 10px;
    padding: 0;
    list-style: none
}

.topNav a {
    color: #fff
}

.renaissance .topNav a {
    color: #545454
}

.legacy .topNav li {
    float: left;
    background: url('/img/sprite_frame.png') no-repeat 100% -433px;
    margin: 0 3px 0 0;
    height: 51px;
    padding: 0 6px 0 0
}

.renaissance .topNav li {
    float: left;
    height: 35px;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    position: relative
}

.legacy .topNav li a {
    float: left;
    background: url('/img/sprite_frame.png') no-repeat -10px -433px;
    padding: 6px 4px 5px 10px;
    height: 19px;
    text-decoration: none;
    font-weight: bold
}

.legacy .topNav .active a {
    background: url('/img/sprite_frame.png') no-repeat -10px -382px;
    color: #000
}

.legacy .topNav .active {
    background: #fff url('/img/sprite_frame.png') no-repeat 100% -382px
}

.legacy .topNav .homeActive {
    background: #fff url('/img/newlayout/home_active.gif') no-repeat top left;
    width: 32px
}

.legacy .topNav .homeActive a {
    background-image: none
}

.legacy .topNav .homeInactive {
    background: url('/img/newlayout/home_inactive.gif') no-repeat top left;
    width: 32px
}

.renaissance .topNav li a {
    float: left;
    padding: 0 10px;
    margin: 0;
    font: 14px/35px SwedbankMedium, Arial, sans-serif;
    text-decoration: none
}

.renaissance .topNav .active a {
    color: #f60
}

.renaissance .topNav .active:after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 2px;
    background: #f60
}

.nameArea {
    position: absolute;
    right: 16px;
    top: 25px
}

.renaissance .nameArea {
    top: 22px;
    right: 20px
}

.legacy .nameArea #login-button {
    margin-top: -1px
}

.renaissance .nameArea .accountSelection select {
    margin-top: -6px
}

#headerTopUser {
    float: left;
    line-height: 24px;
    padding: 0 5px 0 0
}

.renaissance #headerTopUser {
    font-size: 13px;
    line-height: 20px;
    margin: 0
}

.legacy #headerTopUser strong {
    padding: 0 0 0 4px
}

.renaissance #headerTopUser strong {
    font-weight: normal
}

#languages {
    float: right;
    padding: 3px 10px 0 0
}

.renaissance #languages {
    padding: 10px 10px 0 0;
    line-height: 12px
}

.legacy #languages a {
    padding: 0 9px;
    border-right: 1px solid gray;
    font-weight: bold
}

.renaissance #languages a {
    border-left: 1px solid #e1e1e1;
    padding: 0 10px;
    display: block;
    float: left;
    color: #545454;
    text-decoration: none
}

.renaissance #languages a:first-child {
    border-left: 0
}

.legacy #sitetools #search-block {
    float: left;
    width: 163px
}

.renaissance #sitetools #search-block {
    position: relative;
    float: left;
    margin-left: 20px;
    overflow: hidden
}

.legacy #searchQuery {
    float: left;
    border: 1px solid #ccc;
    width: 127px;
    padding: 2px;
    height: 13px;
    margin: 3px 0 0 0
}

.renaissance #searchQuery, .renaissance #searchQuery + label {
    float: left;
    background: #fff;
    color: #545454;
    width: 206px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    margin: 0;
    padding: 0 24px 0 8px;
    border: 0;
    outline: 0
}

.renaissance #searchQuery + label {
    position: absolute;
    color: #b5b5b5;
    background: transparent;
    top: 0;
    left: 0;
    cursor: text
}

.renaissance #searchQuery::-webkit-input-placeholder {
    color: b5b5b5
}

.renaissance #searchQuery:-moz-placeholder {
    color: #b5b5b5
}

.renaissance #searchQuery::-moz-placeholder {
    color: #b5b5b5
}

.renaissance #searchQuery:-ms-input-placeholder {
    color: #b5b5b5
}

.renaissance .top-level-link:after, .renaissance #mainForm .dataTable-sell-button, .renaissance #mainForm .dataTable-buy-button, .renaissance #mainForm .dataTable-watchlist-button, .renaissance .shortcutDelete {
    background-image: url(../img/renaissance.png);
    background-image: none, url(../img/renaissance.svg)
}

.renaissance #shorcutsToggler:after, .renaissance #searchButton, .renaissance #printLink, .renaissance .expander-button {
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg)
}

.legacy #searchButton {
    border: 0;
    cursor: pointer;
    float: left;
    margin: 3px 0 0 3px;
    width: 18px;
    color: transparent;
    padding-top: 20px
}

.renaissance #searchButton {
    border: 0;
    cursor: pointer;
    float: left;
    width: 20px;
    height: 20px;
    background-position: -670px -10px;
    position: absolute;
    top: 1px;
    right: 6px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0;
    color: transparent;
    display: block;
    text-transform: capitalize;
    outline: 0
}

.renaissance #searchButton:hover {
    background-position: -670px -40px
}

#sitetools {
    float: right
}

.renaissance #sitetools {
    padding: 5px 20px 0 0
}

#sitetools a {
    float: left;
    width: 18px;
    height: 20px;
    text-indent: -9999em
}

#helpLink {
    background: url("/img/sprite_icon.gif") no-repeat 0 -660px;
    margin: 3px 5px 0 0
}

#textLink {
    background: url("/img/sprite_icon.gif") no-repeat -735px -480px;
    margin: 3px 5px 0 0
}

.legacy a#printLink {
    background: url("/img/sprite_icon.gif") no-repeat;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    height: auto;
    margin: 2px 10px 0 5px;
    padding: 0 23px 0 0;
    text-indent: 0;
    width: auto
}

.legacy .eng #printLink {
    background-position: -704px -569px
}

.legacy .est #printLink {
    background-position: -691px -569px
}

.legacy .rus #printLink {
    background-position: -656px -569px
}

.legacy .lt.rus #printLink {
    background-position: -676px -569px
}

.legacy .lat #printLink {
    background-position: -694px -569px
}

.legacy .lit #printLink {
    background-position: -672px -569px
}

.renaissance #printLink {
    background-position: -640px -10px;
    width: 21px;
    height: 21px;
    text-indent: -9999px;
    padding: 0;
    font-weight: bold;
    line-height: 20px;
    margin: 2px 0 0 5px
}

.renaissance #printLink:hover {
    background-position: -640px -40px
}

#sitemapLink {
    display: block;
    background: url('/img/newlayout/sprite_new.gif') no-repeat -240px -747px;
    margin: 1px 5px 0 0
}

.legacy #old-browser-warning, .legacy #edge-browser-warning {
    width: 925px;
    margin: 0 auto
}

.renaissance #old-browser-warning, .renaissance #edges-browser-warning {
    margin: 0
}

.print-header {
    text-align: right;
    margin-bottom: 2em
}

.user-assist-list {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0
}

.user-assist-list > li {
    float: left;
    position: relative
}

.legacy .user-assist-list > li > a, .legacy .user-assist-list > li .count, .legacy .user-assist-list .contents .close-panel, .legacy .user-assist-list .triangle, .legacy .user-assist-list .callback-panel > li, .legacy .accept-chat:before, .legacy .decline-chat:before {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg)
}

.renaissance .accept-chat:before, .renaissance .decline-chat:before {
    background-image: url(../img/renaissance.png);
    background-image: none, url(../img/renaissance.svg)
}

.renaissance .user-assist-list > li > a, .renaissance .user-assist-list > li .count, .renaissance .user-assist-list .contents .close-panel, .renaissance .user-assist-list .callback-panel > li:before {
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg)
}

.renaissance .user-assist-list > li > a {
    padding: 2px 10px 3px;
    display: inline
}

.legacy .user-assist-list > li > a {
    border: 1px solid transparent;
    width: 20px;
    height: 20px;
    display: block
}

.legacy .user-assist-list > li {
    margin-left: 12px
}

.legacy .user-assist-list > li:first-child {
    margin-left: 0
}

.legacy #settings-menu-link {
    margin-right: 15px
}

.renaissance .user-assist-list > li {
    margin-right: 20px
}

.user-assist-list > li > a.active + .user-assist-panel {
    z-index: 1
}

.user-assist-list > li .count {
    display: block;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    color: #262626
}

.legacy .user-assist-list > li .count {
    background-position: -560px -330px
}

.renaissance .user-assist-list > li .count {
    background-position: -879px -9px
}

.user-assist-list > li .count.bounce {
    -moz-animation: bounce .3s ease-in-out;
    -webkit-animation: bounce .3s ease-in-out;
    animation: bounce .3s ease-in-out
}

@-moz-keyframes bounce {

0
{
    margin-top: 0
}
25
%
{
    margin-top: -5px
}
50
%
{
    margin-top: 2px
}
75
%
{
    margin-top: -3px
}
100
%
{
    margin-top: 0
}
}
@-webkit-keyframes bounce {

0
{
    margin-top: 0
}
25
%
{
    margin-top: -5px
}
50
%
{
    margin-top: -1px
}
75
%
{
    margin-top: -3px
}
100
%
{
    margin-top: 0
}
}
@keyframes bounce {

0
{
    margin-top: 0
}
25
%
{
    margin-top: -5px
}
50
%
{
    margin-top: -1px
}
75
%
{
    margin-top: -3px
}
100
%
{
    margin-top: 0
}
}
.legacy .user-assist-list .links-list li {
    padding: 10px;
    margin: 0;
    border-top: 1px solid #e4e4e4
}

.legacy .user-assist-list .links-list li:first-child {
    border-top: 0
}

.user-assist-list .links-list a {
    margin: 0
}

.legacy .user-assist-list .callback-menu-link {
    background-position: -40px -330px
}

.legacy .user-assist-list .callback-menu-link:hover, .legacy .user-assist-list .callback-menu-link.active {
    background-position: 0 -330px
}

.legacy .user-assist-list .chat-menu-link {
    background-position: -120px -330px
}

.legacy .user-assist-list .chat-menu-link:hover, .legacy .user-assist-list .chat-menu-link.active {
    background-position: -80px -330px
}

.legacy .user-assist-list .bank-messages-menu-link {
    background-position: -200px -330px
}

.legacy .user-assist-list .bank-messages-menu-link:hover, .legacy .user-assist-list .bank-messages-menu-link.active {
    background-position: -160px -330px
}

.legacy .user-assist-list .settings-menu-link {
    background-position: -280px -330px
}

.legacy .user-assist-list .settings-menu-link:hover, .legacy .user-assist-list .settings-menu-link.active {
    background-position: -240px -330px
}

.legacy .user-assist-list .notifications-menu-link {
    background-position: -360px -330px
}

.legacy .user-assist-list .notifications-menu-link:hover, .legacy .user-assist-list .notifications-menu-link.active {
    background-position: -320px -330px
}

.renaissance .user-assist-list .callback-menu-link {
    background-position: -730px -10px
}

.renaissance .user-assist-list .callback-menu-link:hover, .renaissance .user-assist-list .callback-menu-link.active {
    background-position: -730px -40px
}

.renaissance .user-assist-list .chat-menu-link {
    background-position: -760px -10px
}

.renaissance .user-assist-list .chat-menu-link:hover, .renaissance .user-assist-list .chat-menu-link.active {
    background-position: -760px -40px
}

.renaissance .user-assist-list .bank-messages-menu-link {
    background-position: -790px -10px
}

.renaissance .user-assist-list .bank-messages-menu-link:hover, .renaissance .user-assist-list .bank-messages-menu-link.active {
    background-position: -790px -40px
}

.renaissance .user-assist-list .settings-menu-link {
    background-position: -820px -10px
}

.renaissance .user-assist-list .settings-menu-link:hover, .renaissance .user-assist-list .settings-menu-link.active {
    background-position: -820px -40px
}

.renaissance .user-assist-list .notifications-menu-link {
    background-position: -850px -10px
}

.renaissance .user-assist-list .notifications-menu-link:hover, .renaissance .user-assist-list .notifications-menu-link.active {
    background-position: -850px -40px
}

.user-assist-panel {
    display: none;
    position: absolute;
    right: -20px
}

.user-assist-list > li > .contents {
    display: none
}

.user-assist-panel .contents {
    padding: 20px;
    background: white;
    margin-top: 15px;
    position: relative;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
    min-width: 220px
}

.legacy .user-assist-panel .contents {
    border: 1px solid #d6d6d6;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, .1)
}

.renaissance .user-assist-panel .contents {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .25);
    border-radius: 3px
}

.renaissance .ie8 .user-assist-panel .contents {
    border: 1px solid #e1e1e1
}

.renaissance .user-assist-panel h2, .legacy .user-assist-panel h2 {
    font: 20px/24px SwedbankMedium, Arial, sans-serif;
    color: #555;
    background-color: #f4f5f5;
    margin: -20px -20px 10px;
    padding: 12px 50px 12px 20px;
    border: 0
}

.renaissance .user-assist-panel h2 {
    font: 20px/24px SwedbankRegular, Arial, sans-serif;
    color: #262626;
    border-bottom: 2px solid #f0f0f0;
    background: transparent
}

.user-assist-list .default-link {
    display: block;
    float: none;
    margin: 5px 0 0
}

.user-assist-list .default-link + .default-link {
    margin-top: 5px
}

.legacy .user-assist-panel .triangle {
    background-position: -360px 0;
    width: 21px;
    height: 11px;
    position: absolute;
    top: -11px;
    right: 22px
}

.renaissance .user-assist-panel .triangle {
    position: absolute;
    top: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    right: 21px
}

.legacy .user-assist-panel h2 + .triangle {
    background-position: -402px 0
}

.user-assist-panel .close-panel {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.renaissance .user-assist-panel .close-panel {
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    background-position: -100px -10px
}

.renaissance .user-assist-panel .close-panel:hover {
    background-position: -100px -40px
}

.user-assist-list p {
    line-height: 18px
}

#shortcutsList {
    margin: 0
}

.renaissance #shortcutsList {
    width: 100%
}

#shortcutsList li {
    list-style: none
}

.legacy #shortcutsList li {
    font-weight: bold
}

.legacy #menu {
    display: inline;
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 20px;
    width: 220px
}

.legacy .sidemenu-container, .legacy .level-one-menu, .legacy .top-level-submenu, .legacy .level-two-container {
    list-style: none;
    margin: 0;
    padding: 0
}

.legacy .top-level-submenu {
    padding: 0 8px;
    background: #fff;
    margin-right: -1px
}

.legacy .top-level-link {
    color: #fff;
    display: block;
    padding: 0 8px;
    text-decoration: none;
    width: 93%
}

.legacy .top-level-link:hover, .legacy .level-two-link-selected:hover {
    text-decoration: none
}

.legacy .top-level-sidemenu, .legacy .top-level-sidemenu-active {
    background: url('/img/sprite_frame.gif') no-repeat -10px -277px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 4px;
    zoom: 1
}

.legacy .top-level-sidemenu-active {
    background: url('/img/sprite_frame.gif') no-repeat -10px -347px;
    margin-bottom: 10px
}

.legacy .level-one-menu {
    line-height: 16px
}

.legacy .level-two-sidemenu, .legacy .level-two-menuitem-active {
    background: #fff url('/img/sprite_frame.gif') no-repeat -779px 100%;
    line-height: 14px;
    padding: 3px 0;
    width: 204px
}

.legacy .level-two-menuitem {
    line-height: 1.6em;
    padding: 0 0 4px 23px
}

.legacy .active-hassub, .legacy .level-two-menuitem-selected {
    background: #fff url('/img/sprite_frame.gif') no-repeat -779px 100%;
    line-height: 19px
}

.legacy .level-three-menu {
    line-height: 19px;
    list-style: none;
    padding: 3px 0 6px 0;
    margin: 0
}

.legacy .level-three-menuitem {
    background: url('/img/sprite_frame.gif') no-repeat -750px -472px;
    background: url(../img/icons.png) -754px -446px no-repeat;
    line-height: 18px;
    padding-left: 18px
}

.legacy .active-link {
    background: url('/img/sprite_frame.gif') no-repeat -980px -660px;
    color: #000;
    display: block;
    margin: -3px 0 -2px -27px;
    padding: 3px 0 2px 27px
}

.legacy .active-hassub .active-link {
    margin-top: 0;
    padding-top: 0
}

.legacy .none-selected-link:hover, .legacy .active-link:hover, .legacy .level-three-link, .legacy .level-three-link:hover, .legacy .level-three-link-active, .legacy .level-three-link-active:hover {
    color: #000;
    text-decoration: none
}

.legacy .level-three-link {
    font-weight: normal
}

.legacy .level-two-menuitem-active {
    background: #fff url('/img/sprite_frame.gif') no-repeat -779px 100%;
    line-height: 14px;
    margin: 0;
    padding: 3px 0
}

.legacy .level-two-menuitem-selected {
    line-height: 19px
}

.legacy .menu-subheading {
    background-color: #fff;
    color: #7c7c7c;
    line-height: 16px;
    margin: 0;
    padding: 9px 0 0 0;
    text-transform: uppercase;
    overflow: hidden;
    *zoom: 1
}

.legacy body.lt .top-level-submenu #creditcover {
    display: block;
    background: url('img/ico/bulb_17x17.png') 0 0 no-repeat;
    padding: 3px 0 2px 18px
}

.legacy body.lt .top-level-submenu #creditcover.active-link {
    background: url('img/ico/bulb_17x17.png') 24px 1px no-repeat;
    padding-left: 43px
}

.renaissance .side-menu {
    float: left;
    margin: 0;
    padding: 0;
    width: 219px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, 0.6);
    font: 13px/16px Helvetica, Arial, sans-serif
}

@media screen and (min-width: 1040px) {
    .renaissance .side-menu {
        width: 239px
    }
}

.renaissance .side-menu ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.renaissance .side-menu li {
    position: relative
}

.renaissance .side-menu a {
    color: #545454;
    text-decoration: none;
    display: block;
    transition: all 100ms ease-in-out
}

.renaissance .side-menu a:hover {
    text-decoration: none
}

.renaissance .side-menu .level-two-menuitem-active > a, .renaissance .side-menu .active-hassub > a, .renaissance .side-menu > ul > li > ul > li > ul > li > a.active {
    font-weight: bold;
    color: #262626
}

.renaissance .side-menu > ul > li > ul > li > ul > li > a:hover {
    color: #262626;
    text-decoration: underline
}

.renaissance .side-menu h3 {
    font: normal 13px/16px Helvetica, Arial, sans-serif;
    color: #7c7c7c;
    margin: 0;
    padding: 10px 20px 3px;
    text-transform: uppercase;
    overflow: hidden
}

.renaissance .sidemenu li a {
    padding: 7px 0
}

.renaissance .side-menu > ul > li {
    border-bottom: 1px solid #cfcfcf;
    background: #fff
}

.renaissance .side-menu > ul > li:first-child {
    margin-top: 0
}

.renaissance .side-menu > ul > li > a {
    padding: 12px 40px 12px 20px;
    font-size: 15px;
    font-family: SwedbankMedium, sans-serif;
    position: relative;
    color: #262626;
    background: #f4f4f4
}

.renaissance .side-menu > ul > li > a:hover {
    background: #fff5cc
}

.renaissance .side-menu > ul > li.active > a {
    color: #f60;
    background: #fff
}

.renaissance .side-menu > ul > li > a:after {
    content: "";
    display: block;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    width: 20px;
    height: 20px;
    padding: 0;
    top: 50%;
    margin: -10px 0 0;
    right: 10px;
    position: absolute
}

#private\.home:after {
    background-position: -340px -190px
}

#private\.home:hover:after {
    background-position: -340px -220px
}

.active #private\.home:after {
    background-position: -340px -280px
}

#private\.d2d:after {
    background-position: -370px -190px
}

#private\.d2d:hover:after {
    background-position: -370px -220px
}

.active #private\.d2d:after {
    background-position: -370px -280px
}

#private\.insurance:after {
    background-position: -490px -190px
}

#private\.insurance:hover:after {
    background-position: -490px -220px
}

.active #private\.insurance:after {
    background-position: -490px -280px
}

#private\.credit:after {
    background-position: -460px -190px
}

#private\.credit:hover:after {
    background-position: -460px -220px
}

.active #private\.credit:after {
    background-position: -460px -280px
}

#private\.investor:after {
    background-position: -520px -190px
}

#private\.investor:hover:after {
    background-position: -520px -220px
}

.active #private\.investor:after {
    background-position: -520px -280px
}

#private\.traderoom:after {
    background-position: -430px -190px
}

#private\.traderoom:hover:after {
    background-position: -430px -220px
}

.active #private\.traderoom:after {
    background-position: -430px -280px
}

#private\.planner:after {
    background-position: -400px -190px
}

#private\.planner:hover:after {
    background-position: -400px -220px
}

.active #private\.planner:after {
    background-position: -400px -280px
}

.renaissance .side-menu > ul > li > a:after {
    background-position: -157px -370px
}

.renaissance .side-menu > ul > li.active > a:after {
    background-position: -186px -370px
}

.renaissance .side-menu > ul > li > ul {
    padding-bottom: 10px
}

.renaissance .side-menu ul ul ul > li > a {
    padding: 5px 20px
}

.renaissance .side-menu > ul > li > ul > li > ul > li > a {
    position: relative
}

.renaissance .side-menu > ul > li > ul > li > ul > li > a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    transition: all 500ms ease-in-out;
    background: transparent
}

.renaissance .side-menu > ul > li > ul > li > ul > li > a:hover:before, .renaissance .side-menu > ul > li > ul > li > ul > li.level-two-menuitem-active > a:before, .renaissance .side-menu > ul > li > ul > li > ul > li.active-hassub > a:before, .renaissance .side-menu > ul > li > ul > li > ul > li > a.active:before, .renaissance .side-menu > ul > li > ul > li > ul > li.active > a:before {
    background: #f90
}

.renaissance .side-menu > ul > ul > li.active > a {
    font-style: italic
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul {
    padding-bottom: 2px;
    margin-bottom: 3px
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul:before, .renaissance .side-menu ul > li > ul > li > ul > li > ul:after {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #f60
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul:before {
    top: 0
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul:after {
    bottom: 0
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul > li > a {
    padding-left: 31px;
    position: relative
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul > li > a.active, .renaissance .side-menu ul > li > ul > li > ul > li > ul > li > a:hover {
    text-decoration: underline
}

.renaissance .side-menu ul > li > ul > li > ul > li > ul > li > a:before {
    content: "";
    display: block;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -490px -10px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    top: 3px;
    left: 14px;
    position: absolute
}

@media screen and (max-width: 1020px) {
    .renaissance .side-menu {
        position: fixed;
        overflow: auto;
        top: 95px;
        bottom: 0;
        left: -500px;
        z-index: 999;
        box-shadow: 0 2px 20px rgba(0, 0, 0, .25);
        opacity: 0;
        transition: left 50ms ease-in-out, opacity 100ms ease-in-out;
        border-radius: 0
    }

    .renaissance .side-menu.open {
        opacity: 1;
        left: 0
    }
}

#footerwrap {
    min-width: 990px;
    background: url('/img/newlayout/footerbg.gif') no-repeat 50% 0
}

.renaissance #footerwrap, .legacy #footer {
    display: none
}

.lt #footerwrap {
    min-width: 990px;
    background: url("/img/newlayout/body.gif") repeat-y scroll 50% 0 transparent
}

.lt #footerwrap div.footer-stripe {
    background: url("/img/bg/footer-orange-stripe.png") no-repeat scroll 0 0 #ff6100;
    height: 5px;
    width: 990px;
    margin: 0 auto
}

#legacy-footer {
    width: 990px;
    margin: 0 auto;
    clear: both;
    padding: 10px 0;
    font-weight: bold;
    line-height: 20px
}

.lt #legacy-footer {
    width: 950px;
    padding: 10px 20px;
    background: url('/img/bg/footer-bg-light-gradient.png') repeat-x scroll 0 0 #f1f1f1;
    border-width: 0 1px 1px
}

.ee #legacy-footer div.left {
    margin: 0 0 0 20px;
    padding-top: 0
}

.ee #legacy-footer div.right {
    margin: 0 20px 0 0;
    padding-top: 0
}

#legacy-footer p {
    margin: 0;
    overflow: hidden
}

#legacy-footer .left {
    float: left
}

#legacy-footer .right {
    float: right;
    text-align: right
}

#legacy-footer span {
    padding: 0 5px
}

#legacy-footer h2 {
    color: #4c4c4c;
    line-height: 21px;
    margin: 0
}

#legacy-footer .horizontal-list {
    float: right
}

#footerLinks > li {
    border-left: 1px solid;
    padding-left: 8px;
    margin-left: 8px
}

#legacy-footer .horizontal-list > li:first-child {
    border-left: 0
}

ul#flags {
    margin-left: 10px;
    margin-top: 4px
}

#flags > li {
    margin-left: 10px
}

#flags a {
    background: url('/img/sprite_frame.gif') no-repeat 0 0;
    display: block;
    float: left;
    height: 11px;
    overflow: hidden;
    width: 16px
}

a#flagEE {
    background-position: -983px -929px
}

a#flagLV {
    background-position: -983px -959px
}

a#flagLT {
    background-position: -983px -989px
}

#follow {
    clear: both;
    padding-top: 5px;
    overflow: hidden
}

#follow div {
    float: left;
.
}

#follow a {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-left: 10px
}

a#followFacebook {
    background: url('/img/icons/facebook.png') no-repeat 0 0
}

a#followTwitter {
    background: url('/img/icons/twitter_2.png') no-repeat 0 0
}

a#followSlideshare {
    background: url('/img/icons/slideshare.png') no-repeat 0 0
}

a#followYoutube {
    background: url('/img/icons/youtube.png') no-repeat 0 0
}

a#followFoursquare {
    background: url('/img/icons/foursquare.png') no-repeat 0 0
}

#footer {
    display: block;
    background: #f4f4f4;
    position: relative;
    padding: 30px 0 0 0;
    color: #545454;
    margin-top: 30px;
    z-index: 2
}

#footer a {
    color: #545454
}

#footer > .contents {
    overflow: hidden
}

#footer .tel {
    font: 24px/28px SwedbankMedium, Arial, sans-serif;
    margin: 5px 0;
    color: #f60
}

#footer .email {
    font: 14px/20px SwedbankMedium, Arial, sans-serif;
    margin-bottom: 30px
}

#footer .email a {
    color: #036c80
}

#footer .requisites {
    color: #545454;
    line-height: 18px;
    margin-bottom: 20px
}

#footer .social-media {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px
}

.social-media li {
    float: left;
    margin: 0 0 0 10px
}

.social-media li:first-child {
    margin-left: 0
}

.social-media a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg)
}

.social-media .facebook {
    background-position: -1270px -10px
}

.social-media .youtube {
    background-position: -1300px -10px
}

.social-media .twitter {
    background-position: -1330px -10px
}

.social-media .facebook:hover {
    background-position: -1270px -40px
}

.social-media .youtube:hover {
    background-position: -1300px -40px
}

.social-media .twitter:hover {
    background-position: -1330px -40px
}

#footer .countries {
    clear: both;
    overflow: hidden;
    margin-top: 30px
}

.countries li {
    float: left;
    margin: 0 0 0 10px
}

.countries li:first-child {
    margin-left: 0
}

.countries a {
    display: block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg)
}

.countries a:hover {
    opacity: .7
}

.countries .ee {
    background-position: -1360px -10px
}

.countries .lv {
    background-position: -1390px -10px
}

.countries .lt {
    background-position: -1420px -10px
}

#footer nav {
    padding: 0 20px
}

#footer section {
    float: left;
    width: 23%;
    margin-bottom: 32px;
    margin-left: 2%
}

#footer section:first-child {
    margin-left: 0
}

#footer h3 {
    font: 15px/30px SwedbankMedium, Arial, sans-serif
}

#footer section ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#footer .links-list a:before {
    background-position: -497px -15px
}

#footer .disclaimer {
    clear: both;
    color: #666;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    margin: 20px 0 0;
    padding: 25px 0;
    background: #fff
}

#footer .disclaimer .contents {
    width: 984px;
    margin: 0 auto
}

@media screen and (max-width: 1020px) {
    #footer .disclaimer .contents {
        width: 736px
    }

    #footer .links li {
        font-size: 12px
    }
}

#loginForm {
    display: inline
}

#loginTabs {
    position: relative;
    z-index: 1
}

.legacy #loginTabs a {
    font: 15px/22px SwedbankMedium, Arial, sans-serif
}

.loginTop + div {
    position: relative
}

#loginbar {
    clear: both;
    margin: 10px 0 10px;
    overflow: hidden
}

#loginButton {
    margin-left: 10px
}

#loginIntro {
    color: #FFF;
    float: left;
    font-weight: bold;
    margin: 12px 0 0 8px;
    font: bold 20px/24px arial;
    color: #000
}

.legacy .lv .login-help {
    position: absolute;
    top: 35px;
    right: 10px;
    text-align: right;
    line-height: 14px
}

.legacy .lv .login-help a {
    color: #ea5e0d
}

.legacy .lv .login-help ul, .legacy .lt .login-help ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.legacy .lt .login-help > li {
    margin-bottom: 3px
}

.legacy .lt .login-help {
    position: absolute;
    bottom: 20px;
    top: auto;
    right: 20px;
    line-height: 14px;
    text-align: right
}

.legacy .lt .login-help a {
    color: #ea5e0d
}

.legacy #auth-code {
    position: absolute;
    top: 80px;
    left: 375px;
    text-align: center;
    width: 120px;
    padding: 0 5px;
    font: 12px/18px Arial, sans-serif;
    border: 0
}

.legacy #auth-code strong {
    line-height: 42px;
    font-size: 22pt;
    display: block;
    font-weight: normal
}

.legacy .login-help {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: right;
    width: 210px
}

.legacy .challenge-help + .login-help {
    top: 80px;
    bottom: auto
}

.legacy .rus .login-help, .legacy .rus .login-help {
    width: 250px
}

.loginControl {
    float: left
}

.lv .loginControl {
    white-space: nowrap;
    width: 120px
}

.lt .loginControl {
    white-space: nowrap
}

.loginControl + .loginControl {
    margin-left: 15px
}

#loginForm label {
    margin-right: 7px
}

.legacy #loginForm label {
    font-weight: bold
}

.renaissance #loginForm label {
    line-height: 16px;
    padding: 12px 0
}

#loginForm label:after {
    content: ':'
}

.renaissance #pwdLoginButton {
    margin-top: -7px
}

.lv #loginForm label, .lt #loginForm label {
    display: block;
    margin: 0
}

.lv #pwdLoginButton {
    margin-top: 16px
}

.lt #pwdLoginButton {
    margin-top: 16px
}

.legacy #loginForm1 {
    overflow: hidden;
    padding: 25px 15px 29px;
    border-top: 1px solid #c7c7c7;
    background: linear-gradient(white, #EEE);
    background: -moz-linear-gradient(white, #EEE);
    background: -webkit-linear-gradient(white, #EEE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE')
}

.renaissance #loginBottom {
    overflow: hidden;
    padding: 25px 20px 20px;
    background: #fff;
    margin-bottom: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.renaissance .ie8 .loginBottom {
    margin-bottom: 0
}

.renaissance #loginHelp {
    clear: both;
    margin-top: 40px
}

.legacy .loginInput {
    border: 1px solid #c7c7c7;
    padding: 4px 3px;
    width: 100px
}

.renaissance .loginInput {
    padding: 8px 10px !important;
    font-size: 18px;
    line-height: 18px;
    width: 100px
}

.loginError {
    background-color: #c53f40;
    border-bottom: 1px solid white;
    color: #FFF;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

#midInfoLeft {
    float: left;
    width: 340px
}

#midInfoRight {
    float: left;
    text-align: center;
    width: 120px;
    padding: 0 5px
}

#midChallenge {
    text-align: center;
    line-height: 42px;
    font-size: 22pt
}

#challenge-hash, .challenge-hash {
    line-height: 1em;
    width: 105%;
    margin-top: 5px;
    word-wrap: break-word;
    text-align: left
}

.legacy .challenge-help {
    color: black;
    font-weight: normal;
    width: 340px
}

.renaissance .challenge-help {
    color: #767676;
    margin: 10px 0
}

.restart-login {
    margin-top: 10px;
    float: left
}

.restart-login + .login-help {
    float: left;
    margin-top: 10px;
    margin-left: 13px;
    line-height: 34px
}

.legacy .restart-login + .login-help {
    line-height: 22px
}

.legacy .lt .restart-login + .login-help {
    line-height: 14px
}

#phoneBeginLabel {
    font-weight: bold;
    display: none
}

#contactarea {
    float: right;
    padding: 0 0 4px 20px
}

#contactarea li {
    padding: 2px 1px 2px 18px;
    line-height: 16px
}

#contactarea #caSupport {
    padding: 2px 0
}

.legacy #caMail {
    background: url(../img/newlayout/sprite.gif) no-repeat -1222px -749px
}

.legacy #caMessages {
    background: url(../img/newlayout/sprite.gif) no-repeat -1222px -277px;
    position: relative
}

#caNotification {
    background: url(../img/bullets/linksymbol-orange-bang-circle-small.gif) no-repeat 0 3px;
    position: relative
}

#messagesMenu {
    background: #fff;
    border: 1px solid #d4d4d4
}

#messagesMenu li {
    display: block
}

#caMessagesTop {
    background: 0
}

#caMessagesTop h2 {
    background-color: #f9f9f9;
    color: #555;
    font: 20px/50px SwedbankMedium, Arial, sans-serif;
    margin: -20px -20px 10px;
    padding: 0 20px
}

#caMessagesTop > a {
    background: url(../img/chat.png) no-repeat scroll -205px 0 transparent;
    display: block;
    height: 28px;
    width: 23px
}

#caMessagesTop > a:hover {
    background: url(../img/chat.png) no-repeat scroll -165px 0 transparent
}

#contactareaTop {
    float: left;
    z-index: 3;
    float: left;
    padding: 0;
    margin-right: 13px;
    top: -4px;
    position: relative
}

#messagesMenuTop {
    position: absolute;
    right: -20px;
    width: 290px
}

#messagesMenuContent {
    background: none repeat scroll 0 0 white;
    border: 1px solid #d6d6d6;
    margin-top: 15px;
    padding: 20px;
    position: relative
}

#messagesMenuContent .panel-tip {
    background: url("/img/chat-panel-tip.png") repeat scroll 0 0 transparent;
    height: 11px;
    position: absolute;
    right: 22px;
    top: -11px;
    width: 19px
}

#messagesMenuContent #close-panel {
    background: url("/stylebook/chat/close-panel.png") repeat scroll 0 0 transparent;
    height: 9px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 9px
}

#messagesMenuContent a {
    display: block
}

div.calendar {
    position: relative;
    background-image: url(../img/bg/calendar.gif);
    background-repeat: repeat-x;
    background-color: #fff;
    padding: 8px 12px
}

.calendar, .calendar table {
    border: 1px solid #c7c6c6;
    color: #000;
    cursor: default;
    font-family: arial, helvetica, sans-serif
}

.calendar table {
    border: 0
}

.calendar .button-nav {
    text-align: center;
    padding: 2px;
    color: #fe6600
}

.calendar thead .title {
    font-weight: bold;
    text-align: center;
    color: #000;
    padding: 2px
}

.calendar thead .headrow {
    color: #fff
}

.calendar thead .daynames {
    padding: 2px
}

.calendar thead .name {
    border-bottom: 1px solid #c7c6c6;
    padding: 2px;
    text-align: right;
    color: #000;
    font-weight: bold
}

.calendar thead .hilite {
    border: 1px solid #FFF;
    padding: 1px
}

.calendar thead .active {
    padding: 2px 0 0 2px
}

.calendar tbody .day {
    width: 2em;
    color: #555;
    text-align: right;
    padding: 2px 4px 2px 2px;
    font-weight: bold
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #bbb
}

.calendar tbody .day.othermonth.oweekend {
    color: #fbb
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000
}

.calendar tbody td.hilite {
    padding: 1px 3px 1px 1px;
    border: 1px solid #bbb
}

.calendar tbody td.active {
    padding: 2px 2px 0 2px
}

.calendar tbody td.selected {
    font-weight: bold;
    border: 1px solid #aaa;
    padding: 1px 3px 1px 1px;
    background: #aaa;
    color: #fff
}

.calendar tbody td.weekend {
    color: #fe6600
}

.calendar tbody td.today {
    font-weight: bold;
    color: #555;
    background-color: #fe6600
}

.calendar tbody .disabled {
    color: #ccc
}

.calendar tbody td.weekend.disabled {
    color: #ccc
}

.calendar tbody .emptycell {
    visibility: hidden
}

.calendar tbody .emptyrow {
    display: none
}

.calendar tfoot .footrow {
    text-align: center;
    color: #fff
}

.calendar tfoot .ttip {
    color: #445;
    border-top: 1px solid #c7c6c6;
    padding: 1px;
    font-family: Arial, sans-serif
}

.calendar tfoot .hilite {
    border: 1px solid #04f;
    color: #000;
    padding: 1px
}

.calendar tfoot .active {
    padding: 2px 0 0 2px
}

.calendar .combo {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 4em;
    cursor: default;
    border: 1px solid #655;
    background: #def;
    color: #000;
    font-size: 90%;
    z-index: 100
}

.calendar .combo .label, .calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px
}

.calendar .combo .label-IEfix {
    width: 4em
}

.calendar .combo .hilite {
    background: #acf
}

.calendar .combo .active {
    border-top: 1px solid #46a;
    border-bottom: 1px solid #46a;
    background: #eef;
    font-weight: bold
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0;
    text-align: center;
    background-color: #f4f0e8
}

.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm {
    padding: 0 3px 0 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #fff
}

.calendar td.time .ampm {
    text-align: center
}

.calendar td.time .colon {
    padding: 0 2px 0 3px;
    font-weight: bold
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #667;
    color: #fff
}

.calendar td.time span.active {
    border-color: red;
    background-color: #000;
    color: #0f0
}

.yui-overlay, .yui-panel-container {
    visibility: hidden;
    position: absolute;
    z-index: 2
}

.yui-tt {
    visibility: hidden;
    position: absolute;
    color: #333;
    background-color: #fdffb4;
    font-family: arial, helvetica, verdana, sans-serif;
    padding: 2px;
    border: 1px solid #fcc90d;
    font: 100% sans-serif;
    width: auto
}

.yui-tt-shadow {
    display: none
}

* html body.masked select {
    visibility: hidden
}

* html div.yui-panel-container select {
    visibility: inherit
}

* html div.drag select {
    visibility: hidden
}

* html div.hide-select select {
    visibility: hidden
}

.mask {
    z-index: 1;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    -ms-filter: "alpha(opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    background-color: #000
}

.layer-bg-white .mask {
    background: white;
    height: 100% !important;
    opacity: .8;
    filter: alpha(opacity=80);
    position: fixed;
    box-shadow: 0 0 100px #AAA inset, 0 0 10px #AAA inset
}

.hide-scrollbars, .hide-scrollbars * {
    overflow: hidden
}

.hide-scrollbars select {
    display: none
}

.show-scrollbars {
    overflow: auto
}

.yui-panel-container.show-scrollbars {
    overflow: visible
}

.yui-panel-container.show-scrollbars .underlay {
    overflow: auto
}

.yui-panel-container .underlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.yui-panel-container.matte {
    padding: 3px;
    background-color: #fff
}

.yui-panel-container.shadow .underlay {
    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12)
}

.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px
}

.yui-effect-fade .underlay {
    display: none
}

.yui-panel {
    visibility: hidden;
    border-collapse: separate;
    position: relative;
    left: 0;
    top: 0;
    font: 12px Arial;
    background-color: #FFF;
    border: 1px solid gray;
    z-index: 1;
    overflow: hidden
}

.layer-bg-white .yui-panel {
    background: -moz-linear-gradient(white, #EEE);
    background: -webkit-linear-gradient(white, #EEE)
}

.yui-panel .hd {
    color: #FFF;
    font-size: 100%;
    line-height: 100%;
    border: 1px solid #FFF;
    font-weight: bold;
    padding: 4px;
    white-space: nowrap
}

.yui-panel .bd {
    overflow: hidden
}

.yui-panel .bd p {
    margin: 0 0 1em
}

.yui-panel .container-close {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 6;
    height: 18px;
    width: 18px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    cursor: pointer;
    visibility: inherit
}

.yui-panel .ft {
    padding: 4px;
    overflow: hidden
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    float: left
}

.yui-dialog .ft, .yui-simple-dialog .ft {
    padding-bottom: 5px;
    padding-right: 5px;
    text-align: right
}

.yui-dialog form, .yui-simple-dialog form {
    margin: 0
}

.button-group button {
    font: 100 76% verdana;
    text-decoration: none;
    background-color: #e4e4e4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color: #FFF;
    border-left-color: #FFF;
    margin: 2px;
    padding: 2px
}

.button-group button.default {
    font-weight: bold
}

.button-group button:hover, .button-group button.hover {
    border: 2px solid #90a029;
    background-color: #ebf09e;
    border-top-color: #FFF;
    border-left-color: #FFF
}

.button-group button:active {
    border: 2px solid #e4e4e4;
    background-color: #BBB;
    border-top-color: #333;
    border-left-color: #333
}

.yui-panel.layer-box {
    border: 4px solid #c7c7c7
}

.layer-bg-white .yui-panel.layer-box {
    border: 4px solid #c7c7c7
}

.yui-panel.layer-box .bd {
    overflow: auto;
    margin: 30px 0 0;
    padding: 0 20px 20px;
    min-height: 150px;
    max-height: 550px
}

.yui-panel.layer-box .bd.ie6 {
    height: 400px;
    margin-right: 17px
}

.yui-panel.auto-height .bd {
    overflow: visible;
    margin: 30px 0 0;
    padding: 0 20px 20px;
    min-height: 1px;
    max-height: 9999em
}

.yui-panel.layer-box .hd, .yui-panel.layer-box .ft {
    display: none
}

.layer-box .toggle-background-color {
    background: url('/img/sprite_icon.gif') -735px 100px;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: 30px;
    cursor: pointer
}

.layer-box .toggle-background-color:hover {
    background-position: 0 100px
}

.loading-control {
    position: absolute;
    height: 32px
}

.loading-control-centered {
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0;
    background: transparent;
    width: 32px;
    height: 32px;
    padding: 32px 64px;
    margin: -49px 0 0 -81px;
    border-radius: 5px
}

.loading-control img {
    display: block;
    margin: 0 auto
}

#logoutPanel_mask {
    background-color: #000
}

#breadcrumbs {
    margin-bottom: 10px
}

#breadcrumbs a {
    text-decoration: none
}

#breadcrumbs span {
    line-height: 15px;
    text-transform: uppercase;
    padding: 0 3px
}

#content {
    float: right;
    display: inline
}

.legacy #content {
    background-color: #fff;
    margin: 0 10px 0 0;
    width: 735px
}

.renaissance #content {
    width: 775px;
    margin: 0
}

.legacy #mainForm {
    display: inline;
    overflow: hidden;
    clear: both
}

#wrap .content {
    float: left;
    width: 570px;
    overflow: hidden;
    border: 0;
    background: #fff
}

.renaissance .lv #wrap .content {
    background: 0
}

.renaissance h2 + p {
    margin: 7px 0 0
}

.renaissance h3 + p, .renaissance h4 + p, .renaissance h5 + p {
    margin: 6px 0 0
}

#pageTitle {
    margin: 0 0 10px 0
}

#pageTitle div div {
    padding: 66px 380px 0 5px
}

#pageTitle img {
    display: block
}

@media screen and (max-width: 1020px) {
    .renaissance .side-menu.open + #content {
        transition: margin-left 50ms ease-in-out
    }

    .renaissance .side-menu.open + #content.resizing {
        transition: none
    }

    .renaissance #content {
        float: none;
        display: block
    }
}

.agreementStepsTab {
    background-image: url(../img/bg/steps_bar.gif);
    height: 36px;
    border-top: 1px solid #ccc
}

.renaissance #agreementStepsTab, .renaissance .agreementStepsTab {
    background-image: none;
    height: auto;
    border-top: 0
}

.legacy .agreementStep a, .legacy .agreementStepActive a {
    color: #6e6e6d !important;
    text-decoration: none !important
}

.legacy .agreementStep a:hover {
    color: #f60 !important
}

.legacy .agreementStepActive a:hover {
    text-decoration: none
}

.legacy .form-steps, .legacy #agreementStepsTab {
    border: 1px solid #DDD;
    display: table;
    width: 100%
}

.legacy ul.form-steps, .legacy ol.form-steps, .legacy ul#agreementStepsTab, .legacy ol#agreementStepsTab, .legacy #agreementStepsTab > ul, .legacy #agreementStepsTab > ol {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 735px
}

.legacy .tabsContent ul.form-steps, .legacy .tabsContent ol.form-steps, .legacy .tabsContent ul#agreementStepsTab, .legacy .tabsContent ol#agreementStepsTab, .legacy .tabsContent #agreementStepsTab > ul, .legacy .tabsContent #agreementStepsTab > ol {
    width: 715px
}

.legacy .form-steps > li, .legacy .agreementStep, .legacy .agreementStepActive {
    background-color: #EEE;
    padding: 2px 5px 2px 43px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 13px SwedbankMedium, Arial, sans-serif;
    position: relative;
    line-height: 13px;
    color: #6e6e6d;
    display: table-cell;
    vertical-align: middle;
    height: 33px;
    counter-increment: listItem
}

.legacy .form-steps > li:before, .legacy .agreementStep:before, .legacy .agreementStepActive:before {
    content: '';
    display: block;
    width: 15px;
    height: 33px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -1px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg)
}

.legacy .form-steps > li:first-child:before, .legacy .agreementStep:first-child:before, .legacy .agreementStepActive:first-child:before {
    display: none
}

.legacy .form-steps > li:first-child, .legacy .agreementStep:first-child, .legacy .agreementStepActive:first-child {
    padding-left: 28px
}

.legacy .form-steps > li + li:before, .legacy .agreementStep + .agreementStep:before {
    background-position: -0 -250px
}

.legacy .form-steps span, .legacy .agreementStep span, .legacy .agreementStepActive span, .legacy .form-steps li:after, .legacy #agreementStepsTab li:after, .legacy .agreementStepsTab li:after, .legacy .agreementStep:after, .legacy .agreementStepActive:after {
    display: inline-block;
    border-radius: 10px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -240px -1px;
    color: white;
    width: 18px;
    height: 17px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    text-align: center;
    font: bold 11px/16px Arial, sans-serif
}

.legacy .form-steps li:after, .legacy #agreementStepsTab li:after, .legacy .agreementStep:after, .legacy .agreementStepActive:after {
    content: counter(listItem)
}

.legacy .form-steps li:first-child span, .legacy .agreementStep:first-child span, .legacy .agreementStepActive:first-child span, .legacy .form-steps li:first-child:after, .legacy #agreementStepsTab li:first-child:after, .legacy .agreementStepsTab li:first-child:after, .legacy .agreementStep:first-child:after, .legacy .agreementStepActive:first-child:after {
    left: 5px
}

.legacy .form-steps li > div, .legacy .agreementStep div, .legacy .agreementStepActive div {
    display: inline-block;
    vertical-align: middle
}

.legacy .form-steps li > span + div, .legacy .agreementStep span + div, .legacy .agreementStepActive span + div {
    padding-left: 23px
}

.legacy .form-steps > li.active:before, .legacy .agreementStepActive:before {
    background-position: 0 -215px
}

.legacy .form-steps > li.active, .legacy .agreementStepActive {
    background-color: #fff
}

.legacy .form-steps > li.active + li:before, .legacy .agreementStepActive + .agreementStep:before {
    background-position: -0 -180px
}

.legacy .form-steps > li.active ~ li, .legacy .agreementStepActive ~ .agreementStep {
    color: #777
}

.legacy .form-steps > .active:after, .legacy .form-steps li.active:after, .legacy #agreementStepsTab li.active:after, .legacy .agreementStepsTab li.active:after, .legacy .form-steps > .active span, .legacy .form-steps li.active span, .legacy .agreementStepActive span, .legacy .agreementStepActive:after {
    background-position: -280px -1px
}

.legacy .form-steps > .active ~ li span, .legacy .form-steps > .active ~ li:after, .legacy .agreementStepActive ~ .agreementStep span, .legacy .agreementStepActive ~ .agreementStep:after {
    background-position: -320px -1px
}

.renaissance .form-steps, .renaissance #agreementStepsTab, .renaissance .agreementStepsTab, .renaissance #agreementStepsTab, .renaissance .agreementStepsTab {
    text-align: justify;
    margin: 0;
    padding: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, 0.6)
}

.renaissance .form.frame .form-steps, .renaissance .form.frame #agreementStepsTab, .renaissance .form.frame .agreementStepsTab, .renaissance .form.frame #agreementStepsTab, .renaissance .form.frame .agreementStepsTab {
    margin: 0 -20px -20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 0 20px;
    background: transparent
}

.renaissance .form-steps:after, .renaissance #agreementStepsTab:after, .renaissance .agreementStepsTab:after, .renaissance #agreementStepsTab:after, .renaissance .agreementStepsTab:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 100%;
    height: 0
}

.renaissance .legalBlock {
    width: auto;
    padding: 20px;
    margin: 10px 0 0
}

.renaissance .legal-text-accept {
    background: #efefef;
    margin: 10px -20px -20px;
    padding: 20px
}

.renaissance .form.frame .query-params-list {
    padding: 10px 20px 20px;
    margin: 0 -20px 0;
    background-color: #fff;
    border-top: 10px solid #f4f4f4
}

.renaissance .form.frame .query-params-list:first-child {
    margin-top: -20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.renaissance .form.frame .form-steps + .query-params-list, .renaissance .form.frame .query-params-list:first-child {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 0
}

.renaissance .form.frame h2, .renaissance .form.frame h3 {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px
}

.renaissance .form.frame h2 {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0;
    border-top: 10px solid #f4f4f4
}

.renaissance .form.frame h2:first-child {
    border-top: 0
}

.renaissance .form.frame h3.form-header {
    position: relative;
    border: 0;
    padding-bottom: 10px;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 20px
}

.renaissance .form.frame h3.form-header:after {
    content: "";
    background: #e3e3e3;
    left: 20px;
    right: 20px;
    height: 1px;
    position: absolute;
    bottom: 5px
}

.renaissance .form.frame .errorMsg + *, .renaissance .form.frame .successMsg + *, .renaissance .form.frame .infoMsg + *, .renaissance .form.frame .urgentMsg + *, .renaissance .form.frame .warningMsg + *, .renaissance .form.frame .urgentMsg + * {
    margin-top: 10px;
    border-top: 0
}

.renaissance .form.frame h2 + .query-params-list, .renaissance .form.frame h3 + .query-params-list, .renaissance .form.frame .form-block-description + .query-params-list, .renaissance .form.frame .query-params-list:first-child {
    margin-top: 0;
    padding-top: 20px;
    border-top: 0
}

.renaissance .form.frame h2:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.renaissance .form.frame .form-block-description {
    padding: 10px 20px;
    margin: 0 -20px;
    background: #fff
}

.renaissance .form.frame dl.query-params-list + .form-button-bar {
    padding: 28px 20px;
    margin: 0 -20px -20px;
    background: #f4f4f4
}

.renaissance .form-steps *, .renaissance #agreementStepsTab *, .renaissance .agreementStepsTab *, .renaissance #agreementStepsTab *, .renaissance .agreementStepsTab * {
    display: inline
}

.renaissance .form-steps li, .renaissance #agreementStepsTab li, .renaissance .agreementStepsTab li {
    position: relative;
    display: inline-block;
    padding-top: 42px;
    color: #666;
    counter-increment: listItem;
    min-width: 36px;
    max-width: 120px;
    text-align: center;
    vertical-align: top
}

.renaissance .form-steps li:before, .renaissance #agreementStepsTab li:before, .renaissance .agreementStepsTab li:before {
    content: counter(listItem);
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #f60;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -17px;
    text-align: center;
    font: 16px/33px SwedbankMedium, sans-serif;
    color: #262626
}

.renaissance .form-steps li ins, .renaissance #agreementStepsTab li ins, .renaissance .agreementStepsTab li ins, .renaissance .agreementStep ins, .renaissance .agreementStepActive ins {
    height: 2px;
    display: block;
    position: absolute;
    background: #f90;
    top: 18px;
    right: 50%;
    margin-right: 17px
}

.renaissance .form-steps.clickable li:hover, .renaissance #agreementStepsTab.clickable .agreementStep:hover, .renaissance .agreementStepsTab.clickable .agreementStep:hover, .renaissance .form-steps.clickable li.passed:hover, .renaissance #agreementStepsTab.clickable .agreementStep.passed:hover, .renaissance .agreementStepsTab.clickable .agreementStep.passed:hover {
    background: transparent
}

.renaissance .form-steps .active:before, .renaissance .form-steps.clickable .active:hover:before, .renaissance #agreementStepsTab .agreementStepActive:before, .renaissance #agreementStepsTab.clickable .agreementStepActive:hover:before, .renaissance .agreementStepsTab .agreementStepActive:before, .renaissance .agreementStepsTab.clickable .agreementStepActive:hover:before {
    background-color: #f60;
    border-color: #f60;
    color: white
}

.renaissance .form-steps.clickable li:hover:before, .renaissance #agreementStepsTab.clickable .agreementStep:hover:before, .renaissance .agreementStepsTab.clickable .agreementStep:hover:before {
    content: counter(listItem);
    background-color: #fc0;
    border-color: #fc0;
    color: #545454
}

.renaissance .form-steps.clickable li.passed:hover:before, .renaissance #agreementStepsTab.clickable .agreementStep.passed:hover:before, .renaissance .agreementStepsTab.clickable .agreementStep.passed:hover:before {
    content: '';
    background-color: #82b336;
    border-color: #82b336;
    color: #545454;
    background-position: -1804px -4px
}

.renaissance .form-steps .active ins, .renaissance #agreementStepsTab .agreementStepActive ins, .renaissance .agreementStepsTab .agreementStepActive ins {
    background: #82b336;
    background: -moz-linear-gradient(left, #82b336 0, #f90 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #82b336), color-stop(100%, #f90));
    background: -webkit-linear-gradient(left, #82b336 0, #f90 100%);
    background: -o-linear-gradient(left, #82b336 0, #f90 100%);
    background: -ms-linear-gradient(left, #82b336 0, #f90 100%);
    background: linear-gradient(to right, #82b336 0, #f90 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82b336', endColorstr='#ff9900', GradientType=1)
}

.renaissance #agreementStepsTab .passed:before, .renaissance .form-steps .passed:before {
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg);
    background-position: -604px -4px;
    background-color: transparent;
    border-color: #82b336;
    content: ""
}

.renaissance .form-steps li.passed ins, .renaissance #agreementStepsTab li.passed ins, .renaissance .agreementStepsTab li.passed ins, .renaissance .agreementStep.passed ins, .renaissance .form-steps .passed ins {
    background-color: #82b336
}

.legacy .badge {
    display: inline-block;
    border-radius: 3px;
    background-color: #f90;
    color: #FFF;
    font-family: Arial, sans-serif;
    width: 21px;
    text-align: center;
    margin-left: 5px;
    line-height: 18px;
    font-size: 12px
}

.renaissance .badge {
    background-color: #f60;
    color: #fff;
    font: bold 13px/18px Helvetica, Arial, sans-serif;
    border-radius: 10px;
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px 0
}

.renaissance .tabsList .badge {
    margin-right: -10px
}

.remark-corner, .remark-small, .remark-medium, .remark-large {
    color: #fff;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font: 11px/12px Helvetica, Arial, sans-serif
}

.remark-corner, .remark-small {
    width: 74px;
    height: 35px;
    padding: 3px 3px 14px 17px;
    background-position: -1450px -190px
}

.renaissance .columns-layout .remark-corner, .remark-medium {
    width: 90px;
    padding: 3px 5px 14px 20px;
    height: 53px;
    font-size: 12px;
    line-height: 14px;
    background-position: -1550px -190px
}

.campaign-visual .remark-corner, .ad-offer .remark-corner, .remark-large {
    width: 152px;
    height: 82px;
    padding: 5px 5px 27px 31px;
    font: 16px/18px SwedbankMedium, Arial, sans-serif;
    background-position: -1670px -190px;
    z-index: 9
}

.remark-corner:before, .remark-small:before, .remark-medium:before, .remark-large:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.remark-corner span, .remark-small span, .remark-medium span, .remark-large span {
    display: inline-block;
    vertical-align: middle
}

h3 em, .highlight {
    color: #f60;
    font-style: normal
}

.legacy h3 em, .legacy .highlight {
    font-weight: bold
}

#pageTitle img {
    display: block
}

#pageTitle div div {
    padding: 66px 380px 0 5px
}

#header-image {
    display: block;
    margin-bottom: 10px
}

.renaissance #header-image {
    display: none
}

.aside {
    float: right;
    width: 155px;
    margin: 0;
    padding: 0
}

.aside #contactarea {
    padding: 0 0 8px;
    width: auto;
    float: none
}

.lv .aside #contactarea {
    padding: 0;
    width: auto;
    float: none
}

.aside .bankContacts .sbarContent {
    position: relative
}

.aside #messagesMenu {
    top: -1px;
    left: -1px;
    width: 139px;
    z-index: 2
}

.aside .unreadItems li {
    padding: 0 0 5px 18px;
    background: url('/img/newlayout/sprite_new.gif') no-repeat -1222px -395px;
    line-height: 18px
}

.aside .unreadItems .eInvoices {
    background-position: -1222px -631px
}

.aside .unreadItems .bankMessages {
    background-position: -1222px -276px
}

.lt .sbarBlock {
    margin-bottom: 15px
}

.lv .sbarBlock {
    margin-bottom: 10px
}

.sbarContent {
    padding: 8px
}

.sbarBlockContent {
    padding: 8px 0
}

.unreadItems .sbarContent {
    clear: left;
    padding-bottom: 0;
    margin-bottom: 8px;
    border: 1px solid #f60;
    border-radius: 0 0 0 6px
}

.lt .unreadItems .sbarContent {
    clear: left;
    padding: 10px 10px 0 10px;
    margin-bottom: 0;
    border: 0;
    border-radius: 0
}

*[data-visible-from], *[data-visible-until], .time-sensitive-section {
    display: none
}

.legacy .introduction.frame, .legacy #intro-section {
    background: url("/img/private/d2d/cards/debit/new/taust.jpg") no-repeat;
    height: auto
}

.legacy #intro-section.low {
    background-image: url('/img/private/insurance/travel/travelInsurance/bg.jpg');
    min-height: 260px
}

.campaign-visual {
    overflow: hidden;
    position: relative;
    padding: 20px;
    display: table-cell;
    vertical-align: middle;
    width: 735px;
    box-sizing: border-box;
    z-index: 1
}

.renaissance .campaign-visual {
    width: 775px
}

.campaign-visual.image-nocrop {
    box-sizing: border-box
}

.campaign-visual > article {
    display: inline-block;
    vertical-align: middle
}

.ie8 .campaign-visual {
    display: block;
    width: auto;
    overflow: visible
}

.legacy .ad-offer div .campaign-visual, .legacy .slides-has-thumbnails .campaign-visual {
    padding-left: 20px;
    padding-right: 20px
}

.modal-window .campaign-visual img {
    margin-right: -20px
}

.renaissance .marketing .slides-list {
    padding: 0;
    background-color: #fff;
    border-radius: 3px 3px 0 0
}

.renaissance .marketing .slides-list li .ad-offer {
    background-color: #fff;
    height: 275px;
    overflow: hidden
}

.renaissance .marketing .slides-list li .campaign-visual {
    width: 735px
}

.legacy .campaign-visual:before, .legacy .campaign-visual:after {
    content: "";
    background: url("/img/bg/campaign-visual_bg.jpg") no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    display: block;
    position: absolute;
    z-index: -2
}

.legacy .campaign-visual:before {
    background-position: center top;
    bottom: auto
}

.legacy .campaign-visual:after {
    background-position: center bottom;
    top: auto
}

.legacy .introduction.frame .campaign-visual:before, .legacy .introduction.frame .campaign-visual:after {
    display: none
}

.legacy .lv .campaign-visual {
    margin-bottom: 25px
}

.legacy .campaign-visual h2 {
    color: #f60 !important;
    font: 28px/30px SwedbankMedium, Arial, sans-serif !important;
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none !important
}

.renaissance .campaign-visual h2 {
    color: #f60;
    font: 24px/26px SwedbankRegular, Arial, sans-serif !important;
    margin-top: 0
}

.renaissance .campaign-visual .button.call-to-action {
    float: none
}

.campaign-visual h3 {
    font-size: 13px;
    margin-bottom: 8px
}

.campaign-visual ul {
    margin-bottom: 20px
}

.campaign-visual h2, .campaign-visual h3, .campaign-visual p, .campaign-visual ul, .campaign-visual ol {
    max-width: 480px
}

.legacy .campaign-visual h2, .legacy .campaign-visual h3, .legacy .campaign-visual h4, .legacy .campaign-visual p, .legacy .campaign-visual ul, .legacy .campaign-visual ol {
    max-width: 443px
}

.campaign-visual figure {
    top: 20px;
    bottom: 20px;
    right: 20px;
    width: 231px;
    position: absolute;
    display: block;
    margin: 0
}

.campaign-visual.image-crop figure {
    overflow: hidden
}

.slides-has-thumbnails .campaign-visual figure, .slides-has-thumbnails .campaign-visual.image-crop figure {
    width: 365px
}

.legacy .slides-has-thumbnails .campaign-visual figure, .legacy .slides-has-thumbnails .campaign-visual.image-crop figure {
    width: 345px
}

.campaign-visual img {
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    max-width: 275px;
    margin: auto;
    box-sizing: border-box;
    z-index: -1;
    display: block
}

.campaign-visual figure img {
    padding: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    margin: auto
}

.image-noresize .campaign-visual img, .campaign-visual.image-noresize img {
    margin: auto
}

.campaign-visual.image-noresize figure {
    overflow: visible
}

.campaign-visual.image-noresize figure img {
    width: auto
}

.campaign-visual.text-position-right img {
    right: auto;
    left: 0
}

.ie8 .slides-has-thumbnails .campaign-visual figure + * {
    margin-top: 100px
}

.ie8 .slides-has-thumbnails .campaign-visual figure + article {
    margin-top: 0
}

.campaign-visual.image-position-top figure img {
    bottom: auto;
    margin: 0
}

.campaign-visual.image-position-top figure {
    top: 0
}

.campaign-visual.image-position-right figure {
    right: 0
}

.image-position-bottom .campaign-visual figure img, .campaign-visual.image-position-bottom figure img {
    top: auto;
    margin: 0
}

.image-position-bottom .campaign-visual figure, .campaign-visual.image-position-bottom figure {
    bottom: 0
}

.image-position-bottom .campaign-visual figure img, .campaign-visual.image-position-bottom figure img, .image-position-cover .campaign-visual figure img, .campaign-visual.image-position-cover figure img {
    bottom: 0;
    max-height: 100%
}

.image-position-cover .campaign-visual figure img, .campaign-visual.image-position-cover figure img {
    max-width: none
}

.image-position-cover .campaign-visual figure, .legacy .image-position-cover .campaign-visual figure, .campaign-visual.image-position-cover figure, .legacy .campaign-visual.image-position-cover figure, .image-position-cover.slides-has-thumbnails .campaign-visual figure, .slides-has-thumbnails .campaign-visual.image-position-cover figure, .image-position-cover .campaign-visual.image-crop figure, .campaign-visual.image-position-cover.image-crop figure, .legacy .campaign-visual.image-position-cover.image-crop figure, .legacy .image-position-cover .campaign-visual.image-crop figure {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto
}

.campaign-visual.image-position-cover > * {
    z-index: 1;
    position: relative
}

.campaign-visual.image-position-cover > figure {
    z-index: 0;
    position: absolute
}

.ie8 .image-position-top .campaign-visual img, .ie8 .campaign-visual.image-position-top img, .ie8 .image-position-bottom .campaign-visual img, .ie8 .campaign-visual.image-position-bottom img {
    max-height: 280px
}

.ie8 .campaign-visual.image-position-cover img {
    max-height: 300px
}

.ie8 .slides-has-thumbnails .image-position-top .campaign-visual img, .ie8 .slides-has-thumbnails .campaign-visual.image-position-top img, .ie8 .slides-has-thumbnails .image-position-bottom .campaign-visual img, .ie8 .slides-has-thumbnails .campaign-visual.image-position-bottom img {
    max-height: 390px
}

.ie8 .slides-has-thumbnails .image-position-top .campaign-visual figure img, .ie8 .slides-has-thumbnails .campaign-visual.image-position-top figure img, .ie8 .slides-has-thumbnails .image-position-bottom .campaign-visual figure img, .ie8 .slides-has-thumbnails .campaign-visual.image-position-bottom figure img {
    max-height: 100%;
    left: auto
}

.ie8 .slides-has-thumbnails .campaign-visual.image-position-cover img {
    max-height: 410px
}

.ie8 .image-noresize .campaign-visual img, .ie8 .campaign-visual.image-noresize img {
    height: auto !important
}

.campaign-visual p {
    line-height: 18px
}

.campaign-visual .disclaimer, .campaign-visual .disclaimer a {
    color: #999 !important;
    line-height: 14px !important
}

.campaign-visual .blue {
    color: #33a2d9 !important
}

.section-header {
    background: #464646 url(../img/bg/tableheader_new.gif) repeat-x 0 0;
    padding: 0 9px;
    margin: 0 0 5px;
    color: #fff;
    line-height: 25px;
    font-weight: bold;
    border-radius: 3px
}

#textad {
    padding-top: 5px;
    padding-right: 5px;
    clear: both;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif
}

#menuTextAd {
    padding-top: 5px;
    padding-left: 5px;
    clear: both;
    font-family: Arial, Helvetica, sans-serif
}

#centralAdsBlock {
    width: 735px;
    height: 275px;
    background-color: #eee
}

.coverpromo {
    width: 500px;
    height: 275px;
    position: absolute
}

#coverselector {
    position: absolute;
    width: 100px;
    height: 30px;
    margin-left: 630px;
    margin-top: 12px;
    background: 0;
    z-index: 2
}

.coverselActive {
    cursor: pointer;
    height: 15px;
    width: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    color: #fff;
    background: #fe6600;
    float: left;
    margin: 2px;
    z-index: 1;
    border: 1px solid #fff
}

.coverselNormal {
    cursor: pointer;
    height: 15px;
    width: 15px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    float: left;
    color: #fff;
    background: #000;
    margin: 2px;
    z-index: 1;
    border: 1px solid #fff
}

div.coverselActive div {
    background: url('/stylebook/4g_coverpromo_bg.jpg') repeat-y top right;
    z-index: 1
}

.coverselinner {
    border-bottom: 1px solid #ddd;
    height: 41px;
    padding-top: 8px;
    padding-left: 12px;
    cursor: default
}

.csiTitle {
    font-weight: bold;
    color: #4c4c4c
}

#alloffers {
    padding-top: 4px;
    padding-left: 29px
}

#alloffers a {
    text-decoration: none;
    font-weight: bold;
    color: #4c4c4c
}

#cbox {
    background-image: url(/shared/graphics/payments/codebg.png);
    background-repeat: no-repeat;
    width: 154px;
    height: 71px;
    color: #fe6600;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 20px
}

.legacy #challengeTitle {
    line-height: 16px;
    font-weight: bold;
    position: relative;
    top: 8px;
    margin-bottom: 12px
}

.renaissance #challengeTitle {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle
}

.legacy #challengeIDSpan, .legacy #waitingForChallengeId {
    line-height: 30px;
    font-size: 36px;
    position: relative;
    top: 0;
    margin-bottom: 10px
}

.renaissance #challengeIDSpan, .renaissance #waitingForChallengeId {
    display: inline-block;
    font: 36px/30px SwedbankRegular, Arial, sans-serif;
    margin-left: 18px;
    vertical-align: middle
}

#cmsg {
    padding-top: 10px;
    padding-right: 10px
}

#midError p {
    font-size: 18px;
    margin-bottom: .5em
}

#midError .button {
    margin-top: 15px
}

.midintro {
    margin-bottom: 20px;
    padding: 10px 20px;
    text-align: center
}

#midError .midintro {
    background: red;
    border-radius: 5px;
    color: white
}

.midLeft {
    color: #000
}

#midMsgSent {
    background-image: url(/shared/graphics/payments/mid_ico2.gif)
}

#doneBar, #showSigned {
    text-align: center;
    color: #3f4b6f;
    font-weight: bold;
    padding-top: 10px;
    display: none
}

.midErrorCell {
    color: #000
}

.midBackButton {
    margin: 10px 0 15px
}

#beneficiaryBankName {
    font-weight: bold
}

.renaissance #beneficiaryBankName {
    margin-left: 10px;
    font-weight: normal
}

#scutmenu {
    margin: 0 0 5px
}

.renaissance #scutmenu {
    margin: 0;
    border-bottom: 1px solid #cfcfcf
}

.renaissance #scutmenu ul {
    margin-bottom: 10px
}

.legacy #scutmenu h3 {
    color: #FFF;
    background: url(../img/newlayout/sprite_new.gif) no-repeat -10px -277px;
    line-height: 26px;
    padding: 0 0 0 7px;
    zoom: 1
}

.renaissance #scutmenu h3 {
    color: #545454;
    font: 14px/16px SwedbankMedium, sans-serif;
    padding: 9px 20px;
    position: relative;
    cursor: default;
    margin: 0;
    border: 0;
    text-transform: none
}

.legacy #scutmenu h3 span {
    padding: 0 0 0 7px
}

.legacy #scutmenu h3 span span {
    padding: 0
}

.legacy #shorcutsToggler {
    margin: 4px;
    display: inline
}

.renaissance #shorcutsToggler {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: transparent
}

.renaissance .opened #shorcutsToggler:hover {
    background: #e3e3e3
}

.renaissance .closed #shorcutsToggler:hover {
    background: #e3e3e3
}

.renaissance #shorcutsToggler:after {
    content: "";
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    top: 9px;
    right: 10px;
    position: absolute
}

.legacy #scutmenu .formSectionTogglerOpen {
    background-position: -18px 0
}

.legacy #scutmenu .formSectionTogglerClose {
    background-position: -18px -18px
}

.legacy #scinner {
    background: #f9f9f9;
    border: 1px solid #d4d4d4;
    border-bottom: 0;
    border-top: 0;
    line-height: 18px;
    zoom: 1
}

.legacy #scinner div div {
    padding: 4px 11px;
    zoom: 1;
    border-bottom: 1px solid #d4d4d4
}

.legacy #scinner div a {
    font-weight: bold
}

.legacy #shortcuts-scroll-area {
    padding: 5px 11px;
    border: 1px solid #d4d4d4;
    border-top: 0;
    border-right: 0;
    margin-left: -1px;
    max-height: 90px;
    overflow-y: auto;
    position: relative
}

.legacy #scinner ul {
    margin: 0;
    padding: 0
}

.legacy #menu #scinner li {
    line-height: 18px;
    padding: 0 0 0 11px;
    margin: 0;
    zoom: 1;
    background: #f9f9f9 url(../img/newlayout/sprite_new.gif) no-repeat 0 -1407px
}

.legacy #menu #scinner li a, .legacy #menu #scinner li div {
    margin: 0 20px 0 0;
    color: #303030;
    overflow: hidden;
    display: block
}

.legacy #menu #scinner li div {
    cursor: move
}

.legacy #menu #scinner li a:hover {
    color: #fe6809;
    text-decoration: underline
}

.legacy #scinner img {
    display: block;
    margin: 3px auto
}

.renaissance #scutmenu .formSectionTogglerOpen:after {
    background-position: -70px -10px
}

.renaissance #scutmenu .formSectionTogglerOpen:hover:after {
    background-position: -70px -40px
}

.renaissance #scutmenu .formSectionTogglerClose:after {
    background-position: -70px -100px
}

.renaissance #addShortcutOuter {
    padding-top: 10px
}

.renaissance #scinner div div a {
    padding: 6px 20px;
    color: #036c80;
    position: relative
}

.renaissance #scinner div div a:after {
    content: "";
    display: block;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -190px -10px;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    top: 3px;
    right: 10px;
    position: absolute
}

.renaissance #scinner div div a:hover:after {
    background-position: -190px -40px
}

.renaissance #shortcuts-scroll-area {
    position: relative;
    padding-bottom: 10px
}

.renaissance .shortcutDelete {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    margin: 0;
    top: 4px;
    right: 10px;
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg);
    background-position: -250px -10px;
    cursor: pointer
}

.renaissance li:hover .shortcutDelete {
    display: block
}

.renaissance li:hover .shortcutDelete:hover {
    background-position: -250px -40px
}

.renaissance #menu #scinner li .shortcutDelete:hover + a {
    color: #CCC
}

.renaissance #scinner ul {
    margin: 0;
    padding: 0
}

.renaissance #menu #scinner li {
    position: relative;
    padding: 0;
    margin: 0
}

.renaissance #menu #scinner li:first-child {
    border: 0
}

.renaissance #menu #scinner li a, .renaissance #menu #scinner li div {
    margin: 0;
    padding: 6px 20px;
    color: #262626;
    overflow: hidden;
    display: block
}

#menu #scinner li div {
    cursor: move
}

#menu #scinner li a:hover {
    color: #f60
}

.dataTable {
    width: 100%
}

.dataTable tr.titleRow th {
    color: #fff;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #ccc
}

.dataTable tr.titleRow th.number, .dataTable tr.dataRow td.number {
    text-align: right
}

.dataTable tr.titleRow th.text, .dataTable tr.dataRow td.text {
    text-align: left
}

.dataTable tr.titleRow th {
    background: #474646 url("/img/bg/tableheader_new.gif") repeat-x top left;
    padding: 4px 4px;
    border-collapse: collapse
}

.dataTable tr.titleRow th a {
    color: white
}

.dataTable tr.titleRow th a.helpLink {
    color: #f60;
    text-decoration: none
}

.dataTable tr.titleRow th:first-child {
    padding: 4px 6px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.dataTable tr.titleRow th:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.dataTable tr.dataRow {
    background-color: #f5f5f5
}

.standardForm td {
    border-bottom: 1px solid #EEE
}

.bg-light {
    color: #444;
    padding: 3px
}

.legacy .bg-light-error {
    color: #d00;
    font-weight: bold
}

.renaissance .bg-light-error {
    color: #f15a52
}

.legacy td.bg-light-error input, .legacy td.bg-light-error select, .legacy td.bg-light-error textarea {
    border: 1px solid #d00
}

.renaissance td.bg-light-error input, .renaissance td.bg-light-error select, .renaissance td.bg-light-error textarea {
    border: 1px solid #f4adac
}

.dataTable .cur, .default-table .cur {
    text-align: left
}

.dataTable .summary-row td {
    font-weight: bold;
    background-color: #fff;
    padding: 2px
}

.legacy div.paginator {
    clear: both;
    padding: 5px 0
}

.renaissance .paginator {
    padding: 7px 0;
    margin: 10px 0 0
}

.renaissance .paginator:first-child {
    margin-top: 0
}

.renaissance .paginator:before, .renaissance .paginator:after {
    content: '';
    display: table
}

.renaissance .paginator:after {
    clear: both
}

.legacy div.paginator div.pagingLinks {
    float: left;
    word-spacing: .5em;
    overflow: hidden
}

.legacy .paginator div.pagingLinks span, .legacy div.paginator div.pagingLinks a {
    float: left;
    padding: 2px 5px;
    margin: 0 3px;
    border: 1px solid #CCC;
    color: black
}

.legacy div.paginator div.pagingLinks .inactivePage {
    color: #777
}

.legacy div.paginator div.pagingLinks .activePage {
    background: #f60;
    border-color: #f60;
    color: white
}

.legacy .paginator div.pagingLinks a:hover {
    border-color: black;
    text-decoration: none
}

.renaissance div.paginator div.pagingLinks {
    float: left;
    overflow: hidden
}

.renaissance .paginator div.pagingLinks span, .renaissance div.paginator div.pagingLinks a {
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid #bed9df;
    border-radius: 12px;
    text-decoration: none
}

.renaissance div.paginator div.pagingLinks .inactivePage {
    color: #b7b7b7;
    border-color: #efefef
}

.renaissance div.paginator div.pagingLinks .activePage {
    background: #f60;
    border-color: #f60;
    color: #fff
}

.renaissance .paginator div.pagingLinks a:hover {
    text-decoration: none;
    background-color: #c5dde0
}

div.paginator div.pagingDropdown {
    float: right;
    white-space: nowrap
}

.legacy ul.tabsList a, .legacy .tabsContent {
    border: 1px solid #c7c7c7
}

.legacy .tabsContent {
    padding: 15px;
    background: #FFF
}

.renaissance .tabs-wrapper {
    margin: 10px 0 0
}

.renaissance .tabsContent {
    padding: 20px;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.tabsContent:before, .tabsContent:after, .renaissance .tabsContent > div:before, .renaissance .tabsContent > div:after {
    content: "";
    clear: both
}

.tabsContent:after, .renaissance .tabsContent > div:after {
    display: table
}

.renaissance .tabsContent > div > *:last-child {
    margin-bottom: 0
}

.legacy .tabsList {
    padding: 4px 0 0;
    margin: 0 0 -1px;
    font-weight: bold;
    overflow: hidden;
    list-style: none
}

.renaissance .tabsList {
    padding: 0;
    list-style: none
}

.renaissance .tabsList:before, .renaissance .tabsList:after {
    content: "";
    display: table
}

.renaissance .tabsList:after {
    clear: both
}

.legacy .tabsList li {
    display: inline-block;
    vertical-align: baseline;
    margin-left: 2px
}

.legacy .tabsList li:first-child {
    margin-left: 5px
}

.legacy .tabs-vertical .tabsList li {
    display: block
}

.renaissance .tabsList:first-line a {
    margin-top: 200px
}

.renaissance .tabsList li {
    display: block;
    float: left;
    margin-left: 1px;
    position: relative;
    z-index: 1
}

.renaissance .tabsList li:hover {
    z-index: 2
}

.renaissance .tabsList li:first-child {
    margin-left: 0
}

.legacy .tabsList a {
    font: 15px/22px SwedbankMedium, Arial, sans-serif;
    padding: 5px 9px 6px;
    background-color: #f2f2f2;
    display: block;
    text-decoration: none !important;
    color: #222 !important
}

.legacy .tabsList a.active {
    border-bottom-color: white;
    background-color: white;
    cursor: default
}

.renaissance .tabsList a {
    font: 16px/14px SwedbankMedium, Arial, sans-serif;
    padding: 0 20px;
    height: 50px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, .6);
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #262626
}

.renaissance .tabsList a:hover {
    background: #fff5cc;
    color: #545454
}

.renaissance .tabsList a.active {
    background: #fff;
    cursor: default
}

.renaissance .frame .tabs-wrapper, .renaissance .tabs-wrapper .tabs-wrapper {
    margin: 10px -10px 0
}

.renaissance .frame .tabs-wrapper:first-child, .renaissance .tabs-wrapper .tabs-wrapper:first-child {
    margin-top: -10px
}

.renaissance .frame .tabs-wrapper .tabsList, .renaissance .tabs-wrapper .tabs-wrapper .tabsList {
    display: table;
    width: 100%;
    border-collapse: separate;
    table-layout: fixed
}

.renaissance .tabs-wrapper .tabs-wrapper .tabsList:before, .renaissance .tabs-wrapper .tabs-wrapper .tabsList:after, .renaissance .frame .tabs-wrapper .tabsList:before, .renaissance .frame .tabs-wrapper .tabsList:after {
    display: none
}

.renaissance .frame .tabs-wrapper .tabsList li, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li {
    display: table-cell;
    float: none
}

.renaissance .frame .tabs-wrapper .tabsList li a, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li a {
    height: 40px;
    line-height: 16px;
    padding: 0 10px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    background: #eaeaea;
    display: block;
    border-radius: 0;
    border: 1px solid transparent;
    margin-left: 1px
}

.renaissance .frame .tabs-wrapper .tabsList li a:before, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li a:before {
    content: " ";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.renaissance .frame .tabs-wrapper .tabsList li a span, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li a span {
    display: inline-block;
    vertical-align: middle
}

.renaissance .frame .tabs-wrapper .tabsList li a:hover, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li a:hover {
    border-color: #ffc50b;
    background: #eaeaea
}

.renaissance .frame .tabs-wrapper .tabsList li a.active:hover, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li a.active:hover {
    background: #ffc50b
}

.renaissance .frame .tabs-wrapper .tabsList li:first-child a, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li:first-child a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 0
}

.renaissance .frame .tabs-wrapper .tabsList li:last-child a, .renaissance .tabs-wrapper .tabs-wrapper .tabsList li:last-child a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.renaissance .frame .tabs-wrapper .tabsList a:hover, .renaissance .tabs-wrapper .tabs-wrapper .tabsList a:hover {
    background: #fff5cc;
    color: #545454
}

.renaissance .frame .tabs-wrapper .tabsList a.active, .renaissance .tabs-wrapper .tabs-wrapper .tabsList a.active {
    background: #ffc50b;
    cursor: default;
    position: relative
}

.renaissance .frame .tabs-wrapper .tabsList a.active:after, .renaissance .tabs-wrapper .tabs-wrapper .tabsList a.active:after {
    content: "";
    border: 5px solid transparent;
    border-top-color: #ffc50b;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -5px
}

.renaissance .frame .tabs-wrapper .tabsContent, .renaissance .tabs-wrapper .tabs-wrapper .tabsContent {
    padding: 10px 10px 0
}

.tabs-wrapper.tabs-vertical {
    border-top: 1px solid #CCC;
    overflow: hidden;
    padding-bottom: 1px
}

.tabs-wrapper.tabs-vertical > .tabsList {
    width: 240px;
    padding: 0;
    border-bottom: 1px solid #CCC
}

.tabs-wrapper.tabs-left > .tabsList {
    float: left
}

.tabs-wrapper.tabs-right > .tabsList {
    float: right
}

.tabs-wrapper.tabs-vertical > .tabsList li {
    margin: 0;
    float: none
}

.legacy .tabs-vertical > .tabsList a {
    padding: 15px 15px 15px 20px;
    border-width: 1px 1px 0;
    line-height: 19px
}

.tabs-wrapper.tabs-vertical > .tabsList li:first-child a {
    border-top: 0
}

.tabs-wrapper.tabs-left > .tabsList a.active {
    border-right-color: transparent
}

.tabs-wrapper.tabs-right > .tabsList a.active {
    border-left-color: transparent
}

.tabs-wrapper.tabs-vertical > .tabsContent {
    padding: 15px 40px 15px 15px;
    width: 420px;
    border: 0
}

.tabs-wrapper.tabs-left > .tabsContent {
    float: right
}

.tabs-wrapper.tabs-right > .tabsContent {
    float: left
}

.tabs-wrapper.tabs-vertical.tabs-right > .tabsList {
    font-weight: normal;
    width: 320px
}

.tabs-wrapper.tabs-vertical.tabs-right > .tabsContent {
    width: 350px
}

.legacy .tabs-wrapper.tabs-no-borders > .tabsContent {
    border-width: 1px 0 0;
    padding: 15px 0 0
}

.renaissance .tabs-headers-only + .frame {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.legacy .tabs-wrapper:before, .legacy .tabs-wrapper:after {
    content: '';
    display: table;
    clear: both
}

.legacy .tabs-headers-only .tabsList {
    position: relative
}

.legacy .tabs-headers-only .tabsList {
    position: relative;
    z-index: 1
}

.legacy .tabs-headers-only .tabsList:after {
    content: '';
    height: 1px;
    border-bottom: 1px solid #c7c7c7;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1
}

#tooltipContainer {
    position: absolute;
    margin: 32px 0 0 -90px;
    width: 200px;
    visibility: visible
}

#tooltipContainer.wide {
    margin-left: -190px;
    width: 300px
}

#tooltipContainer.extra-wide {
    margin-left: -290px;
    width: 400px
}

.statementPanel {
    border: 0;
    background: 0;
    overflow: visible
}

.statementPanel .hd {
    height: 25px;
    border: 0;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../img/bg/bubble.gif) -10px 0
}

.statementPanel .bd {
    background: #fff;
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
    margin: 0;
    padding: 0 20px
}

.statementPanel .hd .tl {
    width: 10px;
    height: 25px;
    top: 0;
    left: 0;
    background: url(../img/bg/bubble.gif);
    position: absolute
}

.statementPanel .hd .tr {
    width: 10px;
    height: 25px;
    top: 0;
    right: 0;
    background: url(../img/bg/bubble.gif) -652px 0;
    position: absolute
}

.statementPanel .ft {
    height: 25px;
    margin: 0;
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
    background: url(../img/bg/bubble.gif) -25px -25px
}

.statementPanel .ft .bl {
    width: 10px;
    height: 25px;
    bottom: 0;
    left: 0;
    background: url(../img/bg/bubble.gif) 0 -25px;
    position: absolute
}

.statementPanel .ft .br {
    width: 10px;
    height: 25px;
    bottom: 0;
    right: 0;
    background: url(../img/bg/bubble.gif) -652px -25px;
    position: absolute
}

.statementPanel .container-close {
    background: url(../img/icons/smallbtn-gray-close.gif);
    width: 18px;
    height: 18px;
    right: 7px;
    top: 6px
}

.statementPanel .hd .ar {
    width: 33px;
    height: 25px;
    top: -24px;
    right: 120px;
    background: url(../img/bg/bubble.gif) 0 -50px;
    z-index: 100;
    position: absolute
}

ul[class*="curContainer"] {
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.legacy h3[class*="curTitle"] > a {
    color: #222 !important;
    display: block;
    text-decoration: none !important
}

.renaissance [class*="curTitle"] > a {
    color: #545454;
    display: block
}

h3[class*="curTitle"] > a:hover {
    text-decoration: none
}

.renaissance h3[class*="curTitle"] {
    margin: 0 -10px
}

.curContainerDefault {
    position: relative
}

.renaissance .curTitleDefault {
    font: normal 16px/20px SwedbankMedium, Arial, sans-serif
}

.curTitleDefault > a {
    padding: 10px 15px
}

.legacy .curTitleDefault > a {
    font-size: 13px;
    font-weight: bold;
    border-top: 1px solid #e1e1e1;
    background: linear-gradient(white, #f1f1f1);
    background: -moz-linear-gradient(white, #f1f1f1);
    background: -webkit-linear-gradient(white, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F1F1F1');
    zoom: 1
}

.renaissance .curTitleDefault > a {
    padding: 10px;
    color: #262626;
    border-top: 1px solid #e1e1e1;
    text-decoration: none
}

.renaissance .curContainerDefault {
    position: relative
}

.renaissance .curContainerDefault:after {
    content: "";
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: 0;
    border-bottom: 1px solid #e1e1e1
}

.renaissance .curTitleDefault > a.curtain-open {
    background: #f5f9fa
}

.renaissance .curTitleDefault > a:hover {
    background: #fff5cc;
    color: #545454
}

.curTitleStatusDefault {
    float: right;
    font-size: 12px
}

.curContentDefault {
    display: none;
    margin: 0
}

.curTitleDefault .status {
    float: right
}

.curTitleDefault .status.total {
    font-size: 24px;
    font-family: SwedbankRegular, Helvetica, Arial, sans-serif
}

.curTitleDefault .status.total .units {
    padding-left: 5px
}

.legacy .curContentDefault {
    overflow: hidden;
    padding: 15px 30px
}

.legacy .curContentDefault .short-left, .legacy .curContentDefault .shortLeft {
    width: 295px
}

.legacy .curContentDefault .columns {
    margin: 10px -25px
}

.legacy .curContentDefault .columns:first-child {
    margin-top: 0
}

.legacy .curContentDefault .columns:last-child {
    margin-bottom: 0
}

.legacy .curContentDefault .col-1 {
    width: 40px
}

.legacy .curContentDefault .col-2 {
    width: 100px
}

.legacy .curContentDefault .col-3 {
    width: 160px
}

.legacy .curContentDefault .col-4 {
    width: 220px
}

.legacy .curContentDefault .col-6 {
    width: 342px
}

.legacy .curtain-toggler-button {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -80px 0;
    width: 18px;
    height: 18px;
    float: right;
    margin-left: 20px
}

.renaissance .curtain-toggler-button {
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -70px -10px;
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 10px
}

.legacy h3[class*="curTitle"] > a:hover .curtain-toggler-button {
    background-color: #f90;
    border-radius: 3px;
    box-shadow: 0 0 4px #f90
}

.legacy .curtain-open .curtain-toggler-button {
    background-position: -120px 0
}

.renaissance h3[class*="curTitle"] > a:hover .curtain-toggler-button {
    background-position: -70px -40px
}

.renaissance h3[class*="curTitle"] > a.curtain-open:hover .curtain-toggler-button, .renaissance .curtain-open .curtain-toggler-button {
    background-position: -70px -100px
}

.renaissance .curContentDefault {
    padding: 0 10px;
    margin: 0 -10px
}

.renaissance .curContentDefault:before, .renaissance .curContentDefault:after {
    content: "";
    display: block;
    height: 20px
}

.renaissance .curContentDefault > .comparison-table:first-child, .renaissance .curContentDefault > .dataTable:first-child, .renaissance .curContentDefault > .default-table:first-child {
    margin-top: -20px
}

.renaissance .curContentDefault > .comparison-table:last-child, .renaissance .curContentDefault > .dataTable:last-child, .renaissance .curContentDefault > .default-table:last-child {
    margin-bottom: -20px
}

.curContainerDefault[data-numbered] {
    padding-left: 18px
}

.renaissance .curContainerDefault[data-numbered]:after {
    border-bottom: 0
}

.curContainerDefault[data-numbered] > li:before {
    background-color: #fff;
    border: 2px solid #f60;
    border-radius: 50%;
    color: #262626;
    content: counter(listItem, decimal);
    font: 16px/33px SwedbankMedium, sans-serif;
    height: 32px;
    left: -20px;
    top: -1px;
    position: absolute;
    text-align: center;
    text-indent: 2px;
    width: 32px
}

.curContainerDefault[data-numbered] > li:hover:before {
    background-color: #fc0;
    border-color: #fc0
}

.curContainerDefault[data-numbered] > li.curtain-is-open:before {
    background-color: #f60;
    border-color: #f60;
    color: white
}

.curContainerDefault[data-numbered] > li {
    border-left: 2px solid #f60;
    counter-increment: listItem;
    padding-left: 26px;
    position: relative
}

.curContainerDefault[data-numbered] > li:last-child {
    border-left: 0
}

.curContainerDefault[data-numbered] > li:last-child:before {
    left: -18px
}

ul[class*="curContainer"][data-numbered] > li {
    border-top: 0;
    border-bottom: 0
}

.curContainerDefault[data-numbered] .curtain-container {
    border-bottom: 1px solid #e1e1e1
}

.curContainerDefault[data-numbered] > li:first-child .curtain-container {
    border-top: 1px solid #e1e1e1
}

.curContainerDefault[data-numbered] .curTitleDefault {
    margin: 0
}

.curContainerDefault[data-numbered] .curTitleDefault > a {
    border-top: 0
}

.curContainerDefault[data-numbered] .curContentDefault {
    margin: 0
}

.legacy button, .legacy .button, .legacy input.leftButton, .legacy .rightButton, .legacy input.defaultFormButton, .legacy input.button-grey, .legacy input.button-small, .legacy .ui-datepicker-current, .legacy .ui-datepicker-close, .legacy input.button-other {
    background: #ffcc0d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFCC0D', EndColorStr='#FF9900');
    background-image: -webkit-linear-gradient(#ffcc0d, #ff9600);
    background-image: -moz-linear-gradient(#ffcc0d, #ff9600);
    background-image: linear-gradient(#ffcc0d, #ff9600);
    color: #000;
    font: 12px/18px SwedbankMedium, Arial, sans-serif;
    text-align: center;
    text-decoration: none !important;
    border: 1px solid #e0a406;
    border-radius: 3px;
    margin: 0 2px;
    padding: 2px 12px 4px;
    display: inline-block;
    cursor: pointer
}

.legacy button:hover, .legacy .button:hover, .legacy .rightButton:hover, .legacy input.defaultFormButton:hover, .legacy input.button-grey:hover {
    border-color: #f0d283;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe686', EndColorStr='#ffcb80');
    background-image: -webkit-linear-gradient(#ffe686, #ffcb80);
    background-image: -moz-linear-gradient(#ffe686, #ffcb80);
    background-image: linear-gradient(#ffe686, #ffcb80)
}

.legacy button:active, .legacy .button:active, .legacy input.leftButton:active, .legacy .rightButton:active, .legacy input.defaultFormButton:active, .legacy input.button-grey:active {
    background: #f90
}

.legacy a.button.full-width {
    display: block
}

.legacy a.button.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.renaissance button, .renaissance .button, .renaissance input.leftButton, .renaissance .rightButton, .renaissance input.button-grey, .renaissance input.button-small, .renaissance .ui-datepicker-current, .renaissance .ui-datepicker-close, .renaissance input.button-other {
    cursor: pointer;
    color: #262626;
    border-radius: 3px;
    font-size: 15px;
    line-height: 18px;
    padding: 7px 15px;
    margin: -8px 0;
    font-family: SwedbankRegular, sans-serif;
    transition: color .3s ease-out;
    transition: border-color .3s ease-out;
    transition: background-color .3s ease-out;
    background: none #fa3;
    border: 1px solid #fa3;
    display: inline-block;
    -webkit-appearance: none;
    text-decoration: none;
    vertical-align: top
}

.renaissance * + button, .renaissance * + .button, .renaissance * + input[type="button"] {
    margin-left: 10px
}

.renaissance .button-grey {
    background: none #bcbcbc;
    border: 1px solid #bcbcbc
}

.renaissance button:hover, .renaissance .button:hover, .renaissance .rightButton:hover, .renaissance input.button-grey:hover {
    background: none #ffb54d;
    text-decoration: none
}

.renaissance button:active, .renaissance .button:active, .renaissance input.leftButton:active, .renaissance .rightButton:active, .renaissance input.button-grey:active {
    background-color: #fc0;
    border-color: #fc0
}

.renaissance button.full-width, .renaissance .button.full-width {
    display: block
}

.renaissance button:disabled, .renaissance button.disabled, .renaissance .button.disabled, .rightButton.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.legacy .button.call-to-action {
    font-size: 14px;
    margin-bottom: 10px
}

.legacy a.button.call-to-action {
    line-height: 26px;
    padding-bottom: 4px
}

.legacy button.negative, .legacy input.leftButton, .legacy .button.negative, .legacy input.button-other {
    background: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#525252', EndColorStr='#222222');
    background-image: -webkit-linear-gradient(#525252, #222);
    background-image: -moz-linear-gradient(#525252, #222);
    background-image: linear-gradient(#525252, #222);
    border: 1px solid black;
    color: white !important
}

.legacy button.negative:hover, .legacy input.leftButton:hover, .legacy .button.negative:hover, .legacy input.button-other:hover {
    border-color: #424242;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f7f7f', EndColorStr='#5c5c5c');
    background-image: -webkit-linear-gradient(#7f7f7f, #5c5c5c);
    background-image: -moz-linear-gradient(#7f7f7f, #5c5c5c);
    background-image: linear-gradient(#7f7f7f, #5c5c5c)
}

.legacy button.negative:active, .legacy input.leftButton:active, .legacy .button.negative:active {
    background: #222
}

.renaissance button.negative, .renaissance input.leftButton, .renaissance .button.negative, .renaissance input.button-other {
    background-color: #bcbcbc;
    border-color: #bcbcbc
}

.renaissance input.leftButton:hover, .renaissance input.leftButton:focus, .renaissance button.negative:hover, .renaissance button.negative:focus, .renaissance .button.negative:hover, .renaissance .button.negative:focus, .renaissance input.button-other:hover, .renaissance input.button-other:focus {
    background-color: #d6d6d6
}

.renaissance input.leftButton:active, .renaissance button.negative:active, .renaissance .button.negative:active {
    background-color: #fc0;
    border-color: #fc0
}

button.back:before, .button.back:before {
    content: "\00ab\2009";
    margin-left: -5px
}

button.next, .button.next {
    padding-right: 10px
}

button.next:after, .button.next:after {
    content: "\2009\00bb"
}

.legacy .ui-datepicker-current, .legacy .ui-datepicker-close, .legacy input.button-small, .legacy .button.neutral, .legacy button.neutral, .legacy button.optional, .legacy .button.optional {
    background: #d8d8d8;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F1F1F1', EndColorStr='#D8D8D8');
    background-image: -webkit-linear-gradient(#f1f1f1, #d8d8d8);
    background-image: -moz-linear-gradient(#f1f1f1, #d8d8d8);
    background-image: linear-gradient(#f1f1f1, #d8d8d8);
    border: 1px solid #d3d3d3
}

.legacy .ui-datepicker-current:hover, .legacy .ui-datepicker-close:hover, .legacy input.button-small:hover, .legacy .button.neutral:hover, .legacy button.neutral:hover, .legacy button.optional:hover, .legacy .button.optional:hover {
    border-color: #e7e7e7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f7f7', EndColorStr='#eaeaea');
    background-image: -webkit-linear-gradient(#f7f7f7, #eaeaea);
    background-image: -moz-linear-gradient(#f7f7f7, #eaeaea);
    background-image: linear-gradient(#f7f7f7, #eaeaea)
}

.legacy .ui-datepicker-current:active, .legacy .ui-datepicker-close:active, .legacy input.button-small:active, .legacy button.optional:active, .legacy button.neutral:active, .legacy .button.optional:active, .legacy .button.neutral:active {
    background: #d8d8d8
}

.renaissance .ui-datepicker-current, .renaissance .ui-datepicker-close, .renaissance input.button-small, .renaissance button.neutral, .renaissance button.optional, .renaissance .button.neutral, .renaissance .button.optional {
    background-color: #bed9df;
    border-color: #bed9df
}

.renaissance .ui-datepicker-current:hover, .renaissance .ui-datepicker-close:hover, .renaissance input.button-small:hover, .renaissance button.neutral:hover, .renaissance button.optional:hover, .renaissance .button.neutral:hover, .renaissance .button.optional:hover {
    background-color: #c5dde0
}

.renaissance .ui-datepicker-current:active, .renaissance .ui-datepicker-close:active, .renaissance input.button-small:active, .renaissance button.neutral:active, .renaissance button.optional:active, .renaissance .button.optional:active, .renaissance .button.neutral:active {
    border-color: #fc0
}

.renaissance .ui-datepicker-current:focus, .renaissance .ui-datepicker-close:focus, .renaissance input.button-small:focus, .renaissance button.neutral:focus, .renaissance button.optional:focus, .renaissance .button.optional:focus, .renaissance .button.neutral:focus {
    background-color: #c5dde0 !important
}

.experimental-buttons a.button, .experimental-buttons .button-grey, .experimental-buttons .button-other, .experimental-buttons .button-small, .experimental-buttons .leftButton, .experimental-buttons .rightButton, .experimental-buttons.lv #login-button {
    background: #F60 !important;
    border: 0;
    border-radius: 0;
    color: white !important;
    font: 14px SwedbankMedium, sans-serif !important;
    padding: 3px 10px 4px !important;
    margin: 0 2px;
    height: auto !important;
    cursor: pointer
}

.experimental-buttons a.button:before {
    width: 0
}

.experimental-buttons a.button:hover, .experimental-buttons .button-grey:hover, .experimental-buttons .rightButton:hover, .experimental-buttons.lv #login-button:hover {
    background-color: #F90 !important
}

.experimental-buttons a.button.call-to-action {
    font-size: 16px !important;
    padding: 7px 15px 8px !important;
    margin-bottom: 10px !important
}

.experimental-buttons a.button.negative, .experimental-buttons .leftButton, .experimental-buttons .button-other {
    background: #222 !important
}

.experimental-buttons a.button.negative:hover, .experimental-buttons .leftButton:hover, .experimental-buttons .button-other:hover {
    background: #555 !important
}

.experimental-buttons a.button.neutral, .experimental-buttons .button-small {
    background: #999 !important
}

.experimental-buttons a.button.neutral:hover, .experimental-buttons .button-small:hover {
    background: #a9a8a8 !important
}

.experimental-buttons #pwdLoginButton {
    margin-top: -1px
}

.experimental-buttons #login-button {
    margin-top: -1px
}

.experimental-buttons.lv #login-button {
    border: 0;
    border-radius: 0
}

.experimental-buttons.lv #login-button:hover {
    text-decoration: none
}

.experimental-buttons.lt #pwdLoginButton {
    margin-top: 15px
}

.legacy .button-bar {
    height: 22px
}

.button-bar-footer {
    text-align: right
}

.renaissance .button-bar-footer {
    padding: 8px 0;
    margin-top: 10px
}

.renaissance .frame .button-bar-footer {
    border-top: 2px solid #f0f0f0;
    margin: 15px -20px -20px;
    padding: 20px
}

.renaissance .leftButton, .renaissance .button-bar-footer .negative {
    float: left
}

.renaissance dl.query-params-list + .form-button-bar {
    margin-top: 20px
}

.lv .transaction-icon {
    background: url('/img/sprite_icon.gif') no-repeat;
    float: left;
    height: 18px;
    width: 18px;
    margin: 2px 0 2px 5px
}

.lv .transaction-icon:first-child {
    margin-left: 0
}

.lv .transaction-icon.buy {
    background-position: 0 -90px
}

.lv .transaction-icon.sell {
    background-position: 0 -120px
}

.lv .transaction-icon.switch {
    background-position: 0 -1600px
}

.lv .transaction-icon.remove {
    background-position: 0 -270px
}

.modal-window {
    display: none;
    position: fixed;
    background: white;
    border-radius: 3px;
    width: 620px;
    z-index: 900;
    transition-property: margin, opacity, transform;
    transition-duration: .33s;
    text-align: left;
    left: 50%;
    bottom: 120px;
    margin-left: -310px;
    margin-top: -300px;
}

.renaissance .modal-window {
    width: 775px
}

.modal-window.modal-visible {
    display: block
}

.modal-window.modal-visible ~ .modal-window.modal-visible {
    margin-left: -60px;
    opacity: .8;
    z-index: 899
}

.modal-window .modal-body {
    overflow: auto;
    margin-top: 40px;
    padding: 0 20px 20px;
    min-height: 50px;
    max-height: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.legacy .modal-window .modal-body p {
    margin-top: 1em
}

.modal-window[data-close-action="false"] .modal-body {
    margin-top: 20px
}

.legacy .modal-window .modal-body {
    margin-top: 25px;
    padding: 0 20px 20px
}

.legacy .modal-messages {
    margin: 20px
}

.renaissance .modal-messages {
    margin: 45px 20px 20px
}

#confirm-modal {
    width: 400px
}

.renaissance #confirm-modal {
    width: 500px
}

.legacy #confirm-modal .modal-body, .legacy #alert-modal .modal-body {
    text-align: center
}

.modal-window .form-button-bar:first-child {
    padding-top: 20px
}

#challengeResponseModal {
    width: 420px;
    text-align: center
}

#challengeResponseModal h1 {
    margin: 5px 0 15px
}

#challengeResponseModal #challenge-explanation p {
    text-align: left
}

#challengeResponseModal input {
    display: block;
    margin: 10px auto !important;
    width: 200px;
    font-size: 20px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#challengeResponseModal #pollStatus, #challengeResponseModal #challengeTitle, #challengeResponseModal #challengeIDSpan, #challengeResponseModal #waitingForChallengeId {
    text-align: center
}

#modal-mask {
    display: none;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 899;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)"
}

.renaissance #modal-mask {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"
}

.modal-window-open #modal-mask {
    display: block
}

.legacy .modal-window .form-button-bar {
    text-align: right
}

.modal-window .modal-close-action {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: 5px
}

.renaissance .modal-window .modal-close-action {
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -100px -10px;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px
}

.renaissance .modal-window .modal-close-action:hover {
    background-position: -100px -40px
}

.modal-window[data-close-action="false"] .modal-close-action {
    display: none
}

#sessionTimeoutModal {
    width: 400px
}

.lv #sessionTimeoutModal {
    width: 620px
}

.legacy #sessionTimeoutModal em {
    font-style: normal;
    font-size: 18px;
    color: #F60
}

.help-container {
    overflow-y: auto;
    width: 624px;
    height: 370px
}

.help-separator {
    height: 1px;
    margin: 10px 0;
    background: #CCC;
    font: normal 1px/1px arial;
    overflow: hidden
}

.legacy #ui-datepicker-div.ui-widget-content {
    font: inherit;
    box-shadow: 0 0 10px #CCC;
    background: white;
    background: -moz-linear-gradient(white, #f5f5f5);
    background: -webkit-linear-gradient(white, #f5f5f5);
    margin-left: -5px
}

.renaissance #ui-datepicker-div.ui-widget-content {
    box-shadow: 0 2px 20px rgba(0, 0, 0, .25);
    border-radius: 3px;
    background: white;
    padding: 10px
}

.ui-widget-header, .ui-datepicker-current-day a.ui-state-active {
    background: #f90
}

.ui-datepicker {
    z-index: 3 !important
}

.renaissance .ui-datepicker {
    margin-top: 10px;
    margin-left: -55px
}

.renaissance .ui-datepicker.ui-datepicker-position-top {
    margin-top: -10px
}

.renaissance .ui-datepicker:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.renaissance .ui-datepicker-position-top:before {
    top: auto;
    bottom: -10px;
    border-bottom: 0;
    border-top: 10px solid #fff
}

.legacy .ui-state-default, .legacy .ui-widget-content .ui-state-default, .legacy .ui-widget-header .ui-state-default {
    color: #333 !important
}

.renaissance .ui-state-default, .renaissance .ui-widget-content .ui-state-default, .renaissance .ui-widget-header .ui-state-default {
    color: #036c80;
    text-decoration: none
}

.renaissance .ui-datepicker-week-end .ui-state-default, .renaissance .ui-datepicker-week-end.ui-datepicker-other-month .ui-state-default:hover {
    color: #d75200
}

.legacy .ui-datepicker-current-day a.ui-state-active {
    border-color: transparent;
    color: white !important
}

.renaissance .ui-datepicker-current-day a.ui-state-active {
    border-color: transparent
}

.renaissance .ui-datepicker-other-month .ui-state-default {
    color: #b5b5b5;
    background: #f0f0f0
}

.renaissance .ui-datepicker-other-month .ui-state-default:hover {
    color: #036c80
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: 1 !important
}

.legacy .ui-datepicker .ui-datepicker-buttonpane button {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.renaissance .ui-datepicker th {
    background: transparent;
    color: #666;
    font: 15px/30px SwedbankRegular, Arial, sans-serif;
    text-transform: capitalize
}

.ui-datepicker th span {
    display: block
}

.date-field {
    width: 66px
}

.renaissance .date-field {
    width: 120px;
    padding-right: 32px
}

.legacy button.ui-datepicker-trigger, .legacy button.ui-datepicker-trigger:hover, .legacy button.ui-datepicker-trigger:active {
    background: transparent url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -40px -290px;
    filter: none
}

.legacy .ui-datepicker-trigger, .legacy button.ui-datepicker-trigger {
    width: 18px;
    height: 18px;
    border: 0;
    cursor: pointer;
    vertical-align: middle;
    margin: 0 3px;
    padding: 0;
    border-radius: 0
}

.renaissance button.ui-datepicker-trigger, .renaissance button.ui-datepicker-trigger:hover, .renaissance button.ui-datepicker-trigger:active {
    background: transparent
}

.renaissance button.ui-datepicker-trigger:after {
    content: "";
    position: absolute;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -340px -10px;
    display: block;
    width: 21px;
    height: 21px;
    top: 5px;
    right: 5px
}

.renaissance button.ui-datepicker-trigger:before {
    content: ".";
    visibility: hidden
}

.renaissance .ui-datepicker-trigger, .renaissance button.ui-datepicker-trigger {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    margin: -7px 0 -7px -33px;
    border-radius: 0 2px 2px 0;
    position: relative;
    overflow: visible;
    box-sizing: border-box
}

.renaissance .query-params-list label.hyphen {
    width: 35px;
    text-align: center
}

.renaissance input:focus + .ui-datepicker-trigger {
    background-color: #fecb00
}

.renaissance .ui-datepicker-close {
    display: none
}

.renaissance .ui-datepicker-unselectable .ui-state-default, .legacy .ui-datepicker-unselectable .ui-state-default {
    color: #b5b5b5 !important
}

.datepicker-time-field {
    width: 60px;
    margin-left: 5px
}

.datepicker-time-field {
    display: none
}

.datepicker-time-field.visible {
    display: inline-block
}

.datepicker-time-field.visible + .ico.time {
    margin-left: 5px
}

select, input, textarea {
    font: 12px Arial, sans-serif
}

textarea {
    overflow-y: auto
}

.legacy textarea {
    max-width: 100%;
    max-height: 200px;
    min-height: 28px
}

.renaissance textarea {
    min-height: 40px
}

.renaissance select, .renaissance input, .renaissance textarea {
    color: inherit;
    font: 13px Arial, sans-serif
}

.renaissance input + select {
    margin-left: 5px
}

select, textarea, .date-field, input[type="text"], input[type="tel"], input[type="number"], input[type="password"] {
    border-radius: 0;
    border: 1px solid #c7c7c7;
    font-size: 12px;
    padding: 4px 6px
}

.renaissance .contact-section select, .renaissance .contact-section textarea, .renaissance .contact-section .date-field, .renaissance .contact-section input[type="text"], .renaissance .contact-section input[type="tel"], .renaissance .contact-section input[type="number"], .renaissance .contact-section input[type="password"] {
    width: 100%
}

.legacy #form-container {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px;
    border-radius: 3px
}

.renaissance #form-container .button-bar {
    margin-bottom: 0
}

.legacy #form-container h2 {
    color: #666;
    font: 20px SwedbankMedium, Arial, sans-serif
}

.legacy #form-container h3 {
    font-size: 14px;
    font-weight: normal
}

#form-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-radius: 4px;
    overflow: hidden
}

#form-steps li {
    float: left;
    line-height: 23px;
    margin: 0;
    text-align: center;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#form-steps li:not(:last-child) {
    border-right: 1px solid #CCC
}

#form-steps li.done, #form-steps li.active {
    background: white
}

#form-steps li.active {
    border-right: 0
}

#form-steps .arrow {
    background: url('/img/private/credit/loans/small/prototype/progress_arrow.png');
    width: 23px;
    height: 43px;
    position: absolute;
    top: 0;
    right: -23px
}

#form-steps .step-nr {
    background: orange;
    padding: 3px 8px;
    border-radius: 10px;
    margin-right: 10px
}

#form-steps li.active .step-nr {
    background: black;
    color: white
}

#form-steps li.done h3 {
    background: url('/img/private/credit/loans/small/prototype/progress_tick.png') no-repeat left;
    padding-left: 30px;
    line-height: 22px
}

#form-steps h3 {
    display: inline-block
}

#form-steps a {
    display: block;
    margin: -10px 0
}

#form-steps.navigation-disabled a {
    cursor: default
}

.form-disclaimer {
    margin: 15px 0;
    text-align: center
}

#form-body .form-disclaimer {
    margin: 0 15px;
    text-align: left
}

.form-disclaimer p {
    margin-bottom: 5px
}

.legacy #form-body {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 15px
}

.legacy #form-body .form-block-description {
    padding: 0 15px
}

.legacy #form-body h2, .legacy #form-body dl {
    padding-left: 15px
}

.legacy #form-body dl {
    overflow: hidden
}

.legacy #form-body dt, .legacy #form-body dd {
    float: left;
    margin: 0;
    padding: 9px 0 5px
}

.legacy #form-body dt {
    clear: left;
    width: 234px;
    padding-right: 10px;
    text-align: right
}

.legacy #form-body dt {
    font-weight: bold
}

.legacy #form-body dd {
    position: relative;
    min-height: 21px
}

.legacy #form-body dd {
    padding-right: 140px;
    width: 280px
}

.legacy #form-body dt.hidden, .legacy #form-body dt.hidden + dd {
    display: none
}

.legacy #form-body input[type="text"], .legacy #form-body input[type="email"], .legacy #form-body select {
    margin-top: -4px
}

.legacy #form-body input[type="text"], .legacy #form-body select, .legacy #form-body textarea {
    width: 100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.legacy #form-body .time-fields input[type="text"], .legacy #form-body .time-fields select, .legacy #form-body .time-fields textarea {
    width: auto
}

.legacy #form-body input[type="text"].with-suffix {
    width: 208px
}

.legacy #form-body .select-and-input input[type="text"], .legacy #form-body .input-and-label input[type="text"] {
    width: 75%
}

.legacy #form-body .select-and-input select {
    width: 21%
}

#form-body .label, #form-body .multiselect-input {
    display: inline-block;
    position: relative
}

.legacy #form-body .multiselect-input, .legacy #form-body .label {
    margin-bottom: 10px
}

.renaissance #form-body .multiselect-input, .renaissance #form-body .label {
    margin-top: 10px
}

.renaissance #form-body .multiselect-input:first-child, .renaissance #form-body .label:first-child {
    margin-top: 0
}

.legacy #form-body .select-and-input .one-option-select {
    vertical-align: top
}

.legacy #form-body .select-and-input select ~ input, .legacy #form-body .select-and-input input ~ select, .legacy #form-body .select-and-input .one-option-select, .legacy #form-body .equal-fields input ~ input, .legacy #form-body .equal-fields select ~ select, .legacy #form-body .equal-fields input ~ select, .legacy #form-body .equal-fields select ~ input, .legacy #form-body .input-and-label input + .label {
    margin-left: 4%
}

#form-body textarea {
    display: block;
    height: 80px;
    margin-bottom: 5px
}

#form-body .equal-fields input[type="text"], #form-body .equal-fields input[type="email"], #form-body .equal-fields input[type="password"], #form-body .equal-fields select {
    width: 48%
}

#form-body input.date-field {
    width: 91%
}

#form-body .date-field + button {
    margin-top: -2px
}

#form-body .comment-length-note {
    color: #666
}

#form-body .computed-value-container {
    background: #EEE;
    color: #444;
    border-radius: 5px;
    padding: 15px 20px;
    width: 240px;
    display: block;
    min-height: 0
}

#form-body .not-editing .multiselect-input {
    display: none
}

#form-body .not-editing .multiselect-input {
    display: none
}

#form-body .checkable-input-container {
    margin-bottom: 5px;
    display: block
}

.renaissance #form-body .checkable-input-container {
    display: block;
    margin-top: 10px
}

.renaissance #form-body .checkable-input-container:first-child {
    margin-top: 0
}

#form-body .not-editing .checkable-input-container {
    display: none
}

.legacy input[type="checkbox"], .legacy input[type="radio"] {
    margin: -3px 3px 0 5px;
    vertical-align: middle
}

.legacy #form-body dl .help-action, .legacy #form-body dl .delete-action {
    position: absolute;
    top: 8px;
    right: 160px
}

.legacy #form-body dl .help-action {
    right: 120px
}

table.cloneable {
    border-spacing: 0;
    width: 100%;
    margin-bottom: 10px
}

table.cloneable th {
    font-weight: normal;
    text-align: left
}

table.cloneable th, table.cloneable td {
    border-bottom: 1px dotted #CCC;
    padding: 8px 4px 6px
}

table.cloneable th:first-child, table.cloneable td:first-child {
    padding-left: 15px
}

table.cloneable th:last-child, table.cloneable td:last-child {
    padding-right: 15px;
    width: 20px
}

table.cloneable td {
    vertical-align: top
}

table.cloneable .date-column {
    width: 100px
}

.legacy #form-container table.cloneable input.date-field {
    width: 75px
}

.delete-action {
    width: 20px;
    height: 20px;
    display: block;
    background: url('/img/private/credit/loans/small/prototype/delete.png')
}

.button-add-new-row {
    color: #222
}

.button-add-new-row img {
    margin-right: 5px
}

#form-body .validation-status {
    width: 24px;
    height: 24px;
    background: url('/img/private/credit/loans/small/prototype/validation_pending.png') no-repeat center center;
    position: absolute;
    right: 10px;
    top: 4px;
    display: none
}

#form-body .validation-approved .validation-status {
    background-image: url('/img/private/credit/loans/small/prototype/validation_done.png')
}

#form-body .validation-error .validation-status {
    background-image: url('/img/private/credit/loans/small/prototype/validation_error.png')
}

#form-body .edit-action, #form-body .save-action {
    position: absolute;
    right: 10px
}

#form-body .edit-action {
    background: url('/img/private/credit/loans/small/prototype/pencil.png');
    width: 16px;
    height: 16px;
    cursor: pointer;
    top: 9px;
    display: none
}

#form-body .editing {
    background: #f8f0df
}

#form-body dl .button {
    top: 5px
}

#form-body .editing .edit-action, #form-body.editing-single-row .not-editing .edit-action, #form-body .not-editing .button {
    display: none
}

#form-body .not-editing input, #form-body .not-editing input + button, #form-body .not-editing select {
    display: none
}

#form-body .current-value {
    margin-right: 5px
}

#form-body .editing .current-value {
    display: none
}

#disclaimer-text {
    height: 120px;
    overflow: auto;
    border: 1px solid #CCC;
    margin-top: 10px;
    padding: 10px
}

.legacy #form-container .button-bar {
    text-align: right;
    list-style: none;
    margin: 15px 0 25px;
    padding: 0;
    height: auto
}

.legacy #form-container .button-bar li {
    display: inline-block;
    margin-left: 5px
}

.legacy .input-file {
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #bcbcbc;
    vertical-align: bottom;
    box-sizing: border-box;
    color: #262626;
    background: #fff
}

.legacy .input-file {
    position: relative;
    background-color: transparent;
    z-index: 1
}

.legacy .input-file .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-left: 5px
}

.input-file .empty {
    color: #999
}

.legacy .input-file input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.legacy .input-file:focus, .legacy .input-file:active {
    border-color: #a2c9ce;
    outline: 0
}

.legacy .input-file {
    height: 25px;
    width: 114px;
    min-width: 233px;
    width: auto;
    display: inline-block;
    max-width: 350px;
    overflow: hidden
}

.legacy #signingContainer > #askPassword, .legacy #signingContainer > #pollDiv, .legacy #signingContainer > #midError {
    text-align: left;
    margin: 10px 0;
    padding: 15px;
    background: #f0f0f0
}

.renaissance #pollDiv > div {
    background-color: #f4f4f4;
    margin: 0 -10px 20px;
    padding: 20px 20px 10px
}

#signingContainer > #askPassword {
    text-align: center
}

.legacy #mainForm #challenge-input, .legacy #mainForm #challenge-explanation {
    float: left
}

.legacy #mainForm #challenge-input {
    text-align: center;
    width: 28%;
    margin-right: 2%
}

.legacy #mainForm #challenge-explanation {
    width: 70%
}

.renaissance #challenge-explanation {
    border-top: 1px solid #e1e1e1;
    margin: 20px auto auto;
    padding-top: 20px
}

.form-button-bar h3 {
    text-align: center;
    margin-bottom: 10px
}

.legal-accept-text + .form-button-bar {
    margin-top: 18px
}

.renaissance .form-button-bar h3, .renaissance .form-button-bar h3:first-child {
    margin-top: -8px;
    margin-bottom: 18px
}

.legacy .form-button-bar {
    margin-bottom: 15px
}

.form-button-bar a.default-link {
    float: left
}

.renaissance .form-button-bar a.default-link {
    margin-top: 2px
}

.legacy .form-button-bar a.default-link {
    margin-top: 3px
}

.legacy .form-button-bar {
    text-align: center
}

.renaissance .form-button-bar {
    text-align: right;
    padding: 8px 0;
    margin: 10px 0 0
}

* + .form-button-bar {
    margin-top: 25px
}

.renaissance .form-button-bar:first-child {
    margin-top: 0
}

.renaissance .form-button-bar.confirmation-bar h3 {
    margin-bottom: 18px
}

.renaissance .form-button-bar.confirmation-bar h3 + a.button, .renaissance .form-button-bar.confirmation-bar h3 + button {
    margin: -8px 0 0
}

.renaissance .form-button-bar.confirmation-bar, .renaissance .legal-text-accept + .form-button-bar {
    background: #efefef;
    margin: 10px -20px -20px;
    padding: 20px 20px 28px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.form-button-bar:before, .form-button-bar:after {
    content: '';
    display: table
}

.form-button-bar:after {
    clear: both
}

.form-button-bar .button.negative {
    float: left
}

.success-message {
    background: #6c6;
    color: #222;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
    font: 14px SwedbankMedium, Arial, sans-serif
}

#conclusion-box {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 40px
}

#conclusion-box p:first-child {
    font: 18px SwedbankMedium, Arial, sans-serif
}

#conclusion-box .section + .section {
    border-top: 1px dotted #CCC;
    margin-top: 20px;
    padding-top: 20px
}

#conclusion-box ol {
    padding-left: 20px
}

.other-products-list, .other-products-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.other-products-list > li {
    float: left;
    margin-left: 15px;
    border: 1px solid #CCC;
    padding: 15px 65px 15px 15px;
    background: no-repeat 98% 4%;
    min-height: 125px;
    width: 153px;
    position: relative
}

.other-products-list > li:first-child {
    margin-left: 0
}

.other-products-list h3 {
    font: 14px SwedbankMedium, Arial, sans-serif;
    margin-bottom: 10px
}

.other-products-list ul {
    position: absolute;
    bottom: 15px
}

.additional-form-content-container {
    position: relative;
    text-align: center
}

.additional-form-content-container:before, .additional-form-content-container:after {
    content: '';
    display: table
}

.additional-form-content-container:after {
    clear: both
}

.legacy .additional-form-content-container {
    margin: 20px 0 30px
}

.renaissance .additional-form-content-container {
    margin: 20px 0 0
}

.additional-form-content-container > a {
    display: inline-block;
    position: relative;
    margin-bottom: 10px
}

.legacy .additional-form-content-container > a {
    background: #fff;
    padding: 0 26px 0 10px;
    line-height: 26px;
    color: #666 !important;
    font-weight: bold
}

.renaissance .additional-form-content-container > a {
    font: 15px/32px SwedbankRegular, sans-serif;
    color: #262626;
    background: #fff;
    padding: 0 15px 0 30px;
    border-radius: 17px;
    border: 1px solid #e1e1e1;
    text-decoration: none
}

.renaissance .additional-form-content-container > a:hover, .renaissance .additional-form-content-container.opened > a:hover {
    background: #fffae5;
    text-decoration: none
}

.renaissance .additional-form-content-container.opened > a {
    background: #fff
}

.legacy .additional-form-content-container > a:after {
    width: 18px;
    height: 18px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -160px 0;
    right: 0;
    top: 5px
}

.renaissance .additional-form-content-container > a:before {
    width: 20px;
    height: 20px;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -70px -10px;
    left: 7px;
    top: 6px
}

.renaissance .additional-form-content-container > a:hover:before {
    background-position: -70px -40px
}

.legacy .additional-form-content-container > a:after, .renaissance .additional-form-content-container > a:before {
    content: '';
    display: block;
    position: absolute
}

.legacy .additional-form-content-container.opened > a:after {
    background-position: -200px 0
}

.renaissance .additional-form-content-container.opened > a:before {
    background-position: -70px -100px
}

.legacy .additional-form-content-container > a:hover {
    background-color: #EEE;
    color: #222 !important;
    text-decoration: none
}

.additional-form-content-container .separator {
    position: absolute;
    width: 60%;
    left: 20%;
    margin: 14px 0
}

.legacy .additional-form-content-container .separator {
    bottom: -20px
}

.legacy .additional-form-content-container .separator:first-child {
    bottom: auto;
    top: 0
}

.renaissance .additional-form-content-container .separator {
    display: block;
    border-color: #e1e1e1;
    margin-top: 17px;
    width: 515px;
    left: 50%;
    margin-left: -257px
}

.renaissance .col-6 .additional-form-content-container .separator {
    width: 315px;
    margin-left: -157px
}

.renaissance .additional-form-content-container .hidden-content .separator {
    display: none
}

.hidden-content {
    display: none;
    text-align: left
}

#additionalFieldsToggler {
    cursor: pointer
}

.renaissance input[type="text"], .renaissance input[type="password"], .renaissance input[type="email"], .renaissance input[type="tel"], .renaissance input[type="number"], .renaissance input[type="date"], .renaissance textarea, .renaissance select, .renaissance .input-file {
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    padding: 7px 9px;
    vertical-align: bottom;
    box-sizing: border-box;
    margin-top: -8px;
    margin-bottom: -8px;
    color: #262626;
    background: #fff;
    vertical-align: top
}

.renaissance .query-params-list textarea {
    width: 100%
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus, .renaissance .input-file:focus, .renaissance .input-file:active {
    border-color: #a2c9ce;
    outline: 0
}

input:focus, button:focus, textarea:focus, select:focus {
    outline: 0
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="date"]:disabled, textarea:disabled, select:disabled {
    border-color: #e1e1e1
}

.renaissance input[type="text"], .renaissance input[type="password"], .renaissance input[type="email"], .renaissance input[type="tel"], .renaissance input[type="number"], .renaissance input[type="date"], .renaissance select, .renaissance .input-file {
    height: 34px
}

.renaissance select {
    background-color: #eaeaea;
    border-color: #eaeaea;
    max-width: 300px;
    padding: 0 0 1px 5px
}

.renaissance .ie8 select {
    padding: 7px 5px
}

.input-file {
    position: relative;
    background-color: transparent;
    z-index: 1
}

.input-file .file-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.input-file input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}

.renaissance .form-table td {
    padding-top: 9px;
    padding-bottom: 10px
}

.renaissance #additionalFieldsToggler > img {
    display: none
}

.renaissance #additionalFieldsToggler a {
    background-color: #eaeaea;
    border-radius: 3px;
    color: black;
    font: 16px SwedbankMedium, Arial, sans-serif;
    padding: 10px 33px;
    display: inline-block;
    margin-left: 90px
}

#additionalFieldsToggler a .ico {
    display: none
}

.renaissance #additionalFieldsToggler a .ico {
    display: inline-block;
    margin-right: 5px;
    vertical-align: top
}

.renaissance .form-field-document-number, .renaissance .form-field-amount, .renaissance .form-field-currency, .renaissance .query-params-list .form-field-narrow, .renaissance .form-field-narrow {
    width: 100px
}

.renaissance input[type="text"].form-field-date, .renaissance .input-file {
    width: 114px
}

.renaissance .input-file {
    min-width: 233px;
    width: auto;
    display: inline-block;
    max-width: 350px;
    overflow: hidden
}

.renaissance .form-field-beneficiary-account-number, .renaissance .form-field-beneficiary-reference-number, .renaissance .form-field-defined-payment, .renaissance .form-field-medium {
    width: 200px
}

.renaissance .form-field-account, .renaissance .form-field-long {
    width: 300px
}

.renaissance .form-field-beneficiary-name, .renaissance .form-field-payment-details, .renaissance .form-field-xl {
    width: 400px
}

input:checked {
    font-family: monospace
}

.renaissance.checked-selector-supported input[type="checkbox"], .renaissance.checked-selector-supported input[type="radio"] {
    display: none
}

.renaissance input[type="checkbox"] + label, .renaissance input[type="radio"] + label {
    margin-right: 20px
}

.renaissance.checked-selector-supported input[type="checkbox"] + label, .renaissance.checked-selector-supported input[type="radio"] + label {
    padding-left: 27px;
    position: relative;
    display: inline-block;
    vertical-align: top
}

.renaissance.checked-selector-supported input[type="checkbox"]:enabled + label, .renaissance.checked-selector-supported input[type="radio"]:enabled + label {
    cursor: pointer
}

.renaissance.checked-selector-supported input[type="checkbox"] + label:before, .renaissance.checked-selector-supported input[type="radio"] + label:before, .renaissance .input-file button:after {
    content: "";
    position: absolute;
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg);
    background-repeat: no-repeat
}

.renaissance.checked-selector-supported input[type="checkbox"] + label:before, .renaissance.checked-selector-supported input[type="radio"] + label:before {
    width: 22px;
    height: 22px;
    left: 0;
    top: -2px
}

.renaissance.checked-selector-supported input[type="checkbox"] + label:before {
    background-position: -9px -9px
}

.renaissance.checked-selector-supported input[type="radio"] + label:before {
    background-position: -39px -9px
}

.renaissance.checked-selector-supported input[type="checkbox"]:enabled + label:hover:before {
    background-position: -9px -39px
}

.renaissance.checked-selector-supported input[type="checkbox"]:enabled + label:active:before {
    background-position: -9px -69px
}

.renaissance.checked-selector-supported input[type="radio"]:enabled + label:hover:before {
    background-position: -39px -39px
}

.renaissance.checked-selector-supported input[type="radio"]:enabled + label:active:before {
    background-position: -39px -69px
}

.renaissance.checked-selector-supported input[type="checkbox"]:enabled:checked + label:before {
    background-position: -9px -99px
}

.renaissance.checked-selector-supported input[type="checkbox"]:enabled:checked + label:hover:before {
    background-position: -9px -69px
}

.renaissance.checked-selector-supported input[type="radio"]:enabled:checked + label:before {
    background-position: -39px -99px
}

.renaissance.checked-selector-supported input[type="radio"]:enabled:checked + label:hover:before {
    background-position: -39px -69px
}

.renaissance.checked-selector-supported input[type="checkbox"]:disabled + label:before {
    background-position: -9px -129px
}

.renaissance.checked-selector-supported input[type="checkbox"]:disabled:checked + label:before {
    background-position: -9px -159px
}

.renaissance.checked-selector-supported input[type="radio"]:disabled + label:before {
    background-position: -39px -129px
}

.renaissance.checked-selector-supported input[type="radio"]:disabled:checked + label:before {
    background-position: -39px -159px
}

.renaissance .toggle-switch {
    width: 45px;
    height: 20px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

.renaissance .toggle-switch:before, .renaissance.checked-selector-supported input[type="checkbox"].toggle + label:before {
    content: "";
    display: block;
    position: absolute;
    background: #c8c8c8;
    width: 45px;
    height: 26px;
    border-radius: 13px;
    top: -4px;
    right: -2px;
    left: auto;
    overflow: hidden;
    zoom: 1
}

.renaissance .toggle-switch:after, .renaissance.checked-selector-supported input[type="checkbox"].toggle + label:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 18px;
    height: 18px;
    border: 1px solid #c8c8c8;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 50%;
    margin: 3px 20px 3px 1px;
    top: -4px;
    right: 0;
    transition: margin 50ms;
    overflow: hidden;
    zoom: 1
}

.renaissance .toggle-switch.on:before, .renaissance.checked-selector-supported input[type="checkbox"].toggle:checked + label:before {
    background: #fa3
}

.renaissance .ie8 .toggle-switch.on:before {
    content: " ";
    background: #fa3
}

.renaissance .toggle-switch.on:after, .renaissance.checked-selector-supported input[type="checkbox"].toggle:checked + label:after {
    margin: 3px 1px 3px 20px
}

.renaissance .ie8 .toggle-switch.on:after {
    content: " ";
    margin: 3px 1px 3px 20px
}

.renaissance .toggle-switch:hover:after, .renaissance.checked-selector-supported input[type="checkbox"].toggle:hover + label:after {
    background: #fc0;
    border-color: #fc0
}

.renaissance .ie8 .toggle-switch:hover:after {
    content: "  ";
    background: #fc0;
    border-color: #fc0
}

.renaissance .ie8 .toggle-switch.on:hover:after {
    content: "   "
}

.legacy .toggle-switch {
    width: 36px;
    height: 18px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: 0 -510px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: top
}

.legacy .toggle-switch:hover {
    background-position: -56px -510px
}

.legacy .toggle-switch.on {
    background-position: -112px -510px
}

.legacy .toggle-switch.on:hover {
    background-position: -168px -510px
}

.renaissance.checked-selector-supported input[type="checkbox"].toggle + label {
    text-indent: -9999px;
    padding-left: 0;
    padding-right: 45px;
    color: transparent
}

.query-params-list + .query-params-list:before {
    content: "";
    display: block;
    margin: 30px auto;
    border-style: solid;
    border-width: 1px;
    border-collapse: collapse;
    border: 0;
    width: 515px;
    height: 1px;
    color: #e3e3e3;
    background-color: #e3e3e3
}

.legacy .query-params-list + .query-params-list:before {
    margin-top: 28px;
    margin-bottom: 23px
}

.renaissance .form.frame .query-params-list + .query-params-list:before {
    display: none
}

h3.form-header {
    display: block;
    border-bottom: 1px solid #e3e3e3;
    margin: 21px auto 30px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 2px
}

.renaissance h3.form-header {
    margin: 21px auto 30px
}

.legacy h3.form-header {
    margin: 17px auto 23px
}

.renaissance input[type="text"] + span.search-icon {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 0;
    margin: -8px 0 -12px -33px;
    border-radius: 0 2px 2px 0;
    position: relative;
    overflow: visible;
    display: inline-block
}

.renaissance input[type="text"] + span.search-icon:after {
    content: "";
    position: absolute;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -670px -10px;
    display: block;
    width: 21px;
    height: 21px;
    top: 5px;
    right: 5px
}

.renaissance .query-params-list .xs {
    width: 50px
}

.renaissance .query-params-list .s {
    width: 100px
}

.renaissance .query-params-list .m {
    width: 150px
}

.renaissance .query-params-list .ml {
    width: 200px
}

.renaissance .query-params-list .l {
    width: 250px
}

.renaissance .query-params-list input + select {
    width: auto
}

.query-params-list em {
    color: #b24843
}

.renaissance .query-params-list input:disabled {
    border-color: #f4f4f4
}

.renaissance .query-params-list > .infoMsg {
    clear: both;
    margin: 10px 0
}

.legacy #form-success-block {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -478px -685px;
    margin-top: 10px;
    padding-left: 50px
}

.renaissance #form-success-block {
    margin-top: 10px;
    padding-left: 30px;
    position: relative
}

.renaissance #form-success-block:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg);
    background-position: -610px -10px;
    position: absolute;
    top: 0;
    left: 0
}

.legacy #form-success-block p {
    font: 20px SwedbankMedium, Arial, sans-serif;
    margin-bottom: 10px
}

.renaissance #form-success-block p {
    font: 16px/20px SwedbankRegular, Arial, sans-serif;
    margin-bottom: 10px
}

.renaissance .cc-counter {
    margin-top: 20px
}

.cc-counter {
    color: #777
}

.cc-counter.cc-warning {
    color: orange
}

.cc-counter.cc-limit-reached {
    color: red
}

/*! jQuery UI - v1.11.0 - 2014-08-01
* http://jqueryui.com
* Includes: core.css, draggable.css, sortable.css, datepicker.css, menu.css, selectmenu.css, slider.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 901
}

.ui-state-disabled {
    cursor: default !important
}

.ui-state-disabled .ui-state-default {
    color: #a4a4a4 !important
}

.renaissance .ui-state-disabled .ui-state-default {
    color: #b5b5b5 !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-datepicker {
    display: none;
    background: white;
    margin-top: 5px
}

.legacy .ui-datepicker {
    width: 230px;
    border: 1px solid #CCC
}

.renaissance .ie8 .ui-datepicker {
    border: 1px solid #CCC
}

.ui-datepicker .ui-datepicker-header {
    background: #777;
    position: relative
}

.renaissance .ui-datepicker .ui-datepicker-header {
    background: #eaeaea;
    border-radius: 3px;
    height: 34px
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 12px;
    width: 9px;
    height: 16px
}

.renaissance .ui-datepicker .ui-datepicker-prev, .renaissance .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    width: 40px;
    height: 34px;
    cursor: pointer
}

.renaissance .ui-datepicker .ui-datepicker-prev {
    border-radius: 3px 0 0 3px;
    border-right: 1px solid #fff
}

.renaissance .ui-datepicker .ui-datepicker-next {
    border-radius: 0 3px 3px 0;
    border-left: 1px solid #fff
}

.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    width: 9px;
    cursor: pointer
}

.renaissance .ui-datepicker-prev .ui-icon, .renaissance .ui-datepicker-next .ui-icon {
    background-image: url(../img/renaissance.png);
    background-image: none, url(../img/renaissance.svg);
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 6px
}

.ui-state-disabled .ui-icon {
    display: none !important
}

.legacy .ui-datepicker-prev .ui-icon {
    background-position: -3px -80px
}

.legacy .ui-datepicker-prev-hover .ui-icon {
    background-position: -3px -120px
}

.legacy .ui-datepicker-next .ui-icon {
    background-position: -46px -80px
}

.legacy .ui-datepicker-next-hover .ui-icon {
    background-position: -46px -120px
}

.renaissance .ui-datepicker-prev .ui-icon {
    background-position: 0 -80px;
    left: 10px
}

.renaissance .ui-datepicker-next .ui-icon {
    background-position: -40px -80px;
    right: 10px
}

.renaissance .ui-datepicker-prev-hover, .renaissance .ui-datepicker-next-hover {
    background: #ccc
}

.renaissance .ui-datepicker-prev-hover.ui-state-disabled, .renaissance .ui-datepicker-next-hover.ui-state-disabled {
    background: transparent
}

.renaissance .ui-datepicker-prev.ui-state-disabled, .renaissance .ui-datepicker-next.ui-state-disabled {
    border: 0
}

.legacy .ui-datepicker .ui-datepicker-prev {
    left: 6px
}

.legacy .ui-datepicker .ui-datepicker-next {
    right: 5px
}

.renaissance .ui-datepicker .ui-datepicker-prev {
    left: 0
}

.renaissance .ui-datepicker .ui-datepicker-next {
    right: 0
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 15px;
    line-height: 1.8em;
    text-align: center;
    padding: 8px 0
}

.ui-datepicker select.ui-datepicker-month {
    width: 50%
}

.ui-datepicker select.ui-datepicker-year {
    width: 35%
}

.ui-datepicker .ui-datepicker-title select {
    padding: 3px 0 3px 3px
}

.ui-datepicker .ui-datepicker-title select + select {
    margin-left: 5px
}

.renaissance .ui-datepicker .ui-datepicker-title select {
    width: 70px
}

.renaissance .ui-datepicker .ui-datepicker-title select.ui-datepicker-month {
    width: 100px
}

.renaissance .ui-datepicker .ui-datepicker-title select.ui-datepicker-year {
    width: 70px
}

.ui-datepicker table {
    width: 100%;
    border-collapse: collapse
}

.renaissance .ui-datepicker table {
    margin-left: 0;
    width: 100%;
    margin-bottom: 10px
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 1px solid #DDD;
    padding: 0
}

.renaissance .ui-datepicker td {
    border-color: #ccc
}

.renaissance .ui-datepicker tr td:first-child, .renaissance .ui-datepicker tr th:first-child {
    padding-left: 0
}

.ui-datepicker td span, .ui-datepicker td a {
    color: inherit;
    display: block;
    line-height: 28px;
    padding: .2em;
    text-align: center
}

.renaissance .ui-datepicker td span, .renaissance .ui-datepicker td a {
    line-height: 40px;
    width: 40px;
    padding: 0
}

.legacy td.ui-datepicker-week-end {
    background-color: #f5f5f5
}

.ui-datepicker-other-month {
    color: #a4a4a4
}

.ui-state-active {
    background-color: #f90
}

.ui-datepicker td a:hover {
    background-color: #d3d3d3;
    text-decoration: none
}

.renaissance .ui-datepicker td a:hover {
    border: 1px solid #fc0;
    margin: -1px;
    position: relative;
    background: #fffae5
}

.legacy .ui-datepicker .ui-datepicker-buttonpane {
    padding: 0 .2em
}

.renaissance .ui-datepicker .ui-datepicker-buttonpane {
    padding: 7px 0
}

.ui-datepicker .ui-datepicker-buttonpane {
    text-align: right
}

.ui-datepicker .ui-datepicker-buttonpane .negative {
    float: left;
    margin-left: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    width: auto;
    overflow: visible;
    color: #262626
}

.legacy .ui-datepicker .ui-datepicker-buttonpane button {
    margin: .5em .2em .4em;
    padding: .2em .6em .3em .6em
}

.legacy .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.renaissance .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    color: #262626;
    display: block;
    margin: 0
}

.legacy .ui-datepicker td.ui-datepicker-current-day a {
    color: white;
    background: #f90
}

.renaissance .ui-datepicker td.ui-datepicker-current-day a {
    color: #262626;
    background: #fc0;
    font-weight: bold
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: -1px 0 0;
    display: block;
    outline: 0;
    border: 1px solid #c7c7c7;
    background: white;
    height: 100%;
    max-height: 300px
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 15px 3px 3px;
    cursor: pointer;
    min-height: 0;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item.ui-state-focus {
    background-color: #e1e1e1
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    background-color: white;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #c7c7c7;
    max-width: 350px;
    border-radius: 0 !important
}

.ui-selectmenu-button + select + .ui-selectmenu-button {
    margin-left: 5px
}

.ui-selectmenu-disabled {
    background-color: #f5f5f5;
    border-color: #e9e9e9;
    color: #767676
}

.ui-selectmenu-button span.ui-icon {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -514px -167px;
    right: .5em;
    left: auto;
    margin-top: -2.5px;
    position: absolute;
    top: 50%;
    width: 9px;
    height: 5px
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    display: block;
    line-height: 19px;
    min-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 2px 15px 2px 3px
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px
}

.ui-timepicker-div dl {
    text-align: left
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px
}

.ui-timepicker-div dl dd {
    margin: 0 10px 10px 30%
}

.ui-timepicker-div td {
    font-size: 90%
}

.ui-tpicker-grid-label {
    background: 0;
    border: 0;
    margin: 0;
    padding: 0
}

.ui-timepicker-div .ui-slider.ui-widget-content {
    border: 1px solid #CCC;
    background-color: white
}

.ui-timepicker-div .ui-slider .ui-slider-handle {
    top: -4px
}

.date-field[data-time-format="HH:mm"] {
    width: 90px
}

.date-field[data-time-format="HH:mm:ss"] {
    width: 100px
}

.date-field[data-time-format]::-ms-clear {
    display: none
}

div.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px
}

div.ie6 {
    position: absolute
}

div.ie6.top-right {
    right: auto;
    bottom: auto;
    left: expression((0 - jGrowl.offsetWidth+(document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth)+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');
    top: expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')
}

div.ie6.top-left {
    left: expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');
    top: expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')
}

div.ie6.bottom-right {
    left: expression((0 - jGrowl.offsetWidth+(document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth)+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');
    top: expression((0 - jGrowl.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')
}

div.ie6.bottom-left {
    left: expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');
    top: expression((0 - jGrowl.offsetHeight+(document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px')
}

div.ie6.center {
    left: expression((0+(ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft))+'px');
    top: expression((0+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');
    width: 100%
}

div.jGrowl {
    position: absolute
}

body > div.jGrowl {
    position: fixed
}

div.jGrowl.top-left {
    left: 0;
    top: 0
}

div.jGrowl.top-right {
    right: 0;
    top: 0
}

div.jGrowl.bottom-left {
    left: 0;
    bottom: 0
}

div.jGrowl.bottom-right {
    right: 0;
    bottom: 0
}

div.jGrowl.center {
    top: 0;
    width: 50%;
    left: 25%
}

div.center div.jGrowl-notification, div.center div.jGrowl-closer {
    margin-left: auto;
    margin-right: auto
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "alpha(opacity=85)";
    filter: alpha(opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
}

div.jGrowl div.jGrowl-notification {
    min-height: 40px
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    margin: 10px
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
    font-weight: bold;
    font-size: .85em
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer
}

div.jGrowl div.jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center
}

@media print {
    div.jGrowl {
        display: none
    }
}

.legacy #signingContainer {
    margin-top: 20px
}

.renaissance #signingContainer {
    margin-top: 30px;
    padding: 7px 0
}

#signingContainer:before, #signingContainer:after {
    content: '';
    display: table;
    clear: both
}

#mainForm #challengeResponseBlock input {
    margin-left: 5px
}

.renaissance #signingContainer > #askPassword {
    margin-bottom: 30px
}

#forwardButtons:before, #forwardButtons:after {
    content: "";
    display: table
}

#forwardButtons:after {
    clear: both
}

.legacy #forwardButtons {
    margin-bottom: 10px
}

#forwardButtons > ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.legacy #forwardButtons > ul > li {
    float: left
}

.renaissance #forwardButtons {
    text-align: right
}

.renaissance #forwardButtons > ul > li {
    display: inline-block
}

.renaissance #forwardButtons > ul > li + li {
    margin-left: 5px
}

#signingNegativeActions {
    float: left
}

.legacy #signingNegativeActions > li {
    margin-right: 10px
}

#signingPositiveActions {
    float: right
}

.legacy #signingPositiveActions > li {
    margin-left: 10px
}

.legacy .help-action {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -42px -2px;
    cursor: pointer
}

.renaissance .help-action {
    cursor: pointer;
    display: inline
}

.renaissance .help-action:focus {
    outline: 0
}

.renaissance .help-action:before {
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -130px -10px;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-top: -1px
}

.renaissance .help-action:hover {
    background: transparent
}

.renaissance .help-action:hover:before {
    background-position: -130px -40px
}

* + .help-action {
    margin-left: 10px
}

.renaissance label + .help-action {
    margin-left: -15px
}

.renaissance .help-action.help-action-open:before {
    background-position: -130px -100px
}

table .help-action {
    vertical-align: middle
}

.tooltip-template {
    display: none
}

.tooltip-container {
    position: absolute;
    width: 240px;
    z-index: 898;
    transition: left .25s, top .25s
}

.legacy .tooltip-container {
    border: 1px solid #CCC
}

.renaissance .tooltip-container {
    border-color: #eee;
    margin-top: 5px;
    width: 300px
}

.renaissance .tooltip-container, .renaissance .tooltip-content {
    border-radius: 3px
}

.tooltip-content {
    background-color: white;
    padding: 15px;
    position: relative;
    z-index: 1;
    word-wrap: break-word
}

.renaissance .tooltip-content {
    background-color: #e5e5e5;
    padding: 20px
}

.legacy .tooltip-container.tooltip-loading .tooltip-content {
    background-image: url('/img/icons/loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 32px
}

.renaissance .tooltip-container.tooltip-loading .tooltip-content:before {
    background-image: url('/img/icons/loader_teal.svg');
    background-size: cover;
    -webkit-animation: spin .75s linear infinite;
    -moz-animation: spin .75s linear infinite;
    animation: spin .75s linear infinite;
    width: 28px;
    height: 28px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14px;
    margin-left: -14px
}

.tooltip-container img[src$="mchammer.gif"] {
    display: block;
    margin: auto
}

.legacy .tooltip-container:before, .legacy .tooltip-container:after {
    bottom: 6px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    content: "";
    height: 20px;
    position: absolute;
    width: 50%
}

.legacy .tooltip-container:before {
    left: 4px;
    transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg)
}

.legacy .tooltip-container:after {
    right: 4px;
    transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg)
}

.legacy .tooltip-container .tooltip-pointer {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -360px -0;
    width: 21px;
    height: 11px;
    position: absolute;
    top: -11px;
    left: 20px
}

.legacy .tooltip-container.tooltip-right .tooltip-pointer {
    left: auto;
    right: 16px
}

.renaissance .tooltip-container .tooltip-pointer {
    left: 20px
}

.renaissance .tooltip-container .tooltip-pointer.tooltip-right {
    left: auto;
    right: 20px
}

.renaissance .tooltip-container:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 20px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e5e5e5
}

.renaissance .tooltip-container.tooltip-right:after {
    left: auto;
    right: 20px
}

.legacy .tooltip-container h2 {
    background-color: #f5f5f5;
    border-bottom: 0 !important;
    margin: -15px -15px 10px;
    padding: 12px 15px 12px !important;
    font: 20px SwedbankMedium, Arial, sans-serif !important
}

.tooltip-container.has-heading .tooltip-pointer {
    background-position: -38px 0
}

.tooltip-container p:last-child {
    margin-bottom: 0
}

.tooltip-container .tooltip-close {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    cursor: pointer
}

.renaissance .tooltip-container .tooltip-close {
    display: none
}

.tooltip-content.errorMsg {
    border: 0;
    margin: 0;
    background-color: white
}

.renaissance ul, .renaissance ol {
    margin: 10px 0 0;
    padding: 0
}

.renaissance ul:first-child, .renaissance ol:first-child {
    margin-top: 0
}

.unstyled-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.clickable {
    cursor: pointer
}

.clickable:hover {
    color: #545454
}

.articles-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.articles-list > li {
    width: 231px;
    float: left;
    line-height: 18px
}

.articles-list > li.clickable:hover, .articles-list > li.clickable:hover h2 {
    color: #555
}

.articles-list > li.clickable:hover a {
    text-decoration: underline
}

.articles-list > li + li {
    margin-left: 21px
}

.articles-list img:first-child {
    display: block;
    margin-bottom: 5px;
    height: 125px;
    background: #DDD
}

.articles-list h2 {
    border: none !important;
    margin-bottom: 8px
}

.legacy ul.regular-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.legacy ul.regular-list > li {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -44px -1162px;
    padding-left: 12px;
    margin: 5px 0
}

.renaissance ul.regular-list {
    list-style: none
}

.renaissance ul.regular-list > li {
    margin: 7px 0 0;
    padding-left: 19px;
    position: relative
}

.renaissance ul.regular-list > li:first-child {
    margin-top: 0
}

.legacy ul.benefits-list {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    z-index: 1
}

.legacy ul.benefits-list > li {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -76px -1124px;
    padding-left: 20px
}

.renaissance ul.benefits-list {
    list-style: none
}

.renaissance ul.benefits-list > li {
    padding-left: 19px;
    background-repeat: no-repeat;
    position: relative
}

.renaissance ul.benefits-list > li:before {
    content: "";
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -550px -10px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -1px;
    left: -3px
}

.legacy ul.benefits-list > li + li {
    margin-top: 5px
}

.renaissance ul.benefits-list > li + li {
    margin-top: 7px
}

.benefits-list-small {
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 0
}

.benefits-list-small > li {
    background: url("/img/icons/check-small.png") no-repeat scroll left 4px;
    margin: 2px 0;
    padding-left: 12px !important
}

.legacy .links-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.legacy .links-list > li {
    margin: 5px 0
}

.renaissance .links-list {
    list-style: none
}

.renaissance p + .links-list {
    margin-top: 15px
}

.renaissance .links-list > li {
    margin: 10px 0 0
}

.renaissance .links-list > li:first-child {
    margin-top: 0
}

.renaissance .links-list.horizontal-list > li:first-child {
    margin-top: 0
}

.renaissance .beta-hide + * {
    margin-top: 0 !important
}

.legacy ul.news-list {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.legacy .news-list a {
    color: inherit !important;
    display: block
}

.renaissance ul.news-list {
    list-style: none;
    border-top: 1px solid #e1e1e1
}

.legacy ul.news-list time {
    padding-right: 10px
}

.renaissance .news-list > li, .renaissance ul.regular-list.news-list > li {
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
    margin: 0
}

.renaissance ul.regular-list.news-list > li:before {
    display: none
}

.renaissance .news-list a {
    display: block
}

.legacy .news-list time {
    color: #666
}

.renaissance .news-list time {
    color: #767676;
    font-size: 12px
}

.legacy .plain-list {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0
}

.legacy .plain-list li {
    margin: 0 0 7px 0
}

.renaissance .plain-list {
    list-style: none
}

.renaissance .plain-list > li {
    margin: 7px 0 0
}

.renaissance .plain-list > li:first-child {
    margin-top: 0
}

.plain-list + .plain-list {
    margin-top: 22px
}

.legacy ol.numeric-list {
    list-style: none;
    margin: 0;
    padding: 0
}

ol.numeric-list > li {
    margin-bottom: 5px;
    min-height: 18px;
    position: relative;
    counter-increment: listItem
}

.legacy .numeric-list > li {
    padding-left: 25px
}

.legacy .plus-list, .legacy .minus-list {
    list-style: none outside none;
    margin: 0 0 0 5px;
    padding: 0
}

.legacy .plus-list > li {
    background: url("/img/icons/plus-small.png") no-repeat scroll left 4px;
    margin: 2px 0;
    padding-left: 15px
}

.legacy .minus-list > li {
    background: url("/img/icons/minus-small.png") no-repeat scroll left 4px;
    margin: 2px 0;
    padding-left: 15px
}

.renaissance .numeric-list, .renaissance .plus-list, .renaissance .minus-list {
    list-style: none
}

.renaissance .regular-list > li, .renaissance .numeric-list > li, .renaissance .plus-list > li, .renaissance .minus-list > li {
    padding-left: 19px;
    margin-top: 10px;
    position: relative
}

.renaissance .numeric-list > li:first-child, .renaissance .plus-list > li:first-child, .renaissance .minus-list > li:first-child {
    margin-top: 0
}

.legacy ol.numeric-list > li:before {
    content: counter(listItem);
    color: #fff;
    font: 12px/18px SwedbankMedium, Arial, sans-serif;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -114px -1086px;
    width: 18px;
    *width: auto;
    height: 18px;
    overflow: hidden;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}

.renaissance ol.numeric-list > li:before {
    content: counter(listItem) '.'
}

.renaissance .plus-list > li:before {
    content: '+'
}

.renaissance .minus-list > li:before {
    content: '\2212'
}

.renaissance ul.regular-list > li:before, .renaissance ol.numeric-list > li:before, .renaissance .plus-list > li:before, .renaissance .minus-list > li:before {
    font: bold 14px/20px Helvetica, Arial, sans-serif;
    background-position: -580px -10px;
    text-align: center;
    color: #f60;
    position: absolute;
    top: -2px;
    left: 0
}

.renaissance ul.regular-list > li:before {
    content: "\25CF"
}

.legacy ol.numeric-list > li.number-two:before {
    content: "2"
}

.legacy ol.numeric-list > li.number-three:before {
    content: "3"
}

.legacy ol.numeric-list > li.number-four:before {
    content: "4"
}

.legacy ol.numeric-list > li.number-five:before {
    content: "5"
}

.legacy ol.numeric-list > li.number-six:before {
    content: "6"
}

.legacy ol.numeric-list > li.number-seven:before {
    content: "7"
}

.legacy ol.numeric-list > li.number-eight:before {
    content: "8"
}

.legacy ol.numeric-list > li.number-nine:before {
    content: "9"
}

.legacy ol.numeric-list > li.number-ten:before {
    content: "10"
}

.legacy ol.numeric-list > li.number-eleven:before {
    content: "11"
}

.legacy ol.numeric-list > li.number-twelve:before {
    content: "12"
}

.legacy ol.numeric-list > li.number-thirteen:before {
    content: "13"
}

.legacy ol.numeric-list > li.number-fourteen:before {
    content: "14"
}

.legacy ol.numeric-list > li.number-fifteen:before {
    content: "15"
}

.query-params-list {
    margin-bottom: 25px;
    margin-top: 0
}

.renaissance .tabsContent > div .query-params-list:first-child {
    margin-top: 7px
}

.query-params-list label {
    display: inline-block
}

.legacy .query-params-list label {
    margin-right: 8px;
    vertical-align: top
}

.query-params-list dt, .query-params-list dd {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.legacy .query-params-list dt, .legacy .query-params-list dd {
    margin: 10px 0 0
}

.query-params-list dt {
    text-align: right
}

.legacy .query-params-list dt {
    font-weight: bold;
    margin-right: 5px;
    width: 40%
}

.legacy .query-params-list dd {
    width: 55%
}

.renaissance .query-params-list {
    padding: 0;
    margin: 10px 0 0
}

.renaissance .query-params-list:first-child {
    margin-top: 0
}

.renaissance .query-params-list:before, .renaissance .query-params-list:after {
    content: "";
    display: table
}

.renaissance .query-params-list:after {
    clear: both
}

.renaissance .query-params-list dt, .renaissance .query-params-list dd {
    margin: 10px 0 0;
    padding: 8px 0;
    float: left;
    display: block
}

.renaissance .query-params-list dt {
    color: #666;
    padding-right: 10px;
    width: 32%;
    box-sizing: border-box;
    clear: both
}

.renaissance .query-params-list.preview-list dt {
    width: 45%
}

.renaissance .query-params-list dt:first-child, .renaissance .query-params-list dt:first-child + dd {
    margin-top: 0
}

.renaissance .query-params-list dd {
    width: 68%
}

.renaissance .query-params-list.preview-list dd {
    width: 55%
}

.legacy .query-params-list dd input[type="text"], .legacy .query-params-list dd select {
    margin-top: -4px
}

.legacy .query-params-list dd label input[type="text"], .legacy .query-params-list dd label select {
    margin-top: 0
}

.query-params-list dd + h2 {
    margin-top: 20px
}

.query-params-list select {
    max-width: 100%
}

.query-params-list .form-spacer {
    margin: 20px 0;
    border: 0;
    height: 1px;
    background-color: #dad8d8
}

.query-params-list #toggleExtendedFormRow, .query-params-list #sepaToggler, .query-params-list #toggleSepaPaymentAdditionalFieldsFormRow {
    text-align: center
}

.query-params-list h2 {
    border-bottom: 1px solid #e1e1e1;
    font: 15px/20px SwedbankMedium, Arial, sans-serif;
    padding-bottom: 1px
}

.query-params-list .validation-error input[type="text"], .query-params-list .validation-error input[type="email"], .query-params-list .validation-error input[type="tel"], .query-params-list .validation-error input[type="number"], .query-params-list .validation-error input[type="date"], .query-params-list .validation-error input[type="password"], .query-params-list .validation-error textarea, .query-params-list .validation-error select {
    border-color: #e00
}

.renaissance .query-params-list .validation-error input[type="text"], .renaissance .query-params-list .validation-error input[type="email"], .renaissance .query-params-list .validation-error input[type="tel"], .renaissance .query-params-list .validation-error input[type="number"], .renaissance .query-params-list .validation-error input[type="date"], .renaissance .query-params-list .validation-error input[type="password"], .renaissance .query-params-list .validation-error textarea, .renaissance .query-params-list .validation-error select {
    border-color: #e74041
}

.query-params-list .validation-error .validation-message {
    color: #e00;
    margin-top: 3px
}

.renaissance .query-params-list .validation-error .validation-message {
    color: #b24843;
    margin-top: 9px;
    padding-left: 10px
}

.renaissance .query-params-list.preview-list dt, .renaissance .query-params-list.preview-list dd {
    padding-top: 0;
    padding-bottom: 0
}

.legacy .period-list {
    margin: 5px 0;
    width: 370px
}

.legacy .period-list > li {
    margin: 0 10px 0 0 !important
}

.renaissance .period-list {
    overflow: hidden;
    margin: 13px 0 0 0;
    width: 350px;
    list-style: none
}

.renaissance .period-list li {
    margin: 0 11px 0 -11px
}

.renaissance .period-list li:before {
    content: "|";
    color: #b5b5b5;
    width: 11px;
    text-align: center;
    display: inline-block
}

.renaissance .links-list.period-list a:before {
    display: none
}

.renaissance .links-list.period-list a {
    padding-left: 0
}

ul.input-list {
    list-style: none
}

.inline-list, .horizontal-list {
    list-style: none
}

.inline-list:before, .horizontal-list:after, .inline-list:before, .horizontal-list:after {
    content: '';
    display: table
}

.inline-list:after, .horizontal-list:after {
    clear: both
}

.inline-list > li, .horizontal-list > li {
    float: left
}

.legacy .input-list.inline-list {
    margin-left: -5px
}

.legacy .input-list.inline-list > li {
    margin-left: 5px
}

.legacy .input-list.inline-list {
    margin-left: -20px
}

.legacy .input-list.inline-list > li {
    margin-left: 20px
}

.legacy ul.input-list {
    padding-left: 0;
    margin-top: -5px;
    margin-bottom: 5px
}

.legacy .input-list li {
    display: block;
    margin-top: 5px
}

.renaissance .input-list {
    margin: -7px 0 0
}

.renaissance button + .input-list, .renaissance .button + .input-list, .renaissance input[type="submit"] + .input-list, .renaissance input[type="text"] + .input-list, .renaissance input[type="password"] + .input-list, .renaissance input[type="email"] + .input-list, .renaissance input[type="tel"] + .input-list, .renaissance input[type="number"] + .input-list, .renaissance input[type="date"] + .input-list, .renaissance select + .input-list, .renaissance .input-file + .input-list {
    margin: 5px 0 0
}

.renaissance .input-list:first-child {
    margin-top: -17px
}

.renaissance .input-list li {
    margin-top: 17px
}

.input-list li input, .input-list li label {
    display: inline-block
}

.renaissance ol + .button, .renaissance ol + button, .renaissance ul + .button, .renaissance ul + button {
    margin: 7px 0 0;
    display: inline-block
}

h2 + ol.numbered-steps {
    margin-top: 10px
}

ol.numbered-steps {
    margin-top: 20px;
    padding-left: 20px;
    padding-bottom: 7px
}

ol.numbered-steps:last-child {
    padding-bottom: 0
}

ol.numbered-steps > li {
    padding-bottom: 25px;
    border-left: 2px solid #f60;
    margin-left: -3px;
    display: block;
    padding-left: 26px;
    position: relative;
    counter-increment: listItem
}

ol.numbered-steps > li:first-child {
    margin-top: 16px
}

ol.numbered-steps > li:last-child {
    padding-bottom: 2px;
    border-left: 2px solid rgba(255, 255, 255, 0)
}

ol.numbered-steps > li:before {
    content: counter(listItem);
    width: 32px;
    height: 32px;
    border: 2px solid #f60;
    border-radius: 50%;
    position: absolute;
    top: -11px;
    left: -19px;
    text-align: center;
    font: 16px/33px SwedbankMedium, sans-serif;
    color: #262626;
    background-color: #fff
}

.graph-list-container:before, .graph-list-container:after {
    content: "";
    clear: both;
    display: table
}

.query-params-list .scale-graph-row dt, .query-params-list .scale-graph-row dd {
    margin-top: 30px !important
}

.legacy .query-params-list .scale-graph-row dt {
    margin-top: 44px !important
}

.query-params-list .graph-list-container {
    margin-top: 5px;
    width: 300px
}

* + .graph-list-container {
    margin-top: 30px
}

.graph-list {
    list-style: none;
    padding: 0;
    height: 10px;
    background-color: orange;
    background-image: linear-gradient(90deg, #fc0, #f60);
    border-radius: 5px;
    display: table;
    width: 100%
}

.graph-list > li {
    display: table-cell;
    position: relative
}

.graph-list > li:before {
    content: attr(data-value);
    color: #767676;
    font: 16px/20px SwedbankMedium, sans-serif;
    text-align: center;
    position: absolute;
    top: -26px;
    width: 100%
}

.graph-list > li.active:before {
    color: #f60
}

.graph-marker-min, .graph-marker-max {
    color: #898989;
    margin-top: 5px
}

.graph-marker-min {
    float: left
}

.graph-marker-max {
    float: right;
    text-align: right
}

.pagination-container:before, .pagination-container:after {
    content: "";
    display: table;
    clear: both
}

h2 + .pagination-container {
    margin-top: 10px
}

.pagination-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left
}

.legacy .pagination-list, .renaissance .pagination-list {
    margin-left: -10px
}

.pagination-list:before, .pagination-list:after {
    content: "";
    display: table;
    clear: both
}

.pagination-list > li {
    float: left;
    margin-left: 10px
}

.pagination-list a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    padding: 0 6px
}

.legacy .pagination-list a {
    border: 1px solid #ccc;
    color: black
}

.renaissance .pagination-list a {
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    color: #767676;
    text-decoration: none
}

.legacy .pagination-list .pagination-inactive {
    color: #777
}

.legacy .pagination-list a:hover {
    text-decoration: none
}

.legacy .pagination-list a[href]:hover {
    border-color: black
}

.renaissance .pagination-list a:hover {
    border-color: #fc0;
    background-color: #fc0
}

.legacy .pagination-list a.active {
    background-color: #f60;
    border-color: #f60;
    color: white
}

.renaissance .pagination-list a.active {
    background-color: #f60;
    border-color: #f60;
    color: white
}

.renaissance .pagination-list .pagination-first, .renaissance .pagination-list .pagination-previous, .renaissance .pagination-list .pagination-next, .renaissance .pagination-list .pagination-last {
    display: none
}

.pagination-size {
    float: right
}

.renaissance ul.related-products-list {
    margin-top: -10px;
    margin-left: -21px;
    list-style: none;
    overflow: hidden
}

.renaissance ul.related-products-list:first-child {
    margin-top: -20px
}

.renaissance .related-product, .renaissance ul.related-products-list > li {
    border: 1px solid transparent;
    padding: 10px;
    width: 146px;
    position: relative;
    margin-left: 21px;
    text-align: center
}

.renaissance ul.related-products-list > li {
    margin-top: 20px
}

.renaissance .related-products-list.two-columns > li {
    width: 335px
}

.renaissance .related-products-list.three-columns > li {
    width: 209px
}

.renaissance .related-product:hover, .renaissance .related-products-list > li:hover {
    border-color: #fc0
}

.renaissance .related-products-list > li {
    float: left;
    background-color: #f4f4f4
}

.renaissance .related-product.clickable {
    padding-bottom: 20px
}

.renaissance .related-products-list h3 {
    font: 16px/20px SwedbankMedium, Arial, sans-serif;
    margin-top: 44px
}

.renaissance .related-products-list a.default-link {
    background: transparent;
    padding: 0
}

.renaissance .related-products-list li > a {
    overflow: hidden
}

.renaissance .related-product .pic, .renaissance .related-products-list .pic, .renaissance .related-products-list img {
    display: block;
    max-height: 48px;
    position: absolute;
    margin: 0 auto -44px;
    bottom: 100%;
    left: 0;
    right: 0
}

.renaissance .related-products-list.without-descriptions a {
    display: none
}

.sales-message-component {
    background-color: #f4f4f4;
    padding: 10px;
    margin: 0;
    position: relative
}

* + .sales-message-component {
    margin-top: 10px
}

.sales-message-component:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.sales-message-component .sales-message-icon, .sales-message-component .sales-message-content {
    display: inline-block;
    vertical-align: middle
}

.sales-message-component .sales-message-icon {
    margin-right: 10px;
    max-height: 34px
}

.legacy .related-products-list {
    margin: 10px 0 10px -10px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.legacy .related-product, .legacy .related-products-list > li {
    background-color: #fafafa;
    border: 1px solid #e1e1e1;
    padding: 14px 10px 5px;
    width: 154px;
    position: relative;
    margin-bottom: 10px
}

.legacy .related-products-list.two-columns > li {
    width: 340px
}

.legacy .related-products-list.three-columns > li {
    width: 216px
}

.legacy .related-product.clickable {
    padding-bottom: 20px
}

.legacy .related-products-list > li {
    float: left;
    margin-left: 10px
}

.legacy .related-product.clickable, .legacy .related-products-list > li.clickable {
    cursor: pointer
}

.legacy .related-product.clickable:hover, .legacy .related-products-list > li.clickable:hover {
    opacity: .8
}

.legacy .related-product.clickable:hover a, .legacy .related-products-list > li.clickable:hover a {
    text-decoration: underline
}

.legacy .related-products-list h3 {
    margin-bottom: 10px;
    min-height: 28px;
    color: #555;
    font: 15px/18px SwedbankMedium, Arial, sans-serif
}

.legacy .related-products-list .remark-corner + h3, .legacy .related-products-list .remark-small + h3 {
    margin-right: 73px
}

.legacy .related-products-list .remark-medium + h3 {
    margin-right: 93px
}

.legacy .related-products-list .remark-large + h3 {
    margin-right: 160px
}

.legacy .ee .rus .related-products-list h3, .lt .rus .related-products-list h3 {
    font-size: 14px;
    line-height: 16px
}

.legacy .lv .related-products-list h3 {
    min-height: 28px;
    color: #555;
    font: 15px/18px SwedbankMedium, Arial, sans-serif
}

.legacy .related-products-list > img:first-child + h3 {
    min-height: 23px
}

.legacy .related-product img, .legacy .related-products-list img {
    float: right;
    margin: -5px 0 0 3px;
    max-height: 33px
}

.legacy .related-products-list a {
    position: absolute;
    bottom: 10px;
    left: 10px;
    display: block
}

.legacy .related-products-list.two-columns p + a {
    left: 15px
}

.legacy .related-products-list .remark {
    display: none
}

ul.columns-layout {
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 -20px
}

.columns-layout > li {
    float: left;
    position: relative
}

.columns-layout > li.first-column {
    clear: left
}

.columns-layout > li.last-column ~ li {
    margin-top: 15px
}

.columns-layout .image-wrapper {
    height: 125px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: inherit;
    margin: -1px;
    border: 1px solid transparent;
    position: relative
}

.columns-layout .image-wrapper.logo-wrapper {
    border: 1px solid #e1e1e1
}

.columns-layout .image-wrapper img {
    display: block;
    margin: 0 auto;
    width: 231px
}

.columns-layout .image-wrapper.logo-wrapper img {
    width: auto;
    max-height: 50%
}

.columns-layout > li.clickable:hover .image-wrapper, .columns-layout > li.clickable:hover .logo-wrapper {
    border: 1px solid #fc0
}

.columns-layout > li.clickable:hover h3, .columns-layout > li.clickable:hover p {
    color: #545454
}

.columns-layout h3 {
    font: 16px/20px SwedbankMedium, Arial, sans-serif
}

.columns-layout .image-wrapper + h3 {
    margin-top: 17px
}

.columns {
    margin: 10px -10px 0
}

.columns:first-child {
    margin-top: 0
}

.columns.divided + .columns.divided {
    padding-top: 10px;
    border-top: 1px solid #e1e1e1
}

.columns > div {
    padding: 0 10px
}

.columns:before, .columns:after {
    content: "";
    display: table
}

.columns:after {
    clear: both
}

.columns:first-child {
    margin-top: 0
}

.columns:last-child {
    margin-bottom: 0
}

.col-1, .col-2, .col-3, .col-4, .col-6, .col-8, .col-12 {
    float: left
}

.col-1 {
    width: 42px
}

.renaissance .six-columns > li, .col-2 {
    width: 105px
}

.col-3, .renaissance .four-columns > li {
    width: 168px
}

.col-4, .three-columns > li {
    width: 231px
}

.col-6, .renaissance .two-columns > li {
    width: 357px
}

.col-8 {
    width: 483px
}

.columns-layout > li, .columns-layout.links-list > li {
    padding: 0;
    margin-left: 20px
}

.legacy .columns-layout.links-list, .renaissance .columns-layout.links-list {
    margin: 10px 0 0 -20px
}

.renaissance .columns-layout:first-child, .renaissance .columns-layout.links-list:first-child {
    margin-top: 0
}

.renaissance .columns-layout.links-list li {
    margin-top: 10px
}

.renaissance .columns .dataTable, .renaissance .columns .default-table {
    width: inherit
}

.renaissance .col-6 > img:first-child {
    height: 125px;
    display: block;
    margin: auto
}

a {
    color: #d33e00;
    text-decoration: none
}

.renaissance a {
    color: #036c80;
    text-decoration: underline
}

h2 a {
    color: inherit !important
}

h2 a:hover {
    color: #555 !important;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

.legacy ul.links-list a, .legacy a.default-link, .legacy a.pdf {
    background: url(../img/icons.png) -7px -1201px no-repeat;
    background-image: none, url(../img/icons.svg);
    padding-left: 7px
}

.renaissance .links-list a, .renaissance a.default-link, .renaissance a.pdf {
    display: inline-block;
    padding-left: 10px;
    text-decoration: none
}

.renaissance .links-list a:hover, .renaissance a.default-link:hover, .renaissance a.pdf:hover {
    text-decoration: underline
}

.renaissance ul + a.default-link, .renaissance ul + a.pdf, .renaissance ul + a.button, .renaissance ul + button, .renaissance ol + a.default-link, .renaissance ol + a.pdf, .renaissance ol + a.button, .renaissance ol + button, .renaissance p + a.default-link, .renaissance p + a.pdf, .renaissance p + a.button, .renaissance p + button, .renaissance h2 + a.button, .renaissance h2 + button, .renaissance h3 + a.button, .renaissance h3 + button {
    margin: 7px 0 0;
    display: inline-block
}

.countdown-component + .button, .renaissance ul + a.button, .renaissance ul + button, .renaissance ol + a.button, .renaissance ol + button, .renaissance p + a.button, .renaissance p + button, .renaissance h2 + a.button, .renaissance h2 + button, .renaissance h3 + a.button, .renaissance h3 + button {
    margin: 10px 0 0
}

.renaissance p > a.button:first-child .renaissance p > button:first-child {
    margin-top: 0
}

.renaissance .links-list a:before, .renaissance a.default-link:before, .renaissance a.pdf:before {
    content: "";
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -467px -15px;
    width: 10px;
    height: 10px;
    margin-left: -10px;
    display: inline-block
}

.legacy .rus a[id="private.credit"], .legacy .ee.rus a[id="private.home"], .legacy .lv.rus a[id="business.international"], .legacy .lat a[id="business.international"], .legacy .rus a[id="business.cash"] {
    font-size: 11px
}

.renaissance .rus a[id="private.credit"], .renaissance .ee.rus a[id="private.home"], .renaissance .lv.rus a[id="business.international"], .renaissance .lat a[id="business.international"], .renaissance .rus a[id="business.cash"] {
    letter-spacing: -.8px
}

a.pdf {
    display: inline-block
}

p a.pdf {
    display: inline;
    background: 0;
    padding-left: 0
}

a.pdf:after {
    content: '\00a0(PDF)'
}

.legacy .ico {
    cursor: pointer
}

.legacy * + .ico {
    margin-left: 5px
}

.renaissance a.ico {
    text-decoration: none
}

.ico.info {
    background: url(../img/icons.png) -400px -400px no-repeat;
    background-image: none, url(../img/icons.svg);
    display: inline-block;
    width: 18px;
    height: 18px
}

.icon.information {
    background-position: 0 -150px
}

.icon.save {
    background-position: 0 -480px
}

.icon.delete-gray {
    background-position: -735px -30px
}

.icon.close-gray {
    background-position: -735px -270px
}

.icon.toggler-closed {
    background-position: -735px -210px
}

.icon.toggler-opened {
    background-position: -735px -240px
}

.icon.information-dark {
    background-position: 0 -480px
}

.icon.forward {
    background-position: 0 -300px
}

.icon.forward-dark {
    background-position: 0 -840px
}

.icon.print-dark {
    background-position: 0 -569px
}

.icon.explanation {
    background-position: -735px -990px;
    padding: 0 0 0 18px
}

.renaissance .ico, .renaissance .renaissance-icon-only, .renaissance .renaissance-icon {
    display: inline;
    line-height: 18px;
    cursor: pointer
}

.renaissance * + .ico {
    margin-left: 10px
}

.ico:before, .ico:after, .renaissance .renaissance-icon-only:before, .renaissance .renaissance-icon-only:after, .renaissance .renaissance-icon:before, .renaissance .renaissance-icon:after {
    background-color: transparent;
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-top: -1px;
    position: relative;
    z-index: 1
}

.ico:before, .ico:hover:before, .renaissance .renaissance-icon-only:before, .renaissance .renaissance-icon-only:hover:before, .renaissance .renaissance-icon:before, .renaissance .renaissance-icon:hover:before {
    content: ''
}

.ico:hover, .renaissance .renaissance-icon:hover, .renaissance .renaissance-icon-only:hover {
    background-color: transparent
}

.ico.caption:before, .ico.caption-left:before, .renaissance .renaissance-icon:before {
    margin-right: 4px
}

.ico.caption-right:after, .ico.caption-right:hover:after {
    content: '';
    margin-left: 4px
}

.ico.caption-right:before, .ico.caption-right:hover:before, .legacy .ico.info:before, .legacy .ico.info:after {
    display: none
}

.ico.plus:before, .ico.plus:after, .ico.add:before, .ico.add:after, .renaissance .renaissance-icon-plus:before, .renaissance .renaissance-icon-plus:after {
    background-position: -190px -10px
}

.ico.plus:hover:before, .ico.plus:hover:after, .ico.add:hover:before, .ico.add:hover:after, .renaissance .renaissance-icon-plus:hover:before, .renaissance .renaissance-icon-plus:hover:after {
    background-position: -190px -40px
}

.ico.edit:before, .ico.edit:after, .renaissance .renaissance-icon-edit:before, .renaissance .renaissance-icon-edit:after {
    background-position: -160px -10px
}

.ico.edit:hover:before, .ico.edit:hover:after, .renaissance .renaissance-icon-edit:hover:before, .renaissance .renaissance-icon-edit:hover:after {
    background-position: -160px -40px
}

.ico.minus:before, .ico.minus:after, .ico.remove:before, .ico.remove:after, .renaissance .renaissance-icon-delete:before, .renaissance .renaissance-icon-delete:after {
    background-position: -220px -10px
}

.ico.minus:hover:before, .ico.minus:hover:after, .ico.remove:hover:before, .ico.remove:hover:after, .renaissance .renaissance-icon-delete:hover:before, .renaissance .renaissance-icon-delete:hover:after {
    background-position: -220px -40px
}

.ico.erase:before, .ico.erase:after, .ico.delete:before, .ico.delete:after {
    background-position: -250px -10px
}

.ico.erase:hover:before, .ico.erase:hover:after, .ico.delete:hover:before, .ico.delete:hover:after {
    background-position: -250px -40px
}

.ico.view:before, .ico.view:after {
    background-position: -280px -10px
}

.ico.view:hover:before, .ico.view:hover:after {
    background-position: -280px -40px
}

.ico.etc:after, .ico.etc:before {
    background-position: -310px -10px
}

.ico.etc:hover:before, .ico.etc:hover:after {
    background-position: -310px -40px
}

.ico.download:before, .ico.download:after {
    background-position: -400px -10px
}

.ico.download:hover:before, .ico.download:hover:after {
    background-position: -400px -40px
}

.ico.help:before, .ico.help:after {
    background-position: -130px -10px
}

.ico.help:hover:before, .ico.help:hover:after {
    background-position: -130px -40px
}

.ico.close:before, .ico.close:after {
    background-position: -100px -10px
}

.ico.close:hover:before, .ico.close:hover:after {
    background-position: -100px -40px
}

.ico.check:before, .ico.check:after {
    background-position: -610px -10px
}

.legacy .ico.check {
    background-position: -486px -714px
}

.ico.exchange:before, .ico.exchange:after, .ico.reload:before, .ico.reload:after, .ico.refresh:before, .ico.refresh:after {
    background-position: -1840px -10px
}

.ico.exchange:hover:before, .ico.exchange:hover:after, .ico.reload:hover:before, .ico.reload:hover:after, .ico.refresh:hover:before, .ico.refresh:hover:after {
    background-position: -1840px -40px
}

.ico.time:before, .ico.time:after {
    background-position: -370px -10px
}

.ico.time:hover:before, .ico.time:hover:after {
    background-position: -370px -40px
}

.ico.print:before, .ico.print:after {
    background-position: -640px -10px
}

.ico.search:before, .ico.search:after {
    background-position: -670px -10px
}

.ico.gear:before, .ico.gear:after, .ico.settings:before, .ico.settings:after {
    background-position: -700px -10px
}

.ico.phone:before, .ico.phone:after {
    background-position: -730px -10px
}

.ico.chat:before, .ico.chat:after {
    background-position: -760px -10px
}

.ico.mail:before, .ico.mail:after, .ico.envelope:before, .ico.envelope:after {
    background-position: -790px -10px
}

.ico.user:before, .ico.user:after {
    background-position: -820px -10px
}

.ico.bell:before, .ico.bell:after {
    background-position: -850px -10px
}

.ico.facebook:before, .ico.facebook:after {
    background-position: -1270px -10px
}

.ico.facebook:hover:before, .ico.facebook:hover:after {
    background-position: -1270px -40px
}

.ico.youtube:before, .ico.youtube:after {
    background-position: -1300px -10px
}

.ico.youtube:hover:before, .ico.youtube:hover:after {
    background-position: -1300px -40px
}

.ico.twitter:before, .ico.twitter:after {
    background-position: -1330px -10px
}

.ico.twitter:hover:before, .ico.twitter:hover:after {
    background-position: -1330px -40px
}

.ico.active:before, .ico.active:after {
    background-position: -1660px -10px
}

.ico.inactive:before, .ico.inactive:after, .ico.notactive:before, .ico.notactive:after {
    background-position: -1720px -10px
}

.ico.pending:before, .ico.pending:after {
    background-position: -1690px -10px
}

.ico.phone, .ico.active, .ico.inactive, .ico.notactive, .ico.pending, .ico.mail {
    cursor: text
}

.ico.phone:before, .ico.active:before, .ico.inactive:before, .ico.notactive:before, .ico.pending:before, .ico.mail:before, .ico.check:before, .legacy .ico.info, .legacy .ico.info {
    cursor: default
}

.ie8 .ico.pending:before, .ie8 .ico.pending.caption-right:after {
    content: " "
}

.ie8 .ico.inactive:before, .ie8 .ico.inactive.caption-right:after {
    content: "  "
}

.status.active {
    color: #578d1d
}

.status.inactive, .status.notactive {
    color: #c15d54
}

.status.pending {
    color: #368ca0
}

.icon {
    background: url('/img/sprite_icon.gif') no-repeat;
    height: 18px;
    overflow: hidden;
    padding: 2px 9px 2px
}

.legacy .ico.erase.caption, .legacy .ico.erase.caption-left, .legacy .ico.erase.caption-right, .legacy .ico.delete.caption-left, .legacy .ico.delete.caption-right, .legacy .ico.delete.caption-left, .legacy .delete.caption, .legacy .delete.caption-left, .legacy .delete.caption-right {
    text-indent: 0;
    overflow: visible
}

.legacy .ico.plus:before, .legacy .ico.plus:after, .legacy .ico.add:before, .legacy .ico.add:after, .legacy .ico.minus:before, .legacy .ico.minus:after, .legacy .ico.erase:before, .legacy .ico.erase:after, .legacy .ico.delete:before, .legacy .ico.delete:after, .legacy .ico.remove:before, .legacy .ico.remove:after, .legacy .ico.edit:before, .legacy .ico.edit:after, .legacy .ico.exchange:before, .legacy .ico.exchange:after, .legacy .ico.reload:before, .legacy .ico.reload:after, .legacy .ico.refresh:before, .legacy .ico.refresh:after, .legacy .ico.help:before, .legacy .ico.help:after, .legacy .ico.question:before, .legacy .ico.question:after, .legacy .ico.time:before, .legacy .ico.time:after, .legacy .ico.close:before, .legacy .ico.close:after, .legacy .ico.view:before, .legacy .ico.view:after {
    background: url('/img/sprite_icon.gif') no-repeat;
    height: 18px;
    overflow: hidden;
    margin-top: 0
}

.legacy .ico.erase:before, .legacy .ico.erase:after, .legacy .ico.delete:before, .legacy .ico.delete:after, .legacy .delete {
    overflow: hidden;
    text-indent: -9999em;
    background: url(../img/pfm/delete.gif) 2px 2px no-repeat
}

.legacy .ico.delete {
    background: transparent
}

.icon.plus:before, .icon.plus:after, .legacy .ico.plus:before, .legacy .ico.plus:after, .legacy .ico.add:before, .legacy .ico.add:after {
    background-position: -735px -90px
}

.icon.plus:hover:before, .icon.plus:hover:after, .legacy .ico.plus:hover:before, .legacy .ico.plus:hover:after, .legacy .ico.add:hover:before, .legacy .ico.add:hover:after {
    background-position: 0 -90px
}

.icon.minus:before, .icon.minus:after, .legacy .ico.minus:before, .legacy .ico.minus:after, .legacy .ico.remove:before, .legacy .ico.remove:after {
    background-position: -735px -120px
}

.icon.minus:hover:before, .icon.minus:hover:after, .legacy .ico.minus:hover:before, .legacy .ico.minus:hover:after, .legacy .ico.remove:hover:before, .legacy .ico.remove:hover:after {
    background-position: 0 -120px
}

.legacy .ico.exchange:before, .legacy .ico.exchange:after, .legacy .ico.reload:before, .legacy .ico.reload:after, .legacy .ico.refresh:before, .legacy .ico.refresh:after {
    background-position: -735px -1600px
}

.legacy .ico.exchange:before:hover, .legacy .ico.exchange:after:hover, .legacy .ico.reload:before:hover, .legacy .ico.reload:after:hover, .legacy .ico.refresh:before:hover, .legacy .ico.refresh:after:hover {
    background-position: 0 -1600px
}

.legacy .ico.erase:before, .legacy .ico.erase:after, .legacy .ico.delete:before, .legacy .ico.delete:after {
    width: 18px;
    height: 18px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -80px -290px
}

.legacy .ico.phone:before:before, .legacy .ico.phone:before:after {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -40px -330px
}

.legacy .icon.close:before, .legacy .icon.close:after, .legacy .ico.close:before, .legacy .ico.close:after {
    background-position: -735px -270px
}

.legacy .icon.close:hover:before, .legacy .icon.close:hover:after, .legacy .ico.close:hover:before, .legacy .ico.close:hover:after {
    background-position: 0 -270px
}

.icon.delete:before, .icon.delete:after {
    background-position: -735px -30px
}

.legacy .icon.delete:before, .legacy .icon.delete:after {
    background-position: 0 -30px
}

.legacy .ico.edit:before, .legacy .ico.edit:after {
    background: url(../img/icons/smallbtn-gray-pen.gif) no-repeat
}

.legacy .ico.time:before, .legacy .ico.time:after {
    background: url(../img/buttons/linksymbol-orange-clock.gif) no-repeat
}

.legacy .ico.view:before, .legacy .ico.view:after {
    background-position: -735px -1660px
}

.legacy .ico.view:hover:before, .legacy .ico.view:hover:after {
    background-position: 0 -1660px
}

.pic {
    display: inline-block;
    width: 34px;
    height: 34px
}

.legacy .related-product .pic, .legacy .related-products-list .pic {
    margin: -5px 0 0 3px;
    float: right;
    display: block
}

.pic.bird {
    background: url(../img/icons/products/animals/bird.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/bird.svg);
    width: 55px;
    height: 34px
}

.pic.bird2 {
    background: url(../img/icons/products/animals/bird_2.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/bird_2.svg);
    width: 53px;
    height: 34px
}

.pic.bird-house {
    background: url(../img/icons/products/animals/bird_house.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/bird_house.svg);
    width: 37px;
    height: 34px
}

.pic.dog-house {
    background: url(../img/icons/products/animals/dog_house.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/dog_house.svg);
    width: 70px;
    height: 34px
}

.pic.lobster {
    background: url(../img/icons/products/animals/lobster.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/lobster.svg);
    width: 27px;
    height: 34px
}

.pic.owl {
    background: url(../img/icons/products/animals/owl.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/owl.svg);
    width: 27px;
    height: 34px
}

.pic.deer, .pic.reindeer {
    background: url(../img/icons/products/animals/reindeer.png) no-repeat;
    background-image: none, url(../img/icons/products/animals/reindeer.svg);
    width: 30px;
    height: 34px
}

.pic.bank {
    background: url(../img/icons/products/buildings/bank.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/bank.svg);
    width: 43px;
    height: 35px
}

.pic.burglary {
    background: url(../img/icons/products/buildings/burglary.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/burglary.svg);
    width: 34px;
    height: 34px
}

.pic.factory {
    background: url(../img/icons/products/buildings/factory.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/factory.svg);
    width: 33px;
    height: 34px
}

.pic.fire {
    background: url(../img/icons/products/buildings/fire.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/fire.svg);
    width: 32px;
    height: 34px
}

.pic.flood {
    background: url(../img/icons/products/buildings/flood.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/flood.svg);
    width: 39px;
    height: 34px
}

.pic.hail {
    background: url(../img/icons/products/buildings/hail.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/hail.svg);
    width: 29px;
    height: 34px
}

.pic.house, .pic.house-l {
    background: url(../img/icons/products/buildings/house.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/house.svg);
    width: 42px;
    height: 34px
}

.pic.house2, .pic.house-2 {
    background: url(../img/icons/products/buildings/house2.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/house2.svg);
    width: 42px;
    height: 34px
}

.pic.lightning {
    background: url(../img/icons/products/buildings/lightning.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/lightning.svg);
    width: 28px;
    height: 34px
}

.pic.multistorey {
    background: url(../img/icons/products/buildings/multistorey.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/multistorey.svg);
    width: 24px;
    height: 34px
}

.pic.power-pole {
    background: url(../img/icons/products/buildings/power_pole.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/power_pole.svg);
    width: 22px;
    height: 34px
}

.pic.protection {
    background: url(../img/icons/products/buildings/protection.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/protection.svg);
    width: 33px;
    height: 34px
}

.pic.tower-block {
    background: url(../img/icons/products/buildings/tower-block.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/tower-block.svg);
    width: 15px;
    height: 34px
}

.pic.tower-block-2 {
    background: url(../img/icons/products/buildings/tower-block-2.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/tower-block-2.svg);
    width: 15px;
    height: 34px
}

.pic.windmill {
    background: url(../img/icons/products/buildings/windmill.png) no-repeat;
    background-image: none, url(../img/icons/products/buildings/windmill.svg);
    width: 21px;
    height: 34px
}

.pic.contact-phone-1503 {
    background: url(../img/icons/products/custom/contact-phone-1503.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/contact-phone-1503.svg);
    width: 42px;
    height: 25px
}

.pic.info-lock {
    background: url(../img/icons/products/custom/info-lock.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/info-lock.svg);
    width: 21px;
    height: 34px
}

.pic.lock, .pic.taba {
    background: url(../img/icons/products/custom/lock.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/lock.svg);
    width: 22px;
    height: 34px
}

.pic.p3-v {
    background: url(../img/icons/products/custom/p3-v.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/p3-v.svg);
    width: 27px;
    height: 34px
}

.pic.p3-pluss {
    background: url(../img/icons/products/custom/p3-pluss.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/p3-pluss.svg);
    width: 27px;
    height: 34px
}

.pic.p3-portfolio {
    background: url(../img/icons/products/custom/p3-portfolio.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/p3-portfolio.svg);
    width: 40px;
    height: 34px
}

.pic.stone {
    background: url(../img/icons/products/custom/stone.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/stone.svg);
    width: 35px;
    height: 34px
}

.pic.wood {
    background: url(../img/icons/products/custom/wood.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/wood.svg);
    width: 34px;
    height: 34px
}

.pic.woodstone {
    background: url(../img/icons/products/custom/woodstone.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/woodstone.svg);
    width: 34px;
    height: 34px
}

.pic.text-balloon {
    background: url(../img/icons/products/custom/text-balloon.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/text-balloon.svg);
    width: 39px;
    height: 33px
}

.pic.clientbank {
    background: url(../img/icons/products/custom/clientbank.png) no-repeat;
    background-image: none, url(../img/icons/products/custom/clientbank.svg);
    width: 60px;
    height: 26px
}

.pic.book {
    background: url(../img/icons/products/everyday/book.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/book.svg);
    width: 45px;
    height: 34px
}

.pic.briefcase {
    background: url(../img/icons/products/everyday/briefcase.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/briefcase.svg);
    width: 41px;
    height: 34px
}

.pic.briefcase2, .pic.portfolio {
    background: url(../img/icons/products/everyday/briefcase2.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/briefcase2.svg);
    width: 41px;
    height: 34px
}

.pic.bun {
    background: url(../img/icons/products/everyday/bun.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/bun.svg);
    width: 48px;
    height: 28px
}

.pic.burger {
    background: url(../img/icons/products/everyday/burger.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/burger.svg);
    width: 38px;
    height: 30px
}

.pic.can {
    background: url(../img/icons/products/everyday/burger.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/can.svg);
    width: 19px;
    height: 34px
}

.pic.clock {
    background: url(../img/icons/products/everyday/clock.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/clock.svg);
    width: 27px;
    height: 34px
}

.pic.coffee, .pic.coffee-cup {
    background: url(../img/icons/products/everyday/coffee_cup.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/coffee_cup.svg);
    width: 31px;
    height: 34px
}

.pic.coffee-cup-2 {
    background: url(../img/icons/products/everyday/coffee_cup_2.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/coffee_cup_2.svg);
    width: 28px;
    height: 24px
}

.pic.firstaid {
    background: url(../img/icons/products/everyday/first_aid.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/first_aid.svg);
    width: 36px;
    height: 30px
}

.pic.gift, .pic.present {
    background: url(../img/icons/products/everyday/gift.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/gift.svg);
    width: 30px;
    height: 34px
}

.pic.globe {
    background: url(../img/icons/products/everyday/globe.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/globe.svg);
    width: 26px;
    height: 34px
}

.pic.hanger {
    background: url(../img/icons/products/everyday/hanger.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/hanger.svg);
    width: 43px;
    height: 34px
}

.pic.key {
    background: url(../img/icons/products/everyday/key.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/key.svg);
    width: 19px;
    height: 34px
}

.pic.lifebuoy {
    background: url(../img/icons/products/everyday/lifebuoy.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/lifebuoy.svg);
    width: 35px;
    height: 34px
}

.pic.light-bulb {
    background: url(../img/icons/products/everyday/light-bulb.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/light-bulb.svg);
    width: 34px;
    height: 34px
}

.pic.magnifier {
    background: url(../img/icons/products/everyday/magnifier.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/magnifier.svg);
    width: 21px;
    height: 34px
}

.pic.mallet {
    background: url(../img/icons/products/everyday/mallet.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/mallet.svg);
    width: 38px;
    height: 34px
}

.pic.map {
    background: url(../img/icons/products/everyday/map.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/map.svg);
    width: 35px;
    height: 35px
}

.pic.megaphone {
    background: url(../img/icons/products/everyday/megaphone.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/megaphone.svg);
    width: 35px;
    height: 30px
}

.pic.microscope {
    background: url(../img/icons/products/everyday/microscope.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/microscope.svg);
    width: 26px;
    height: 35px
}

.pic.mortarboard {
    background: url(../img/icons/products/everyday/mortarboard.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/mortarboard.svg);
    width: 49px;
    height: 34px
}

.pic.newspaper {
    background: url(../img/icons/products/everyday/newspaper.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/newspaper.svg);
    width: 26px;
    height: 34px
}

.pic.pen {
    background: url(../img/icons/products/everyday/pen.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/pen.svg);
    width: 10px;
    height: 34px
}

.pic.pen2 {
    background: url(../img/icons/products/everyday/pen_2.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/pen_2.svg);
    width: 48px;
    height: 34px
}

.pic.puzzle-piece {
    background: url(../img/icons/products/everyday/puzzle_piece.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/puzzle_piece.svg);
    width: 34px;
    height: 34px
}

.pic.shoe, .pic.sneaker {
    background: url(../img/icons/products/everyday/shoe.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/shoe.svg);
    width: 40px;
    height: 23px
}

.pic.shopping-cart {
    background: url(../img/icons/products/everyday/shopping-cart.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/shopping-cart.svg);
    width: 30px;
    height: 31px
}

.pic.stopwatch {
    background: url(../img/icons/products/everyday/stopwatch.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/stopwatch.svg);
    width: 27px;
    height: 33px
}

.pic.stroller {
    background: url(../img/icons/products/everyday/stroller.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/stroller.svg);
    width: 35px;
    height: 34px
}

.pic.treasure-chest {
    background: url(../img/icons/products/everyday/treasure_chest.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/treasure_chest.svg);
    width: 42px;
    height: 30px
}

.pic.trophy {
    background: url(../img/icons/products/everyday/trophy.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/trophy.svg);
    width: 32px;
    height: 34px
}

.pic.umbrella {
    background: url(../img/icons/products/everyday/umbrella.png) no-repeat;
    background-image: none, url(../img/icons/products/everyday/umbrella.svg);
    width: 34px;
    height: 34px
}

.pic.eyecatcher-acorn {
    background: url(../img/icons/products/eyecatchers/eyecatcher_acorn.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_acorn.svg);
    width: 37px;
    height: 34px
}

.pic.eyecatcher-cloud {
    background: url(../img/icons/products/eyecatchers/eyecatcher_cloud.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_cloud.svg);
    width: 39px;
    height: 26px
}

.pic.eyecatcher-drop {
    background: url(../img/icons/products/eyecatchers/eyecatcher_drop.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_drop.svg);
    width: 27px;
    height: 34px
}

.pic.eyecatcher-flower {
    background: url(../img/icons/products/eyecatchers/eyecatcher_flower.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_flower.svg);
    width: 34px;
    height: 34px
}

.pic.eyecatcher-heart {
    background: url(../img/icons/products/eyecatchers/eyecatcher_heart.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_heart.svg);
    width: 34px;
    height: 29px
}

.pic.eyecatcher-oak-leaf, .pic.leaf {
    background: url(../img/icons/products/eyecatchers/eyecatcher_oak_leaf.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_oak_leaf.svg);
    width: 20px;
    height: 34px
}

.pic.eyecatcher-speech-bubble {
    background: url(../img/icons/products/eyecatchers/eyecatcher_speech_bubble.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_speech_bubble.svg);
    width: 34px;
    height: 29px
}

.pic.eyecatcher-speech-bubble-2 {
    background: url(../img/icons/products/eyecatchers/eyecatcher_speech_bubble_2.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_speech_bubble_2.svg);
    width: 35px;
    height: 29px
}

.pic.eyecatcher-star {
    background: url(../img/icons/products/eyecatchers/eyecatcher_star.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_star.svg);
    width: 36px;
    height: 34px
}

.pic.eyecatcher-sticky-note {
    background: url(../img/icons/products/eyecatchers/eyecatcher_sticky_note.png) no-repeat;
    background-image: none, url(../img/icons/products/eyecatchers/eyecatcher_sticky_note.svg);
    width: 32px;
    height: 34px
}

.pic.bank-card {
    background: url(../img/icons/products/financial/bank_card.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/bank_card.svg);
    width: 37px;
    height: 25px
}

.pic.bank-card-2 {
    background: url(../img/icons/products/financial/bank_card_2.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/bank_card_2.svg);
    width: 37px;
    height: 25px
}

.pic.chart {
    background: url(../img/icons/products/financial/chart.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/chart.svg);
    width: 26px;
    height: 34px
}

.pic.chart2 {
    background: url(../img/icons/products/financial/chart2.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/chart2.svg);
    width: 36px;
    height: 34px
}

.pic.coin-fifty {
    background: url(../img/icons/products/financial/coin_fifty.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/coin_fifty.svg);
    width: 34px;
    height: 34px
}

.pic.coin-five {
    background: url(../img/icons/products/financial/coin_five.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/coin_five.svg);
    width: 34px;
    height: 34px
}

.pic.coin-one {
    background: url(../img/icons/products/financial/coin_one.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/coin_one.svg);
    width: 34px;
    height: 34px
}

.pic.coin-ten, .pic.cent {
    background: url(../img/icons/products/financial/coin_ten.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/coin_ten.svg);
    width: 34px;
    height: 34px
}

.pic.currency-dollar {
    background: url(../img/icons/products/financial/currency_dollar.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/currency_dollar.svg);
    width: 34px;
    height: 34px
}

.pic.currency-pound {
    background: url(../img/icons/products/financial/currency_pound.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/currency_pound.svg);
    width: 34px;
    height: 34px
}

.pic.euro-cent {
    background: url(../img/icons/products/financial/euro-cent.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/euro-cent.svg);
    width: 34px;
    height: 34px
}

.pic.percent {
    background: url(../img/icons/products/financial/percent.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/percent.svg);
    width: 34px;
    height: 34px
}

.pic.piggybank {
    background: url(../img/icons/products/financial/piggybank.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/piggybank.svg);
    width: 38px;
    height: 28px
}

.pic.wallet {
    background: url(../img/icons/products/financial/wallet.png) no-repeat;
    background-image: none, url(../img/icons/products/financial/wallet.svg);
    width: 35px;
    height: 34px
}

.pic.acorn {
    background: url(../img/icons/products/growth/acorn.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/acorn.svg);
    width: 27px;
    height: 34px
}

.pic.apple {
    background: url(../img/icons/products/growth/apple.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/apple.svg);
    width: 30px;
    height: 34px
}

.pic.flower {
    background: url(../img/icons/products/growth/flower.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/flower.svg);
    width: 34px;
    height: 34px
}

.pic.forest {
    background: url(../img/icons/products/growth/forest.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/forest.svg);
    width: 27px;
    height: 34px
}

.pic.heart {
    background: url(../img/icons/products/growth/heart.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/heart.svg);
    width: 34px;
    height: 29px
}

.pic.oak-leaf {
    background: url(../img/icons/products/growth/oak_leaf.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/oak_leaf.svg);
    width: 23px;
    height: 34px
}

.pic.spade {
    background: url(../img/icons/products/growth/spade.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/spade.svg);
    width: 11px;
    height: 34px
}

.pic.stacked-balls {
    background: url(../img/icons/products/growth/stacked-balls.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/stacked-balls.svg);
    width: 43px;
    height: 34px
}

.pic.watering-can {
    background: url(../img/icons/products/growth/watering_can.png) no-repeat;
    background-image: none, url(../img/icons/products/growth/watering_can.svg);
    width: 62px;
    height: 34px
}

.pic.gear-wheel {
    background: url(../img/icons/products/industries/gear_wheel.png) no-repeat;
    background-image: none, url(../img/icons/products/industries/gear_wheel.svg);
    width: 35px;
    height: 34px
}

.pic.gear-wheel-2 {
    background: url(../img/icons/products/industries/gear_wheel_2.png) no-repeat;
    background-image: none, url(../img/icons/products/industries/gear_wheel_2.svg);
    width: 34px;
    height: 34px
}

.pic.basketball-player {
    background: url(../img/icons/products/people/basketball_player.png) no-repeat;
    background-image: none, url(../img/icons/products/people/basketball_player.svg);
    width: 35px;
    height: 34px
}

.pic.basketball-player-2 {
    background: url(../img/icons/products/people/basketball_player_2.png) no-repeat;
    background-image: none, url(../img/icons/products/people/basketball_player_2.svg);
    width: 35px;
    height: 35px
}

.pic.carpenter {
    background: url(../img/icons/products/people/carpenter.png) no-repeat;
    background-image: none, url(../img/icons/products/people/carpenter.svg);
    width: 31px;
    height: 34px
}

.pic.carpenter-2 {
    background: url(../img/icons/products/people/carpenter_2.png) no-repeat;
    background-image: none, url(../img/icons/products/people/carpenter_2.svg);
    width: 41px;
    height: 34px
}

.pic.choir {
    background: url(../img/icons/products/people/choir.png) no-repeat;
    background-image: none, url(../img/icons/products/people/choir.svg);
    width: 42px;
    height: 34px
}

.pic.client {
    background: url(../img/icons/products/people/client.png) no-repeat;
    background-image: none, url(../img/icons/products/people/client.svg);
    width: 18px;
    height: 34px
}

.pic.elementary-school {
    background: url(../img/icons/products/people/elementary-school.png) no-repeat;
    background-image: none, url(../img/icons/products/people/elementary-school.svg);
    width: 20px;
    height: 34px
}

.pic.family {
    background: url(../img/icons/products/people/family.png) no-repeat;
    background-image: none, url(../img/icons/products/people/family.svg);
    width: 50px;
    height: 34px
}

.pic.father {
    background: url(../img/icons/products/people/father.png) no-repeat;
    background-image: none, url(../img/icons/products/people/father.svg);
    width: 29px;
    height: 34px
}

.pic.football-player {
    background: url(../img/icons/products/people/football_player.png) no-repeat;
    background-image: none, url(../img/icons/products/people/football_player.svg);
    width: 29px;
    height: 34px
}

.pic.girl {
    background: url(../img/icons/products/people/girl.png) no-repeat;
    background-image: none, url(../img/icons/products/people/girl.svg);
    width: 20px;
    height: 34px
}

.pic.golfer {
    background: url(../img/icons/products/people/golfer.png) no-repeat;
    background-image: none, url(../img/icons/products/people/golfer.svg);
    width: 22px;
    height: 34px
}

.pic.group {
    background: url(../img/icons/products/people/group.png) no-repeat;
    background-image: none, url(../img/icons/products/people/group.svg);
    width: 39px;
    height: 34px
}

.pic.group2 {
    background: url(../img/icons/products/people/group_2.png) no-repeat;
    background-image: none, url(../img/icons/products/people/group_2.svg);
    width: 27px;
    height: 34px
}

.pic.handball-player {
    background: url(../img/icons/products/people/handball_player.png) no-repeat;
    background-image: none, url(../img/icons/products/people/handball_player.svg);
    width: 28px;
    height: 34px
}

.pic.handball-player-2 {
    background: url(../img/icons/products/people/handball_player_2.png) no-repeat;
    background-image: none, url(../img/icons/products/people/handball_player_2.svg);
    width: 25px;
    height: 34px
}

.pic.handshake, .pic.job-seekers {
    background: url(../img/icons/products/people/handshake.png) no-repeat;
    background-image: none, url(../img/icons/products/people/handshake.svg);
    width: 34px;
    height: 34px
}

.pic.high-school {
    background: url(../img/icons/products/people/high-school.png) no-repeat;
    background-image: none, url(../img/icons/products/people/high-school.svg);
    width: 24px;
    height: 34px
}

.pic.hockey-player {
    background: url(../img/icons/products/people/hockey_player.png) no-repeat;
    background-image: none, url(../img/icons/products/people/hockey_player.svg);
    width: 45px;
    height: 34px
}

.pic.infant {
    background: url(../img/icons/products/people/infant.png) no-repeat;
    background-image: none, url(../img/icons/products/people/infant.svg);
    width: 35px;
    height: 34px
}

.pic.man-with-headphones, .pic.university {
    background: url(../img/icons/products/people/man_with_headphones.png) no-repeat;
    background-image: none, url(../img/icons/products/people/man_with_headphones.svg);
    width: 20px;
    height: 34px
}

.pic.man-with-mobile, .pic.new-professionals {
    background: url(../img/icons/products/people/man_with_mobile.png) no-repeat;
    background-image: none, url(../img/icons/products/people/man_with_mobile.svg);
    width: 19px;
    height: 34px
}

.pic.mother {
    background: url(../img/icons/products/people/mother.png) no-repeat;
    background-image: none, url(../img/icons/products/people/mother.svg);
    width: 32px;
    height: 34px
}

.pic.nurse {
    background: url(../img/icons/products/people/nurse.png) no-repeat;
    background-image: none, url(../img/icons/products/people/nurse.svg);
    width: 14px;
    height: 34px
}

.pic.parents {
    background: url(../img/icons/products/people/parents.png) no-repeat;
    background-image: none, url(../img/icons/products/people/parents.svg);
    width: 37px;
    height: 34px
}

.pic.pensioner {
    background: url(../img/icons/products/people/pensioner.png) no-repeat;
    background-image: none, url(../img/icons/products/people/pensioner.svg);
    width: 26px;
    height: 34px
}

.pic.promenader {
    background: url(../img/icons/products/people/promenader.png) no-repeat;
    background-image: none, url(../img/icons/products/people/promenader.svg);
    width: 27px;
    height: 34px
}

.pic.reception {
    background: url(../img/icons/products/people/reception.png) no-repeat;
    background-image: none, url(../img/icons/products/people/reception.svg);
    width: 29px;
    height: 34px
}

.pic.rider {
    background: url(../img/icons/products/people/rider.png) no-repeat;
    background-image: none, url(../img/icons/products/people/rider.svg);
    width: 35px;
    height: 34px
}

.pic.rider2 {
    background: url(../img/icons/products/people/rider_2.png) no-repeat;
    background-image: none, url(../img/icons/products/people/rider_2.svg);
    width: 35px;
    height: 34px
}

.pic.runner {
    background: url(../img/icons/products/people/runner.png) no-repeat;
    background-image: none, url(../img/icons/products/people/runner.svg);
    width: 21px;
    height: 34px
}

.pic.shopper {
    background: url(../img/icons/products/people/shopper.png) no-repeat;
    background-image: none, url(../img/icons/products/people/shopper.svg);
    width: 30px;
    height: 34px
}

.pic.skier {
    background: url(../img/icons/products/people/skier.png) no-repeat;
    background-image: none, url(../img/icons/products/people/skier.svg);
    width: 40px;
    height: 34px
}

.pic.teacher {
    background: url(../img/icons/products/people/teacher.png) no-repeat;
    background-image: none, url(../img/icons/products/people/teacher.svg);
    width: 26px;
    height: 34px
}

.pic.teacher2 {
    background: url(../img/icons/products/people/teacher_2.png) no-repeat;
    background-image: none, url(../img/icons/products/people/teacher_2.svg);
    width: 25px;
    height: 34px
}

.pic.woman {
    background: url(../img/icons/products/people/woman.png) no-repeat;
    background-image: none, url(../img/icons/products/people/woman.svg);
    width: 18px;
    height: 34px
}

.pic.woman-happy {
    background: url(../img/icons/products/people/woman_happy.png) no-repeat;
    background-image: none, url(../img/icons/products/people/woman_happy.svg);
    width: 33px;
    height: 34px
}

.pic.woman-pregnant {
    background: url(../img/icons/products/people/woman_pregnant.png) no-repeat;
    background-image: none, url(../img/icons/products/people/woman_pregnant.svg);
    width: 17px;
    height: 34px
}

.pic.simple {
    background: url(../img/icons/products/people/simple.png) no-repeat;
    background-image: none, url(../img/icons/products/people/simple.svg);
    width: 35px;
    height: 34px
}

.pic.open {
    background: url(../img/icons/products/people/open.png) no-repeat;
    background-image: none, url(../img/icons/products/people/open.svg);
    width: 35px;
    height: 34px
}

.pic.caring {
    background: url(../img/icons/products/people/caring.png) no-repeat;
    background-image: none, url(../img/icons/products/people/caring.svg);
    width: 35px;
    height: 34px
}

.pic.cake {
    background: url(../img/icons/products/seasons/cake.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/cake.svg);
    width: 32px;
    height: 34px
}

.pic.easter-egg {
    background: url(../img/icons/products/seasons/easter_egg.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/easter_egg.svg);
    width: 23px;
    height: 34px
}

.pic.midsummer-fire {
    background: url(../img/icons/products/seasons/midsummer_fire.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/midsummer_fire.svg);
    width: 16px;
    height: 34px
}

.pic.midsummer-pole {
    background: url(../img/icons/products/seasons/midsummer_pole.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/midsummer_pole.svg);
    width: 21px;
    height: 34px
}

.pic.snowflake {
    background: url(../img/icons/products/seasons/snowflake.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/snowflake.svg);
    width: 27px;
    height: 34px
}

.pic.snowman {
    background: url(../img/icons/products/seasons/snowman.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/snowman.svg);
    width: 32px;
    height: 34px
}

.pic.sun {
    background: url(../img/icons/products/seasons/sun.png) no-repeat;
    background-image: none, url(../img/icons/products/seasons/sun.svg);
    width: 34px;
    height: 34px
}

.pic.clef {
    background: url(../img/icons/products/sponsorship/clef.png) no-repeat;
    background-image: none, url(../img/icons/products/sponsorship/clef.svg);
    width: 18px;
    height: 34px
}

.pic.masks {
    background: url(../img/icons/products/sponsorship/masks.png) no-repeat;
    background-image: none, url(../img/icons/products/sponsorship/masks.svg);
    width: 62px;
    height: 34px
}

.pic.trophy {
    background: url(../img/icons/products/sponsorship/trophy.png) no-repeat;
    background-image: none, url(../img/icons/products/sponsorship/trophy.svg);
    width: 32px;
    height: 34px
}

.pic.antenna {
    background: url(../img/icons/products/technology/antenna.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/antenna.svg);
    width: 24px;
    height: 34px
}

.pic.cell-phone {
    background: url(../img/icons/products/technology/cell-phone.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/cell-phone.svg);
    width: 22px;
    height: 34px
}

.pic.cell-with-id-text {
    background: url(../img/icons/products/technology/cell-with-id-text.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/cell-with-id-text.svg);
    width: 22px;
    height: 34px
}

.pic.computer {
    background: url(../img/icons/products/technology/computer.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/computer.svg);
    width: 41px;
    height: 34px
}

.pic.laptop, .pic.notebook {
    background: url(../img/icons/products/technology/laptop.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/laptop.svg);
    width: 44px;
    height: 34px
}

.pic.laptop-multimedia {
    background: url(../img/icons/products/technology/laptop_multimedia.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/laptop_multimedia.svg);
    width: 44px;
    height: 34px
}

.pic.laptop-with-e {
    background: url(../img/icons/products/technology/laptop-with-e.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/laptop-with-e.svg);
    width: 46px;
    height: 34px
}

.pic.light-bulb {
    background: url(../img/icons/products/technology/light_bulb.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/light_bulb.svg);
    width: 33px;
    height: 34px
}

.pic.light-bulb-2 {
    background: url(../img/icons/products/technology/light_bulb_2.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/light_bulb_2.svg);
    width: 12px;
    height: 34px
}

.pic.monitor-with-grouped-lines {
    background: url(../img/icons/products/technology/monitor-with-grouped-lines.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/monitor-with-grouped-lines.svg);
    width: 41px;
    height: 34px
}

.pic.monitor-with-lines {
    background: url(../img/icons/products/technology/monitor-with-lines.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/monitor-with-lines.svg);
    width: 41px;
    height: 34px
}

.pic.phone {
    background: url(../img/icons/products/technology/phone.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/phone.svg);
    width: 18px;
    height: 34px
}

.pic.phone-smart-multimedia {
    background: url(../img/icons/products/technology/phone_smart_multimedia.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/phone_smart_multimedia.svg);
    width: 34px;
    height: 22px
}

.pic.sb-navigation {
    background: url(../img/icons/products/technology/sb_navigation.png) no-repeat;
    background-image: none, url(../img/icons/products/technology/sb_navigation.svg);
    width: 34px;
    height: 34px
}

.pic.anchor {
    background: url(../img/icons/products/traffic/anchor.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/anchor.svg);
    width: 29px;
    height: 34px
}

.pic.auto, .pic.car-suv {
    background: url(../img/icons/products/traffic/auto.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/auto.svg);
    width: 50px;
    height: 23px
}

.pic.bicyclist {
    background: url(../img/icons/products/traffic/bicyclist.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/bicyclist.svg);
    width: 37px;
    height: 34px
}

.pic.bus {
    background: url(../img/icons/products/traffic/bus.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/bus.svg);
    width: 50px;
    height: 26px
}

.pic.caravan {
    background: url(../img/icons/products/traffic/caravan.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/caravan.svg);
    width: 45px;
    height: 28px
}

.pic.casco {
    background: url(../img/icons/products/traffic/casco.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/casco.svg);
    width: 58px;
    height: 22px
}

.pic.casco {
    background: url(../img/icons/products/traffic/casco.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/casco.svg);
    width: 58px;
    height: 22px
}

.pic.crane {
    background: url(../img/icons/products/traffic/crane.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/crane.svg);
    width: 28px;
    height: 32px
}

.pic.forklift {
    background: url(../img/icons/products/traffic/forklift.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/forklift.svg);
    width: 37px;
    height: 34px
}

.pic.forwarder {
    background: url(../img/icons/products/traffic/forwarder.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/forwarder.svg);
    width: 59px;
    height: 34px
}

.pic.freighter {
    background: url(../img/icons/products/traffic/freighter.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/freighter.svg);
    width: 50px;
    height: 24px
}

.pic.guidepost {
    background: url(../img/icons/products/traffic/guidepost.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/guidepost.svg);
    width: 39px;
    height: 34px
}

.pic.harvester {
    background: url(../img/icons/products/traffic/harvester.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/harvester.svg);
    width: 44px;
    height: 34px
}

.pic.motorcycle {
    background: url(../img/icons/products/traffic/motorcycle.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/motorcycle.svg);
    width: 39px;
    height: 34px
}

.pic.plane {
    background: url(../img/icons/products/traffic/plane.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/plane.svg);
    width: 50px;
    height: 20px
}

.pic.road-sign-fork {
    background: url(../img/icons/products/traffic/road_sign_fork.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/road_sign_fork.svg);
    width: 22px;
    height: 34px
}

.pic.rocket {
    background: url(../img/icons/products/traffic/rocket.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/rocket.svg);
    width: 18px;
    height: 34px
}

.pic.sailboat {
    background: url(../img/icons/products/traffic/sailboat.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/sailboat.svg);
    width: 36px;
    height: 34px
}

.pic.tractor {
    background: url(../img/icons/products/traffic/tractor.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/tractor.svg);
    width: 43px;
    height: 34px
}

.pic.traffic-orange {
    background: url(../img/icons/products/traffic/traffic-orange.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/traffic-orange.svg);
    width: 17px;
    height: 34px
}

.pic.truck {
    background: url(../img/icons/products/traffic/truck.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/truck.svg);
    width: 45px;
    height: 32px
}

.pic.wheel-loader {
    background: url(../img/icons/products/traffic/wheel_loader.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/wheel_loader.svg);
    width: 56px;
    height: 34px
}

.pic.car {
    background: url(../img/icons/products/traffic/car.png) no-repeat;
    background-image: none, url(../img/icons/products/traffic/car.svg);
    width: 57px;
    height: 23px
}

.pic.question {
    background: url(../img/icons/products/typography/question.png) no-repeat;
    background-image: none, url(../img/icons/products/typography/question.svg);
    width: 18px;
    height: 34px
}

.pic.quote {
    background: url(../img/icons/products/typography/quote.png) no-repeat;
    background-image: none, url(../img/icons/products/typography/quote.svg);
    width: 25px;
    height: 16px
}

.pic.asian-house {
    background: url(../img/icons/products/world/asian_house.png) no-repeat;
    background-image: none, url(../img/icons/products/world/asian_house.svg);
    width: 36px;
    height: 34px
}

.pic.london {
    background: url(../img/icons/products/world/london.png) no-repeat;
    background-image: none, url(../img/icons/products/world/london.svg);
    width: 50px;
    height: 34px
}

.pic.new-york {
    background: url(../img/icons/products/world/new_york.png) no-repeat;
    background-image: none, url(../img/icons/products/world/new_york.svg);
    width: 14px;
    height: 34px
}

.pic.paris {
    background: url(../img/icons/products/world/paris.png) no-repeat;
    background-image: none, url(../img/icons/products/world/paris.svg);
    width: 17px;
    height: 34px
}

.pic.rio-de-janeiro {
    background: url(../img/icons/products/world/rio_de_janeiro.png) no-repeat;
    background-image: none, url(../img/icons/products/world/rio_de_janeiro.svg);
    width: 23px;
    height: 34px
}

.pic.sydney {
    background: url(../img/icons/products/world/sydney.png) no-repeat;
    background-image: none, url(../img/icons/products/world/sydney.svg);
    width: 53px;
    height: 34px
}

.legacy .slides-container {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px
}

.renaissance .slides-container {
    margin: 10px 0 0;
    overflow: hidden;
    position: relative;
    border-radius: 3px 3px 0 0
}

.renaissance .slides-container:first-child {
    margin-top: 0
}

.legacy .slides-container.slides-has-thumbnails {
    background: #efefef
}

.slides-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.renaissance .slides-list {
    background: #fff;
    border-radius: 3px 3px 0 0;
    overflow: hidden
}

.slides-list > li {
    float: left;
    position: relative;
    overflow: hidden
}

.slides-list .new-tag {
    background: url('/img/private/d2d/mobile/quickbalance/new_eng.png');
    position: absolute;
    height: 135px;
    width: 135px;
    right: 0;
    top: 0;
    z-index: 3
}

.est .slides-list .new-tag {
    background-image: url('/img/private/d2d/mobile/quickbalance/new_est.png')
}

.rus .slides-list .new-tag {
    background-image: url('/img/private/d2d/mobile/quickbalance/new_rus.png')
}

.lit .slides-list .new-tag {
    background-image: url('/img/private/d2d/mobile/quickbalance/lt/new_lit.png')
}

.legacy .slides-list h2 {
    font: 24px/30px SwedbankMedium, Arial, sans-serif !important;
    color: #F60 !important;
    border: 0 !important
}

.slides-list p {
    line-height: 18px
}

.campaign-visual .contents {
    width: 360px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 2
}

.legacy .slides-container .navigation {
    padding: 8px 8px 0;
    text-align: center
}

.legacy .slides-container.slides-has-thumbnails .navigation {
    overflow: auto
}

.renaissance .slides-container.slides-has-thumbnails .navigation {
    overflow: hidden;
    padding: 20px 40px 10px
}

.slides-container.slides-has-thumbnails .slides-pagination {
    white-space: nowrap
}

.renaissance .slides-container .navigation {
    padding: 8px 0 2px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAHklEQVQ4T2P8////TAYKAOOoAQyjYcAwGgYMwyIMAHudOXEnfUyWAAAAAElFTkSuQmCC);
    background: rgba(255, 255, 255, 0.6);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: center
}

.legacy .slides-has-thumbnails .navigation {
    background: url('/img/private/d2d/mobile/quickbalance/shadow.png') no-repeat top center
}

.slides-container a[href="#prev-slide"], .slides-container a[href="#next-slide"], .slides-container [data-navigation-arrows="false"] a[href="#prev-slide"], .slides-container [data-navigation-arrows="false"] a[href="#next-slide"] {
    display: none
}

.slides-container.slider-images.slides-has-thumbnails a[href="#prev-slide"], .slides-container.slider-images.slides-has-thumbnails a[href="#next-slide"] {
    display: block
}

.slides-container a[href="#prev-slide"], .slides-container a[href="#next-slide"] {
    opacity: 0;
    transition: opacity 500ms ease-in-out
}

.slides-container:hover a[href="#prev-slide"], .slides-container:hover a[href="#next-slide"] {
    opacity: 1
}

.ie8 .slides-container:hover a[href="#prev-slide"], .ie8 .slides-container:hover a[href="#next-slide"] {
    visibility: visible
}

.legacy .slides-container.slider-images.slides-has-thumbnails a[href="#prev-slide"], .legacy .slides-container.slider-images.slides-has-thumbnails a[href="#next-slide"] {
    position: absolute;
    top: 35%;
    width: 25px;
    height: 45px;
    background-image: url(../img/icons.png);
    background-image: none, url(../img/icons.svg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    outline: 0;
    z-index: 2
}

.renaissance .slides-container a[href="#prev-slide"], .renaissance .slides-container a[href="#next-slide"] {
    position: absolute;
    top: 460px;
    width: 20px;
    height: 20px;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    text-indent: -9999px;
    outline: 0
}

.legacy .slides-container a[href="#prev-slide"] {
    left: 10px;
    background-position: -160px -80px
}

.legacy .slides-container a[href="#prev-slide"]:hover {
    background-position: -205px -80px
}

.legacy .slides-container a[href="#prev-slide"]:active {
    background-position: -250px -80px
}

.legacy .slides-container a[href="#next-slide"] {
    background-position: -385px -80px;
    right: 10px
}

.legacy .slides-container a[href="#next-slide"]:hover {
    background-position: -340px -80px
}

.legacy .slides-container a[href="#next-slide"]:active {
    background-position: -295px -80px
}

.renaissance .slides-container a[href="#prev-slide"] {
    left: 10px;
    background-position: -1750px -10px
}

.renaissance .slides-container a[href="#prev-slide"]:hover {
    background-position: -1750px -40px
}

.renaissance .slides-container a[href="#next-slide"] {
    background-position: -1780px -10px;
    right: 10px
}

.renaissance .slides-container a[href="#next-slide"]:hover {
    background-position: -1780px -40px
}

.slides-pagination {
    list-style: none;
    margin: auto;
    padding: 1px;
    display: inline-block
}

.renaissance .slides-pagination {
    margin: 0;
    padding: 0
}

.slides-pagination > li {
    float: left
}

.slides-has-thumbnails .slides-pagination > li {
    position: relative;
    width: 78px;
    min-height: 52px;
    white-space: normal
}

.slides-has-thumbnails .slides-pagination > li > a {
    display: block;
    width: 78px;
    text-decoration: none
}

.slides-has-thumbnails .slides-pagination > li > a:before, .slides-has-thumbnails .slides-pagination > li > a:after {
    content: '';
    display: block;
    width: 78px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.slides-has-thumbnails .slides-pagination > li > a:before {
    background: #fff;
    z-index: 1
}

.slides-has-thumbnails .slides-pagination > li > a:after {
    border: 1px solid transparent;
    z-index: 3
}

.slides-has-thumbnails .slides-pagination img {
    max-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 1px;
    margin: 0 auto;
    display: block;
    z-index: 2
}

.slides-has-thumbnails .slides-pagination li:hover a:after {
    border-color: #fecf15
}

.slides-has-thumbnails .slides-pagination li.active a:after {
    border-color: #fea115
}

.slides-pagination > li + li {
    margin-left: 4px
}

.slides-has-thumbnails .slides-pagination > li + li {
    margin-left: 15px
}

.slides-has-thumbnails .slides-pagination > li + li {
    margin-left: 20px
}

.slides-pagination h3 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    color: #262626;
    margin-top: 60px
}

.renaissance .slides-pagination h3:first-child {
    margin-top: 80px
}

.slides-pagination a {
    display: block;
    height: 100%;
    color: #222
}

.slides-pagination a:hover {
    text-decoration: none
}

.legacy .slides-pagination a.slides-dot {
    width: 12px;
    height: 12px;
    background: url('/img/slide-dots.png') -15px -1px;
    margin: 1px
}

.legacy .slides-pagination .active .slides-dot {
    width: 14px;
    height: 14px;
    margin: 0;
    background-position: 0 0
}

.renaissance .slides-pagination a.slides-dot {
    width: 13px;
    height: 13px;
    background: #fff;
    border: 1px solid #fa3;
    background-position: -485px 0;
    border-radius: 50%
}

.renaissance .slides-pagination .active .slides-dot {
    background: #fa3
}

.renaissance .slides-list .ad-offer h2 {
    color: #f60;
    font: 24px/26px SwedbankRegular, Arial, sans-serif !important;
    margin-top: 0
}

.slides-list .ad-offer, .slides-list .ad-offer .campaign-visual {
    max-height: 300px
}

.slides-has-thumbnails .slides-list .ad-offer, .slides-has-thumbnails .slides-list .ad-offer .campaign-visual {
    max-height: 410px
}

.slides-has-thumbnails .campaign-visual h2, .slides-has-thumbnails .campaign-visual h3, .slides-has-thumbnails .campaign-visual p, .slides-has-thumbnails .campaign-visual ul, .slides-has-thumbnails .campaign-visual ol {
    max-width: 350px
}

.slides-has-thumbnails .text-position-right .campaign-visual {
    padding-left: 400px
}

.legacy .slides-has-thumbnails .slides-list .ad-offer {
    background: #fff
}

.renaissance .slides-list .ad-offer {
    border-radius: 3px 3px 0 0
}

.renaissance .marketing .ad-offer {
    height: auto
}

.slides-container .campaign-visual, .legacy .slides-container #intro-section {
    height: 300px
}

.slides-has-thumbnails .campaign-visual, .legacy .slides-has-thumbnails #intro-section {
    height: 410px
}

.slider-container .ui-slider .ui-slider-handle {
    border: 0;
    outline: 0
}

.slider-container {
    margin-top: 43px
}

.slider-container {
    max-width: 735px
}

.renaissance .slider-container:before {
    content: "";
    display: block;
    z-index: 5;
    width: 100%;
    height: 8px;
    border-radius: 5px !important;
    border: 1px solid #d8d8d8;
    margin-bottom: -9px
}

.legacy .slider-container:before {
    content: "";
    margin-bottom: -7px;
    display: block;
    background: #f5f5f5;
    border: 1px solid #f1f1f1;
    border-top-color: #bdbdbd;
    border-left-color: #bdbdbd;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1);
    height: 6px;
    border-radius: 5px !important;
    width: 100%
}

.renaissance .slider-component {
    margin-left: 16px;
    margin-right: 10px
}

.legacy .slider-component {
    margin-left: 10px;
    margin-right: 8px
}

.slider-range-point {
    float: left;
    margin: 5px 0
}

.slider-range-point + .slider-range-point {
    float: right
}

.renaissance .slider-range-point {
    margin: 10px 0;
    color: #898989
}

.legacy .slider-container .ui-slider-horizontal {
    height: 6px
}

.renaissance .slider-container .ui-slider-horizontal {
    height: 8px
}

.slider-container .ui-widget-content, .slider-container .ui-widget-header {
    border-radius: 5px !important
}

.legacy .slider-container .ui-widget-header {
    background: orange;
    background-image: linear-gradient(90deg, #ff570d, #fab020) !important;
    background-image: -moz-linear-gradient(0, #ff570d, #fab020) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff570d', endColorstr='#fab020', GradientType=1);
    height: 100%;
    border: 1px solid #F90;
    border-top-color: #d27729;
    top: -1px;
    left: -1px;
    margin-left: -9px;
    min-width: 15px
}

.renaissance .slider-container .ui-widget-header {
    background: #fa3;
    border: 1px solid #fa3;
    margin: -1px;
    margin-left: -16px;
    min-width: 15px
}

.slider-container .ui-slider-handle {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -400px -40px;
    top: -9px;
    width: 28px;
    height: 28px;
    margin-left: -14px;
    cursor: pointer
}

.renaissance .slider-container .ui-slider-handle {
    background: #fff;
    width: 26px;
    height: 26px;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 50%;
    margin-left: -16px;
    top: -11px
}

.slider-container .current-value-container {
    position: absolute;
    bottom: 35px;
    white-space: nowrap;
    transform: translateX(-50%);
    transition: left .33s;
    left: 50%
}

.renaissance .slider-container .current-value-container {
    bottom: 30px
}

.legacy .slider-container .current-value-container:after {
    content: "▼";
    transform: scaleX(1.5);
    font-size: 10px;
    display: block;
    position: absolute;
    bottom: -1.2em;
    left: 50%;
    margin-left: -0.5em;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
    color: #dfdfdf;
    z-index: 1;
    transition: margin .33s
}

.slider-container .align-left .current-value-container {
    left: 0
}

.legacy .slider-container .align-left .current-value-container:after {
    margin-left: .8em
}

.slider-container .align-right .current-value-container {
    left: 100%
}

.legacy .slider-container .align-right .current-value-container:after {
    margin-left: -2.0
}

.legacy .ie8 .slider-container .current-value-container:after {
    content: ""
}

.legacy .slider-container .current-value-container > img {
    display: none;
    *display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    margin-left: -3px
}

.renaissance .slider-container .current-value-container > img {
    display: none
}

.legacy .slider-container .current-value {
    text-align: center;
    background: #dfdfdf;
    padding: 1px 6px;
    font-weight: bold;
    // color: #222;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    white-space: nowrap
}

.renaissance .slider-container .current-value {
    font: 16px/20px SwedbankMedium, sans-serif;
    color: #f60;
    text-align: center
}

.legacy .query-params-list dt.slider-row {
    margin-top: 40px
}

.renaissance .query-params-list dt.slider-row {
    margin-top: 40px
}

img[data-src] {
    background-color: #CCC
}

img[align="middle"] {
    display: block;
    margin: 20px auto
}

.daypicker-container {
    height: 34px;
    padding: 8px 0;
    margin: -8px 0
}

.daypicker-container.added .ico.add, .daypicker-container .ico.erase {
    display: none
}

.daypicker-container.added .ico.erase {
    display: inline
}

.query-params-list .daypicker-container select {
    width: 60px
}

#shareThis {
    background: url(../img/newlayout/sprite_new.gif) no-repeat -240px -631px;
    float: none;
    outline: 0
}

#shareWrap {
    height: 18px;
    padding: 15px 0 0;
    clear: both;
    width: 232px
}

#share {
    margin: -112px 0 0;
    display: none;
    width: 232px;
    position: relative;
    z-index: 2
}

#share .sub-header {
    margin: 0
}

#shareClose {
    float: right;
    margin: 3px 3px 0 0;
    display: block;
    text-indent: -9999em;
    font: normal 1px/1px arial;
    height: 18px;
    width: 18px;
    background: url(../img/icons/smallbtn-gray-close.gif);
    outline: 0
}

#shareContent {
    margin-top: -2px;
    padding: 12px 10px 10px 0;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff
}

#shareContent ul {
    float: left;
    width: 100px;
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none
}

#shareContent li {
    position: relative;
    padding: 3px 0
}

#shareContent a {
    display: block;
    padding: 0 0 0 22px;
    color: #f60;
    text-decoration: none;
    background: url(../img/newlayout/share.gif) no-repeat 0 0
}

#shareContent a:hover {
    text-decoration: underline
}

a#shareFacebook {
    background-position: 0 -36px
}

a#shareTwitter {
    background-position: 0 -72px
}

a#shareDigg {
    background-position: 0 -108px
}

a#shareMyspace {
    background-position: 0 -144px
}

a#shareBlogger {
    background-position: 0 -180px
}

.rssLink, #shareThis {
    float: left;
    display: block;
    padding: 0 0 0 25px;
    margin-right: 15px;
    background: url(../img/newlayout/rss.gif) no-repeat 0 50%;
    font-weight: bold;
    line-height: 18px;
    color: #f60;
    outline: 0
}

.table-column-filter-container {
    float: right;
    margin-left: 10px;
    position: relative
}

.table-column-filter-container + table {
    clear: right
}

.table-column-filter .panel-tip {
    background: url('/img/chat-panel-tip.png');
    width: 19px;
    height: 11px;
    top: -11px;
    right: 10px;
    position: absolute
}

.table-column-filter {
    background: white;
    padding: 20px;
    display: none;
    border: 1px solid #CCC;
    width: 200px;
    position: absolute;
    right: -12px;
    margin-top: 12px
}

.table-column-filter ul {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}

table {
    border-spacing: 0;
    width: 100%;
    margin-bottom: 15px;
    position: relative
}

.renaissance .dataTable, .renaissance .default-table {
    font-size: 12px;
    position: relative;
    margin: 10px -10px 0;
    width: 755px;
    z-index: 1;
    border-collapse: collapse
}

.scrollable-table {
    width: auto;
    overflow: auto;
    margin: 10px -10px 0;
    width: 755px
}

.legacy .scrollable-table {
    width: 735px;
    margin: 10px 0 0
}

.scrollable-table:first-child, .dataTable:first-child, .default-table:first-child {
    margin-top: 0
}

.scrollable-table .dataTable, .scrollable-table .default-table {
    width: 100%;
    margin: 0;
    table-layout: fixed
}

.renaissance table.form-table {
    font-size: 13px
}

.renaissance .form-table td:first-child, .renaissance .form-table td:first-child strong, .renaissance .form-table td:first-child b {
    color: #666;
    font-weight: normal !important
}

.renaissance table table {
    margin-left: 0;
    width: 100%
}

table caption > h2 {
    float: left
}

table caption > h2 + a, table caption > h2 + span, table caption > h2 + div {
    float: right
}

.renaissance table caption > h2 + a, .renaissance table caption > h2 + span, .renaissance table caption > h2 + div {
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    line-height: 37px
}

.renaissance .sub-header-row th, .renaissance .dataTable caption, .renaissance .default-table caption, .renaissance .comparison-table caption {
    font: 14px/18px Helvetica, Arial, sans-serif;
    color: #262626;
    font-weight: bold;
    text-align: left;
    padding: 10px 10px
}

.legacy .sub-header-row th, .legacy .dataTable caption, .legacy .default-table caption, .legacy .comparison-table caption {
    font: 12px/16px Helvetica, Arial, sans-serif;
    color: #262626;
    font-weight: bold;
    text-align: left;
    padding: 10px 0
}

.renaissance .frame > .dataTable:first-child caption, .renaissance .frame > .default-table:first-child caption, .renaissance .frame > .comparison-table:first-child caption {
    padding-top: 0
}

.renaissance .dataTable th, .renaissance .default-table th {
    padding: 8px 10px 8px 0
}

.renaissance .dataTable th:first-child, .renaissance .default-table th:first-child {
    padding-left: 10px
}

.renaissance .dataTable td, .renaissance .default-table td {
    padding: 5px 10px 5px 0;
    height: 30px;
    border-top: 1px solid #f4f4f4
}

.renaissance .dataTable td:first-child, .renaissance .default-table td:first-child {
    padding-left: 10px
}

.legacy .dataTable td {
    border-top: 1px solid #ccc
}

.legacy .dataTable tbody tr:first-child td, .legacy .dataTable thead + tr td, .legacy .dataTable > tr:first-child + tr td, .legacy .default-table tbody tr:first-child td, .legacy .default-table thead + tr td, .legacy .default-table > tr:first-child + tr td, .renaissance .dataTable tbody tr:first-child td, .renaissance .dataTable thead + tr td, .renaissance .dataTable > tr:first-child + tr td, .renaissance .default-table tbody tr:first-child td, .renaissance .default-table thead + tr td, .renaissance .default-table > tr:first-child + tr td {
    border-top: 0
}

table td {
    padding: 2px 6px
}

.default-table th {
    text-align: left;
    padding: 4px
}

.default-table th a {
    color: inherit;
    text-decoration: underline
}

.renaissance .default-table th a {
    text-decoration: none
}

.legacy .default-table tr.sub-header-row th, .legacy .sub-header-row th, .legacy .dataTable thead + tbody tr th, .legacy .default-table thead + tbody tr th, .legacy .comparison-table tbody th[colspan], .legacy .ie8 .comparison-table tbody th[colspan*="0"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="2"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="3"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="4"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="5"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="6"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="7"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="8"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="9"]:first-child, .legacy .ie8 .comparison-table tbody th[colspan*="11"]:first-child {
    background: #f4f4f4;
    color: #262626;
    font-weight: normal
}

.renaissance .sub-header-row th, .renaissance .dataTable thead + tbody tr th, .renaissance .default-table thead + tbody tr th, .renaissance .comparison-table tbody th[colspan], .renaissance .ie8 .comparison-table tbody th[colspan*="0"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="2"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="3"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="4"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="5"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="6"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="7"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="8"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="9"]:first-child, .renaissance .ie8 .comparison-table tbody th[colspan*="11"]:first-child {
    background: #f5f9fa;
    border-bottom: 1px solid #bed9df;
    border-top: 1px solid #bed9df;
    font: normal 13px/16px Helvetica, sans-serif;
    color: #262626
}

.renaissance .comparison-table tbody th, .renaissance .comparison-table tbody td {
    position: relative
}

.renaissance .ie8 .comparison-table tbody th[colspan], .renaissance .ie8 .comparison-table tbody td[colspan] {
    position: static
}

.renaissance .comparison-table thead th:before, .renaissance .comparison-table tbody th:before, .renaissance .comparison-table tbody th:after, .renaissance .comparison-table tbody td:before, .renaissance .comparison-table tfoot td:before {
    content: "";
    height: 1px;
    position: absolute;
    display: block;
    left: 0;
    right: 0
}

.renaissance .comparison-table thead th:before, .renaissance .comparison-table tbody td:before, .renaissance .comparison-table tfoot td:before {
    height: auto;
    z-index: -1;
    top: 0;
    left: -5px;
    right: 0;
    bottom: 0;
    background: #f5f9fa;
    border-left: 5px solid #fff
}

.renaissance .comparison-table thead th:before {
    background: #ebf4f6
}

.renaissance .ie8 .comparison-table tbody td, .renaissance .ie8 .comparison-table tfoot td {
    background: #f5f9fa
}

.renaissance .comparison-table tbody th[colspan]:before, .renaissance .comparison-table tbody th[colspan]:after {
    background: #bed9df;
    z-index: 2
}

.renaissance .ie8 .comparison-table tbody th[colspan]:before, .renaissance .ie8 .comparison-table tbody th[colspan]:after, .renaissance .ie8 .comparison-table thead th:before, .renaissance .ie8 .comparison-table tbody td:before, .renaissance .ie8 .comparison-table tfoot td:before {
    display: none
}

.renaissance .comparison-table tbody th:before, .renaissance .comparison-table tbody td:before {
    top: -1px
}

.renaissance .comparison-table tbody th:after, .renaissance .comparison-table tbody td:after {
    bottom: -1px
}

.renaissance .sub-header-row th h3 {
    color: #545454;
    margin: 0
}

.dataTable th .sort, .dataTable th .sort-table, .default-table th .sort, .default-table th .sort-table {
    text-decoration: none
}

.dataTable th .sort:after, .dataTable th .sort-table:after, .default-table th .sort:after, .default-table th .sort-table:after {
    margin-left: 5px;
    color: #4993a0
}

.legacy .dataTable th .sort:after, .legacy .dataTable th .sort-table:after, .legacy .default-table th .sort:after, .legacy .default-table th .sort-table:after {
    margin-left: 5px;
    color: #212121
}

.dataTable th .sort.sorted:after, .dataTable th .sort-table.sorted:after, .default-table th .sort.sorted:after, .default-table th .sort-table.sorted:after, .legacy .dataTable th .sort.sorted:after, .legacy .dataTable th .sort-table.sorted:after, .legacy .default-table th .sort.sorted:after, .legacy .default-table th .sort-table.sorted:after {
    color: #fa3
}

.dataTable th .sort.asc:after, .dataTable th .sort-table.asc:after, .default-table th .sort.asc:after, .default-table th .sort-table.asc:after {
    content: '\25B2'
}

.dataTable th .sort.desc:after, .dataTable th .sort-table.desc:after, .default-table th .sort.desc:after, .default-table th .sort-table.desc:after {
    content: '\25BC'
}

.sub-header-row .currency, .dataTable thead + tbody tr:first-child th .currency, .default-table thead + tbody tr:first-child th .currency {
    display: inline;
    padding-left: 10px
}

.renaissance .sub-header-row .currency, .renaissance .dataTable thead + tbody tr:first-child th .currency, .renaissance .default-table thead + tbody tr:first-child th .currency {
    margin-left: 0
}

.renaissance .sub-header-row .number, .renaissance .sub-header-row .currency, .renaissance .dataTable thead + tbody tr:first-child th .number, .renaissance .default-table thead + tbody tr:first-child th .number, .renaissance .dataTable thead + tbody tr:first-child th .currency, .renaissance .default-table thead + tbody tr:first-child th .currency {
    line-height: 23px;
    vertical-align: middle;
    font-weight: normal;
    color: #545454
}

.renaissance .sub-header-row .number, .renaissance .dataTable thead + tbody tr:first-child th .number, .renaissance .default-table thead + tbody tr:first-child th .number, .renaissance .dataTable tfoot .number, .renaissance .default-table tfoot .number {
    font-size: 24px;
    font-family: SwedbankRegular, Helvetica, Arial, sans-serif;
    color: #262626;
    vertical-align: baseline
}

.renaissance .dataTable tfoot label, .renaissance .default-table tfoot label {
    line-height: 24px;
    vertical-align: baseline;
    margin-right: 5px
}

.legacy .sub-header-row .currency {
    padding-left: 5px
}

.legacy .default-table td {
    border-top: 1px solid #c7c7c7;
    color: #444;
    vertical-align: top
}

.renaissance .default-table td {
    color: #262626;
    vertical-align: middle
}

.renaissance .default-table tr td {
    border-top: 1px solid #f4f4f4
}

.renaissance .default-table tbody tr:first-child td {
    border-top: 0
}

.legacy .default-table tr + tr th {
    border-top: 1px solid #c7c7c7
}

table th.numeric-cell, table td.numeric-cell {
    text-align: right !important
}

.renaissance .sub-header-row .numeric-cell:last-child {
    padding-right: 10px
}

.renaissance .sub-header-row th.numeric-cell, .renaissance .dataTable thead + tbody tr:first-child th.numeric-cell, .renaissance .default-table thead + tbody tr:first-child th.numeric-cell {
    color: #545454;
    font-weight: normal;
    font-size: 12px
}

.renaissance .sub-header-row th.numeric-cell label {
    margin-left: -100%;
    position: absolute
}

.renaissance table th.numeric-cell-with-currency, .renaissance table td.numeric-cell-with-currency {
    text-align: right
}

.renaissance table th.numeric-cell-with-currency {
    padding-right: 32px
}

.legacy .default-table tr.total-row {
    font-weight: bold
}

.renaissance .default-table span.index {
    color: #b5b5b5
}

.renaissance .default-table span.index.small {
    font-size: 9px
}

.number-xl {
    font: 24px/18px SwedbankRegular, Arial, sans-serif
}

.units, .units-inline {
    display: inline-block;
    color: #767676;
    font-weight: normal;
    font-size: 11px;
    line-height: 11px;
    vertical-align: baseline
}

td .units, th .units, * + .units, * + .units-inline {
    padding-left: 5px
}

.renaissance th .units, .renaissance td .units, .renaissance th .units-inline, .renaissance td .units-inline, .legacy .comparison-table td .units {
    width: 0;
    padding-right: 30px
}

.renaissance .units, .renaissance .units-inline {
    color: #767676
}

.legacy .units, .legacy .units-inline {
    padding-left: 3px
}

.legacy .units {
    display: block
}

.legacy .default-table tfoot td, .legacy .dataTable tfoot td, .legacy .default-table .totals td, .legacy .dataTable.totals td, .legacy .default-table .total-row td, .legacy .dataTable .total-row td {
    text-align: right
}

.renaissance .default-table tfoot td, .renaissance .dataTable tfoot td, .renaissance .default-table .totals td, .renaissance .dataTable.totals td, .renaissance .default-table .total-row td, .renaissance .dataTable .total-row td {
    text-align: right;
    line-height: 24px;
    border-top: 1px solid #e3e3e3;
    color: #545454;
    border-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.renaissance tfoot .units, .renaissance .totals .units {
    display: inline-block;
    width: 0;
    padding-left: 10px;
    padding-right: 30px
}

.renaissance tfoot .number, .renaissance .totals .number {
    font-size: 24px
}

.comparison-table {
    table-layout: fixed;
    margin: 10px 0 0;
    border-collapse: collapse
}

.renaissance .comparison-table {
    margin: 10px -10px 0;
    width: 755px;
    z-index: 1
}

.legacy .comparison-table {
    margin-bottom: 15px
}

.comparison-table:first-child {
    margin-top: 0
}

.comparison-table tr th, .ie8 .comparison-table tbody th[colspan]:first-child, .comparison-table tr td {
    border-top: 1px solid #e3e3e3
}

.ie8 .comparison-table tbody th[colspan]:first-child {
    border-bottom: 0
}

.comparison-table tbody tr:last-child th, .comparison-table tfoot tr:last-child th, .comparison-table tbody tr:last-child td, .comparison-table tfoot tr:last-child td {
    border-bottom: 1px solid #e3e3e3
}

.comparison-table thead th {
    font-weight: normal;
    color: #666;
    vertical-align: top;
    padding: 15px 10px;
    border-top: 1px solid #e3e3e3;
    text-align: center
}

.renaissance .ie8 .comparison-table thead th {
    background: #ebf4f6
}

.comparison-table tbody tr:first-child td, .comparison-table tbody tr:first-child th {
    border-top: 1px solid #e3e3e3
}

.comparison-table thead th, .comparison-table thead th h3 {
    font: bold 14px/18px Helvetica, Arial, sans-serif;
    color: #262626
}

.comparison-table thead th p {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #767676
}

.legacy .comparison-table thead th:first-child, .comparison-table thead th:first-child, .ie8 .comparison-table thead th:first-child, .comparison-table tbody th, .ie8 .comparison-table tbody th[colspan]:first-child, .legacy .comparison-table tbody th, .comparison-table tfoot th {
    background: #fff;
    color: #666;
    font-size: 13px;
    text-align: left;
    font-weight: normal;
    padding: 10px 10px 10px 0;
    vertical-align: middle;
    line-height: 16px
}

.comparison-table caption, .comparison-table thead th:first-child, .comparison-table tbody th:first-child, .comparison-table tfoot th:first-child {
    padding-left: 10px
}

.comparison-table tbody td, .comparison-table tfoot td {
    text-align: center;
    padding: 10px
}

.comparison-table tbody td ul, .comparison-table tbody td ol, .comparison-table tfoot td ul, .comparison-table tfoot td ol {
    text-align: left;
    padding: 10px
}

.comparison-table thead th, .comparison-table tbody td, .comparison-table tbody td, .comparison-table tfoot td, .comparison-table tfoot th {
    position: relative
}

.ie8 .comparison-table thead th, .ie8 .comparison-table tbody td, .ie8 .comparison-table tbody td, .ie8 .comparison-table tfoot td, .ie8 .comparison-table tfoot th {
    position: static
}

.comparison-table .button {
    margin: 0
}

.comparison-table col {
    position: relative;
    z-index: 999
}

.ie8 .comparison-table col {
    border: 5px solid #fff;
    border-right: 0
}

.ie8 .comparison-table col:first-child {
    border-left: 0
}

.comparison-table col.highlight {
    border: 5px solid #bed9df
}

.comparison-table tbody th, .comparison-table tbody td {
    height: 20px
}

.legacy .comparison-table tbody th {
    padding-left: 10px
}

.comparison-table tfoot th, .comparison-table tfoot td {
    padding-top: 15px;
    padding-bottom: 15px
}

.comparison-table tbody th em {
    font-style: normal;
    color: #f60
}

.comparison-table col:first-child {
    background-color: #fff
}

.comparison-table td .units {
    padding-left: 0;
    width: auto;
    padding-right: 0
}

.comparison-table .empty {
    background: #fff
}

.legacy .comparison-table thead th {
    background: #eaeaea;
    text-align: center
}

.legacy .comparison-table thead th:first-child {
    text-align: left
}

.legacy .comparison-table td .units {
    display: inline-block;
    padding-left: 3px
}

.exchange-rates .default-table th:last-child {
    padding-right: 10px
}

.exchange-rates .default-table td:last-child {
    padding-right: 10px
}

.prettycheckbox {
    display: block;
    min-height: 22px;
    min-width: 22px
}

.renaissance table .prettycheckbox a {
    top: 0
}

.renaissance p + table {
    margin-top: 18px
}

.renaissance .default-table .checkbox-column {
    width: 22px
}

.renaissance .checkbox-column input[type="checkbox"] + label {
    margin-right: 0;
    padding-left: 22px
}

.third-column, .half-column {
    float: left
}

.quarter-column {
    width: 25%
}

.third-column {
    width: 33.3%
}

.half-column {
    width: 50%
}

.table-export-panel, .headers-export-panel {
    display: table;
    width: 100%;
    clear: both
}

.renaissance .headers-export-panel {
    margin: 0
}

.renaissance .table-export-panel {
    margin: 10px 0 0
}

.renaissance .table-export-panel:first-child {
    margin: 10px 0 0
}

.legacy .table-export-panel, .legacy .headers-export-panel {
    margin: 10px 0
}

.headers-export-panel > div, .table-export-panel > div {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    padding: 0
}

.renaissance .headers-export-panel > div {
    padding: 7px 0
}

.renaissance .table-export-panel > div {
    padding: 8px 0
}

.headers-export-panel > div:first-child, .table-export-panel > div:first-child {
    text-align: left
}

.headers-export-panel > div:first-child {
    line-height: 16px;
    font-weight: bold;
    padding: 0
}

table .date-column {
    width: 120px
}

.renaissance .expandable-table .open-row td {
    background: #f5f9fa
}

.renaissance .expandable-table .extra-row.open-row td {
    background: transparent
}

.renaissance .expandable-table tr.hover td {
    background: #fff5cc
}

.expandable-table td {
    cursor: pointer
}

.expandable-table .extra-row td, .expandable-table .total-row td, .expandable-table .totals td, .expandable-table tfoot td {
    cursor: default
}

.legacy .expandable-table th.expander {
    width: 23px;
    padding: 0
}

.renaissance .expandable-table th.expander {
    width: 30px;
    padding: 0
}

.renaissance .expandable-table td[rowspan], .renaissance .expandable-table td[rowspan].expander {
    vertical-align: top
}

.renaissance .expandable-table td[rowspan].expander {
    padding-top: 10px
}

.renaissance .expandable-table td.expander a {
    width: 18px;
    height: 18px;
    padding: 1px;
    display: block;
    margin-top: 5px;
    margin-left: -2px
}

.renaissance .expandable-table td[rowspan].expander a {
    margin-top: 0
}

.expandable-table .extra-row {
    display: none
}

.renaissance .expandable-table .contents {
    padding: 10px 10px 0
}

.expandable-table .extra-row .footer {
    margin-top: 10px;
    padding: 17px 10px;
    text-align: right;
    border-top: 1px solid #e3e3e3;
    overflow: hidden
}

.expandable-table .extra-row .footer > * {
    vertical-align: middle;
    display: inline-block
}

.expandable-table .extra-row .footer:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em
}

.legacy .expandable-table .extra-row .footer {
    border-color: #efefef
}

.expandable-table .extra-row .footer > .ico {
    margin: -7px 0
}

.expandable-table .extra-row .account-state {
    float: left;
    text-align: left
}

.expandable-table .extra-row .plain-list {
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.expandable-table .extra-row .links-list {
    padding: 0 10px
}

.legacy .expandable-table .three-columns > li {
    width: 224px
}

.legacy .curContentDefault .expandable-table .three-columns > li {
    width: 203px
}

.legacy .expandable-table td.dtLastRow, .legacy .expandable-table tr.extra-row td.dtCell, .legacy .expandable-table td.dtCell:not(.dtLastRow) {
    padding-bottom: 5px
}

.legacy .expandable-table .extra-row > td, .renaissance .expandable-table .extra-row > td {
    margin: 0;
    padding: 0;
    text-align: left
}

.legacy #mainForm .open-row .expander-button {
    background-position: 0 -240px
}

.legacy #mainForm .expander-button {
    background: url(../img/sprite_icon.gif) 0 -210px;
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer
}

.renaissance .expander-button {
    background-position: -70px -10px;
    display: block;
    width: 20px;
    height: 20px
}

.renaissance .expander-button:hover, .renaissance .hover .expander-button {
    background-position: -70px -40px
}

.renaissance .open-row .expander-button:hover, .renaissance .open-row.hover .expander-button, .renaissance .open-row .expander-button {
    background-position: -70px -100px
}

.renaissance .expandable-table .open-row td {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.expandable-table .open-row {
    display: table-row !important
}

.legacy .expandable-table .open-row td {
    background-color: #fafafa
}

.legacy .expandable-table td.dtLastCell {
    width: 23px
}

caption .table-button-bar {
    float: right;
    margin: -2px 0 8px;
    font-weight: normal
}

.legacy caption .table-button-bar {
    margin-bottom: 0
}

.header-button-bar {
    margin-top: -10px;
    text-align: right
}

.header-button-bar h2 {
    float: left
}

.legacy .ee .new-style-compatible .header-button-bar h2 {
    border: 0
}

.renaissance .header-button-bar h2 + .button, .renaissance .header-button-bar h2 + button, .renaissance .header-button-bar .button, .renaissance .header-button-bar button {
    margin: 0 0 0 10px
}

.renaissance .frame > .header-button-bar:first-child h2 {
    margin-top: -1px
}

.load-more {
    font: 15px/32px SwedbankRegular, sans-serif;
    color: #262626;
    background: #fff;
    padding: 0 15px 0 30px;
    border-radius: 17px;
    border: 1px solid #e1e1e1;
    text-decoration: none;
    display: block;
    position: relative;
    cursor: pointer;
    margin: 0 auto
}

.load-more:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../img/common.png) no-repeat;
    background-image: none, url(../img/common.svg);
    background-position: -430px -10px;
    left: 7px;
    top: 6px
}

.load-more:hover:before {
    background-position: -430px -40px
}

.calculator.calculator-results-bottom h2 + .calculator-form {
    margin-top: 24px
}

.calculator-form .query-params-list dt {
    width: 30%
}

.legacy .calculator-form dd select + select {
    margin-left: 10px
}

.renaissance .calculator-form dd select + select {
    margin-left: 20px
}

.calculator-form .query-params-list .slider-container {
    width: 305px
}

.legacy .calculator-form .query-params-list dt.slider-row:first-child {
    margin-top: 30px
}

.renaissance .calculator-form .query-params-list dt.slider-row:first-child {
    margin-top: 31px
}

.calculator-form .slider-container {
    margin-top: 35px
}

.legacy .calculator-form .query-params-list dt.slider-row {
    margin-top: 35px
}

.slider-row + dd + .slider-row {
    margin-top: 30px
}

.renaissance .query-params-list .slider-row + dd, .legacy .query-params-list .slider-row + dd {
    margin-top: 0
}

section.calculator .calculator-form .col-4 .query-params-list {
    width: 222px;
    float: left
}

.calculator-form.col-8 .form-button-bar {
    margin-right: 10px
}

.calculator-form .col-4 .query-params-list dt {
    width: 115px
}

.renaissance .calculator-form .col-4 .query-params-list dd {
    width: 107px
}

.legacy .calculator-form .col-4 .query-params-list dd {
    width: 90px
}

.calculator-form .col-4 .query-params-list input, .calculator-form .col-4 .query-params-list select {
    width: 100%;
    box-sizing: border-box
}

.calculator-results-aside .calculator-form {
    border-right: 1px solid #e3e3e3;
    margin-right: 10px;
    position: relative
}

section.calculator.calculator-results-aside .calculator-results {
    width: 221px
}

section.calculator.calculator-results-aside .calculator-results {
    margin-top: -7px
}

.calculator-results dt, .calculator-results dd {
    float: left;
    margin: 0
}

.calculator-results dt {
    width: 60% !important
}

.calculator-results dd {
    width: 40% !important
}

.legacy .calculator-results dt {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    clear: left
}

.legacy .calculator-results dl:before, .legacy .calculator-results dl:after {
    content: "";
    display: table
}

.legacy .calculator-results dl:after {
    clear: both
}

.calculator-results dt {
    text-align: left;
    padding-left: 10px
}

.calculator-results dd {
    text-align: right
}

.calculator-results dl > div {
    border-bottom: 1px solid #e3e3e3;
    position: relative
}

.renaissance body:not(.old-ie) .calculator-results dd {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.calculator-results dl > div:before, .calculator-results dl > div:after {
    content: "";
    display: table
}

.calculator-results dl > div:after {
    clear: both
}

.calculator-results dl.query-params-list {
    margin-bottom: 20px
}

.calculator-results .calculator-result {
    font: 24px/28px SwedbankRegular, Arial, sans-serif;
    display: inline-block;
    color: #f60
}

.calculator-results-aside .calculator-result {
    margin-top: -5px
}

.calculator .units {
    display: inline-block;
    font: 12px Arial, sans-serif
}

.renaissance .calculator .columns + .form-button-bar {
    margin-top: 20px
}

.calculator-results .form-button-bar {
    margin-bottom: 20px
}

.calculator-results-aside a.button {
    float: right;
    margin-left: 10px
}

.calculator-results-bottom .calculator-results {
    margin-top: 20px
}

a.btn-positive {
    background: #fa0;
    background: -moz-linear-gradient(top, #fa0 0, #f60 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fa0), color-stop(100%, #f60));
    background: -webkit-linear-gradient(top, #fa0 0, #f60 100%);
    background: -o-linear-gradient(top, #fa0 0, #f60 100%);
    background: -ms-linear-gradient(top, #fa0 0, #f60 100%);
    background: linear-gradient(top, #fa0 0, #f60 100%);
    padding: 0 10px;
    color: white;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    line-height: 24px;
    position: relative;
    box-shadow: 1px 1px 0 0 #ccc;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaa00', endColorstr='#ff6600'), progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=135, strength=3)
}

a.btn-positive:hover {
    background: orange;
    background: -moz-linear-gradient(top, #f80 0, #fa0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f80), color-stop(100%, #fa0));
    background: -webkit-linear-gradient(top, #f80 0, #fa0 100%);
    background: -o-linear-gradient(top, #f80 0, #fa0 100%);
    background: -ms-linear-gradient(top, #f80 0, #fa0 100%);
    background: linear-gradient(top, #f80 0, #fa0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8800', endColorstr='#ffaa00'), progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=135, strength=3)
}

a.btn-positive:active {
    background: #F80
}

.curContainer {
    background-color: #f5f5f5;
    padding: 15px 0
}

.curIntro {
    padding: 0 150px 0 15px
}

.curTitle {
    padding: 0 15px
}

.curTitle a {
    color: gray;
    font-size: 16px;
    font-weight: bold
}

.curContent {
    display: none;
    padding: 10px 150px 10px 15px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    background-color: #fff;
    margin: 2px 0
}

.tabContainer {
    padding: 0 0 15px;
    background: url('/img/newlayout/tabs.gif') repeat-x 0 100%
}

.tabContainer ul {
    height: 21px;
    border-bottom: 1px solid #d5d5d5;
    background: #fff
}

.tabContainer li {
    float: left
}

.tabContainer li a {
    display: block;
    margin: 0 0 0 10px;
    padding: 1px 6px;
    font-weight: bold;
    color: #fff;
    line-height: 20px;
    background: #464646 url('/img/bg/tableheader_new.gif') repeat-x 0 0
}

.tabContainer .active a {
    color: #000;
    background: url('/img/newlayout/tabs.gif') repeat-x 0 0;
    padding: 1px 5px 0;
    border: 1px solid #d5d5d5;
    border-bottom: 0
}

.headerLoginButton {
    background: url('/img/sprite_frame.gif') no-repeat -10px -245px;
    color: #FFF;
    padding: 2px 8px;
    font-weight: bold;
    float: left;
    border: 1px solid #c7c7c7;
    border-radius: 3px
}

#frontpage {
    width: 988px
}

.upperContentLinks {
    padding: 5px;
    text-align: right
}

.down_btn {
    border: 0 none;
    float: right;
    padding: 0 0 0 20px;
    margin: 0
}

.dataTable th a, td.dtColumnTitle a {
    color: #fff !important
}

.dataTable {
    border-collapse: collapse;
    margin: 0 0 15px
}

.legacy .dataTable td {
    border-top: 1px solid #ccc;
    padding: 4px 6px;
    color: #444;
    vertical-align: top
}

.dataTable td td {
    padding: 0;
    border: 0
}

.dataTable .tableSeparator, .dataTable .tableRegularCell1 {
    border: 0;
    padding: 0
}

.dataTable td.subRow {
    background: #dcdcdc url(../img/newlayout/subheader.gif) repeat-x 0 0
}

.dataTable .tableSeparator {
    height: 15px
}

.dataTable .bg-dark td:first-child {
    border-radius: 3px 0 0 3px
}

.dataTable .bg-dark td:last-child {
    border-radius: 0 3px 3px 0
}

.horizontalTable td {
    padding: 3px 5px
}

td.dataTableTitle {
    color: #fe6600;
    font-size: 18px;
    vertical-align: bottom;
    border-bottom: 0;
    text-align: left;
    padding-top: 12px
}

td.dataTableUtil {
    border-bottom: 0;
    vertical-align: bottom
}

td.dtColumnTitle, th.dtColumnTitle {
    background-color: #464646;
    background-image: url(../img/bg/tableheader_new.gif);
    background-repeat: repeat-x;
    color: #FFF;
    font-weight: bold;
    padding: 4px
}

td.dtColumnSorted {
    background: #c4c4c4 url(../img/bg/tableheader_sorted.gif) no-repeat;
    color: #FFF;
    font-weight: bold;
    padding: 4px;
    white-space: nowrap
}

td.dtColumnSorted a {
    color: #444
}

.dtEmphasis {
    background-color: #fff
}

.dtTotalEmphasis {
    background-color: #fafafa;
    font-weight: bold
}

img.tableShadow {
    display: none
}

tr.sub-header {
    background: url("/img/bg/sub-header-bg.jpg") repeat-x top #dcdcdc;
    border: 1px solid #ccc;
    border-top: 0;
    border-radius: 3px;
    font-weight: bold;
    line-height: 18px;
    padding: 4px 5px 3px;
    margin: 0 0 5px
}

.legacy .row-title {
    font-weight: bold
}

.legacy #CommunicationControlContainer {
    float: left;
    position: relative;
    z-index: 5;
    margin-right: 20px
}

.renaissance #CommunicationControlContainer {
    float: left;
    position: relative;
    z-index: 5
}

.renaissance #CommunicationControlContainer li:first-child {
    margin-left: 0
}

#contact-menu .callback-panel > li {
    padding: 10px 10px 10px 50px;
    min-height: 22px;
    overflow: hidden;
    border-top: 1px solid #e4e4e4;
    position: relative
}

#contact-menu .callback-panel > li:first-child {
    border-top: 0
}

#contact-menu .phone-number {
    font-size: 20px
}

#contact-menu .contents#chat-options {
    width: 275px
}

#contact-menu select, #contact-menu textarea {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #c7c7c7
}

#contact-menu input[type="text"], #contact-menu select, #contact-menu textarea, #chat input[type="text"], #chat textarea, #chat #autogrow-textarea-mirror, #proactive-chat input[type="text"], #proactive-chat textarea, #client-text + .placeholder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#contact-menu .phone-sequence {
    clear: both;
    overflow: hidden
}

#contact-menu .phone-sequence > span, #contact-menu .phone-sequence > div, #contact-menu .phone-sequence > a {
    display: block
}

#contact-menu .phone-sequence > span {
    float: left;
    margin-right: 6px;
    line-height: 24px
}

#contact-menu .phone-sequence > div {
    overflow: hidden;
    position: relative;
    height: 26px
}

#contact-menu .phone-sequence > a {
    float: right;
    margin-left: 7px
}

#contact-menu .phone-sequence > div input {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%
}

#contact-menu h3 {
    font: 16px/22px SwedbankRegular, Arial, sans-serif;
    margin-bottom: 5px
}

#contact-menu h3 + select {
    margin-top: 10px
}

#contact-menu .managerName {
    font-weight: bold;
    text-transform: capitalize
}

#contact-menu .assistantManager {
    margin-top: 10px
}

#startChatButton .controls {
    text-align: right
}

.chat-container {
    position: fixed;
    right: 10%;
    bottom: 0;
    width: 378px;
    border: 1px solid #d3d3d3;
    border-bottom: 0;
    box-shadow: 2px 3px 0 rgba(0, 0, 0, .1)
}

@media print {
    .chat-container {
        position: static;
        right: auto;
        bottom: auto;
        width: auto;
        border: 0;
        box-shadow: none
    }
}

@media print {
    .chat-container {
        position: static;
        right: auto;
        bottom: auto;
        width: auto;
        border: 0;
        box-shadow: none
    }
}

.chat-container.minimized .section-contents {
    display: none
}

.chat-container .section-header {
    border-radius: 0;
    margin: 0;
    padding: 0 19px 0;
    overflow: hidden;
    background: #fc0;
    line-height: 30px;
    color: white
}

.chat-container.blink-color .section-header {
    background: #ffd93f
}

.chat-container .section-header h3 {
    float: left;
    font: 18px SwedbankMedium, Arial, sans-serif;
    padding: 0 0 0 30px;
    *padding: 0;
    line-height: inherit;
    color: white;
    position: relative
}

.chat-container .section-header h3:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: 0 -390px
}

.chat-container .section-header ul {
    list-style: none;
    margin: 0 -4px 0 0;
    padding: 0;
    overflow: hidden;
    float: right
}

.chat-container .section-header ul > li {
    float: left
}

.chat-container .section-header input[type="button"] {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    width: 18px;
    height: 18px;
    border: 0;
    text-indent: -9999px;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
    margin-left: 6px
}

.chat-container .section-header li:first-child input[type="button"] {
    margin-left: 0
}

.chat-container .section-header li:first-child + li input[type="button"] {
    margin-left: 8px
}

.chat-container .section-header input.close {
    background-position: -170px -390px
}

.chat-container.blink-color .section-header input.close {
    background-position: -170px -420px
}

.chat-container .section-header input.print-light {
    background-position: -80px -390px
}

.chat-container.blink-color .section-header input.print-light {
    background-position: -80px -420px
}

.chat-container .section-header input.mail {
    background: url("/stylebook/chat/mail-icon.png") no-repeat top left
}

.chat-container .section-header input.minimize {
    background-position: -110px -390px
}

.chat-container.blink-color .section-header input.minimize {
    background-position: -110px -420px
}

.chat-container .section-header input.maximize {
    background-position: -140px -390px
}

.chat-container.blink-color .section-header input.maximize {
    background-position: -140px -420px
}

.chat-container.minimized input.minimize, .chat-container.maximized input.maximize {
    display: none
}

.chat-container .section-contents {
    background: #f4f4f4
}

.chat-container .log-container {
    min-height: 150px;
    max-height: 30em;
    overflow: auto;
    word-wrap: break-word
}

#client-text, #client-text + .placeholder {
    width: 100%;
    height: 39px;
    line-height: 18px;
    max-height: 200px;
    overflow-y: auto;
    resize: none;
    display: block;
    border: solid #d5d5d5;
    border-width: 1px 0 0;
    margin: 0;
    padding: 10px 30px;
    cursor: text;
    -webkit-transition: height .1s;
    -moz-transition: height .1s;
    transition: height .1s
}

#client-text[disabled="disabled"] {
    background: #EEE;
    cursor: default
}

#client-text[disabled="disabled"] + #send-message, #client-text[disabled="disabled"] + .placeholder + #send-message, #client-text.empty + #send-message, #client-text.empty + .placeholder + #send-message {
    visibility: hidden;
    opacity: 0;
    transition: visibility .1s linear .3s, opacity .3s linear
}

#client-text:focus {
    outline-color: #fc0;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px
}

#client-text + .placeholder {
    color: #767676;
    font-style: italic;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#client-text::-webkit-input-placeholder {
    color: 767676;
    font-style: italic;
    display: none
}

#client-text:-moz-placeholder {
    color: #767676;
    font-style: italic
}

#client-text::-moz-placeholder {
    color: #767676;
    font-style: italic
}

#client-text:-ms-input-placeholder {
    color: #767676;
    font-style: italic
}

#client-text[disabled="disabled"]::-webkit-input-placeholder {
    color: transparent
}

#client-text[disabled="disabled"]:-moz-placeholder {
    color: transparent
}

#client-text[disabled="disabled"]::-moz-placeholder {
    color: transparent
}

#client-text[disabled="disabled"]:-ms-input-placeholder {
    color: transparent
}

#client-text[disabled="disabled"] + .placeholder {
    display: none
}

#send-message {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -40px -390px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer;
    outline: 0;
    visibility: visible;
    opacity: 1;
    transition: visibility .05s linear .05s, opacity .2s linear;
    transition-delay: 0
}

#chat .chat-email {
    background: #fff;
    position: fixed;
    bottom: 25%;
    right: 20%;
    width: 300px;
    z-index: 10;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 0 6px 3px #ccc
}

#chat .log-container .chat-history, #chatAgentsBusySection .chat-history, #contact-menu .chat-history {
    border-top: 1px solid #dedede;
    margin: 10px 0 0;
    padding: 10px 10px 0
}

#contact-menu .chat-history {
    overflow: hidden
}

#chatAgentsBusySection .chat-history {
    margin-top: 0
}

#contact-menu .chat-history .default-link {
    margin: 0
}

#proactive-chat {
    display: none
}

#callback-panel {
    width: 340px
}

.legacy #contact-menu .callback-panel li.customer-question {
    background-position: -548px -635px
}

.legacy #contact-menu .callback-panel li.callback {
    background-position: -598px -580px
}

.legacy #contact-menu .callback-panel li.skype {
    background-position: -648px -526px
}

.legacy #contact-menu .callback-panel li.customer-service {
    background-position: -702px -472px
}

.legacy #contact-menu .callback-panel li.bank-message {
    background-position: -794px -388px
}

.renaissance .user-assist-list .callback-panel > li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px
}

.renaissance #contact-menu .callback-panel li.customer-question:before {
    background-position: -1090px -10px
}

.renaissance #contact-menu .callback-panel li.callback:before {
    background-position: -1120px -10px
}

.renaissance #contact-menu .callback-panel li.skype:before {
    background-position: -1150px -10px
}

.renaissance #contact-menu .callback-panel li.customer-service:before {
    background-position: -1180px -10px
}

.renaissance #contact-menu .callback-panel li.bank-message:before {
    background-position: -1240px -10px
}

#contact-menu .callback-panel h3 {
    margin: 0
}

.accept-chat, .decline-chat {
    position: relative;
    padding: 3px 0 3px 6px;
    display: inline-block
}

.accept-chat:before, .decline-chat:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 6px;
    height: 18px;
    display: inline-block
}

.accept-chat {
    color: #4893a0
}

.legacy .accept-chat:before, .renaissance .accept-chat:before {
    background-position: 0 -430px
}

.decline-chat {
    color: #d33e00
}

.legacy .decline-chat:before, .renaissance .decline-chat:before {
    background-position: -30px -430px
}

.wrapword {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap;
    word-break: break-all;
    white-space: normal
}

.renaissance .settings-panel.contents {
    width: 440px
}

.renaissance .settings-panel.contents .links-list {
    margin-top: -10px
}

.renaissance .settings-panel.contents .links-list:before, .renaissance .settings-panel.contents .links-list:after {
    content: "";
    display: table
}

.renaissance .settings-panel.contents .links-list:after {
    clear: both
}

.renaissance .settings-panel.contents .links-list > li {
    width: 220px;
    float: left
}

.renaissance .settings-panel.contents .links-list li:first-child {
    margin-top: 10px
}

.dial-code-picker {
    overflow: hidden;
    display: inline-block;
    cursor: default;
    vertical-align: baseline;
    padding-right: 5px
}

.dial-code-picker + input.phone-field {
    width: 95px
}

.legacy .dial-code-picker + input {
    vertical-align: top
}

.dial-code-list {
    list-style: none;
    margin: 0 0 0 -5px;
    padding: 1px;
    max-height: 200px;
    overflow-y: scroll;
    position: absolute;
    border: 1px solid #dad8d8;
    background-color: white;
    display: none
}

.dial-code-selection-enabled {
    cursor: pointer;
    padding-right: 18px;
    position: relative
}

.dial-code-selection-enabled:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 7px;
    right: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #545454
}

.dial-code-selection-disabled {
    margin-right: 5px
}

.dial-code-list > li {
    cursor: pointer;
    padding: 3px 15px 3px 3px
}

.dial-code-list > li:hover {
    background-color: #e1e1e1
}

.dial-code-list > li.active {
    background: url('/img/bullets/orange-checkmark.png') no-repeat 99% center #f0f0f0
}

.dial-code {
    display: inline-block
}

.dial-code-list .dial-code {
    color: gray;
    width: 38px
}

.dial-flag {
    width: 16px;
    height: 11px;
    margin-right: 7px;
    display: inline-block;
    background: url('/img/flags.png')
}

.dial-flag.zw {
    background-position: 0 0
}

.dial-flag.zm {
    background-position: -16px 0
}

.dial-flag.za {
    background-position: 0 -11px
}

.dial-flag.yt {
    background-position: -16px -11px
}

.dial-flag.ye {
    background-position: -32px 0
}

.dial-flag.ws {
    background-position: -32px -11px
}

.dial-flag.wf {
    background-position: 0 -22px
}

.dial-flag.vu {
    background-position: -32px -22px
}

.dial-flag.vn {
    background-position: 0 -33px
}

.dial-flag.vi {
    background-position: -16px -33px
}

.dial-flag.vg {
    background-position: -32px -33px
}

.dial-flag.ve {
    background-position: -48px 0
}

.dial-flag.vc {
    background-position: -48px -11px
}

.dial-flag.va {
    background-position: -48px -22px
}

.dial-flag.uz {
    background-position: -48px -33px
}

.dial-flag.uy {
    background-position: 0 -44px
}

.dial-flag.us {
    background-position: -16px -44px
}

.dial-flag.um {
    background-position: -16px -44px
}

.dial-flag.ug {
    background-position: -32px -44px
}

.dial-flag.ua {
    background-position: -48px -44px
}

.dial-flag.tz {
    background-position: -64px 0
}

.dial-flag.tw {
    background-position: -64px -11px
}

.dial-flag.tv {
    background-position: -64px -22px
}

.dial-flag.tt {
    background-position: -64px -33px
}

.dial-flag.tr {
    background-position: -64px -44px
}

.dial-flag.to {
    background-position: 0 -55px
}

.dial-flag.tn {
    background-position: -16px -55px
}

.dial-flag.tm {
    background-position: -32px -55px
}

.dial-flag.tl {
    background-position: -48px -55px
}

.dial-flag.tk {
    background-position: -64px -55px
}

.dial-flag.tj {
    background-position: 0 -66px
}

.dial-flag.th {
    background-position: -16px -66px
}

.dial-flag.tg {
    background-position: -32px -66px
}

.dial-flag.tf {
    background-position: -48px -66px
}

.dial-flag.td {
    background-position: -64px -66px
}

.dial-flag.tc {
    background-position: -80px 0
}

.dial-flag.sz {
    background-position: -80px -11px
}

.dial-flag.sy {
    background-position: -80px -22px
}

.dial-flag.sx {
    background-position: -80px -33px
}

.dial-flag.sv {
    background-position: -80px -44px
}

.dial-flag.st {
    background-position: -80px -55px
}

.dial-flag.ss {
    background-position: -80px -66px
}

.dial-flag.sr {
    background-position: 0 -77px
}

.dial-flag.so {
    background-position: -16px -77px
}

.dial-flag.sn {
    background-position: -32px -77px
}

.dial-flag.sm {
    background-position: -48px -77px
}

.dial-flag.sl {
    background-position: -64px -77px
}

.dial-flag.sk {
    background-position: -80px -77px
}

.dial-flag.si {
    background-position: -96px 0
}

.dial-flag.sh {
    background-position: -96px -11px
}

.dial-flag.sg {
    background-position: -96px -22px
}

.dial-flag.se {
    background-position: -96px -33px
}

.dial-flag.sd {
    background-position: -96px -44px
}

.dial-flag.sc {
    background-position: -96px -66px
}

.dial-flag.sb {
    background-position: -96px -77px
}

.dial-flag.sa {
    background-position: 0 -88px
}

.dial-flag.rw {
    background-position: -16px -88px
}

.dial-flag.ru {
    background-position: -32px -88px
}

.dial-flag.rs {
    background-position: -48px -88px
}

.dial-flag.ro {
    background-position: -64px -88px
}

.dial-flag.qa {
    background-position: -80px -88px
}

.dial-flag.py {
    background-position: -96px -88px
}

.dial-flag.pw {
    background-position: 0 -99px
}

.dial-flag.pt {
    background-position: -16px -99px
}

.dial-flag.ps {
    background-position: -32px -99px
}

.dial-flag.pr {
    background-position: -48px -99px
}

.dial-flag.pn {
    background-position: -64px -99px
}

.dial-flag.pm {
    background-position: -80px -99px
}

.dial-flag.pl {
    background-position: -96px -99px
}

.dial-flag.pk {
    background-position: -112px 0
}

.dial-flag.ph {
    background-position: -112px -11px
}

.dial-flag.pg {
    background-position: -112px -22px
}

.dial-flag.pf {
    background-position: -112px -33px
}

.dial-flag.pe {
    background-position: -112px -44px
}

.dial-flag.pa {
    background-position: -112px -55px
}

.dial-flag.om {
    background-position: -112px -66px
}

.dial-flag.nz {
    background-position: -112px -77px
}

.dial-flag.nu {
    background-position: -112px -88px
}

.dial-flag.nr {
    background-position: -112px -99px
}

.dial-flag.no {
    background-position: 0 -110px
}

.dial-flag.bv {
    background-position: 0 -110px
}

.dial-flag.sj {
    background-position: 0 -110px
}

.dial-flag.nl {
    background-position: -16px -110px
}

.dial-flag.ni {
    background-position: -32px -110px
}

.dial-flag.ng {
    background-position: -48px -110px
}

.dial-flag.nf {
    background-position: -64px -110px
}

.dial-flag.ne {
    background-position: -80px -110px
}

.dial-flag.nc {
    background-position: -96px -110px
}

.dial-flag.na {
    background-position: -112px -110px
}

.dial-flag.mz {
    background-position: -128px 0
}

.dial-flag.my {
    background-position: -128px -11px
}

.dial-flag.mx {
    background-position: -128px -22px
}

.dial-flag.mw {
    background-position: -128px -33px
}

.dial-flag.mv {
    background-position: -128px -44px
}

.dial-flag.mu {
    background-position: -128px -55px
}

.dial-flag.mt {
    background-position: -128px -66px
}

.dial-flag.ms {
    background-position: -128px -77px
}

.dial-flag.mr {
    background-position: -128px -88px
}

.dial-flag.mq {
    background-position: -128px -99px
}

.dial-flag.mp {
    background-position: -128px -110px
}

.dial-flag.mo {
    background-position: 0 -121px
}

.dial-flag.mn {
    background-position: -16px -121px
}

.dial-flag.mm {
    background-position: -32px -121px
}

.dial-flag.ml {
    background-position: -48px -121px
}

.dial-flag.mk {
    background-position: -64px -121px
}

.dial-flag.mh {
    background-position: -80px -121px
}

.dial-flag.mg {
    background-position: -96px -121px
}

.dial-flag.me {
    background-position: 0 -132px
}

.dial-flag.md {
    background-position: -112px -121px
}

.dial-flag.mc {
    background-position: -128px -121px
}

.dial-flag.ma {
    background-position: -16px -132px
}

.dial-flag.ly {
    background-position: -32px -132px
}

.dial-flag.lv {
    background-position: -48px -132px
}

.dial-flag.lu {
    background-position: -64px -132px
}

.dial-flag.lt {
    background-position: -80px -132px
}

.dial-flag.ls {
    background-position: -96px -132px
}

.dial-flag.lr {
    background-position: -112px -132px
}

.dial-flag.lk {
    background-position: -128px -132px
}

.dial-flag.li {
    background-position: -144px 0
}

.dial-flag.lc {
    background-position: -144px -11px
}

.dial-flag.lb {
    background-position: -144px -22px
}

.dial-flag.la {
    background-position: -144px -33px
}

.dial-flag.kz {
    background-position: -144px -44px
}

.dial-flag.ky {
    background-position: -144px -55px
}

.dial-flag.kw {
    background-position: -144px -66px
}

.dial-flag.kr {
    background-position: -144px -77px
}

.dial-flag.kp {
    background-position: -144px -88px
}

.dial-flag.kn {
    background-position: -144px -99px
}

.dial-flag.km {
    background-position: -144px -110px
}

.dial-flag.ki {
    background-position: -144px -121px
}

.dial-flag.kh {
    background-position: -144px -132px
}

.dial-flag.kg {
    background-position: 0 -144px
}

.dial-flag.ke {
    background-position: -16px -144px
}

.dial-flag.jp {
    background-position: -32px -144px
}

.dial-flag.jo {
    background-position: -48px -144px
}

.dial-flag.jm {
    background-position: -64px -144px
}

.dial-flag.je {
    background-position: -80px -144px
}

.dial-flag.it {
    background-position: -96px -144px
}

.dial-flag.is {
    background-position: -112px -144px
}

.dial-flag.ir {
    background-position: -128px -144px
}

.dial-flag.iq {
    background-position: -144px -144px
}

.dial-flag.io {
    background-position: -160px 0
}

.dial-flag.in {
    background-position: -160px -11px
}

.dial-flag.im {
    background-position: -160px -22px
}

.dial-flag.il {
    background-position: -160px -31px
}

.dial-flag.ie {
    background-position: -160px -42px
}

.dial-flag.id {
    background-position: -160px -53px
}

.dial-flag.hu {
    background-position: -160px -64px
}

.dial-flag.ht {
    background-position: -160px -75px
}

.dial-flag.hr {
    background-position: -160px -86px
}

.dial-flag.hn {
    background-position: -160px -97px
}

.dial-flag.hk {
    background-position: -160px -108px
}

.dial-flag.gy {
    background-position: -160px -119px
}

.dial-flag.gw {
    background-position: -160px -130px
}

.dial-flag.gu {
    background-position: -160px -141px
}

.dial-flag.gt {
    background-position: 0 -155px
}

.dial-flag.gs {
    background-position: -16px -155px
}

.dial-flag.gr {
    background-position: -32px -155px
}

.dial-flag.gq {
    background-position: -48px -155px
}

.dial-flag.gp {
    background-position: -64px -155px
}

.dial-flag.gn {
    background-position: -80px -155px
}

.dial-flag.gm {
    background-position: -96px -155px
}

.dial-flag.gl {
    background-position: -112px -155px
}

.dial-flag.gi {
    background-position: -128px -155px
}

.dial-flag.gh {
    background-position: -144px -155px
}

.dial-flag.gg {
    background-position: -160px -155px
}

.dial-flag.ge {
    background-position: -176px 0
}

.dial-flag.gd {
    background-position: -176px -11px
}

.dial-flag.gb {
    background-position: -176px -22px
}

.dial-flag.ga {
    background-position: -176px -33px
}

.dial-flag.fr {
    background-position: -176px -44px
}

.dial-flag.gf {
    background-position: -176px -44px
}

.dial-flag.re {
    background-position: -176px -44px
}

.dial-flag.mf {
    background-position: -176px -44px
}

.dial-flag.bl {
    background-position: -176px -44px
}

.dial-flag.fo {
    background-position: -176px -55px
}

.dial-flag.fm {
    background-position: -176px -66px
}

.dial-flag.fk {
    background-position: -176px -77px
}

.dial-flag.fj {
    background-position: -176px -88px
}

.dial-flag.fi {
    background-position: -176px -99px
}

.dial-flag.eu {
    background-position: -176px -121px
}

.dial-flag.et {
    background-position: -176px -132px
}

.dial-flag.es {
    background-position: -176px -143px
}

.dial-flag.er {
    background-position: -176px -154px
}

.dial-flag.eh {
    background-position: -16px -166px
}

.dial-flag.eg {
    background-position: -32px -166px
}

div.dial-flag.ee {
    background-position: -48px -166px
}

.dial-flag.ec {
    background-position: -64px -166px
}

.dial-flag.dz {
    background-position: -80px -166px
}

.dial-flag.do {
    background-position: -96px -166px
}

.dial-flag.dm {
    background-position: -112px -166px
}

.dial-flag.dk {
    background-position: -128px -166px
}

.dial-flag.dj {
    background-position: -144px -166px
}

.dial-flag.de {
    background-position: -160px -166px
}

.dial-flag.cz {
    background-position: -176px -166px
}

.dial-flag.cy {
    background-position: 0 -177px
}

.dial-flag.cx {
    background-position: -16px -177px
}

.dial-flag.cw {
    background-position: -32px -177px
}

.dial-flag.cv {
    background-position: -48px -177px
}

.dial-flag.cu {
    background-position: -64px -177px
}

.dial-flag.cs {
    background-position: -80px -177px
}

.dial-flag.cr {
    background-position: -96px -177px
}

.dial-flag.co {
    background-position: -112px -177px
}

.dial-flag.cn {
    background-position: -128px -177px
}

.dial-flag.cm {
    background-position: -144px -177px
}

.dial-flag.cl {
    background-position: -160px -177px
}

.dial-flag.ck {
    background-position: -176px -177px
}

.dial-flag.ci {
    background-position: -192px 0
}

.dial-flag.cg {
    background-position: -192px -11px
}

.dial-flag.cf {
    background-position: -192px -22px
}

.dial-flag.cd {
    background-position: -192px -33px
}

.dial-flag.cc {
    background-position: -192px -44px
}

.dial-flag.ca {
    background-position: -192px -66px
}

.dial-flag.bz {
    background-position: -192px -77px
}

.dial-flag.by {
    background-position: -192px -88px
}

.dial-flag.bw {
    background-position: -192px -99px
}

.dial-flag.bt {
    background-position: -192px -110px
}

.dial-flag.bs {
    background-position: -192px -121px
}

.dial-flag.br {
    background-position: -192px -132px
}

.dial-flag.bq {
    background-position: -192px -143px
}

.dial-flag.bo {
    background-position: -192px -154px
}

.dial-flag.bn {
    background-position: -192px -165px
}

.dial-flag.bm {
    background-position: -192px -176px
}

.dial-flag.bj {
    background-position: 0 -188px
}

.dial-flag.bi {
    background-position: -16px -188px
}

.dial-flag.bh {
    background-position: -32px -188px
}

.dial-flag.bg {
    background-position: -48px -188px
}

.dial-flag.bf {
    background-position: -64px -188px
}

.dial-flag.be {
    background-position: -80px -188px
}

.dial-flag.bd {
    background-position: -96px -188px
}

.dial-flag.bb {
    background-position: -112px -188px
}

.dial-flag.ba {
    background-position: -128px -188px
}

.dial-flag.az {
    background-position: -144px -188px
}

.dial-flag.ax {
    background-position: -160px -188px
}

.dial-flag.aw {
    background-position: -176px -188px
}

.dial-flag.au {
    background-position: -192px -188px
}

.dial-flag.hm {
    background-position: -192px -188px
}

.dial-flag.at {
    background-position: -208px 0
}

.dial-flag.as {
    background-position: -208px -11px
}

.dial-flag.ar {
    background-position: -208px -22px
}

.dial-flag.ao {
    background-position: -208px -33px
}

.dial-flag.an {
    background-position: -208px -44px
}

.dial-flag.am {
    background-position: -208px -55px
}

.dial-flag.al {
    background-position: -208px -66px
}

.dial-flag.ai {
    background-position: -208px -77px
}

.dial-flag.ag {
    background-position: -208px -88px
}

.dial-flag.af {
    background-position: -208px -99px
}

.dial-flag.ae {
    background-position: -208px -110px
}

.dial-flag.ad {
    background-position: -208px -121px
}

.dial-flag.np {
    background-position: -208px -132px
}

.dial-flag.ch {
    background-position: -208px -143px
}

.legacy .errorMsg, .legacy .successMsg, .legacy .infoMsg, .legacy .urgentMsg, .legacy .warningMsg {
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    border: 1px solid;
    font-weight: normal;
    margin: 3px 0 10px;
    min-height: 15px;
    padding: 10px 30px 10px 35px
}

.renaissance .errorMsg, .renaissance .successMsg, .renaissance .infoMsg, .renaissance .urgentMsg, .renaissance .warningMsg, .renaissance .urgentMsg {
    line-height: 16px;
    border: 1px solid;
    position: relative;
    padding: 11px 30px 11px 40px;
    border-radius: 3px
}

.renaissance .errorMsg a.default-link:before, .renaissance .successMsg a.default-link:before, .renaissance .infoMsg a.default-link:before, .renaissance .urgentMsg a.default-link:before, .renaissance .warningMsg a.default-link:before, .renaissance .urgentMsg a.default-link:before {
    display: none
}

.renaissance .error-message-container, .renaissance .success-message-container, .renaissance .info-message-container, .renaissance .urgent-message-container, .renaissance .warning-message-container, .renaissance .errorMsg, .renaissance .successMsg, .renaissance .infoMsg, .renaissance .urgentMsg, .renaissance .warningMsg {
    margin: 10px 0 0
}

.renaissance .form-button-bar + .infoMsg {
    margin-top: 20px
}

.renaissance .errorMsg:before, .renaissance .successMsg:before, .renaissance .infoMsg:before, .renaissance .warningMsg:before, .renaissance .urgentMsg:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 8px;
    left: 10px;
    position: absolute;
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg)
}

.renaissance .errorMsg + .errorMsg:after, .renaissance .successMsg + .successMsg:after, .renaissance .infoMsg + .infoMsg:after, .renaissance .warningMsg + .warningMsg:after, .renaissance .urgentMsg + .urgentMsg:after {
    content: '';
    position: absolute;
    height: 4px;
    border: 1px solid transparent;
    border-top: 0;
    left: -1px;
    right: -1px;
    top: -5px
}

.renaissance .errorMsg + .errorMsg, .renaissance .successMsg + .successMsg, .renaissance .infoMsg + .infoMsg, .renaissance .warningMsg + .warningMsg, .renaissance .urgentMsg + .urgentMsg {
    margin-top: 1px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

[class$="-message-container"] {
    border: 1px solid;
    border-radius: 3px
}

.legacy [class$="-message-container"] {
    margin-bottom: 10px
}

[class$="-message-container"] [class$="Msg"] {
    border: 0;
    margin: 0
}

.legacy .errorMsg h2 {
    border: none !important
}

.legacy .infoMsg p:last-child {
    margin-bottom: 0
}

.legacy .errorMsg {
    background-position: -202px -979px;
    background-color: #fae3db
}

.renaissance .errorMsg:before {
    background-position: -970px -10px
}

.legacy .errorMsg, .legacy .error-message-container {
    border-color: #ebd0c6
}

.renaissance .errorMsg, .renaissance .error-message-container, .renaissance .errorMsg + .errorMsg:after {
    background-color: #fae9e9;
    border-color: #e74041;
    color: #9d3131
}

.legacy .successMsg {
    background-position: -150px -1033px;
    background-color: #dbebd8
}

.renaissance .successMsg:before {
    background-position: -940px -10px
}

.legacy .successMsg, .legacy .success-message-container {
    border-color: #c3d7bf
}

.renaissance .successMsg, .renaissance .success-message-container, .renaissance .successMsg + .successMsg:after {
    background-color: #eff6e5;
    border-color: #83b441;
    color: #477d17
}

.legacy .warningMsg {
    background-position: -254px -927px;
    background-color: #fbefc0
}

.renaissance .warningMsg:before {
    background-position: -999px -10px;
    width: 22px;
    left: 9px
}

.legacy .warningMsg, .legacy .warning-message-container {
    border-color: #ece0ad
}

.renaissance .warningMsg, .renaissance .warning-message-container, .renaissance .warningMsg + .warningMsg:after {
    background-color: #fff8da;
    border-color: #fcc100;
    color: #545454
}

.legacy .infoMsg {
    background-position: -306px -877px;
    background-color: #ffeed5
}

.renaissance .infoMsg:before {
    background-position: -1030px -10px
}

.legacy .infoMsg, .legacy .info-message-container {
    border-color: #efdabb
}

.renaissance .infoMsg, .renaissance .info-message-container, .renaissance .infoMsg + .infoMsg:after {
    background-color: #edf8fa;
    border-color: #60b5d0;
    color: #2c7a8f
}

.legacy .urgentMsg {
    background-position: -406px -770px;
    background-color: #444;
    border: 0;
    color: white;
    font: 14px/20px SwedbankMedium, Arial, sans-serif;
    padding-left: 45px !important
}

.legacy .urgentMsg.gray {
    background-color: #f5f5f5;
    color: #222
}

.renaissance .urgentMsg, .renaissance .urgentMsg + .urgentMsg:after {
    background-color: #f15b53;
    border-color: #f15b53;
    color: #fff
}

.renaissance .urgentMsg + .urgentMsg:after {
    border: 0
}

.renaissance .urgentMsg:before {
    background-position: -1060px -10px
}

.renaissance .errorMsg a, .renaissance .successMsg a, .renaissance .infoMsg a, .renaissance .urgentMsg a, .renaissance .warningMsg a {
    color: inherit;
    text-decoration: underline;
    padding-left: 0
}

.renaissance .error-message-container:first-child, .renaissance .success-message-container:first-child, .renaissance .info-message-container:first-child, .renaissance .urgent-message-container:first-child, .renaissance .warning-message-container:first-child, .renaissance .frame .errorMsg:first-child, .renaissance .frame .successMsg:first-child, .renaissance .frame .infoMsg:first-child, .renaissance .frame .urgentMsg:first-child, .renaissance .frame .warningMsg:first-child {
    margin-top: 0
}

.renaissance .error-message-container .errorMsg, .renaissance .success-message-container .successMsg, .renaissance .info-message-container .infoMsg, .renaissance .urgent-message-container .urgentMsg, .renaissance .warning-message-container .warningMsg {
    margin: 0
}

.clear_fix:before, .clear_fix:after {
    content: ""
}

.clear_fix:after {
    clear: both
}

.clear_fix {
    *zoom: 1
}

.prettycheckbox, .prettyradio {
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative
}

.renaissance .prettycheckbox, .renaissance .prettyradio {
    margin-right: 20px
}

.renaissance .default-table .prettycheckbox, .renaissance .default-table .prettyradio {
    margin-right: 0
}

.prettycheckbox a, .prettyradio a {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0
}

.legacy .prettycheckbox a, .legacy .prettyradio a {
    width: 20px;
    height: 20px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    display: block
}

.renaissance .prettycheckbox a, .renaissance .prettyradio a {
    width: 22px;
    height: 22px;
    background-image: url(../img/common.png);
    background-image: none, url(../img/common.svg)
}

.prettycheckbox a:focus, .prettyradio a:focus {
    outline: 0 none
}

.legacy .prettycheckbox a {
    background-position: 0 -40px
}

.legacy .prettyradio a {
    background-position: -160px -40px
}

.legacy .prettycheckbox.enabled:hover a {
    background-position: -40px -40px
}

.legacy .prettyradio.enabled:hover a {
    background-position: -200px -40px
}

.legacy .prettycheckbox a.checked {
    background-position: -80px -40px
}

.legacy .prettyradio a.checked {
    background-position: -240px -40px
}

.legacy .prettycheckbox.enabled:hover a.checked {
    background-position: -120px -40px
}

.legacy .prettyradio.enabled:hover a.checked {
    background-position: -280px -40px
}

.legacy .prettycheckbox.disabled a {
    background-position: -320px -40px
}

.legacy .prettyradio.disabled a {
    background-position: -360px -40px
}

.renaissance .prettycheckbox a {
    background-position: -9px -9px
}

.renaissance .prettyradio a {
    background-position: -39px -9px
}

.renaissance .prettycheckbox.enabled:hover a {
    background-position: -9px -39px
}

.renaissance .prettycheckbox.enabled a:active, .renaissance .prettycheckbox.enabled:active a {
    background-position: -9px -69px
}

.renaissance .prettyradio.enabled:hover a {
    background-position: -39px -39px
}

.renaissance .prettyradio.enabled a:active, .renaissance .prettyradio.enabled:hover a {
    background-position: -39px -69px
}

.renaissance .prettycheckbox a.checked {
    background-position: -9px -99px
}

.renaissance .prettyradio a.checked {
    background-position: -39px -99px
}

.renaissance .prettycheckbox.disabled a {
    background-position: -9px -129px
}

.renaissance .prettyradio.disabled a {
    background-position: -9px -159px
}

.renaissance .prettycheckbox.disabled a.checked {
    background-position: -39px -129px
}

.renaissance .prettyradio.disabled a.checked {
    background-position: -39px -159px
}

.prettycheckbox label, .prettyradio label {
    display: block;
    float: left;
    padding: 0 0 0 25px;
    margin: 0;
    line-height: 20px;
    cursor: pointer
}

.renaissance .prettycheckbox label, .renaissance .prettyradio label {
    color: #666;
    padding: 0 0 0 27px
}

.prettycheckbox.disabled a, .prettyradio.disabled a, .prettycheckbox.disabled label, .prettyradio.disabled label {
    cursor: default
}

.chat-container .messages {
    padding: 10px 19px;
    color: #222
}

.chat-container .message, .chat-container .notification {
    margin: 10px 0
}

.chat-container .notification {
    font-style: italic;
    text-align: right;
    color: #767676
}

.chat-container .notification.connected, .chat-container .notification.error {
    position: relative;
    padding: 5px 10px 5px 25px;
    text-align: left;
    color: #94b18e;
    *padding-left: 0
}

.chat-container .notification.error {
    color: #f60
}

.chat-container .notification.connected:before, .chat-container .notification.error:before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: 10px;
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg)
}

.chat-container .notification.connected:before {
    background-position: -200px -390px
}

.chat-container .notification.error:before {
    background-position: -230px -390px
}

.chat-container .client.message {
    margin-right: 40px
}

.chat-container .agent.message {
    margin-left: 40px
}

.chat-container .message .text {
    position: relative;
    padding: 6px 10px
}

.chat-container .system.message .text {
    background: #d8e9d6;
    border: 1px solid #c0d4bc
}

.chat-container .agent.message .text, .chat-container .client.message .text {
    background: #fff;
    border: 0;
    border-top: 1px solid #e1e1e1
}

.chat-container .agent.message .text, .chat-container .system.agent.message .text {
    background: #fffae5;
    border: 0;
    border-top: 1px solid #e1e1e1
}

.chat-container .message .heading {
    display: none
}

.chat-container .agent.message .heading, .chat-container .client.message .heading {
    padding: 4px 10px;
    display: block
}

.chat-container .agent.message .heading {
    text-align: right
}

.chat-container .message .sender-name {
    font-weight: bold;
    text-transform: capitalize
}

.chat-container .unavailable .agent.message .sender-name:before {
    content: "";
    background: url(../img/icons.png) no-repeat;
    background-image: none, url(../img/icons.svg);
    background-position: -260px -390px;
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-right: 5px
}

.chat-container .message .datetime {
    font-size: 10px;
    color: #767676
}

.chat-container .message .text:before, .chat-container .message .text:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute
}

.chat-container .agent.message .text:before, .chat-container .client.message .text:before {
    top: -6px;
    left: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #e1e1e1
}

.chat-container .agent.message .text:after, .chat-container .client.message .text:after {
    top: -5px;
    left: 10px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}

.chat-container .agent.message .text:before {
    top: -6px;
    right: 10px;
    left: auto
}

.chat-container .agent.message .text:after {
    top: -5px;
    right: 10px;
    left: auto;
    border-bottom-color: #fffae5
}

@media print {
    .chat-container .client.message .text:after, .chat-container .agent.message .text:after {
        top: -4px
    }

    .chat-container .notification.connected:before {
        content: "✓";
        text-indent: 0;
        top: 5px
    }

    .chat-container .agent.message .text:after {
        border-bottom-color: #fff
    }
}

.word-wrap {
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -webkit-pre-wrap;
    word-break: break-word;
    white-space: normal
}

.currency {
    margin-left: 5px
}

.renaissance .currency {
    font-size: 11px;
    color: #b5b5b5;
    margin-left: 10px
}

.legacy .payment-type {
    font-weight: bold
}

.legacy .payment-type-domestic {
    color: #737373
}

.legacy .payment-type-international {
    color: #6ca8d2
}

.legacy .payment-type-salary {
    color: #6c6
}

.legacy .payment-type-currency-exchange {
    color: #939
}

.renaissance h1:first-child, .renaissance h2:first-child, .renaissance h3:first-child, .renaissance h4:first-child, .renaissance h5:first-child, .renaissance h6:first-child, .renaissance p {
    margin-top: 0
}

.countdown-component {
    margin-top: 10px;
    padding-bottom: 30px
}

.countdown-component > time {
    background-color: #f4f4f4;
    background-image: linear-gradient(90deg, #f4f4f4 32px, #aaa, #f4f4f4 33px);
    border: 1px solid #bcbcbc;
    border-radius: 3px;
    font: 24px/50px SwedbankRegular, Arial, sans-serif;
    width: 65px;
    text-align: center;
    position: relative;
    display: inline-block;
    letter-spacing: 17px;
    text-indent: 11px
}

.countdown-component > time + time {
    margin-left: 15px
}

.countdown-component > time + time:before {
    content: ":";
    position: absolute;
    left: -41px;
    margin-left: 20px
}

.countdown-component > time:after {
    font: 12px/16px Arial, sans-serif;
    color: #767676;
    position: absolute;
    bottom: -20px;
    letter-spacing: 0;
    text-indent: 0;
    left: 50%;
    transform: translateX(-50%)
}

.ie8 .countdown-component > time:after {
    left: 5%
}

.display-inline {
    display: inline-block;
}

.col-right .row {
    margin-bottom: 0;
}

.results-table .heading-row {
    font-family: SwedbankHeadline;
    font-weight: bold;
}

.results-table .heading-row > .col-left,
.results-table .heading-row > .col-left {
    padding-top: 10px;
    padding-bottom: 10px;
}

.auto-width {
    width: auto !important;
}

.no-background {
    background: none !important;
}

.text-left {
    text-align: left !important;
}

.no-padding-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

label.input-label {
    color: #512b2b;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    margin: 0 20px 0 0;
}

#calc_guardian_allowance.legacy input[type="checkbox"],
#calc_guardian_allowance.legacy input[type="radio"] {
    margin-left: 0;
}

#calc_guardian_allowance .swedform select {
    width: 114px;
}

.vertical-center span {
    display: inline-block;
    vertical-align: middle;
}

.help {
    font-weight: 400;
    text-align: left;
    font-style: italic;
}