.installment-starting-service-page { background: #fff; height: calc(100vh); .exclamation { background-color: #ff7f7f; color: white; padding: 15px 20px 15px 34px; font-weight: normal; } .field { padding: 25px 25px 25px 30px; border-bottom: 1px solid #e0e0e0; height: 90px; } .apply-button { background-color: #444; color: white; border: none; border-radius: 4px; font-size: 27px; width: 473px; height: 90px; line-height: 90px; margin: 0 auto; display: block; &.disabled { opacity: 0.5; } &.disabled:active { background-color: #444; } } .apply-button:active { background: #131313; } .agreements { padding: 22px 30px 0 70px; line-height: 40px; input { padding: 10px; } label { font-size: 27px; color: #444; } .text-label { margin-left: 12px; } a { color: #4d90e2; &:hover { text-decoration: underline; } } } .bank-info { padding-left: 100px; img { width: 32px; height: 32px; display: inline-block; } span { line-height: 32px; position: absolute; margin-left: 10px; margin-top: 1px; } } .count-down { border: 1px solid #84c990; border-radius: 32px; background: transparent; color: #84c990; width: 160px; height: 55px; float: right; white-space: nowrap; padding: 0; margin-top: -8px; margin-right: 6px; &.disabled { color: #e0e0e0; border-color: #e0e0e0; } } .data-encryption { color: #b0b0b0; margin: 118px auto 15px; text-align: center; } label { font-size: 32px; color: #444; float: left; } input[type=text], input[type=number], input[type=tel] { width: 422px; font-size: 27px; height: 40px; color: #444; float: left; margin-top: 2px; border: none; background: transparent; } .provider-mark { text-align: center; font-size: 24px; color: #444; margin-top: 58px; margin-bottom: 24px; } .bottom-block { width: 100%; text-align: center; margin-top: 30px; } .notice { float: right; font-size: 28px; color: #444; padding: 2px 10px 10px; } } .installment-check-btn { display: none; & + label { &:before { position: absolute; content: ""; display: inline-block; width: 48px; height: 44px; background: url("/home/circle-check-off.png"); background-size: cover; margin-left: -40px; } } &:checked { & + label:before { background: url("/home/circle-check-on.png"); background-size: cover; } } } .installment-overdue-notice { .notice-area { width: 560px; margin: -165px 0 0 -280px; } .notice-cont { padding: 28px !important; } }