/****** FILE: themes/sahc/css/deposit-portal.css *****/
.deposit-portal
.container{max-width:1050px;margin:auto;padding-bottom:70px !important;margin-bottom:80px}.deposit-portal .container .block-title{font-size:22px;padding:0px
20px 15px}.deposit-portal .container .client-details input,
.deposit-portal .container .client-details select,
.deposit-portal .container .contract-details input,
.deposit-portal .container .contract-details select,
.deposit-portal .container .card-details input,
.deposit-portal .container .card-details
select{background-color:#eee !important;font-size:18px;padding:19px
25px !important;height:auto;color:#000;border:1px
solid #eee;margin-bottom:35px !important;line-height:16px}.deposit-portal .container .client-details input.has-error,
.deposit-portal .container .client-details select.has-error,
.deposit-portal .container .contract-details input.has-error,
.deposit-portal .container .contract-details select.has-error,
.deposit-portal .container .card-details input.has-error,
.deposit-portal .container .card-details select.has-error{border:1px
solid #f00 !important;background-color:#ffd1d1 !important;color:#f00 !important}.deposit-portal .container .client-details input.has-error::placeholder,
.deposit-portal .container .client-details select.has-error::placeholder,
.deposit-portal .container .contract-details input.has-error::placeholder,
.deposit-portal .container .contract-details select.has-error::placeholder,
.deposit-portal .container .card-details input.has-error::placeholder,
.deposit-portal .container .card-details select.has-error::placeholder{color:#f00 !important;opacity:1}.deposit-portal .container .client-details input.has-error:-ms-input-placeholder,
.deposit-portal .container .client-details select.has-error:-ms-input-placeholder,
.deposit-portal .container .contract-details input.has-error:-ms-input-placeholder,
.deposit-portal .container .contract-details select.has-error:-ms-input-placeholder,
.deposit-portal .container .card-details input.has-error:-ms-input-placeholder,
.deposit-portal .container .card-details select.has-error:-ms-input-placeholder{color:#f00 !important}.deposit-portal .container .client-details input.has-error::-ms-input-placeholder,
.deposit-portal .container .client-details select.has-error::-ms-input-placeholder,
.deposit-portal .container .contract-details input.has-error::-ms-input-placeholder,
.deposit-portal .container .contract-details select.has-error::-ms-input-placeholder,
.deposit-portal .container .card-details input.has-error::-ms-input-placeholder,
.deposit-portal .container .card-details select.has-error::-ms-input-placeholder{color:#f00 !important}.deposit-portal .container .client-details input::placeholder,
.deposit-portal .container .client-details select::placeholder,
.deposit-portal .container .contract-details input::placeholder,
.deposit-portal .container .contract-details select::placeholder,
.deposit-portal .container .card-details input::placeholder,
.deposit-portal .container .card-details select::placeholder{color:#8c8c8c !important;opacity:1}.deposit-portal .container .client-details input:-ms-input-placeholder,
.deposit-portal .container .client-details select:-ms-input-placeholder,
.deposit-portal .container .contract-details input:-ms-input-placeholder,
.deposit-portal .container .contract-details select:-ms-input-placeholder,
.deposit-portal .container .card-details input:-ms-input-placeholder,
.deposit-portal .container .card-details select:-ms-input-placeholder{color:#8c8c8c !important}.deposit-portal .container .client-details input::-ms-input-placeholder,
.deposit-portal .container .client-details select::-ms-input-placeholder,
.deposit-portal .container .contract-details input::-ms-input-placeholder,
.deposit-portal .container .contract-details select::-ms-input-placeholder,
.deposit-portal .container .card-details input::-ms-input-placeholder,
.deposit-portal .container .card-details select::-ms-input-placeholder{color:#8c8c8c !important}.deposit-portal .container .client-details .sideph,
.deposit-portal .container .contract-details .sideph,
.deposit-portal .container .card-details
.sideph{padding-right:110px !important}.deposit-portal .container .client-details .ph,
.deposit-portal .container .contract-details .ph,
.deposit-portal .container .card-details
.ph{position:relative;float:right;right:20px;top:-75px;display:inline-block;height:0;color:#00b0ff;font-size:12px}.deposit-portal .container .client-details .ph.red,
.deposit-portal .container .contract-details .ph.red,
.deposit-portal .container .card-details
.ph.red{color:#f00 !important}.deposit-portal .container .contract-details{padding-top:30px}.deposit-portal .container .pay-invoice{margin-left:15px;margin-right:15px;margin-top:8px}.deposit-portal .container .pay-invoice
.heading{background:#00b0ff;color:#fff;border-top:2px solid #00b0ff;border-left:2px solid #00b0ff;border-right:2px solid #00b0ff}.deposit-portal .container .pay-invoice .heading
.title{border-right:1px solid #fff;font-size:22px;font-weight:bold;line-height:95px;padding-left:25px}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .heading
.title{border-right:0px !important;line-height:70px !important}}.deposit-portal .container .pay-invoice .heading .secure-payment
.title{line-height:20px !important;border-right:0 !important;padding:30px
0 0 70px !important;font-size:16px !important}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .heading .secure-payment
.title{border-right:0px !important;padding:0
0 0 62px !important}}.deposit-portal .container .pay-invoice .heading .secure-payment .title::before{content:"";background:url("/static/images/lock.svg") no-repeat;height:36px;width:25px;position:absolute;margin-left:-45px}.deposit-portal .container .pay-invoice .heading .secure-payment
.subtitle{font-size:12px;padding-left:70px}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .heading .secure-payment
.subtitle{padding-bottom:40px;font-size:10px;padding-left:62px}}.deposit-portal .container .pay-invoice .card-details{border-bottom:2px solid #eee;border-left:2px solid #eee;border-right:2px solid #eee;padding:0
12px}.deposit-portal .container .pay-invoice .card-details .card-number
.ph{display:none !important}.deposit-portal .container .pay-invoice .card-details input.has-error,
.deposit-portal .container .pay-invoice .card-details input.jp-card-invalid{border:1px
solid #00b0ff !important;background:#ffd1d1 !important;color:#000 !important}.deposit-portal .container .pay-invoice .card-details input.has-error ::placeholder,
.deposit-portal .container .pay-invoice .card-details input.jp-card-invalid ::placeholder{color:#00b0ff !important;opacity:1}.deposit-portal .container .pay-invoice .card-details input.has-error :-ms-input-placeholder,
.deposit-portal .container .pay-invoice .card-details input.jp-card-invalid :-ms-input-placeholder{color:#00b0ff !important}.deposit-portal .container .pay-invoice .card-details input.has-error ::-ms-input-placeholder,
.deposit-portal .container .pay-invoice .card-details input.jp-card-invalid ::-ms-input-placeholder{color:#00b0ff !important}.deposit-portal .container .pay-invoice .card-details
input.visa{background:url("/static/images/visa.svg") no-repeat right 10px center;background-size:69px 22px;padding-right:90px !important}.deposit-portal .container .pay-invoice .card-details .payment-amount{padding:0;font-size:22px;color:#00b0ff}.deposit-portal .container .pay-invoice .card-details .payment-amount
.ph{display:none !important}.deposit-portal .container .pay-invoice .card-details .payment-amount
input{background:#fff !important;border:1px
solid #e1e1e1 !important;color:#000;font-size:30px !important;padding:16px
25px !important;font-weight:normal !important}.deposit-portal .container .pay-invoice .card-details .payment-amount input.has-error{border:1px
solid #00b0ff !important;background:#ffd1d1 !important;color:#00b0ff !important}.deposit-portal .container .pay-invoice .card-details .payment-amount input.has-error ::placeholder{color:#00b0ff !important;opacity:1}.deposit-portal .container .pay-invoice .card-details .payment-amount input.has-error :-ms-input-placeholder{color:#00b0ff !important}.deposit-portal .container .pay-invoice .card-details .payment-amount input.has-error ::-ms-input-placeholder{color:#00b0ff !important}.deposit-portal .container .pay-invoice .card-details .payment-amount
span{line-height:68px}.deposit-portal .container .pay-invoice .card-details .pay-action{text-align:center}.deposit-portal .container .pay-invoice .card-details .pay-action.has-error .pay-button{background:#eee;color:#909090 !important;pointer-events:none}.deposit-portal .container .pay-invoice .card-details .pay-action.has-error .pay-button::before{content:"";background:url("/static/images/lock-small-gray.svg") no-repeat !important}.deposit-portal .container .pay-invoice .card-details .pay-button{background:#00b0ff;width:auto;clear:both;margin:20px
auto 70px auto;color:#fff;font-size:24px;padding:23px
60px 23px 70px;font-weight:bold;min-width:320px}@media only screen and (max-width: 422px){.deposit-portal .container .pay-invoice .card-details .pay-button{padding:23px
38px 23px 57px !important;width:100% !important;font-size:22px !important;min-width:0 !important}}.deposit-portal .container .pay-invoice .card-details .pay-button
span{}.deposit-portal .container .pay-invoice .card-details .pay-button:hover{opacity:0.8}.deposit-portal .container .pay-invoice .card-details .pay-button::before{content:"";background:url("/static/images/lock-small.svg") no-repeat;height:21px;width:15px;position:absolute;margin-left:-30px}.deposit-portal .container .pay-invoice .card-details .cc-cvc,
.deposit-portal .container .pay-invoice .card-details .cc-date{padding:0}@media only screen and (min-width: 640px){.deposit-portal .container .pay-invoice .card-details .cc-date
input{border-right:1px solid #fff !important}}.deposit-portal .container .pay-invoice .card-details .cvc-info{font-size:15px;background:#00b0ff;color:#fff;font-weight:bold;border-radius:50px;padding:0px
6px;position:relative;float:right;top:-95px;right:7px;line-height:19px;cursor:pointer}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .card-details .cvc-info{margin-bottom:-19px !important}}.deposit-portal .container .pay-invoice .card-details .cvc-info .cvc-info-block{display:none;position:absolute;background:url("/static/images/card-bg.svg") no-repeat center center;height:283px;width:313px;text-align:center;padding:36px;color:#00b0ff;font-size:16px;margin-top:-303px;margin-left:-153px}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .card-details .cvc-info .cvc-info-block{margin-left:-278px !important;background:url("/static/images/card-bg-small.svg") no-repeat center center}}.deposit-portal .container .pay-invoice .card-details .cvc-info .cvc-info-block
p{padding-top:10px}.deposit-portal .container .pay-invoice .card-details .cvc-info .cvc-info-block p
span{font-weight:bold}.deposit-portal .container .pay-invoice .card-details .error-block{padding:0
15px;margin:0;color:#f00;font-size:20px;margin-bottom:30px}.deposit-portal .container .pay-invoice .card-details .img,
.deposit-portal .container .pay-invoice .card-details
.description{border:1px
solid #f00;background:#ffd1d1;padding:0;height:140px}.deposit-portal .container .pay-invoice .card-details
.img{border-right:none !important;text-align:right;line-height:135px;padding-right:30px}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .card-details
.img{text-align:center !important;line-height:10px !important;height:auto;border-right:1px solid #f00 !important;border-bottom:0px !important;padding:20px
20px 0 20px !important}}.deposit-portal .container .pay-invoice .card-details
.description{border-left:none !important;padding:33px
135px 33px 0 !important;line-height:37px}@media only screen and (max-width: 840px){.deposit-portal .container .pay-invoice .card-details
.description{padding-right:25px !important;font-size:18px !important}}@media only screen and (max-width: 639px){.deposit-portal .container .pay-invoice .card-details
.description{border-top:0 !important;text-align:center;padding:20px
!important;font-size:16px !important;line-height:28px !important;height:auto;border-left:1px solid #f00 !important}}.deposit-portal .container .pay-invoice
.cards{border-left:2px solid #eee;border-right:2px solid #eee;text-align:center;padding:30px
0}.deposit-portal .container .pay-invoice .cards
.visa{padding-right:40px}.deposit-portal .page-title
h1{color:#000 !important}.deposit-portal .page-title
.lead{max-width:430px;margin:auto}@media only screen and (max-width: 1023px){.deposit-portal{padding-top:0px}}.page-one,.page-divider,.page-two{width:auto;display:inline-block}.page-indicators{text-align:center;padding-bottom:48px;padding-top:35px}.page-one .page-icon{background:url("/static/images/pp1-gray.svg") no-repeat #e0e0e0 center center;height:80px;width:80px;border-radius:100px;margin:auto}.page-one.active .page-icon{background:url("/static/images/pp1.svg") no-repeat #00b0ff center center}.page-two .page-icon{background:url("/static/images/card-gray.svg") no-repeat #e0e0e0 center center;height:80px;width:80px;border-radius:100px;margin:auto}.page-two.active .page-icon{background:url("/static/images/card-white.svg") no-repeat #00b0ff center center}.page-title{padding:10px
0 0 0 !important;color:#000;font-size:15px}.page-desc{font-size:15px;color:#6a6a6a}.page-divider{width:222px;height:1px;background:#d8d8d8;position:relative;top:-88px;margin-left:-5px;margin-right:-4px}@media only screen and (max-width: 500px){.page-divider{width:100px !important}}.continue-action{text-align:center}.continue-button{background:#00b0ff;width:auto;clear:both;margin:20px
auto 10px auto;color:#fff;font-size:24px;padding:23px
60px 23px 60px;font-weight:bold;text-transform:uppercase}.continue-button:hover{opacity:0.8}@media only screen and (max-width: 424px){.continue-button{font-size:20px !important;padding:23px
20px 23px 20px !important;width:100% !important}}.card-container{position:relative}.page-loader{position:absolute;width:100%;height:100%;background:rgba(255, 255, 255, 0.9);border:2px
solid #eee;border-top:0px;color:#000;font-size:22px;font-weight:bold;text-align:center;z-index:1}.page-loader .loading-message,
.page-loader .loading-dots{position:relative;top:50%;transform:translateY(-50%)}@keyframes dot-keyframes{0%{background-color:#00b0ff}100%{background-color:#d8d8d8}}.page-loader .loading-dots{text-align:center;width:100%}.page-loader .loading-dots--dot{animation:dot-keyframes 3s infinite ease-in-out;background-color:#d8d8d8;border-radius:10px;display:inline-block;height:18px;width:18px}.page-loader .loading-dots--dot:nth-child(2){animation-delay:0.5s}.page-loader .loading-dots--dot:nth-child(3){animation-delay:1s}.page-loader .loading-dots--dot:nth-child(4){animation-delay:1.5s}.page-loader .loading-dots--dot:nth-child(5){animation-delay:2s}.payment-success{position:absolute;top:0;text-align:center;width:100%;height:100%;background:#fff;border:2px
solid #eee;border-top:0px;color:#000;text-align:center;padding-top:calc(50% - 170px);padding-bottom:calc(50% - 170px);font-size:22px;line-height:40px;font-weight:bold}.payment-success .success-image{background:url("/static/images/payment-success.svg") no-repeat center center;width:136px;height:136px;margin:auto}.payment-success .view-receipt{color:#00b0ff;padding-top:10px;text-decoration:underline;cursor:pointer}.payment-success .success-message{padding-top:30px}.payment-success-content{position:relative;top:50%;transform:translateY(-50%)}.payment-receipt{max-width:571px;margin:auto}.payment-receipt
.title{border-right:0px !important}.payment-receipt-details{border:1px
solid #eee;border-top:0 !important;padding:55px
13px 35px 13px}@media only screen and (max-width: 535px){.payment-receipt-details{padding:35px
13px 25px 13px !important}}.payment-receipt-details
.name{color:#1d1d1d !important;font-weight:bold;font-size:22px;padding-bottom:30px}.payment-receipt-details .value,
.payment-receipt-details
.title{display:inline-block;padding-bottom:30px;font-size:22px}@media only screen and (max-width: 535px){.payment-receipt-details .value,
.payment-receipt-details
.title{width:100% !important;text-align:left !important}}.payment-receipt-details
.value{width:55%;color:#1d1d1d !important;font-weight:bold;text-align:right}@media only screen and (max-width: 535px){.payment-receipt-details
.value{padding-bottom:20px !important}}.payment-receipt-details
.title{width:45%;color:#00b0ff !important}@media only screen and (max-width: 535px){.payment-receipt-details
.title{padding-bottom:5px !important}}.payment-receipt-thanks{border:1px
solid #eee;border-top:0 !important;text-align:center;padding:55px
20px}@media only screen and (max-width: 535px){.payment-receipt-thanks{padding:35px
20px !important}}.payment-receipt-thanks
.heading{background:none !important;border:0
!important;color:#00b0ff !important;font-size:18px;line-height:30px;font-weight:bold}.payment-receipt-thanks .sub-heading{color:#1d1d1d !important;font-size:18px;line-height:34px}.stripe-field{background-color:#eee;font-size:18px;padding:19px
25px !important;height:auto;color:#000;border:1px
solid #eee;margin-bottom:40px !important}.stripe-field.has-error{border:1px
solid #00b0ff;background:#ffd1d1;color:#00b0ff}.stripe-field--card-number{padding-right:0}.stripe-field
.visa{background-repeat:no-repeat;background-position:right 10px center;background-size:69px 22px;padding-right:90px}.deposit-portal
option{padding:20px
!important;font-family:"Museo Sans 500" !important;line-height:30px;font-size:18px !important}.deposit-portal .container .pay-invoice .card-details input.commweb-field{margin:0;padding:0;border:0}.gw-proxy-number,.gw-proxy-nameOnCard,.gw-proxy-securityCode,.gw-proxy-expiryMonth,.gw-proxy-expiryYear{margin-bottom:0 !important}.deposit-portal .container .pay-invoice .card-details .img,
.deposit-portal .container .pay-invoice .card-details
.description{height:auto}.deposit-portal .container .pay-invoice .card-details
.img{border-right:0;border-bottom:0}.deposit-portal .container .pay-invoice .card-details .error-block{position:relative}.deposit-portal .container .pay-invoice .card-details .error-block:after{border:1px
solid #f00;background:#ffd1d1;content:"x";position:absolute;top:0;bottom:0;right:0.9375rem;left:0.9375rem;z-index:-1}.deposit-portal .stripe-field input,
.deposit-portal .card-zip{font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.deposit-portal .container .card-details input::placeholder{color:#000 !important}.deposit-portal .container .pay-invoice .card-details .payment-amount
input{font-size:24px !important}