.remodal-wrapper .remodal {
    text-align: left;
    /* display: none; */
}

.resursbank-modal {
    width: 100%;
    max-width: 1024px;
}

.resursbank-modal .qtip-close.qtip-icon {

}

.resursbank-logo {
    margin-top: 2px;
}

.resursbank-checkout-inline-block {
    display: inline-block;
}

.resursbank-checkout-vertical-top {
    vertical-align: top;
}


/*  ============================================================
    Hostedflow module.
    ============================================================ */

/*  <p> that couldn't be reached otherwise and needed som space. */
.resursbank-modal .main-container .main .col-main p {
    margin-top: 10px;
}

/*  Text above and below the table.
    ------------------------------------------------------------ */
.resursbank-modal .headText,
.resursbank-modal .tailText {
    display: inline-block;
}

.resursbank-modal .headText {
    margin-bottom: 10px;
}

.resursbank-modal .tailText {
    margin-top: 10px;
    font-style: italic;
    font-weight: 500;
}

/*  The table.
    ------------------------------------------------------------ */
.resursbank-modal table.priceTable {
    width: 100%;
}

.resursbank-modal table.priceTable tbody tr td {
    padding: 15px 0px;
}

/*  First column in table. */
.resursbank-modal table.priceTable tbody tr td.header {
    padding-left: 15px;
}

.resursbank-modal .oddRow {
    background-color: #F4F4F4;
}

.resursbank-loader {
    border: 0px solid #f3f3f3; /* Light grey */
    border-top: 2px solid #3498db; /* Blue */
    border-radius: 100%;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    animation: resursbank_spin 1s linear infinite;
}

@keyframes resursbank_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes resursbank_fade_out {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.resursbank-hide {
    display: none;
}