/**
* Copyright (c) 2008-2016 dotSource GmbH.
* All rights reserved.
* http://www.dotsource.de
*/
/**
* checkout payment step
*/
@media(min-width: 768px) {
    .payment-method.payolution select.dob-day {
        width: 65px;
    }
    .payment-method.payolution select.dob-month {
        width: 150px;
    }
    .payment-method.payolution select.dob-year {
        width: 100px;
    }
}

@media(max-width: 767px) {
    .payment-method.payolution select.dob-day,
    .payment-method.payolution select.dob-month,
    .payment-method.payolution select.dob-year {
        width: 30%;
    }
}

.payment-method.payolution .method-unavailable {
    color: #ff0000;
    font-size: 0.8em;
}
.payment-method.payolution .organization .organization-type select,
.payment-method.payolution .company-details input,
.payment-method.payolution .sole-trader-details input,
.payment-method.payolution .account-details input {
    width: 400px;
    margin-top: 5px;
}
.payment-method.payolution .company-details label,
.payment-method.payolution .sole-trader-details label,
.payment-method.payolution .account-details label {
    display: block;
    margin-top: 10px;
}
.payment-method.payolution .fieldset {
    margin-top: 10px;
}
.payment-method.payolution .fieldset .field {
    margin: 0 0 10px;
}
.payment-method.payolution .instalment-rates {
    float: left;
    margin-right: 20px;
}
.payment-method.payolution .instalment-data-area {
    float: left;
    font-size: 0.8em;
    min-width: 200px;
    padding: 0 10px;
}
.payment-method.payolution .instalment-data-area .ins-value {
    text-align: right;
}
.payment-method.payolution .instalment-data-area .ins-bold {
    font-weight: bold;
}
.payment-method.payolution .instalment-data-area table td {
    padding: 0;
}
.payment-method.payolution .clearfix {
    clear: both;
}
.payment-method.payolution .instalment-rates ul {
    list-style: none;
}
.payment-method.payolution .instalment-rate {
    min-width: 215px;
}

/**
* Instalment plan on product detail page / cart
*/
.instalment-dialog-content {
    max-width: 440px;
}
.instalment-data-title {
    margin-top: 0;
    margin-bottom: 4px;
    width: 66%;
    float:left;
}
.instalment-data-value {
    margin-top: 0;
    margin-bottom: 4px;
    width: 33%;
    float:left;
    text-align: right;
}
.ins-separator {
    margin-bottom: 8px;
}
.ins-plan {
    background: #efefef;
    float:left;
    list-style: none;
    font-size: 10px;
    padding: 0;
    width: 100%;
}
.ins-plan li {
    margin-bottom: 0;
    text-align: center;
}
.payment-method-content .ins-plan li {
    padding: 0 10%;
}
.ins-plan li.hidden {
    display: none;
}
#instalment_toggler {
    cursor: pointer;
    text-decoration: underline;
    font-size:15px;
}
.ins-select-button {
    text-align:center;
    margin:0 10px 10px 0;
    min-width:120px;
    display:block;
    padding:5px 10px;
    float:left;
    text-transform: none;
}
.ins-active-button {
    background: #006bb4;
    color: #fff
}
.ins-planholder {
    float:left;
}
.ins-bottomtext {
    margin-top: 8px;
    float:left;
}
.instalment-selectButtons-area {
    float: left;
    width: 120px;
}
.instalment-data {
    float: right;
    width: 250px;
}
.instalment-data .ins-bold {
    font-weight: bold;
    font-size: 14px;
}
.instalment-hint {
    clear: both;
    font-size: 0.8em;
}