body {
    padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    body {
        padding-top: 0px;
    }

    .logo-d {
        display: none;
    }

    .logo-m {
        display: normal;
    }

    .navbar-inverse {
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 1025px) {
    body {
        padding-top: 140px;
    }

    .logo-d {
        display: normal;
    }

    .logo-m {
        display: none;
    }

    .navbar-inverse {
        padding-bottom: 20px;
    }
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.navbar-inverse {
    background-color: #ffffff;
    /*background-color: #df7f1b;*/
    border: none;
    padding-top: 20px;
}

.navbar-inverse .navbar-brand
{
        color: #FFFFFF;
}

.navbar-inverse .navbar-nav > li > a
{
        color: #FFFFFF;
}

input#msg
{
    float: left;
}

input 
{
    max-width: 120px;
}

.input-group .text-box
{
    float: left;
}

.navbar-header img
{
    float: none;
}


.navbar-brand
{
    padding: 20px 15px;
}

.swishh2
{
    text-align: center;
}

#swishform 
{
    margin-left: auto;
    margin-right: auto;
    width: 320px;
    padding: 20px;
    background-color: #F2F2F2;
    border-radius: 15px 15px 15px 15px;
}

.input-group 
{
    width: 100%;
}

input 
{
    max-width: 238px;
}

h2 img.swishlogo
{
    padding: 20px;
    margin-right: 10px;
}

.has-error
{
    /*height: 12px;*/
    line-height: 12px;
    font-size: smaller;
    color: red;
    margin-top: 6px;
}

.container > .navbar-header
{
    text-align: center;
}

#statusMessage {
    text-align: center;
}
#statusMessage img {
    width: 60%;
}

@media (min-width: 768px)
{
    .navbar > .container .navbar-brand {
    margin-left: 15px;
    }

    .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 15px;
    }

        .container {
    max-width: 530px;
    }

    .navbar-header {
        float: none !important;
    }
}

@media (min-width: 992px)
{
    .container {
    max-width: 530px;
    }

}

@media (min-width: 1200px)
{
    .container {
    max-width: 530px;
    }
}

@media screen and (min-width: 600px)
{
    .modal-trustly {max-width:602px;}
}

iframe {
    width:100%; 
    height:704px;
    margin:auto; 
    border:none;
}

.cardlogo {
    height: 30px;
}