﻿/*
    dialogs
*/
#pricingPayPerUseCalcDialog {
    display: block;
}
    #pricingPayPerUseCalcDialog .kp-light-md__md {
        display: block;
        max-width: 670px;
    }
    


.pay-per-use-md__form {
    display: block;
    color: #212121;
    margin: 0;
}
    .pay-per-use-md__title-section {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }
                    
    .pay-per-use-md__choice-section {
        margin-bottom: 20px;
    }
        .pay-per-use-md__radio-item-box {
            margin-bottom: 10px;
        }
            .pay-per-use-md__radio-label {
                font-size: 16px;
                display: inline-block;
                margin: 0;
                width: calc(100% - 20px);
                vertical-align: middle;
            }
            input.pay-per-use-md__radio-input {
                display: inline-block;
                vertical-align: middle;
                margin: 0;
            }
            
    .pay-per-use-md__calc-and-agreement-section {
        position: relative;
    }
    .pay-per-use-md__calc-and-agreement-section.disabled {
        opacity: 0.3;
    }
        .pay-per-use-md__calc-and-agreement-section-disabler {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.5;
            z-index: 10;
        }
        .pay-per-use-md__calc-and-agreement-section.disabled .pay-per-use-md__calc-and-agreement-section-disabler {
            display: block;
        }
        .pay-per-use-md__calc-section {
            margin-bottom: 30px;
        }
            .pay-per-use-md__calc-section-title {
                font-size: 16px;
                margin-bottom: 10px;
                line-height: 1.2em;
            }
                
            .pay-per-use-md__calc-section-calc-box {
                font-size: 16px;
                
            }
                .pay-per-use-md__submit-num-input-box,
                .pay-per-use-md__submit-formula-sign-box,
                .pay-per-use-md__price-per-one-use-box,
                .pay-per-use-md__total-price-box {
                    display: inline-block;
                    vertical-align: middle;
                    height: 40px;
                    line-height: 40px;
                }

                .pay-per-use-md__submit-num-input-box {
                   width: 100px;
                }
                    input.pay-per-use-md__submit-num-input {
                        box-sizing: border-box;
                        height: 40px;
                        width: 100%;
                    }
                    
                .pay-per-use-md__submit-formula-sign-box {
                    
                }
                .pay-per-use-md__price-per-one-use-box {
                    
                }
                                                
                .pay-per-use-md__total-price-box {
                    font-size: 24px;
                    font-weight: bold;
                    
                }
                    .pay-per-use-md__total-price-currency-box {

                    }
                            
                    .pay-per-use-md__total-price-value-box {

                    }
                            
                    
        .pay-per-use-md__agreement-section {
            margin-bottom: 35px;
        }
            .pay-per-use-md__checkbox-item-box {
                text-align: left;
                
            }
                .pay-per-use-md__agreement-label {
                    font-size: 16px;
                    display: inline-block;
                    margin: 0;
                    width: calc(100% - 20px);
                    max-width: 450px;
                    vertical-align: top;
                    line-height: 1.2em;
                }
                input.pay-per-use-md__checkbox-input {
                    display: inline-block;
                    margin: 0;
                    vertical-align: top;
                }

    .pay-per-use-md__footer-section {
        position: relative;
        min-height: 50px;
    }
        .pay-per-use-md__close-dialog-btn,
        .pay-per-use-md__submit-form-btn {
            font-size: 16px;
            position: absolute;
            cursor: pointer;
        }
        .pay-per-use-md__submit-form-btn {
            left: 0;
            line-height: 40px;
            width: 166px;
            border: none;
            text-align: center;
        }
        .pay-per-use-md__close-dialog-btn {
            color: #039be5;
            right: 0;
        }
        
 
@media screen and (max-width: 380px) {
    .pay-per-use-md__submit-num-input-box {
        width: 70px;
    }
    .pay-per-use-md__total-price-box {
        font-size: 20px;
    }
    .pay-per-use-md__submit-form-btn {
        width: 150px;
    }
}

@media screen and (max-width: 319px) {


}
