body.creditpay_banner {
    background: unset;
}

body.mps-td .background {
    opacity: 0.85;
    position: absolute;
    z-index: -50;
    background: url(../images/banner_td.jpg) #f6f6f6 no-repeat !important;
    background-position: top center;
    background-size: cover !important;
    top: 82px;
    left: 0;
    right: 0;
    height: calc( 100vh - 82px);
}

.info-bar {
    color: #ffffff;
    padding: 0;
    display: grid;
    grid-template-columns: 3fr 2fr 2fr 2fr 7fr;
    font-family: 'SourceSansPro-Light', sans-serif;
    background: #48A39E;
}

.info-bar .info-block {
    display: unset;
    table-layout: unset;
    height: auto;
}
.info-bar .info-block a {
    color: white;
    padding: 17px 10px;
    display: block;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
}
.info-bar .info-block:not(.identificator):not(.currency-one-account):hover {
    background-color: #4AB5B0;
}
.info-bar .info-block.identificator {
    padding: 10px 15px;
    display: flex;
    justify-content: center;
}
.info-bar .info-block.identificator #email-header {
    border-left: 1px solid rgba(255, 255, 255, 0.69);
    padding-left: 15px;
    margin-left: -55px;
}

@media (min-width: 992px) {
    .info-bar {
        height: auto;
        margin-top: 10px;
    }
}

.other-accounts {
    width: 155px;
    left: 0;
    background-color: #48A39E;
}
.other-accounts-button {
    cursor: pointer;
    padding: 12px 15px;
}
.other-accounts a:hover {
    background-color: #4AB5B0;
}
@media (min-width: 992px) {
    .info-bar .info-block.currency > div {
        width: auto;
    }
}
.info-bar .info-block .other-accounts a {
    padding: 12px 15px;
    text-align: left;
}




nav.navbar-default {
    height: 82px;
}




@media (max-width: 550px) {
    .account > div.bordered-right {
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid #f6f6f6;
    }
}

.navbar-header a {
    padding-top: 10px;
}


.navbar-header a.navbar-brand img {
    max-height: 65px;
}

@media (max-width: 768px) {
    .navbar-header a.navbar-brand {
        width: calc(100% - 120px);
        padding-right: 0;
        margin-left: 15px;
    }

    .login-page {
        max-width: 330px;
        margin-left: auto;
        margin-right: auto;
    }
}


@media (max-width: 992px) {
    .wrapper > .container {
        margin-top: 92px;
    }
}


@media (max-width: 550px) {
    .navbar-header a.navbar-brand img {
        max-height: 50px;
    }

    .navbar-brand,
    .container > .navbar-header,
    nav.navbar > .container,
    nav.navbar-default {
        height: 80px !important;
    }

    .navbar {
        margin-bottom: 0;
    }

    #main-content {
        margin-top: 0 !important;
    }

    .wrapper > .container {
        margin-top: 80px;
    }
}


@media (min-width: 992px) {
    body.creditpay_banner {
        padding-top: 80px;
    }
}


#main-content {
    margin-top: 120px;
}


.wrapper > .container > .site-error > .alert
{
    margin-top: 40px;
}
.wrapper > .container > .alert
{
    margin-bottom: 0px;
    margin-top: 10px;
}






#footer {
    padding: 0;
    margin-top: 40px;
    bottom: 0;
    position: absolute;
}

#footer .bordered {
    padding:5px 0;
    padding-right:25px;
}
#footer .bordered a {
    color:#ababab;
    font-size:12px;
}


body:not(.user-logged) {
    padding-bottom:230px;
}

.part-content {
    height: auto;
    background: white;
    border: 1px solid #969696;
    border-top:4px solid #0091a1;
}

nav .collapse.navbar-collapse > ul > li > a.icon-menu img {
    margin-left: 7px;
}

.form-content .restyled-select {
    position: relative;
    width: 100%;
    background: unset;
    cursor: pointer;
}
.form-content .restyled-select::before {
    content: '';
    position: absolute;
    right: 13px;
    top: 9px;
    border-left: 1px solid #0091a1;
    border-top: 1px solid #0091a1;
    transform: rotate(-135deg);
    width: 10px;
    height: 10px;
    z-index: -1;
}

.form-content .restyled-select select {
    box-shadow: unset;
    cursor: pointer;
    color: #0091a1;
    width: 65px;
    padding-left: 10px;
    font-size: 14px;
}
.navbar-nav > li > a.user-logout
{
    padding: 7px 10px;
    top: 3px;
    height: 34px;
    border: 0;
    color: #0091a1;
    margin-top: -2px;
}
.navbar-nav > li > a.contact-us
{
    top: 3px;
    height: 27px;
    width: 29px;
    padding: initial;
    background-image: url(../images/message_contact_icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-position-x: 0;
}
.navbar-nav > li > a.contact-us:hover {
    background-position-x: -29px;
}
.navbar-nav > li > a.user-logout:hover
{
    color: #0091a1;
}
.user-logout .fa {
    margin-left: 10px;
}
body:not(.user-logged) .navbar-nav > li.logout {
    display: none;
}




nav .collapse.navbar-collapse > ul > li > .user-button {
    border: 1px solid white;
    border-radius: 20px;
    padding: 7px 17px;
    text-transform: uppercase;
    margin-right: 15px;
    color: #0091a1;
}
nav .collapse.navbar-collapse > ul > li > .user-button.user-menu-dropdown-button {
    padding-right: 40px;
}
nav .collapse.navbar-collapse > ul > li > .user-button:hover {
    border-color: #0091a1;
}
nav .collapse.navbar-collapse > ul > li > .user-button.user-menu-dropdown-button::before {
    content: '';
    position: absolute;
    right: 15px;
    top: 8px;
    border-left: 1px solid #0091a1;
    border-top: 1px solid #0091a1;
    transform: rotate(-135deg);
    width: 10px;
    height: 10px;
    z-index: -1;
}
.user-menu-dropdown ul li a {
    font-family: SourceSansPro-Regular;
}











.account-blocked {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.row-info .block-content,
.row-accounts .block-content,
.row-assets .block-content,
.row-additional-info .block-content
{
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.86);
}
.row-info .block-content,
.row-accounts .block-content,
.row-assets .block-content,
.row-additional-info .block-content
{
    border: 1px solid lightgrey;
    border-top: 3px solid  #0091a1;
    padding-top: 15px;
    padding-bottom: 15px;
}
body.page-dashboard .block-content .title {
    font-family: SourceSansPro-Regular;
    font-weight: bold;
    color: #6a6a6a;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-size: 20px;
}
body.page-dashboard .block-content .title span {
    font-size: 11px;
    margin-left: 15px;
}
body.page-dashboard .block-content  .row-asset .title {
    margin-bottom: -7px;
}

.row-info .subtitle,
.row-accounts .subtitle,
.row-assets .subtitle,
.row-additional-info .subtitle
{
    color: grey;
    margin-bottom: -10px;
    text-transform: uppercase;
    font-size: 16px;
}

.row-assets .bar-background {
    height: 32px;
    background-color: lightgrey;
    margin-top: 19px;
    margin-bottom: 18px;
    position: relative;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    -moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    border-radius: 2px;
}
.row-assets .bar-background .bar {
    height: 32px;
    background-color: #6CC04A;
    max-width: 100%;
}
.row-assets .bar-background .bar-text {
    color: white;
    position: absolute;
    top: 0;
    padding: 5px;
    text-transform: uppercase;
    padding-left: 15px;
}
.row-asset .show-all-assets {
    float: right;
}
#assets {
    margin-top: 40px;
}
.row-asset table.user-estate {
    width: 100%;
    border-collapse: unset;
    border-spacing: unset;
    color: grey;
}
.row-asset table.user-estate thead tr.spacer th,
.row-asset table.user-estate tbody tr.spacer td
{
    padding: 5px;
}
.row-asset table.user-estate thead tr:not(.spacer) th,
.row-asset table.user-estate tbody tr:not(.spacer) td
{
    padding: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
.row-asset table.user-estate thead tr th {
    text-transform: uppercase;
}
.row-asset table.user-estate tbody tr td.remain-to-pay {
    color: #D0021B;
}
.row-asset table.user-estate tbody tr td:nth-child(1) {
    padding-left: 15px;
    color: black;
    font-weight: bold;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.row-asset table.user-estate tbody tr td:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.row-asset table.user-estate tbody tr:not(.spacer) {
    background-color: #f7f7f7;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    -moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
}
.row-asset table.user-estate tbody tr:not(.spacer):hover {
    background-color: #efefef;
}
.row-asset table.user-estate .table-bar-background {
    background-color: white;
    border: 1px solid lightgrey;
    position: relative;
    height: 22px;
    max-width: 140px;
}
.row-asset table.user-estate .table-bar {
    background-color: #6CC04A;
    max-width: 100%;
    width: 80%;
    height: 20px;
    position: absolute;
}
.row-asset table.user-estate .table-bar-text {
    text-align: center;
    color: grey;
    width: 100%;
    position: absolute;
    font-size: 12px;
}
.row-asset table.user-estate .table-bar-text.min-60-percent {
    color: white;
}






.row-accounts .row-account > .row {
    margin: 0;
}
.row-accounts .row-account-inner {
    padding: 20px;
    border: 1px solid lightgrey;
    background-color: #fafafa;
}
.row-account-inner .amount.collapse.in,
.row-account-inner .amount.collapsing,
.row-account-inner .currency.collapse.in,
.row-account-inner .currency.collapsing
{
    display: inline-block;
    margin-top: 9px;
    margin-bottom: 5px;
}
/* I want to make space, if currency and amount hidden*/
.row-account-inner .amount.collapse:not(.in)
{
    visibility: hidden;
    display: block;
    height: 14px!important;
}
.row-accounts .other-account.collapse.in,
.row-accounts .other-account.collapsing
{
    margin-top: 20px;
}
.row-info .amount,
.row-account .amount,
.row-asset .amount,
.row-additional-info .amount
{
    font-size: 37px;
}
.row-info .currency,
.row-account .currency,
.row-asset .currency,
.row-additional-info .currency
{
    margin-left: 10px;
    margin-right: 20px;
    font-size: 20px;
}
.row-account .bar,
.row-assets .bar
{
    -webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    -moz-box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
    box-shadow: 3px 3px 5px 0px rgba(235,235,235,0.7);
}
.row-account .income .bar
{
    min-width: 10px;
    height: 13px;
    background-color: #6CC04A;
    width: 70%;
}
.row-account .expenses .bar
{
    height: 13px;
    background-color: #D0021B;
    width: 50%;
}
.row-account .bar
{
    min-width: 10px;
    float: left;
    max-width: 80%;
    border-radius: 2px;
}
.row-account .income-text,
.row-account .expenses-text
{
    margin-bottom: 3px;
}
.row-account .income-amount,
.row-account .expenses-amount
{
    float: left;
    margin-top: -4px;
    margin-left: 5px;
}
.row-accounts .show-other-currencies {
    float: right;
}






.assets-link {
    cursor: pointer;
}

body.page-dashboard .block-content .actual-amount .title
{
    margin-bottom: 0;
}
body.page-dashboard .block-content .row-asset .title
{
    margin-bottom: 5px;
}


.box-welcome-info {
    margin-bottom: 10px;
    height: 168px;
}
.box-welcome-info::before {
    background-repeat: no-repeat;
    background-position: right top;
    right: 0;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin-right: 130px;
    margin-top: 10px;
    z-index: 0;
    height: 140px;
    width: 130px;
}
.box-welcome-info-svk::before {
    background-image: url(../images/samko_bg_svk.png);
}
.box-welcome-info-pol::before {
    background-image: url(../images/samko_bg_pol.png);
}
.box-welcome-info h3 {
    margin-top: 10px;
}
.box-financial-products,
.box-rates {
    height: 109px;
}
.box-financial-products img {
    width: 80px;
    float: right;
    position: absolute;
    right: 20px;
    top: 14px;
}
.box-financial-products a {
    margin-top: 60px;
    display: inline-block;
}
.box-rates .row-rate {
    font-size: 12px;
    color: grey;
}
.box-rates img {
    float: right;
    position: absolute;
    right: 30px;
    top: 40px;
}
.box-rates .all-rates {
    margin-top: 10px;
    overflow: hidden;
    height: 68px;
}
.box-rates .exchange-rates-hover {
    display:none;
}
.box-rates:hover .exchange-rates-hover {
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    height: 108px;
    width: 100%;
    text-align: center;
    padding-top: 42px;
    color: #ffffff;
    background-color: #dfc79c;
    opacity: 0.85;
}
.exchange-rates-hover a {
    color: #000;
    background-color: #ffffff;
    text-decoration: none;
    padding: 10px 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}


.row-info .block-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.box {
    padding: 10px;
    border: 1px solid lightgrey;
    border-radius: 2px;
    background-color: white;
    position: relative;
}
.box + .box
{
    margin-top: 10px;
}




.box.box-accept-money,
.box.box-send-money
{
    display: block;
    padding: 0;
    font-size: 18px;
}
.box.box-accept-money .sign,
.box.box-send-money .sign
{
    color: white;
    display: inline-block;
    width: 47px;
    height: 47px;
    text-align: center;
    padding-top: 9px;
}
.box.box-accept-money .sign {
    background-color: #6CC04A;
}
.box.box-send-money .sign {
    background-color: #D0021B;
}
.box.box-accept-money:hover,
.box.box-send-money:hover {
    border-color: grey;
}
.box.box-accept-money:hover .sign
{
    background-color: #5aaf4b;
}
.box.box-send-money:hover .sign
{
    background-color: #af021b;
}
.box.box-accept-money .text,
.box.box-send-money .text
{
    display: inline-block;
    color: grey;
    padding-left: 15px;
}




.info-tooltip {
    border-radius: 10px;
    width: 16px;
    height: 16px;
    background-color: lightgrey;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
    color: white;
    text-transform: none;
    position: relative;
}
.info-tooltip:before {
    content: 'i';
    position: absolute;
    left: 6px;
    top: -1px;
    font-size: 12px;
}



.box-productivity .bar-background {
    height: 20px;
    background-color: lightgrey;
    margin-top: 19px;
    margin-bottom: 18px;
}
.box-productivity .bar-background .bar {
    height: 20px;
    background-color: #6CC04A;
    max-width: 100%;
}
.box-productivity .percentage {
    float: right;
    font-size: 17px;
}
.box-productivity .percentage-positive {
    color: #6CC04A;
}

.block-content.action-link ul > li a:hover {
    color: #0091a1;
    text-decoration: underline;
}
.block-content {
    margin: 10px 0;
    margin-bottom: 5px;
}

.block-content.info-bar {
    margin-bottom: 0px;
}


body.page-dashboard .block-content > div {
    margin: 0;
}

.action-link {
    color: #0091a1;
    text-transform: uppercase;
}
.action-link:hover{
    color: #007787;
    text-decoration: underline;
}

body.page-dashboard .action-link {
    font-size: 12px;
}







.form-control:focus {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 145, 161, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 145, 161, .6);
}

.form-control select:active, .form-control select:hover {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 145, 161, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 145, 161, .6);
}


.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #0091a1;
}
.nav > li > a {
    color: #0091a1;
}

.nav > li > a:focus, .nav > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0091a1;
    opacity: .8;
    filter: alpha(opacity=80);
}



.btn-primary {
    color: #fff;
    background-color: #0091a1;
    border-color: #0091a1;
}
.btn-primary:hover {
    color: #fff;
    background-color: #00b2c2;
    border-color: #00b2c2;
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #00b2c2;
    border-color: #00b2c2;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #00b2c2;
    border-color: #00b2c2;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #005e6e;
    background-image: none;
    border-color: #005e6e;
}
.btn.btn-bigger-padding {
    padding-left: 30px;
    padding-right: 30px;
}
.form-content .form-btn {
    background-color: #0091a1;
    border-color: #0091a1;
}
.form-content .form-btn:hover {
    background-color: #00b2c2;
    border-color: #00b2c2;
}

#docs .fileinput-button.btn-success {
    color: #fff;
    background-color: #0091a1;
    border-color: #0091a1;
}
#form-signup .form-btn {
    padding: 10px 17px;
}









.modal.in .modal-dialog
{
    color: black;
}
.modal-content
{
    background-color: #ffffff;
}


#modalProductivityInfo .modal-header,
#modalRefundation .modal-header,
#modalDiscountPoints .modal-header
{
    padding: 30px 50px;
    font-weight: bold;
    font-size: 19px;
}
#modalProductivityInfo .modal-body,
#modalRefundation .modal-body,
#modalDiscountPoints .modal-body
{
    padding: 50px;
    padding-top: 30px;
}
#modalProductivityInfo .info-text,
#modalRefundation .info-text
{
    margin-left: 35px;
    margin-bottom: 25px;
    position: relative;
}
#modalProductivityInfo .info-text:before,
#modalRefundation .info-text:before
{
    content: ' ';
    height: 25px;
    width: 25px;
    display: inline-block;
    position: absolute;
    left: -35px;
    top: -4px;
}
#modalProductivityInfo .info-text:before
{
    background-image: url("../images/td-sprites-productivity.png?v=1");
}
#modalRefundation .info-text:before
{
    background-image: url("../images/td-sprites-refundation.png?v=1");
}
#modalProductivityInfo .info-text.productivity-image-money:before {
    background-position: -6px -8px;
}
#modalProductivityInfo .info-text.productivity-image-green-share:before {
    background-position: -6px -48px
}
#modalProductivityInfo .info-text.productivity-image-program-vacation:before {
    background-position: -6px 78px;
}
#modalProductivityInfo .info-text.productivity-image-conversion:before {
    background-position: 34px -48px;
}
#modalRefundation .info-text.refundation-image-hand:before {
    background-position: -6px -88px;
}
#modalRefundation .info-text.refundation-image-piggy-bank:before {
    background-position: 34px -48px;
}
#modalProductivityInfo .info-text:last-child,
#modalRefundation .info-text:last-child
{
    margin-bottom: 0;
}
#modalProductivityInfo .info-text .top-text,
#modalRefundation .info-text .top-text
{
    font-weight: bold;
    color: #0091a1;
}
#modalProductivityInfo .info-text .bottom-text,
#modalRefundation .info-text .bottom-text
{
    padding-right: 20px;
}
#modalProductivityInfo .close,
#modalRefundation .close
{
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
    font-size: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    display: inline-block;
}






.jqstooltip {
    box-sizing: content-box;
}




@media (min-width: 768px) {
    .navbar-right ~ .navbar-right {
        margin-right: unset;
    }
}


@media (max-width: 1376px) {
    #main-content {
        margin-top: 40px;
    }
    .box-rates .all-rates {
        height: 48px;
    }
    .info-bar {
        grid-template-columns: 3fr 2fr 2fr 2fr 5fr;
    }
}


@media (max-width: 991px) {
    .info-bar .info-block {
        width: auto;
    }
}

@media (max-width: 550px) {
    body.page-login #main-content > .container > .row:nth-child(2) > div {
        margin-bottom: 30px;
    }
    .wrapper {
        padding-bottom: 10px;
    }
    body.mps-td .background {
        top: 0;
        height: 100vh;
    }
}

@media (max-width: 767px) {
    .wrapper {
        padding-bottom: 50px;
    }
    .mobile-menu-dropdown-button {
        margin-top: 13px;
        margin-right: 40px;
    }

    .info-bar {
        grid-template-columns: unset;
    }

    .info-bar .info-block {
        text-align: center;
    }
    .info-bar .info-block.identificator #email-header {
        border: unset;
        margin: unset;
        padding: unset;
    }

    .box-welcome-info-svk::before {
        background-image: none;
    }

    .info-bar .info-block {
        text-align: center;
    }
    .box {
        margin-top: 15px;
    }

    .row-account .income-amount,
    .row-account .expenses-amount {
        float:unset;
    }
    .row-account .expenses {
        margin-top: 10px;
    }

    body.page-dashboard .block-content .title span {
        display: block;
        margin-left: 0;
    }
    .info-bar .info-block.identificator {
        display: none;
    }
}


@media (width: 768px) {
    .wrapper {
        padding-bottom: 50px;
    }
    .info-bar {
        grid-template-columns: 3fr 2fr 2fr 2fr;
    }
    .info-bar .info-block.identificator {
        display: none;
    }
    .navbar-collapse {
        top: 0;
        position: absolute;
        right: 30px;
    }
}