.doc-upload-holder.other-tab .e-canvas-wrapper, .doc-upload-holder.canvas-tab .e-sign-wrapper { display: none; } .single-border .form-control { padding: 5px 0; } .hero-block .hero-holder { padding: 0 } .hero-block #header { margin: 0 } body.ccart #main>.container>[id*="block-content-99"] { min-height: 500px } #enrollment-tab-content { position: relative; min-height: 500px } .enrollment-container-holder { margin-bottom: 49px } .enrollment-container-holder .enrollment-holder::before { position: absolute; content: ''; width: 216px; height: 114px; bottom: -10px; right: 0 } .enrollment-container::before { position: absolute; content: ''; width: 73px; height: 71px; left: 150px } .enrollment-container::after { position: absolute; content: ''; width: 168px; height: 389px; right: 0; top: -50px; z-index: 9 } .ccart_landing-page .enrollment-container::after { z-index: 1 } .enrollment-container-holder .content-holder .first-container .container::before { position: absolute; content: ''; width: 140px; height: 161px; left: -185px; top: -90px; z-index: -1 } .enrollment-container-holder .content-holder .first-container .container::after { position: absolute; content: ''; width: 51px; height: 49px; right: -280px; top: -110px } .enrollment-container-holder .content-holder .third-container::before { background: url(../../../../cstatic/01bd0ae5-2a8d-47c2-81d4-5093af5be96e/prepaid-landing-bg-9.png) no-repeat; position: absolute; content: ''; width: 167px; height: 167px; right: 50px } .enrollment-container-holder .content-holder .third-container::after { background: url(../../../../cstatic/596b93f4-92a0-429b-a1d4-ddb64ec5e7ff/prepaid-landing-bg-10.png) no-repeat; position: absolute; content: ''; width: 165px; height: 132px; left: 0; top: 50px } .enrollment-container-holder .content-holder .second-container::before { background: url(../../../../cstatic/37a4b195-ba75-45bf-85e0-7ffe9ff1cdcc/prepaid-landing-bg-11.png) no-repeat; position: absolute; content: ''; width: 79px; height: 28px; left: 0; top: 40%; z-index: -99 } .enrollment-container-holder .content-holder .second-container::after { background: url(../../../../cstatic/e164f79d-af5c-4c7b-99bc-927fd971cca0/prepaid-landing-bg-12.png) no-repeat; position: absolute; content: ''; width: 76px; height: 36px; right: 0; top: 50% } .enrollment-container-holder .content-holder .second-container, .third-container { position: relative } .third-container { padding: 0 0 30px } .third-container .images-frame::before { background: url(../../../../cstatic/f2642bd9-5ed7-4c9c-b08d-773c8c66de57/prepaid-landing-bg-13.png) no-repeat; position: absolute; content: ''; width: 97px; height: 96px; right: 20px; top: 95px } .enrollment-container-holder .content-holder .first-container { background: -moz-linear-gradient(180deg, #FFF 0%, #EBEBEB 57.9%, #FFF 97.45%); background: -webkit-linear-gradient(180deg, #FFF 0%, #EBEBEB 57.9%, #FFF 97.45%); background: linear-gradient(180deg, #FFF 0%, #EBEBEB 57.9%, #FFF 97.45%); /*mix-blend-mode: normal; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#EBEBEB', GradientType=0)*/ } .enrollment-container .enrollment-tabs .nav-link { padding: 10px 15px; min-width: 148px; background-color: #F2F3F3; font-size: .8195rem; font-weight: 500; letter-spacing: .19px } .enrollment-container .enrollment-tabs .nav-link.disabled { pointer-events: none } .enrollment-container .enrollment-tabs { margin-bottom: 40px } .enrollment-tabs:empty { margin: 0 } .enrollment-container .enrollment-tabs .nav-link .text { color: #222; font-size: 13.5px; letter-spacing: .19px; line-height: 20px; font-weight: 500 } .enrollment-container-holder .content-holder .content-header { max-width: 800px; text-align: center; margin: 0 auto; padding: 0 20px } .enrollment-container-holder .content-holder .content-header p { font-size: 1rem; line-height: 1.6; text-align: center; color: #000; font-weight: 300; margin-bottom: 40px !important; } .enrollment-container-holder .content-holder .content-header h1 { margin-bottom: 18px; font-weight: 700; font-size: 2.375rem; line-height: 1.09524; color: #0F0F0F } .enrollment-container-holder .content-holder .container { position: relative } .enrollment-container-holder .content-holder::before { position: absolute; content: ''; min-width: 311px; width: 100%; height: 650px; max-width: 330px; pointer-events: none; z-index: 2 } /* .enrollment-container-holder .content-holder .first-container::before{background:url(../../../../cstatic/f9e902ea-eede-47d4-a5e3-4bee0c162205/prepaid-landing-bg-8.png) no-repeat;position:absolute;content:'';width:167px;height:167px;top:650px;left:30px;z-index:1} */ .third-container .images-frame .img-1 { margin: 0 0 35px } .third-container .images-frame .img-3 { margin: -95px 0 0 } .options-holder { padding: 20px 15px; margin: 0 0 35px; position: relative; border-top: 1px solid #EBEBEB; padding-bottom: 20px } .options-holder::before { position: absolute; top: 0; left: 0; right: 0; height: 1px; content: ''; z-index: -1; background: #EBEBEB } .options-holder .options-item .img-holder { text-align: center; margin-bottom: 10px } .options-holder .options-item { padding: 20px } .options-holder .options-item img { width: 70px } .options-holder .options-item .title { color: #2F2F2F; font-size: 18px; font-weight: 700; line-height: 36px; text-align: center; margin-bottom: 4px } .options-holder .options-item .description { color: #757575; font-size: .8125rem; line-height: 1.62; text-align: center } .enrollment-container-holder .content-holder .sticky-btn-holder { text-align: right } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { position: fixed; bottom: 20px; right: 100px; z-index: 999 } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn { height: 44px; min-width: 142px; border-radius: 25px; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); position: relative; float: left } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .badge { height: 30px; width: 30px; border-radius: 100%; position: absolute; top: -15px; left: -7px } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .badge-text { color: #FFF; font-size: 17px; line-height: 25px; text-align: center; font-weight: 400 } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .btn-text { color: #FFF; font-size: 15px; text-align: center; display: inline-block; padding-bottom: 10px } .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn { height: 44px; min-width: 44px; border-radius: 25px;box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); height: 44px; width: 44px; border-radius: 25px; background-color: #8F54FF; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); float: left; margin-left: 5px } .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn .icon-cross.ico { font-size: 10px; color: #FFF; display: inline-block; margin: 4px 0 0 -3px } .third-container .article-holder { padding: 65px 15px 0 5px } @media(max-width:768px) { .third-container .article-holder { padding: 15px 5px } } .third-container .article-holder .title h2 { color: #201D1E; font-size: 35px; line-height: 40px; margin: 0 0 52px } .third-container .article-holder .title h4 { color: #201D1E; line-height: 46px } .third-container .article-holder .article-block .heading { color: #2F2F2F; font-size: 18px; font-weight: 700; line-height: 2; margin: 0 0 2px } .third-container .article-holder .article-block p { color: #757575; font-size: .9375rem; line-height: 1.38 } .third-container .article-holder .article-block { margin: 0 0 30px } [aria-describedby=cardEnrollmentDialog] { min-width: 761px !important } [aria-describedby=cardEnrollmentDialog] .slimScrollDiv { max-height: 100% !important } [aria-describedby=cardEnrollmentDialog].ui-dialog .scroll-holder { max-height: calc(100vh - 300px) !important } [aria-describedby=cardEnrollmentDialog] .ui-dialog-content { padding: 40px 25px 20px 35px } [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn { position: absolute; right: 20px; top: 20px; font-size: 8px; color: #585858 } [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn span { font-weight: 700 } [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn:hover, [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn:focus { outline: 1px dotted #222; outline-offset: 3px } #cardProgDesignForm { padding-top: 0 } .card-selection-holder .card-item:hover, .card-selection-holder .card-item.selected { border: 1px solid #DFE6EE; border-radius: 8px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); cursor: pointer } .card-selection-holder .card-item .img-holder { margin: 0 0 10px; width: 200px; min-height: 131px; text-align: center } .card-selection-holder .card-item .img-holder img { width: 100%; height: auto } .card-enrollment-btns { padding: 25px 25px 10px 15px; position: static } .card-enrollment-btns .btn { min-width: 128px; margin: 10px 0 !important } .card-enrollment-btns .btn-light { float: left } .card-enrollment-btns .btn-orange { float: right } .card-selection-holder .card-item .card-title { text-transform: capitalize; color: #201D1E; font-size: 12px; line-height: 19px; font-weight: 700 } .card-selection-holder .card-item { padding: 9px; display: inline-block; border: 1px solid #fff; margin: 5px 2px } .card-comparison-container .card-selection-holder .card-item { display: block } .card-selection-holder .slimScrollBar { right: 0 !important } [aria-describedby=cardEnrollmentDialog] .title { color: #222; font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; padding: 0 0 0 20px } #currCalcDiv { display: none } #currCalcDiv #currCalcDiv, #currCalcDiv.show { display: block } .currency-cal-container .currency-cal-holder { width: 100%; min-height: 265px; position: fixed; z-index: 999; left: 0; bottom: 0; background-color: #25262D; box-shadow: -2px -3px 10px 0 rgba(0, 0, 0, 0.06) } .currency-cal-container .close-cal-btn { position: absolute; right: 25px; top: 25px; font-size: 10px; opacity: 1; color: #fff; text-shadow: none } .currency-cal-container .close-cal-btn:not(:disabled):not(.disabled):hover, .currency-cal-container .close-cal-btn:not(:disabled):not(.disabled):focus { color: #fff; outline: dotted 1px; outline-offset: 3px; opacity: 1 } .currency-cal-container .currency-cal-holder { padding: 35px 100px 40px 130px; max-height: 100vh } .currency-cal-container .currency-cal-frame .title { color: #fff; line-height: 46px } .currency-cal-container .currency-form-holder label { color: #fff } .currency-cal-container .currency-form-holder .amount-holder input { background-color: #25262D; color: #fff; font-size: 32px; line-height: 47px; font-weight: 500; height: 47px; padding-bottom: 10px } .currency-cal-container .currency-form-holder .amount-holder img { width: 15px; margin-right: 10px; display: block } .currency-cal-container .currency-form-holder .field-holder { padding-top: 1px; padding-bottom: 3px; position: relative; } .currency-cal-container .currency-form-holder .converter-text { opacity: .8; color: #A0A0A0; font-size: 11px; font-weight: 700; line-height: 16px } .currency-cal-container .currency-form-holder .chosen-container .chosen-single { font-size: 15px; letter-spacing: .25px; line-height: 22px; background-color: #25262D; color: #fff; height: 47px; padding-top: 15px; padding-bottom: 37px; } .currency-cal-container .currency-form-holder .chosen-container a.chosen-single { line-height: 38px } .currency-cal-container .currency-form-holder .btn-holder { text-align: center } .currency-cal-container .currency-form-holder .btn-holder .btn { box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.15); margin: 35px 0 0; min-width: 150px; height: 42px } .currency-cal-container .currency-form-holder .btn-holder .btn:hover, .currency-cal-container .currency-form-holder .btn-holder .btn:focus { outline: dotted 1px #fff; outline-offset: 1px } .currency-cal-container .currency-form-holder .btn-holder .btn-text { font-size: 15px } .currency-cal-container .currency-form-holder .field-holder .label, .currency-cal-container .currency-form-holder .amount-holder .label { font-size: 14px; letter-spacing: .23px; line-height: 21px } .card-comparison-container { padding: 30px 15px 0; position: relative; z-index: 2 } .card-comparison-container .dialog-close { color: #303030; font-size: .75rem } .card-comparison-container .dialog-close:hover, .card-comparison-container .dialog-close:focus { color: inherit; outline: dotted 1px; outline-offset: 2px } .choosecard .table-choosecard .card-heading-cell { padding: 0 !important; vertical-align: top } .choosecard .table-fixed { float: left; width: 230px; z-index: 2; background: #fff } .choosecard { position: relative; margin: 20px 0 10px } .choosecard .table-first .normal-cell { border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; font-size: 12px; font-weight: 400 } .choosecard .table-with-card .normal-cell { border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; color: #222; font-size: 13px; line-height: 16px; text-align: center } .choosecard .table-with-card .normal-cell .yes-flag { color: #138E36 } .choosecard .table-with-card .normal-cell .no-flag { color: #DF1D26 } .choosecard .table-with-card .normal-cell .spend-info { color: #222; font-size: 12px; line-height: 16px; text-align: center; display: block } .choosecard .table-first .heading-row+.normal-row .normal-cell, .choosecard .table-with-card .empty-row+.normal-row .normal-cell { border-top: 1px solid #E2E2E2 } .choosecard .table-holder { position: relative; top: 19px } .choosecard .slick-list { border-radius: 0; bottom: 20px; margin: 0 -20px; padding: 0 20px; right: 20px } .choosecard .slick-arrow.slick-prev { left: 5px; right: auto; z-index: 2 } .choosecard .slick-slide { float: left; border: 1px solid transparent; padding: 0 0 10px } .choosecard .slick-slide:hover, .choosecard .slick-slide:focus { border-color: #E2E2E2; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.089434); outline: none } .choosecard table { border: 0; border-spacing: 0; border-collapse: initial; width: 100%; max-width: 100%; position: relative } .choosecard .table-choosecard th, .choosecard .table-choosecard td { font-size: 12px; line-height: 1.3; color: #757575; font-weight: 400; padding: 12px 25px 12px 30px; border-color: #E2E2E2; border-width: 0; border-style: solid } .choosecard .table-choosecard .group-heading { padding: 7px 30px } .choosecard .table-choosecard .group-heading h3 { color: #222; font-size: 16px; font-weight: 700; line-height: 1.3 } .choosecard .table-choosecard .services-card { padding: 36px 36px 22px; position: relative; vertical-align: bottom } .service-card-holder { position: relative; box-shadow: 0 0 50px rgba(3, 3, 3, 0.0801347); border-radius: 8px } .service-card-holder img { border-radius: 8px } .choosecard .table-choosecard .services-card .delete-btn { position: absolute; right: -15px; bottom: -15px; border-radius: 100%; background: #3C3B3B; width: 36px; height: 36px; display: none; text-align: center; line-height: 2.65; font-size: .875rem; color: #fff } .choosecard .table-choosecard .services-card .delete-btn:hover, .choosecard .table-choosecard .services-card .delete-btn:focus { outline: dotted 1px } .choosecard .table-choosecard .services-card .icon-delete.ico { font-size: 14px; color: #fff } .choosecard .table-choosecard .card-heading { font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center; margin-bottom: 0; padding: 0 10px } .choosecard .table-choosecard .card-desc { color: #666660; font-size: 13px; line-height: 1.3; text-align: center; text-align: center; padding: 10px 20px } .choosecard .table-choosecard td.btn-holders { text-align: center } .choosecard .table-choosecard td.btn-holders .btn { min-width: 126px; font-size: 14px; padding: 11px 12px; border-radius: 5px } .choosecard .add-card-slide .add-card-holder { padding: 36px } .choosecard .add-card-slide .add-card-frame { border: 1px solid #DEDEDE; border-radius: 8px; background-color: rgba(255, 255, 255, 0.95); height: 145px; white-space: nowrap; text-align: center } .choosecard .add-card-slide .add-card-frame::after { display: inline-block; vertical-align: middle; white-space: normal; width: 1px; height: 100%; content: '' } .choosecard .add-card-slide .add-card-frame a { font-size: .9375rem; padding: 0 8px; display: inline-block; vertical-align: middle; white-space: normal; font-weight: 500 } .choosecard .add-card-slide .add-card-frame a .text { color: #222 } .choosecard .add-card-slide .add-card-frame a span { vertical-align: middle } .choosecard .add-card-slide .add-card-frame a:hover, .choosecard .add-card-slide .add-card-frame a:focus { outline: 1px dotted #222; outline-offset: 4px } .choosecard .add-card-slide .add-card-frame a:hover .text, .choosecard .add-card-slide .add-card-frame a:focus .text { color: inherit } .choosecard .card-selection-holder { padding: 60px 10px 30px; border: 1px solid #CACACA; border-radius: 8px; background-color: #FFF; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.15); position: relative; max-width: 243px; margin: 18px auto } .choosecard .card-selection-holder .slimScrollDiv { min-height: 600px !important } .choosecard .card-selection-holder .card-items { min-height: 600px; overflow-y: auto } .choosecard .card-selection-holder .dismiss-selection-btn { font-size: 7px; left: 50%; position: absolute; top: 30px; opacity: 1; color: #585858; cursor: pointer } .choosecard .card-selection-holder .dismiss-selection-btn:hover, .choosecard .card-selection-holder .dismiss-selection-btn:focus { color: inherit; outline: dotted 1px; outline-offset: 2px } .choosecard .card-selection-holder .dismiss-selection-btn .icon-cross.ico { font-weight: 700; font-size: 8px } .choosecard .table-choosecard .services-card img { text-align: center; display: block; margin: 0 auto; max-width: 100%; width: 220px } .choosecard .table-choosecard .btn-holders .submitBtn { padding: 10px 25px; background: #744eb5; border: 1px solid #744eb5; color: #fff; font-size: 14px; line-height: 16px } .choosecard .table-choosecard .button-default, .choosecard .table-choosecard .button-active { padding: 8px 18px; line-height: 18px; display: block; vertical-align: top; text-transform: capitalize } .choosecard .slick-next:before, .choosecard .slick-prev:before { color: #55378e; font-size: 26px } .choosecard .card-selection-holder .card-item .card-title { display: block; text-align: center } .choosecard .slick-next, .slick-prev { background: #fff; border: solid 1px #757575; cursor: pointer; position: absolute; top: 50%; z-index: 50; width: 30px; height: 30px; border-radius: 100%; text-align: center; margin: 5px 0 0 } .choosecard .slick-arrow.slick-next { right: -12px } .choosecard .slick-arrow.slick-prev { left: -12px } .choosecard .slick-track { margin-left: 0 } .ccw-slides .slider-btns a.slick-disabled { color: #757575; pointer-events: none } .center-align-slider .slick-arrow { display: none !important } [aria-describedby=enrollmentTandC], [aria-describedby=kbaDialog], [aria-describedby=kbaSheetOne], [aria-describedby=kbaSheetTwo] { min-width: 720px !important } [aria-describedby=kbaDialog] .slimScrollDiv, [aria-describedby=kbaSheetOne] .slimScrollDiv, [aria-describedby=kbaSheetTwo] .slimScrollDiv { max-height: 100% !important } [aria-describedby=enrollmentTandC].ui-dialog .ui-dialog-content.generic-dialog .scroll-holder { max-height: calc(100vh - 300px) !important } [aria-describedby=kbaSheetOne].ui-dialog.ui-widget .generic-dialog.ui-dialog-content .slimScrollDiv .scroll-holder, [aria-describedby=kbaSheetTwo].ui-dialog.ui-widget .generic-dialog.ui-dialog-content .slimScrollDiv .scroll-holder { max-height: calc(100vh - 300px) !important; padding: 35px 30px !important; min-height: 300px !important } [aria-describedby=kbaDialog].ui-dialog.ui-widget .generic-dialog.ui-dialog-content .slimScrollDiv .scroll-holder { min-height: auto !important; max-height: 440px !important } [aria-describedby=kbaDialog].ui-dialog.ui-widget .generic-dialog.ui-dialog-content { padding-bottom: 45px !important } #enrollment-tnc-dialog .title { font-size: 1.68571em; line-height: 1.55556; margin: 0 0 30px; font-weight: 700 } #enrollment-tnc-dialog .drag-image-holder, #kbasheet-one-dialog .drag-image-holder, #kbasheet-two-dialog .drag-image-holder { background: #fff; border-radius: 4px; border: 1px solid #d8dde4; position: relative } #kba-dialog .drag-image-holder { padding: 10px } .tnc-dialog-holder .dismiss-enrollment-tnc { position: absolute; right: 20px; top: 20px; font-size: 12px } [aria-describedby=enrollmentTandC] .heading-1, [aria-describedby=enrollmentTandC] .heading-2 { color: #666; font-size: 16px; line-height: 28px; margin-bottom: 25px } [aria-describedby=enrollmentTandC] ul li { font-size: 17px; line-height: 22px; font-weight: 700; margin: 10px } [aria-describedby=enrollmentTandC] .content-block .block-heading { font-size: 17px; line-height: 17px; font-weight: 700; margin-bottom: 15px } [aria-describedby=enrollmentTandC] .content-block { margin-bottom: 20px } [aria-describedby=enrollmentTandC] .content-block .block-text { font-size: 15px; line-height: 14px } [aria-describedby=enrollmentTandC] .slimScrollDiv { max-height: 100% !important; padding: 20px 10px } [aria-describedby=enrollmentTandC] ul { padding-left: 10px; margin-bottom: 35px } [aria-describedby=kbaSheetOne] .question-holder .question-header .desc, [aria-describedby=kbaSheetTwo] .question-holder .question-header .desc { color: #444; font-size: 13px; letter-spacing: .22px; line-height: 18px } [aria-describedby=kbaSheetOne] .question-holder .question-header .text, [aria-describedby=kbaSheetTwo] .question-holder .question-header .text { margin-bottom: 15px } [aria-describedby=kbaSheetOne] .question-holder .question-options label, [aria-describedby=kbaSheetTwo] .question-holder .question-options label { color: #666; font-size: 13px; letter-spacing: .54px; line-height: 19px; vertical-align: middle; margin: 10px; text-transform: none; display: block; top: 0; margin: 20px 40px } [aria-describedby=kbaSheetOne] .question-holder .question-options .label-slide label, [aria-describedby=kbaSheetTwo] .question-holder .question-options .label-slide label { top: 0 } [aria-describedby=kbaSheetOne] .slimScrollBar, [aria-describedby=kbaSheetTwo] .slimScrollBar { right: 10px !important } [aria-describedby=kbaSheetOne] .question-holder .question-options .label-slide.hover, [aria-describedby=kbaSheetTwo] .question-holder .question-options .label-slide.hover, [aria-describedby=kbaSheetOne] .question-holder .question-options .label-slide.checkbox-checked, [aria-describedby=kbaSheetTwo] .question-holder .question-options .label-slide.checkbox-checked { color: #222 } [aria-describedby=kbaSheetOne] .question-holder, [aria-describedby=kbaSheetTwo] .question-holder { margin-bottom: 45px } [aria-describedby=kbaSheetOne] [class*=iradio], [aria-describedby=kbaSheetTwo] [class*=iradio] { vertical-align: middle; float: left } [aria-describedby=kbaSheetOne] .btn-holder, [aria-describedby=kbaSheetTwo] .btn-holder { margin: 40px 0 20px } [aria-describedby=kbaSheetOne] .btn-holder .btn.btn-orange, [aria-describedby=kbaSheetTwo] .btn-holder .btn.btn-orange { margin-right: 20px; min-width: 154px } [aria-describedby=kbaSheetOne] .btn-holder .btn.btn-light, [aria-describedby=kbaSheetTwo] .btn-holder .btn.btn-light { min-width: 130px } [aria-describedby=kbaSheetTwo] .continue-tag { display: inline-block; min-width: 91px; text-align: center; height: 27px; background-color: #FAA532; border-radius: 13px; color: #fff; padding: 4px; font-size: 13px; line-height: 18px; position: absolute; top: -13px; left: calc(50% - 50px); opacity: .8 } [aria-describedby=kbaSheetOne].ui-dialog.ui-widget .generic-dialog.ui-dialog-content, [aria-describedby=kbaSheetTwo].ui-dialog.ui-widget .generic-dialog.ui-dialog-content { padding-right: 50px !important; padding-left: 50px !important } [aria-describedby=kbaSheetOne] .kba-title, [aria-describedby=kbaSheetTwo] .kba-title { color: #000; font-size: 22px; line-height: 32px; margin-bottom: 10px } [aria-describedby=kbaSheetOne] #kbasheet-one-dialog > .desc, [aria-describedby=kbaSheetTwo] #kbasheet-two-dialog > .desc { color: #444; font-size: 13px; letter-spacing: .22px; line-height: 18px; margin-bottom: 25px } .doc-review-container .doc-review-right-container .boxSection { padding: 0 0 0 20px } .identification-doc-container .doc-upper-nav .nav-item .nav-link.active, .doc-review-container .doc-upper-nav .nav-item .nav-link.active { color: #222; font-weight: 500 } .identification-doc-container .doc-upper-nav-holder, .doc-review-container .doc-upper-nav-holder { margin-bottom: 50px; margin-left: -15px } .reg-steps ul.step_desc li.complete, .reg-steps ul.step_desc li.complete { color: #2D815F; font-weight: 500 } .identification-doc-container .doc-upper-nav .nav-item .nav-link, .doc-review-container .doc-upper-nav .nav-item .nav-link { color: #757575; font-size: 14px; line-height: 25.18px; font-weight: 400 } .doc-review-container .review-tab-holder .doc-header .title, .your-details-container .title { color: #282828; font-size: 1.57143em; line-height: 1.31818; font-weight: 300; margin: 0 0 40px } .doc-review-container .review-tab-holder .doc-header .title { margin: 0 0 8px; font-weight: 500 } .identification-doc-container .identification-tab-holder .doc-header .title { color: #282828; font-size: 1.57143em; line-height: 1.31818; font-weight: 700; margin: 0 0 10px } .identification-doc-container .identification-tab-holder .doc-header .sub-title, .your-details-container .sub-title { color: #666; font-size: 14px; line-height: 21.97px; display: block; margin-bottom: 35px } .doc-review-container .review-tab-holder .doc-header .sub-title { font-size: 1.14286em; line-height: 1.3125; color: #000; font-weight: 300; margin: 12px 0 18px; } .identification-doc-container .identification-tab-holder .doc-left-nav-holder .title { color: #000; font-size: 15px; line-height: 30px; font-weight: 500; display: block; margin-bottom: 10px } .identification-doc-container .identification-tab-holder .left-nav-content-holder .title { color: #000; font-size: 15px; line-height: 30px; font-weight: 500; margin-bottom: 10px; display: block } .identification-doc-container .identification-tab-holder .doc-left-nav a { color: #282828; font-size: 14px; line-height: 21px; font-weight: 400; min-height: 56px; border: 1px solid #D8DDE4; border-radius: 4px; background-color: #FFF; padding: 17px 22px; margin: 8px 0 7px } .identification-doc-container .identification-tab-holder .doc-left-nav a.active { font-weight: 500 } .identification-doc-container .identification-tab-holder .doc-left-nav-holder { padding: 0 0 20px; } .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { height: 460px !important; margin-right: 10px } .identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav { padding: 0 30px 0 0 } .identification-doc-container .identification-tab-holder .left-nav-content-holder { overflow: hidden; padding: 0 5px 0 8px; margin-bottom: 70px } .identification-doc-container .identification-tab-holder .browse-holder { min-height: 120px; border: 1px dashed #D8DDE4; border-radius: 4px; background-color: rgba(233, 237, 242, 0.3); text-align: center; padding: 30px 10px; cursor: pointer; height: auto !important } .identification-doc-container .identification-tab-holder .browse-holder .ico { font-size: 14px; color: #757575 } .identification-doc-container .identification-tab-holder .doc-upload-frame .slimScrollDiv { height: auto !important } .identification-doc-container .identification-tab-holder .browse-holder p { color: #222; font-size: 12px; line-height: 14px; margin: 0; font-weight: 400; margin-bottom: 5px } .identification-doc-container .identification-tab-holder .browse-holder a { color: #E5A431 } .identification-doc-container .identification-tab-holder .browse-holder .desc { color: #666; font-size: 11px; letter-spacing: .17px; line-height: 18px; display: block } .identification-doc-container .identification-tab-holder .file-active .browse-holder { border-color: #000 } .identification-doc-container .identification-tab-holder .file-active .browse-holder .browse-text { outline: dotted 1px; outline-offset: 2px } .identification-doc-container .identification-tab-holder .doc-item-frame { padding: 52px 35px 35px; text-align: center; min-height: 277px; position: relative; display: flex; justify-content: center; align-items: center; } .identification-doc-container .identification-tab-holder .doc-item-holder { min-height: 277px; border: 1px solid #D8DDE4; border-radius: 4px; margin: 20px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); background: #fff; } /*.identification-doc-container .doc-upload-holder.other-tab .e-sign-wrapper .doc-item-frame { padding: 0; }*/ .identification-doc-container .doc-upload-holder.other-tab .e-sign-wrapper .doc-item-frame .doc-slider-item { background: #fff; } /*.identification-doc-container .doc-upload-holder.other-tab .e-sign-wrapper .doc-item-frame .doc-slider-item:not([style="display: none;"]) + .btn-holder { padding: 0 35px 35px; background: #fff; }*/ /* .identification-doc-container .identification-tab-holder .e-sign-wrapper .doc-item-holder {background: #fff url(../../../../cstatic/c6b23dbf-73ed-473e-9d03-57636afa9d70/forget_user_id_icon.svg) no-repeat 50% 50%; } */ .customer-details .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .customer-details .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { height: auto !important; margin-right: 11px } .doc-content-wrapper { display: flex; flex-wrap: wrap } .doc-content-wrapper .doc-left-nav-holder { max-width: 40%; flex: 0 0 40% } .doc-content-wrapper .left-nav-content-holder { max-width: 60%; flex: 0 0 60% } .identification-doc-container .identification-tab-holder .doc-item-holder .slick-arrow { border-radius: 100%; height: 38px; width: 38px; background-color: #FFF; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) } .identification-doc-container .identification-tab-holder .doc-item-holder .slick-prev { z-index: 9 } .identification-doc-container .identification-tab-holder .doc-item-holder .img-holder { height: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 12px; } .e-canvas-wrapper img, .identification-doc-container .identification-tab-holder .doc-item-holder .img-holder img { height: auto; max-width: 216px; display: block; margin: 0 auto; } .identification-doc-container .identification-tab-holder .doc-item-holder .slick-arrow:focus { outline: none } .identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn { border-radius: 100%; background: #C64B31; width: 36px; height: 36px; display: inline-block } .identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn:hover, .identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn:focus { background: #BB3C3C; outline-offset: 2px; outline: dotted 1px #555 } .identification-doc-container .identification-tab-holder .doc-item-holder .btn-holder { text-align: center;/*! position: absolute; *//*! bottom: 40px; *//*! left: 50%; *//*! margin-left: -15px; */ } .identification-doc-container .identification-tab-holder .doc-item-holder .ico { display: inline-block; padding: 10px; font-size: 15px; color: #fff } .identification-doc-container .doc-holder > .btn-holder .btn, .doc-review-container .doc-review-holder > .btn-holder .btn { height: 40px; min-width: 130px; float: left; display: block; margin-right: 8px } .identification-doc-container .doc-holder > .btn-holder, .doc-review-container .doc-review-holder > .btn-holder, .your-details-container .btn-holder { float: right; margin: 20px } .identification-doc-container .dropzone { min-height: auto; border: none; background: none; padding: 0 } .identification-doc-container .dropzone .dz-message { display: none } [aria-describedby=kbaDialog] .img-holder { text-align: center } [aria-describedby=kbaDialog] .img-holder img { height: 124px; width: 138px } [aria-describedby=kbaDialog] .msg { color: #F25526; font-size: 15px; letter-spacing: .22px; line-height: 22px; text-align: center; font-weight: 500 } [aria-describedby=kbaDialog] .desc { color: #222; font-size: 15px; letter-spacing: .25px; line-height: 22px; text-align: center; margin-bottom: 50px } [aria-describedby=kbaDialog] .btn-holder { text-align: center } [aria-describedby=kbaDialog] .btn-holder .btn { margin: 0 10px } [aria-describedby=kbaDialog] .btn-holder .btn-orange { min-width: 250px } [aria-describedby=kbaDialog] .btn-holder .btn-light { min-width: 130px } .enrollment-container .enrollment-tabs .nav-item:first-child .nav-link { border-radius: 5px 0 0 5px } .enrollment-container .enrollment-tabs .nav-item:last-child .nav-link { border-radius: 0 5px 5px 0 } .enrollment-container-holder .content-holder .footer-content { margin-bottom: 20px } .doc-review-container .review-section > .title { color: #000; font-size: 16px; line-height: 21.97px; margin: 30px 0 10px } .doc-review-container .review-section .review-section-frame .field-label-r { color: #757575; font-size: 12px; letter-spacing: .2px; line-height: 18px } .doc-review-container .review-section .review-section-frame .field-value-r { color: #222; font-size: 16px; letter-spacing: .27px; line-height: 24px } .doc-review-container .review-section .review-section-frame .field-box { margin: 10px 0; color: #222 } .identification-doc-container .doc-upload-frame { position: relative } .identification-doc-container .doc-upload-frame .browse-holder input[type~="file"] { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; opacity: 0; z-index: 10; cursor: pointer } .slider-holder .slider-item .slider-content .img-holder img { width: 280px; height: 184px } .identification-tab-holder .btns { float: right } .identification-tab-holder .btns .btn { min-width: 130px; display: block; float: left; margin: 0 8px 0 0 } @media (max-width:1440px) { .enrollment-container-holder .content-holder .first-container .container::after { right: 35px; top: -140px } } @media (max-width:1199px) { .currency-cal-container .currency-cal-holder { padding: 35px 30px 40px } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { right: 15px } } @media (max-width:992px) { .enrollment-container-holder .content-holder .content-header h1 { font-size: 2em } .enrollment-container-holder .content-holder .content-header p { font-size: 1em } .identification-doc-container .identification-tab-holder, .doc-review-container .identification-tab-holder { padding: 0 } } @media (max-width:480px) { [aria-describedby=enrollmentTandC].ui-dialog .ui-dialog-content.generic-dialog .btns .btn.btn-orange { width: 100% } [aria-describedby=enrollmentTandC].ui-dialog .ui-dialog-content.generic-dialog .btns .btn.btn-light { margin: 0; width: 100% } .enrollment-tabs .nav { flex-direction: column; padding: 0 20px } .enrollment-container-holder .content-holder .sticky-btn-holder .btns-holder { bottom: 50px } .enrollment-container-holder .single-card-holder .title-holder .btns .btn { min-width: 250px } [aria-describedby=kbaDialog] .btn-holder .btn { width: 100%; margin: 5px 10px !important } [aria-describedby=kbaSheetOne] .btn-holder .btn, [aria-describedby=kbaSheetTwo] .btn-holder .btn { width: 100%; margin: 5px 10px !important } [aria-describedby=kbaDialog] .btn-holder, [aria-describedby=kbaSheetOne] .btn-holder, [aria-describedby=kbaSheetTwo] .btn-holder { margin: 20px 10px 0 -10px } .cc-generic-comparison-dialog .btn.btn-orange { width: 100% } .cc-generic-comparison-dialog .btn.btn-light { width: 100% } } @media (max-width:1200px) { .identification-doc-container .identification-tab-holder .doc-item-frame { padding: 30px 20px 30px; } } @media (max-width:580px) { #enrollment-tnc-dialog .title { margin: 0 0 30px } } @media (max-width:1024px) { .enrollment-container-holder .content-holder::before { background: none; display: none } .enrollment-container::after { background: none } .enrollment-container::before { background: none } .currency-cal-container .currency-form-holder .amount-holder { margin: 0 0 20px } .currency-cal-container .currency-form-holder .amount-holder.mb0 { margin: 0 } .doc-content-wrapper .doc-left-nav-holder { max-width: 50%; flex: 0 0 50% } .doc-content-wrapper .left-nav-content-holder { max-width: 50%; flex: 0 0 50% } .choosecard .slick-list { padding: 0; margin: 0; right: 0 } .choosecard { margin: 20px 0 0 } .card-comparison-container { padding: 0 15px } } @media (max-width:768px) { .enrollment-container-holder .footer-content .images-frame .image-holder { max-width: 290px; margin: 0 auto; padding: 0 10px } .enrollment-container-holder .footer-content .images-frame .image-holder .img-2 { margin: 0 0 35px; width: 290px } .currency-cal-container .currency-cal-holder { padding: 15px 25px 30px } .choosecard .visible-xs { display: block } .choosecard .table-fixed { display: none } } @media (max-width:767px) { .enrollment-container-holder .images-frame .img-3 { margin: 0 } .enrollment-container-holder .article-holder { padding: 65px 15px 0 } .identification-doc-container .identification-tab-holder .doc-left-nav-holder { width: 100%; float: none; border-right: none; padding: 0 } .identification-doc-container .identification-tab-holder .left-nav-content-holder { padding: 10px 0 0 } .identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav { padding: 0 } .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { height: auto !important } .choosecard .table-with-card .normal-cell { border-left: 1px solid #E2E2E2 } .choosecard .slick-list { margin: 0; padding: 0; right: 0; bottom: 0 } .currency-cal-container .currency-form-holder .btn-holder .btn { margin: 15px 0 } .currency-cal-container .currency-cal-holder { overflow-y: auto } .doc-content-wrapper .doc-left-nav-holder { max-width: 100%; flex: 0 0 100% } .doc-content-wrapper .left-nav-content-holder { max-width: 100%; flex: 0 0 100% } .identification-doc-container .identification-tab-holder .left-nav-content-holder { margin-bottom: 25px } .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { margin-right: 0 } .identification-doc-container .doc-holder > .btn-holder, .doc-review-container .doc-review-holder > .btn-holder, .your-details-container .btn-holder { float: none; } .identification-doc-container .doc-holder > .btn-holder .btn, .doc-review-container .doc-review-holder > .btn-holder .btn, .your-details-container .btn-holder .btn { float: none; min-width: 100%; margin-top: 10px; } } @media (min-width:480px) and (max-width:767px) { .enrollment-container-holder .footer-content .images-frame .image-item { flex-direction: row !important } } .choosecard .table-choosecard:hover .services-card .delete-btn { display: block } .identification-doc-container .identification-tab-holder .browse-holder .browse-text { text-decoration: underline } .cc-generic-comparison-dialog .title { font-size: 18px; color: #222; margin: 0 0 8px } .cc-generic-comparison-dialog .info { color: #757575 !important; letter-spacing: .2px; padding: 0 70px; line-height: 1.385; margin-bottom: 18px } .cc-generic-comparison-dialog img { padding: 30px 0 } .cc-generic-comparison-dialog .btn.btn-orange { min-width: 134px } .cc-generic-comparison-dialog .btn.btn-light { min-width: 164px } .identification-doc-container .identification-tab-holder .left-nav-content-holder .alert.alert-danger { margin-top: 15px } .choosecard .slick-track.only-slide .table-with-card .normal-cell { border-left: 1px solid #E2E2E2 } [aria-describedby=KBAResultContainer].ui-dialog.ui-widget-content { min-width: 729px } [aria-describedby=KBAResultContainer] .error-text { color: #F25526; font-size: 22px; font-weight: 700; letter-spacing: .32px; line-height: 22px; text-align: center } [aria-describedby=KBAResultContainer] .success-text { color: #1A9A6B; font-size: 22px; font-weight: 700; letter-spacing: .32px; line-height: 22px; text-align: center; display: block } [aria-describedby=KBAResultContainer] .error-desc, [aria-describedby=KBAResultContainer] .success-desc { color: #222; font-size: 13px; letter-spacing: .22px; line-height: 22px; text-align: center } [aria-describedby=KBAResultContainer] .slimScrollDiv { max-height: 100% !important } [aria-describedby=kbaSheetOne] .continue-tag { display: inline-block; min-width: 91px; text-align: center; height: 27px; background-color: #FAA532; border-radius: 13px; color: #fff; padding: 4px 10px; font-size: 13px; line-height: 18px; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); opacity: .8 } .currency-cal-container .currency_field .input-group .input-group-prepend { color: #FFF; border: solid #dfe6ee; border-width: 0; position: relative; top: -1px } .currency-cal-container .currency_field .input-group input { color: #FFF !important } .currency-cal-container .currency_field .form-control:focus ~ .input-group-prepend, .currency-cal-container .currency_field .input-group.field-focused .input-group-prepend { border-color: #E5A431; } .currency-cal-container .currency_field .input-group { display: flex; flex-direction: row; } .currency-cal-container .currency-dropdown { position: relative } .currency-cal-container .currency-dropdown .flag-holder { position: absolute; bottom: 19px; top: auto; line-height: 1; } .currency-cal-container .currency-dropdown .chosen-container.chosen-container-single.chosen-container-active { z-index: 99 } .currency-cal-container .currency_field { position: relative } .currency-cal-container .currency_field .flag-holder { position: absolute } .currency-cal-container .currency_field .converted-amount-label { margin-left: 25px } .currency-cal-container .currency-form-holder .in-rate { height: 16px; opacity: 1; color: #fff; font-size: 11px; font-weight: 500; letter-spacing: 0; line-height: 16px } .currency-cal-container .currency_field .input-group .currency_sign-label { font-size: 2.286em; height: 47px; font-weight: 500; line-height: 1.25em; padding-right: .3em } .infos-list.attachments .title .ico { margin: 0 10px 0 0 } .customer-details.side_img_neg .details-main .btns .btn { min-width: 130px !important; padding: 11px 15px; margin: 0 10px 0 0 !important; } .supplementary-block .bottom-row.row { margin: 0; } @media (min-width:769px) { .choosecard .visible-xs { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } } @media (max-width:768px) { .ui-dialog.ui-widget #enrollmentTandC .slimScrollDiv .scroll-holder { min-height: auto !important } .enrollment-container-holder { padding: 0 } .currency-cal-container .close-cal-btn { top: 20px; right: 20px } .identification-doc-container .identification-tab-holder, .doc-review-container .identification-tab-holder { padding: 0 } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { margin-bottom: 20px } .enrollment-container-holder .content-holder .sticky-btn-holder .btns-holder { bottom: 18px } .options-holder { margin-top: 0 } .ccw-slides .slider-holder { padding-bottom: 30px } .service-card-holder { box-shadow: none } .options-holder { margin-top: 0 } .choosecard table .card-heading-row + .empty-row { display: none } .choosecard .table-choosecard .services-card .delete-btn { right: 15px } } @media (max-width:767px) { .customer-details.side_img_neg .details-main .btns .btn + .btn { width: auto; } .enrollment-container-holder .content-holder .sticky-btn-holder { margin-bottom: 10px } .choosecard .slick-arrow.slick-prev { left: -15px } .choosecard .slick-arrow.slick-next { right: -15px } .choosecard .table-choosecard .services-card .delete-btn { right: -15px } .identification-tab-holder .btns { float: right !important } .identification-tab-holder .btns .btn { width: 130px !important } } @media (max-width:575px) { .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { margin-bottom: 30px } .enrollment-container-holder .content-holder .sticky-btn-holder .btns-holder { position: static; right: initial; left: initial; transform: none; bottom: initial; text-align: center } .ccw-slides .slider-holder { padding-bottom: 20px } .ccw-slides .slider-frame { padding-bottom: 10px } .third-container .article-holder .title h4 { line-height: 1 } .third-container .article-holder .title h2 { margin: 0 0 25px } .options-holder { padding-bottom: 0 } .identification-tab-holder .btns { float: none !important } .identification-tab-holder .btns .btn { width: 100% !important; margin: 0 0 10px } .customer-details.side_img_neg .details-main .btns .btn + .btn { margin: 0 0 10px !important; width: 100% } .hero-block .hero-holder { padding: 0 } .hero-block #header { margin: 0 } body.ccart #main>.container>[id*="block-content-99"] { min-height: 500px } #enrollment-tab-content { position: relative; min-height: 500px } .enrollment-container-holder { margin-bottom: 49px } .enrollment-container-holder .enrollment-holder::before { position: absolute; content: ''; width: 216px; height: 114px; bottom: -10px; right: 0 } .enrollment-container::before { position: absolute; content: ''; width: 73px; height: 71px; left: 150px } .enrollment-container::after { position: absolute; content: ''; width: 168px; height: 389px; right: 0; top: -50px; z-index: 9 } .ccart_landing-page .enrollment-container::after { z-index: 1 } .enrollment-container-holder .content-holder .first-container .container::before { position: absolute; content: ''; width: 140px; height: 161px; left: -185px; top: -90px; z-index: -1 } .enrollment-container-holder .content-holder .first-container .container::after { position: absolute; content: ''; width: 51px; height: 49px; right: -280px; top: -110px } .enrollment-container-holder .content-holder .third-container::before { background: url(../../../../cstatic/01bd0ae5-2a8d-47c2-81d4-5093af5be96e/prepaid-landing-bg-9.png) no-repeat; position: absolute; content: ''; width: 167px; height: 167px; right: 50px } .enrollment-container-holder .content-holder .third-container::after { background: url(../../../../cstatic/596b93f4-92a0-429b-a1d4-ddb64ec5e7ff/prepaid-landing-bg-10.png) no-repeat; position: absolute; content: ''; width: 165px; height: 132px; left: 0; top: 50px } .enrollment-container-holder .content-holder .second-container::before { background: url(../../../../cstatic/37a4b195-ba75-45bf-85e0-7ffe9ff1cdcc/prepaid-landing-bg-11.png) no-repeat; position: absolute; content: ''; width: 79px; height: 28px; left: 0; top: 40%; z-index: -99 } .enrollment-container-holder .content-holder .second-container::after { background: url(../../../../cstatic/e164f79d-af5c-4c7b-99bc-927fd971cca0/prepaid-landing-bg-12.png) no-repeat; position: absolute; content: ''; width: 76px; height: 36px; right: 0; top: 50% } .enrollment-container-holder .content-holder .second-container, .third-container { position: relative } .third-container { padding: 0 0 30px } .third-container .images-frame::before { background: url(../../../../cstatic/f2642bd9-5ed7-4c9c-b08d-773c8c66de57/prepaid-landing-bg-13.png) no-repeat; position: absolute; content: ''; width: 97px; height: 96px; right: 20px; top: 95px } .enrollment-container-holder .content-holder .first-container { background: -moz-linear-gradient(180deg, #FFF 0%, #EBEBEB 57.9%, #FFF 97.45%); background: -webkit-linear-gradient(180deg, #FFF 0%, #EBEBEB 57.9%, #FFF 97.45%); background: linear-gradient(180deg, #FFF 0%, #EBEBEB 57.9%, #FFF 97.45%); /* mix-blend-mode: normal; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#EBEBEB', GradientType=0)*/ } .enrollment-container .enrollment-tabs .nav-link { padding: 10px 15px; min-width: 148px; background-color: #F2F3F3; font-size: .8195rem; font-weight: 500; letter-spacing: .19px } .enrollment-container .enrollment-tabs .nav-link.disabled { pointer-events: none } .enrollment-container .enrollment-tabs { margin-bottom: 40px } .enrollment-tabs:empty { margin: 0 } .enrollment-container .enrollment-tabs .nav-link .text { color: #222; font-size: 13.5px; letter-spacing: .19px; line-height: 20px; font-weight: 500 } .enrollment-container-holder .content-holder .content-header { max-width: 800px; text-align: center; margin: 0 auto; padding: 0 20px } .enrollment-container-holder .content-holder .content-header h1 { margin-bottom: 18px; font-weight: 700; font-size: 2.375rem; line-height: 1.09524; color: #0F0F0F } .enrollment-container-holder .content-holder .container { position: relative } .enrollment-container-holder .content-holder::before { position: absolute; content: ''; min-width: 311px; width: 100%; height: 650px; max-width: 330px; pointer-events: none; z-index: 2 } /* .enrollment-container-holder .content-holder .first-container::before{background:url(../../../../cstatic/f9e902ea-eede-47d4-a5e3-4bee0c162205/prepaid-landing-bg-8.png) no-repeat;position:absolute;content:'';width:167px;height:167px;top:650px;left:30px;z-index:1} */ .third-container .images-frame .img-1 { margin: 0 0 35px } .third-container .images-frame .img-3 { margin: -95px 0 0 } .options-holder { padding: 20px 15px; margin: 0 0 35px; position: relative; border-top: 1px solid #EBEBEB; padding-bottom: 20px } .options-holder::before { position: absolute; top: 0; left: 0; right: 0; height: 1px; content: ''; z-index: -1; background: #EBEBEB } .options-holder .options-item .img-holder { text-align: center; margin-bottom: 10px } .options-holder .options-item { padding: 20px } .options-holder .options-item img { width: 70px } .options-holder .options-item .title { color: #2F2F2F; font-size: 18px; font-weight: 700; line-height: 36px; text-align: center; margin-bottom: 4px } .options-holder .options-item .description { color: #757575; font-size: .8125rem; line-height: 1.62; text-align: center } .enrollment-container-holder .content-holder .sticky-btn-holder { text-align: right } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { position: fixed; bottom: 20px; right: 100px; z-index: 999 } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn { height: 44px; min-width: 142px; border-radius: 25px; background-color: #8F54FF; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); position: relative; float: left } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .badge { height: 30px; width: 30px; background-color: #F8A334; border-radius: 100%; position: absolute; top: -15px; left: -7px } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .badge-text { color: #FFF; font-size: 17px; line-height: 25px; text-align: center; font-weight: 400 } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btn .btn-text { color: #FFF; font-size: 15px; text-align: center; display: inline-block; padding-bottom: 10px } .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn { height: 44px; min-width: 44px; border-radius: 25px; background-color: #8F54FF; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); height: 44px; width: 44px; border-radius: 25px; background-color: #8F54FF; box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); float: left; margin-left: 5px } .enrollment-container-holder .content-holder .sticky-btn-holder .cross-btn .icon-cross.ico { font-size: 10px; color: #FFF; display: inline-block; margin: 4px 0 0 -3px } .third-container .article-holder { padding: 65px 15px 0 5px } @media(max-width:768px) { .third-container .article-holder { padding: 15px 5px } } .third-container .article-holder .title h2 { color: #201D1E; font-size: 35px; line-height: 40px; margin: 0 0 52px } .third-container .article-holder .title h4 { color: #201D1E; line-height: 46px } .third-container .article-holder .article-block .heading { color: #2F2F2F; font-size: 18px; font-weight: 700; line-height: 2; margin: 0 0 2px } .third-container .article-holder .article-block p { color: #757575; font-size: .9375rem; line-height: 1.38 } .third-container .article-holder .article-block { margin: 0 0 30px } [aria-describedby=cardEnrollmentDialog] { min-width: 761px !important } [aria-describedby=cardEnrollmentDialog] .slimScrollDiv { max-height: 100% !important } [aria-describedby=cardEnrollmentDialog].ui-dialog .scroll-holder { max-height: calc(100vh - 300px) !important } [aria-describedby=cardEnrollmentDialog] .ui-dialog-content { padding: 35px 20px 0 20px } [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn { position: absolute; right: 20px; top: 20px; font-size: 8px; color: #585858 } [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn span { font-weight: 700 } [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn:hover, [aria-describedby=cardEnrollmentDialog] .dismiss-selection-btn:focus { outline: 1px dotted #222; outline-offset: 3px } #cardProgDesignForm { padding-top: 0 } .card-selection-holder .card-item:hover, .card-selection-holder .card-item.selected { border: 1px solid #DFE6EE; border-radius: 8px; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.04); cursor: pointer } .card-selection-holder .card-item .img-holder img { width: 100%; height: auto } .card-enrollment-btns { padding: 10px 25px 10px 15px; position: static } .card-enrollment-btns .btn { min-width: 128px; margin: 10px 0 !important } .card-enrollment-btns .btn-light { float: left } .card-enrollment-btns .btn-orange { float: right } .card-selection-holder .card-item .card-title { text-transform: capitalize; color: #201D1E; font-size: 12px; line-height: 19px; font-weight: 700 } .card-comparison-container .card-selection-holder .card-item { display: block } .card-selection-holder .slimScrollBar { right: 0 !important } [aria-describedby=cardEnrollmentDialog] .title { color: #222; font-size: 16px; font-weight: 700; line-height: 1.3; margin: 0 0 6px; padding: 0 0 0 20px } #currCalcDiv { display: none } #currCalcDiv #currCalcDiv, #currCalcDiv.show { display: block } .currency-cal-container .currency-cal-holder { width: 100%; min-height: 265px; position: fixed; z-index: 999; left: 0; bottom: 0; background-color: #25262D; box-shadow: -2px -3px 10px 0 rgba(0, 0, 0, 0.06) } .currency-cal-container .close-cal-btn { position: absolute; right: 25px; top: 25px; font-size: 10px; opacity: 1; color: #fff; text-shadow: none } .currency-cal-container .close-cal-btn:not(:disabled):not(.disabled):hover, .currency-cal-container .close-cal-btn:not(:disabled):not(.disabled):focus { color: #fff; outline: dotted 1px; outline-offset: 3px; opacity: 1 } .currency-cal-container .currency-cal-holder { padding: 35px 100px 40px 130px; max-height: 100vh } .currency-cal-container .currency-cal-frame .title { color: #fff; line-height: 46px } .currency-cal-container .currency-form-holder label { color: #fff } .currency-cal-container .currency-form-holder .amount-holder input { background-color: #25262D; color: #fff; font-size: 32px; line-height: 47px; font-weight: 500; height: 47px; padding-bottom: 10px } .currency-cal-container .currency-form-holder .amount-holder img { width: 15px; margin-right: 10px; display: block } .currency-cal-container .currency-form-holder .field-holder { padding-top: 1px; padding-bottom: 3px } .currency-cal-container .currency-form-holder .converter-text { opacity: .8; color: #A0A0A0; font-size: 11px; font-weight: 700; line-height: 16px } .currency-cal-container .currency-form-holder .chosen-container .chosen-single { font-size: 15px; letter-spacing: .25px; line-height: 22px; background-color: #25262D; color: #fff; height: 47px } .currency-cal-container .currency-form-holder .chosen-container a.chosen-single { line-height: 38px } .currency-cal-container .currency-form-holder .btn-holder { text-align: center } .currency-cal-container .currency-form-holder .btn-holder .btn { box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.15); margin: 35px 0 0; min-width: 150px; height: 42px } .currency-cal-container .currency-form-holder .btn-holder .btn:hover, .currency-cal-container .currency-form-holder .btn-holder .btn:focus { outline: dotted 1px #fff; outline-offset: 1px } .currency-cal-container .currency-form-holder .btn-holder .btn-text { font-size: 15px } .currency-cal-container .currency-form-holder .field-holder .label, .currency-cal-container .currency-form-holder .amount-holder .label { font-size: 14px; letter-spacing: .23px; line-height: 21px } .card-comparison-container { padding: 30px 15px 0; position: relative; z-index: 2 } .card-comparison-container .dialog-close { color: #303030; font-size: .75rem } .card-comparison-container .dialog-close:hover, .card-comparison-container .dialog-close:focus { color: inherit; outline: dotted 1px; outline-offset: 2px } .choosecard .table-choosecard .card-heading-cell { padding: 0 !important; vertical-align: top } .choosecard .table-fixed { float: left; width: 230px; z-index: 2; background: #fff } .choosecard { position: relative; margin: 20px 0 10px } .choosecard .table-first .normal-cell { border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; font-size: 12px; font-weight: 400 } .choosecard .table-with-card .normal-cell { border-bottom: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; color: #222; font-size: 13px; line-height: 16px; text-align: center } .choosecard .table-with-card .normal-cell .yes-flag { color: #138E36 } .choosecard .table-with-card .normal-cell .no-flag { color: #DF1D26 } .choosecard .table-with-card .normal-cell .spend-info { color: #222; font-size: 12px; line-height: 16px; text-align: center; display: block } .choosecard .table-first .heading-row+.normal-row .normal-cell, .choosecard .table-with-card .empty-row+.normal-row .normal-cell { border-top: 1px solid #E2E2E2 } .choosecard .table-holder { position: relative; top: 19px } .choosecard .slick-list { border-radius: 0; bottom: 20px; margin: 0 -20px; padding: 0 20px; right: 20px } .choosecard .slick-arrow.slick-prev { left: 5px; right: auto; z-index: 2 } .choosecard .slick-slide { float: left; border: 1px solid transparent; padding: 0 0 10px } .choosecard .slick-slide:hover, .choosecard .slick-slide:focus { border-color: #E2E2E2; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.089434); outline: none } .choosecard table { border: 0; border-spacing: 0; border-collapse: initial; width: 100%; max-width: 100%; position: relative } .choosecard .table-choosecard th, .choosecard .table-choosecard td { font-size: 12px; line-height: 1.3; color: #757575; font-weight: 400; padding: 12px 25px 12px 30px; border-color: #E2E2E2; border-width: 0; border-style: solid } .choosecard .table-choosecard .group-heading { padding: 7px 30px } .choosecard .table-choosecard .group-heading h3 { color: #222; font-size: 16px; font-weight: 700; line-height: 1.3 } .choosecard .table-choosecard .services-card { padding: 36px 36px 22px; position: relative; vertical-align: bottom } .service-card-holder { position: relative; box-shadow: 0 0 50px rgba(3, 3, 3, 0.0801347); border-radius: 8px } .service-card-holder img { border-radius: 8px } .choosecard .table-choosecard .services-card .delete-btn { position: absolute; right: -15px; bottom: -15px; border-radius: 100%; background: #3C3B3B; width: 36px; height: 36px; display: none; text-align: center; line-height: 2.65; font-size: .875rem; color: #fff } .choosecard .table-choosecard .services-card .delete-btn:hover, .choosecard .table-choosecard .services-card .delete-btn:focus { outline: dotted 1px } .choosecard .table-choosecard .services-card .icon-delete.ico { font-size: 14px; color: #fff } .choosecard .table-choosecard .card-heading { font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center; margin-bottom: 0; padding: 0 10px } .choosecard .table-choosecard .card-desc { color: #666660; font-size: 13px; line-height: 1.3; text-align: center; text-align: center; padding: 10px 20px } .choosecard .table-choosecard td.btn-holders { text-align: center } .choosecard .table-choosecard td.btn-holders .btn { min-width: 126px; font-size: 14px; padding: 11px 12px; border-radius: 5px } .choosecard .add-card-slide .add-card-holder { padding: 36px } .choosecard .add-card-slide .add-card-frame { border: 1px solid #DEDEDE; border-radius: 8px; background-color: rgba(255, 255, 255, 0.95); height: 145px; white-space: nowrap; text-align: center } .choosecard .add-card-slide .add-card-frame::after { display: inline-block; vertical-align: middle; white-space: normal; width: 1px; height: 100%; content: '' } .choosecard .add-card-slide .add-card-frame a { font-size: .9375rem; padding: 0 8px; display: inline-block; vertical-align: middle; white-space: normal; font-weight: 500 } .choosecard .add-card-slide .add-card-frame a .text { color: #222 } .choosecard .add-card-slide .add-card-frame a span { vertical-align: middle } .choosecard .add-card-slide .add-card-frame a:hover, .choosecard .add-card-slide .add-card-frame a:focus { outline: 1px dotted #222; outline-offset: 4px } .choosecard .add-card-slide .add-card-frame a:hover .text, .choosecard .add-card-slide .add-card-frame a:focus .text { color: inherit } .choosecard .card-selection-holder { padding: 60px 10px 30px; border: 1px solid #CACACA; border-radius: 8px; background-color: #FFF; box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.15); position: relative; max-width: 243px; margin: 18px auto } .choosecard .card-selection-holder .slimScrollDiv { min-height: 600px !important } .choosecard .card-selection-holder .card-items { min-height: 600px; overflow-y: auto } .choosecard .card-selection-holder .dismiss-selection-btn { font-size: 7px; left: 50%; position: absolute; top: 30px; opacity: 1; color: #585858; cursor: pointer } .choosecard .card-selection-holder .dismiss-selection-btn:hover, .choosecard .card-selection-holder .dismiss-selection-btn:focus { color: inherit; outline: dotted 1px; outline-offset: 2px } .choosecard .card-selection-holder .dismiss-selection-btn .icon-cross.ico { font-weight: 700; font-size: 8px } .choosecard .table-choosecard .services-card img { text-align: center; display: block; margin: 0 auto; max-width: 100%; width: 220px } .choosecard .table-choosecard .btn-holders .submitBtn { padding: 10px 25px; background: #744eb5; border: 1px solid #744eb5; color: #fff; font-size: 14px; line-height: 16px } .choosecard .table-choosecard .button-default, .choosecard .table-choosecard .button-active { padding: 8px 18px; line-height: 18px; display: block; vertical-align: top; text-transform: capitalize } .choosecard .slick-next:before, .choosecard .slick-prev:before { color: #55378e; font-size: 26px } .choosecard .card-selection-holder .card-item .card-title { display: block; text-align: center } .choosecard .slick-next, .slick-prev { background: #fff; border: solid 1px #757575; cursor: pointer; position: absolute; top: 50%; z-index: 50; width: 30px; height: 30px; border-radius: 100%; text-align: center; margin: 5px 0 0 } .choosecard .slick-arrow.slick-next { right: -12px } .choosecard .slick-arrow.slick-prev { left: -12px } .choosecard .slick-track { margin-left: 0 } .ccw-slides .slider-btns a.slick-disabled { color: #757575; pointer-events: none } .center-align-slider .slick-arrow { display: none !important } [aria-describedby=enrollmentTandC], [aria-describedby=kbaDialog], [aria-describedby=kbaSheetOne], [aria-describedby=kbaSheetTwo] { min-width: 720px !important } [aria-describedby=kbaDialog] .slimScrollDiv, [aria-describedby=kbaSheetOne] .slimScrollDiv, [aria-describedby=kbaSheetTwo] .slimScrollDiv { max-height: 100% !important } [aria-describedby=enrollmentTandC].ui-dialog .ui-dialog-content.generic-dialog .scroll-holder { max-height: calc(100vh - 300px) !important } [aria-describedby=kbaSheetOne].ui-dialog.ui-widget .generic-dialog.ui-dialog-content .slimScrollDiv .scroll-holder, [aria-describedby=kbaSheetTwo].ui-dialog.ui-widget .generic-dialog.ui-dialog-content .slimScrollDiv .scroll-holder { max-height: calc(100vh - 300px) !important; padding: 35px 30px !important; min-height: 300px !important } [aria-describedby=kbaDialog].ui-dialog.ui-widget .generic-dialog.ui-dialog-content .slimScrollDiv .scroll-holder { min-height: auto !important; max-height: 440px !important } [aria-describedby=kbaDialog].ui-dialog.ui-widget .generic-dialog.ui-dialog-content { padding-bottom: 45px !important } #enrollment-tnc-dialog .title { font-size: 1.68571em; line-height: 1.55556; margin: 0 0 30px; font-weight: 700 } #enrollment-tnc-dialog .drag-image-holder, #kbasheet-one-dialog .drag-image-holder, #kbasheet-two-dialog .drag-image-holder { background: #fff; border-radius: 4px; border: 1px solid #d8dde4; position: relative } #kba-dialog .drag-image-holder { padding: 10px } .tnc-dialog-holder .dismiss-enrollment-tnc { position: absolute; right: 20px; top: 20px; font-size: 12px } [aria-describedby=enrollmentTandC] .heading-1, [aria-describedby=enrollmentTandC] .heading-2 { color: #666; font-size: 16px; line-height: 28px; margin-bottom: 25px } [aria-describedby=enrollmentTandC] ul li { font-size: 17px; line-height: 22px; font-weight: 700; margin: 10px } [aria-describedby=enrollmentTandC] .content-block .block-heading { font-size: 17px; line-height: 17px; font-weight: 700; margin-bottom: 15px } [aria-describedby=enrollmentTandC] .content-block { margin-bottom: 20px } [aria-describedby=enrollmentTandC] .content-block .block-text { font-size: 15px; line-height: 14px } [aria-describedby=enrollmentTandC] .slimScrollDiv { max-height: 100% !important; padding: 20px 10px } [aria-describedby=enrollmentTandC] ul { padding-left: 10px; margin-bottom: 35px } [aria-describedby=kbaSheetOne] .question-holder .question-header .desc, [aria-describedby=kbaSheetTwo] .question-holder .question-header .desc { color: #444; font-size: 13px; letter-spacing: .22px; line-height: 18px } [aria-describedby=kbaSheetOne] .question-holder .question-header .text, [aria-describedby=kbaSheetTwo] .question-holder .question-header .text { margin-bottom: 15px } [aria-describedby=kbaSheetOne] .question-holder .question-options label, [aria-describedby=kbaSheetTwo] .question-holder .question-options label { color: #666; font-size: 13px; letter-spacing: .54px; line-height: 19px; vertical-align: middle; margin: 10px; text-transform: none; display: block; top: 0; margin: 20px 40px } [aria-describedby=kbaSheetOne] .question-holder .question-options .label-slide label, [aria-describedby=kbaSheetTwo] .question-holder .question-options .label-slide label { top: 0 } [aria-describedby=kbaSheetOne] .slimScrollBar, [aria-describedby=kbaSheetTwo] .slimScrollBar { right: 10px !important } [aria-describedby=kbaSheetOne] .question-holder .question-options .label-slide.hover, [aria-describedby=kbaSheetTwo] .question-holder .question-options .label-slide.hover, [aria-describedby=kbaSheetOne] .question-holder .question-options .label-slide.checkbox-checked, [aria-describedby=kbaSheetTwo] .question-holder .question-options .label-slide.checkbox-checked { color: #222 } [aria-describedby=kbaSheetOne] .question-holder, [aria-describedby=kbaSheetTwo] .question-holder { margin-bottom: 45px } [aria-describedby=kbaSheetOne] [class*=iradio], [aria-describedby=kbaSheetTwo] [class*=iradio] { vertical-align: middle; float: left } [aria-describedby=kbaSheetOne] .btn-holder, [aria-describedby=kbaSheetTwo] .btn-holder { margin: 40px 0 20px } [aria-describedby=kbaSheetOne] .btn-holder .btn.btn-orange, [aria-describedby=kbaSheetTwo] .btn-holder .btn.btn-orange { margin-right: 20px; min-width: 154px } [aria-describedby=kbaSheetOne] .btn-holder .btn.btn-light, [aria-describedby=kbaSheetTwo] .btn-holder .btn.btn-light { min-width: 130px } [aria-describedby=kbaSheetTwo] .continue-tag { display: inline-block; min-width: 91px; text-align: center; height: 27px; background-color: #FAA532; border-radius: 13px; color: #fff; padding: 4px; font-size: 13px; line-height: 18px; position: absolute; top: -13px; left: calc(50% - 50px); opacity: .8 } [aria-describedby=kbaSheetOne].ui-dialog.ui-widget .generic-dialog.ui-dialog-content, [aria-describedby=kbaSheetTwo].ui-dialog.ui-widget .generic-dialog.ui-dialog-content { padding-right: 50px !important; padding-left: 50px !important } [aria-describedby=kbaSheetOne] .kba-title, [aria-describedby=kbaSheetTwo] .kba-title { color: #000; font-size: 22px; line-height: 32px; margin-bottom: 10px } [aria-describedby=kbaSheetOne] #kbasheet-one-dialog > .desc, [aria-describedby=kbaSheetTwo] #kbasheet-two-dialog > .desc { color: #444; font-size: 13px; letter-spacing: .22px; line-height: 18px; margin-bottom: 25px } .doc-review-container .doc-review-right-container .boxSection { padding: 0 0 0 20px } .identification-doc-container .doc-upper-nav .nav-item .nav-link.active, .doc-review-container .doc-upper-nav .nav-item .nav-link.active { color: #222; font-weight: 500 } .identification-doc-container .doc-upper-nav-holder, .doc-review-container .doc-upper-nav-holder { margin-bottom: 50px; margin-left: -15px } .reg-steps ul.step_desc li.complete, .reg-steps ul.step_desc li.complete { color: #2D815F; font-weight: 500 } .identification-doc-container .doc-upper-nav .nav-item .nav-link, .doc-review-container .doc-upper-nav .nav-item .nav-link { color: #757575; font-size: 14px; line-height: 25.18px; font-weight: 400 } .doc-review-container .review-tab-holder .doc-header .title, .your-details-container .title { color: #282828; font-size: 1.57143em; line-height: 1.31818; font-weight: 300; margin: 0 0 35px } .identification-doc-container .identification-tab-holder .doc-header .title { color: #282828; font-size: 1.57143em; line-height: 1.31818; font-weight: 700; margin: 0 0 10px } .identification-doc-container .identification-tab-holder .doc-header .sub-title, .doc-review-container .review-tab-holder .doc-header .sub-title, .your-details-container .sub-title { color: #666; font-size: 14px; line-height: 21.97px; display: block; margin-bottom: 35px } .identification-doc-container .identification-tab-holder .doc-left-nav-holder .title { color: #000; font-size: 15px; line-height: 30px; font-weight: 500; display: block; margin-bottom: 10px } .identification-doc-container .identification-tab-holder .left-nav-content-holder .title { color: #000; font-size: 15px; line-height: 30px; font-weight: 500; margin-bottom: 18px; display: block } .identification-doc-container .identification-tab-holder .doc-left-nav a { color: #282828; font-size: 14px; line-height: 21px; font-weight: 400; min-height: 56px; border: 1px solid #D8DDE4; border-radius: 4px; background-color: #FFF; padding: 17px 22px; margin: 8px 0 7px } .identification-doc-container .identification-tab-holder .doc-left-nav a.active { font-weight: 500 } .identification-doc-container .identification-tab-holder .doc-left-nav-holder { padding: 0 0 20px; border-right: 1px solid #F0F0F0 } .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { height: 460px !important; margin-right: 10px } .identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav { padding: 0 10px 0 0 } .identification-doc-container .identification-tab-holder .left-nav-content-holder { overflow: hidden; padding: 0 5px 0 25px; margin-bottom: 70px } .identification-doc-container .identification-tab-holder .browse-holder { min-height: 120px; border: 1px dashed #D8DDE4; border-radius: 4px; background-color: rgba(233, 237, 242, 0.3); text-align: center; padding: 30px 10px; cursor: pointer; height: auto !important } .identification-doc-container .identification-tab-holder .browse-holder .ico { font-size: 14px; color: #757575 } .identification-doc-container .identification-tab-holder .doc-upload-frame .slimScrollDiv { height: auto !important } .identification-doc-container .identification-tab-holder .browse-holder p { color: #222; font-size: 12px; line-height: 14px; margin: 0; font-weight: 400; margin-bottom: 5px } .identification-doc-container .identification-tab-holder .browse-holder a { color: #E5A431 } .identification-doc-container .identification-tab-holder .browse-holder .desc { color: #666; font-size: 11px; letter-spacing: .17px; line-height: 18px; display: block } .identification-doc-container .identification-tab-holder .file-active .browse-holder { border-color: #000 } .identification-doc-container .identification-tab-holder .file-active .browse-holder .browse-text { outline: dotted 1px; outline-offset: 2px } .identification-doc-container .identification-tab-holder .doc-item-frame { padding: 30px 20px 30px; text-align: center; min-height: 277px; position: relative; } .identification-doc-container .identification-tab-holder .doc-item-holder { min-height: 277px; border: 1px solid #D8DDE4; border-radius: 4px; background-color: #FFF; margin: 20px 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) } .doc-content-wrapper { display: flex; flex-wrap: wrap } .doc-content-wrapper .doc-left-nav-holder { max-width: 40%; flex: 0 0 40% } .doc-content-wrapper .left-nav-content-holder { max-width: 60%; flex: 0 0 60% } .identification-doc-container .identification-tab-holder .doc-item-holder .slick-arrow { border-radius: 100%; height: 38px; width: 38px; background-color: #FFF; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) } .identification-doc-container .identification-tab-holder .doc-item-holder .slick-prev { z-index: 9 } .identification-doc-container .identification-tab-holder .doc-item-holder .slick-arrow:focus { outline: none } .identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn { border-radius: 100%; background: #C64B31; width: 36px; height: 36px; display: inline-block } .identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn:hover, .identification-doc-container .identification-tab-holder .doc-item-holder .delete-btn:focus { background: #BB3C3C; outline-offset: 2px; outline: dotted 1px #555 } .identification-doc-container .identification-tab-holder .doc-item-holder .ico { display: inline-block; padding: 10px; font-size: 15px; color: #fff } .identification-doc-container .doc-holder > .btn-holder .btn, .doc-review-container .doc-review-holder > .btn-holder .btn { height: 40px; min-width: 130px; float: left; display: block; margin-right: 8px } .identification-doc-container .doc-holder > .btn-holder, .doc-review-container .doc-review-holder > .btn-holder, .your-details-container .btn-holder { float: right; margin: 20px } .identification-doc-container .dropzone { min-height: auto; border: none; background: none; padding: 0 } .identification-doc-container .dropzone .dz-message { display: none } [aria-describedby=kbaDialog] .img-holder { text-align: center } [aria-describedby=kbaDialog] .img-holder img { height: 124px; width: 138px } [aria-describedby=kbaDialog] .msg { color: #F25526; font-size: 15px; letter-spacing: .22px; line-height: 22px; text-align: center; font-weight: 500 } [aria-describedby=kbaDialog] .desc { color: #222; font-size: 15px; letter-spacing: .25px; line-height: 22px; text-align: center; margin-bottom: 50px } [aria-describedby=kbaDialog] .btn-holder { text-align: center } [aria-describedby=kbaDialog] .btn-holder .btn { margin: 0 10px } [aria-describedby=kbaDialog] .btn-holder .btn-orange { min-width: 250px } [aria-describedby=kbaDialog] .btn-holder .btn-light { min-width: 130px } .enrollment-container .enrollment-tabs .nav-item:first-child .nav-link { border-radius: 5px 0 0 5px } .enrollment-container .enrollment-tabs .nav-item:last-child .nav-link { border-radius: 0 5px 5px 0 } .enrollment-container-holder .content-holder .footer-content { margin-bottom: 20px } .doc-review-container .review-section > .title { color: #000; font-size: 16px; line-height: 21.97px; margin: 30px 0 10px } .doc-review-container .review-section .review-section-frame .field-label-r { color: #757575; font-size: 12px; letter-spacing: .2px; line-height: 18px } .doc-review-container .review-section .review-section-frame .field-value-r { color: #222; font-size: 16px; letter-spacing: .27px; line-height: 24px } .doc-review-container .review-section .review-section-frame .field-box { margin: 10px 0; color: #222 } .identification-doc-container .doc-upload-frame { position: relative } .identification-doc-container .doc-upload-frame .browse-holder input[type~="file"] { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; opacity: 0; z-index: 10; cursor: pointer } .slider-holder .slider-item .slider-content .img-holder img { width: 280px; height: 184px } .identification-tab-holder .btns { float: right } .identification-tab-holder .btns .btn { min-width: 130px; display: block; float: left; margin: 0 8px 0 0 } @media (max-width:1440px) { .enrollment-container-holder .content-holder .first-container .container::after { right: 35px; top: -140px } } @media (max-width:1199px) { .currency-cal-container .currency-cal-holder { padding: 35px 30px 40px } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { right: 15px } } @media (max-width:992px) { .enrollment-container-holder .content-holder .content-header h1 { font-size: 2em } .enrollment-container-holder .content-holder .content-header p { font-size: 1em } .identification-doc-container .identification-tab-holder, .doc-review-container .identification-tab-holder { padding: 0 } } @media (max-width:480px) { [aria-describedby=enrollmentTandC].ui-dialog .ui-dialog-content.generic-dialog .btns .btn.btn-orange { width: 100% } [aria-describedby=enrollmentTandC].ui-dialog .ui-dialog-content.generic-dialog .btns .btn.btn-light { margin: 0; width: 100% } .enrollment-tabs .nav { flex-direction: column; padding: 0 20px } .enrollment-container-holder .content-holder .sticky-btn-holder .btns-holder { bottom: 50px } .enrollment-container-holder .single-card-holder .title-holder .btns .btn { min-width: 250px } [aria-describedby=kbaDialog] .btn-holder .btn { width: 100%; margin: 5px 10px !important } [aria-describedby=kbaSheetOne] .btn-holder .btn, [aria-describedby=kbaSheetTwo] .btn-holder .btn { width: 100%; margin: 5px 10px !important } [aria-describedby=kbaDialog] .btn-holder, [aria-describedby=kbaSheetOne] .btn-holder, [aria-describedby=kbaSheetTwo] .btn-holder { margin: 20px 10px 0 -10px } .cc-generic-comparison-dialog .btn.btn-orange { width: 100% } .cc-generic-comparison-dialog .btn.btn-light { width: 100% } } @media (max-width:580px) { #enrollment-tnc-dialog .title { margin: 0 0 30px } } @media (max-width:1024px) { .enrollment-container-holder .content-holder::before { background: none; display: none } .enrollment-container::after { background: none } .enrollment-container::before { background: none } .currency-cal-container .currency-form-holder .amount-holder { margin: 0 0 20px } .currency-cal-container .currency-form-holder .amount-holder.mb0 { margin: 0 } .doc-content-wrapper .doc-left-nav-holder { max-width: 50%; flex: 0 0 50% } .doc-content-wrapper .left-nav-content-holder { max-width: 50%; flex: 0 0 50% } .choosecard .slick-list { padding: 0; margin: 0; right: 0 } .choosecard { margin: 20px 0 0 } .card-comparison-container { padding: 0 15px } } @media (max-width:768px) { .enrollment-container-holder .footer-content .images-frame .image-holder { max-width: 290px; margin: 0 auto; padding: 0 10px } .enrollment-container-holder .footer-content .images-frame .image-holder .img-2 { margin: 0 0 35px; width: 290px } .currency-cal-container .currency-cal-holder { padding: 15px 25px 30px } .choosecard .visible-xs { display: block } .choosecard .table-fixed { display: none } } @media (max-width:767px) { .enrollment-container-holder .images-frame .img-3 { margin: 0 } .enrollment-container-holder .article-holder { padding: 65px 15px 0 } .identification-doc-container .identification-tab-holder .doc-left-nav-holder { width: 100%; float: none; border-right: none; padding: 0 } .identification-doc-container .identification-tab-holder .left-nav-content-holder { padding: 10px 0 0 } .identification-doc-container .identification-tab-holder .doc-left-nav-holder .doc-left-nav { padding: 0 } .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { height: auto !important } .choosecard .table-with-card .normal-cell { border-left: 1px solid #E2E2E2 } .choosecard .slick-list { margin: 0; padding: 0; right: 0; bottom: 0 } .currency-cal-container .currency-form-holder .btn-holder .btn { margin: 15px 0 } .currency-cal-container .currency-cal-holder { overflow-y: auto } .doc-content-wrapper .doc-left-nav-holder { max-width: 100%; flex: 0 0 100% } .doc-content-wrapper .left-nav-content-holder { max-width: 100%; flex: 0 0 100% } .identification-doc-container .identification-tab-holder .left-nav-content-holder { margin-bottom: 25px } .identification-doc-container .doc-left-nav-holder .slimScrollDiv, .identification-doc-container .doc-left-nav-holder .slimScrollDiv .doc-left-nav-frame { margin-right: 0 } .identification-doc-container .doc-holder > .btn-holder, .doc-review-container .doc-review-holder > .btn-holder, .your-details-container .btn-holder { float: none; } .identification-doc-container .doc-holder > .btn-holder .btn, .doc-review-container .doc-review-holder > .btn-holder .btn, .your-details-container .btn-holder .btn { float: none; min-width: 100%; margin-top: 10px; } } @media (min-width:480px) and (max-width:767px) { .enrollment-container-holder .footer-content .images-frame .image-item { flex-direction: row !important } } .choosecard .table-choosecard:hover .services-card .delete-btn { display: block } .identification-doc-container .identification-tab-holder .browse-holder .browse-text { text-decoration: underline } .cc-generic-comparison-dialog .title { font-size: 18px; color: #222; margin: 0 0 8px } .cc-generic-comparison-dialog .info { color: #757575 !important; letter-spacing: .2px; padding: 0 70px; line-height: 1.385; margin-bottom: 18px } .cc-generic-comparison-dialog img { padding: 30px 0 } .cc-generic-comparison-dialog .btn.btn-orange { min-width: 134px } .cc-generic-comparison-dialog .btn.btn-light { min-width: 164px } .identification-doc-container .identification-tab-holder .left-nav-content-holder .alert.alert-danger { margin-top: 15px } .choosecard .slick-track.only-slide .table-with-card .normal-cell { border-left: 1px solid #E2E2E2 } [aria-describedby=KBAResultContainer].ui-dialog.ui-widget-content { min-width: 729px } [aria-describedby=KBAResultContainer] .error-text { color: #F25526; font-size: 22px; font-weight: 700; letter-spacing: .32px; line-height: 22px; text-align: center } [aria-describedby=KBAResultContainer] .success-text { color: #1A9A6B; font-size: 22px; font-weight: 700; letter-spacing: .32px; line-height: 22px; text-align: center; display: block } [aria-describedby=KBAResultContainer] .error-desc, [aria-describedby=KBAResultContainer] .success-desc { color: #222; font-size: 13px; letter-spacing: .22px; line-height: 22px; text-align: center } [aria-describedby=KBAResultContainer] .slimScrollDiv { max-height: 100% !important } [aria-describedby=kbaSheetOne] .continue-tag { display: inline-block; min-width: 91px; text-align: center; height: 27px; background-color: #FAA532; border-radius: 13px; color: #fff; padding: 4px 10px; font-size: 13px; line-height: 18px; position: absolute; top: -13px; left: 50%; transform: translateX(-50%); opacity: .8 } .currency-cal-container .currency_field .input-group .input-group-prepend { color: #FFF; border: solid #dfe6ee; border-width: 0; position: relative; top: -1px } .currency-cal-container .currency_field .input-group input { color: #FFF !important } .currency-cal-container .currency_field .form-control:focus ~ .input-group-prepend, .currency-cal-container .currency_field .input-group.field-focused .input-group-prepend { border-color: #E5A431 } .currency-cal-container .currency_field .input-group { display: flex; flex-direction: row-reverse } .currency-cal-container .currency-dropdown { position: relative } .currency-cal-container .currency-dropdown .flag-holder { position: absolute; bottom: 20.8px; top: auto; line-height: 1; } .currency-cal-container .currency-dropdown .chosen-container.chosen-container-single.chosen-container-active { z-index: 99 } .currency-cal-container .currency_field { position: relative } .currency-cal-container .currency_field .flag-holder { position: absolute } .currency-cal-container .currency_field .converted-amount-label { margin-left: 25px } .currency-cal-container .currency-form-holder .in-rate { height: 16px; opacity: 1; color: #fff; font-size: 11px; font-weight: 500; letter-spacing: 0; line-height: 16px } .currency-cal-container .currency_field .input-group .currency_sign-label { font-size: 2.286em; height: 47px; font-weight: 500; line-height: 1.25em; padding-right: .3em } .infos-list.attachments .title .ico { margin: 0 10px 0 0 } .customer-details.side_img_neg .details-main .btns .btn { min-width: 130px !important; padding: 11px 15px; margin: 0 10px 0 0; } .supplementary-block .bottom-row.row { margin: 0; } @media (min-width:769px) { .choosecard .visible-xs { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } } @media (max-width:768px) { .ui-dialog.ui-widget #enrollmentTandC .slimScrollDiv .scroll-holder { min-height: auto !important } .enrollment-container-holder { padding: 0 } .currency-cal-container .close-cal-btn { top: 20px; right: 20px } .identification-doc-container .identification-tab-holder, .doc-review-container .identification-tab-holder { padding: 0 } .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { margin-bottom: 20px } .enrollment-container-holder .content-holder .sticky-btn-holder .btns-holder { bottom: 18px } .options-holder { margin-top: 0 } .ccw-slides .slider-holder { padding-bottom: 30px } .service-card-holder { box-shadow: none } .options-holder { margin-top: 0 } .choosecard table .card-heading-row + .empty-row { display: none } .choosecard .table-choosecard .services-card .delete-btn { right: 15px } } @media (max-width:767px) { .customer-details.side_img_neg .details-main .btns .btn + .btn { width: auto; } .enrollment-container-holder .content-holder .sticky-btn-holder { margin-bottom: 10px } .choosecard .slick-arrow.slick-prev { left: -15px } .choosecard .slick-arrow.slick-next { right: -15px } .choosecard .table-choosecard .services-card .delete-btn { right: -15px } .identification-tab-holder .btns { float: right !important } .identification-tab-holder .btns .btn { width: 130px !important } .card-selection-holder .card-item .img-holder { margin: 0 0 10px; width: 100%; min-height: 131px; text-align: center } [aria-describedby=cardEnrollmentDialog].ui-dialog .scroll-holder { max-height: 43vh !important } .card-enrollment-btns .btn { width: auto !important; } .card-selection-holder .card-item { max-width: 187px; } } @media (max-width:575px) { .enrollment-container-holder .content-holder .sticky-btn-holder .compare-btns { margin-bottom: 30px } .enrollment-container-holder .content-holder .sticky-btn-holder .btns-holder { position: static; right: initial; left: initial; transform: none; bottom: initial; text-align: center } .ccw-slides .slider-holder { padding-bottom: 20px } .ccw-slides .slider-frame { padding-bottom: 10px } .third-container .article-holder .title h4 { line-height: 1 } .third-container .article-holder .title h2 { margin: 0 0 25px } .options-holder { padding-bottom: 0 } .identification-tab-holder .btns { float: none !important } .identification-tab-holder .btns .btn { width: 100% !important; margin: 0 0 10px } .customer-details.side_img_neg .details-main .btns .btn + .btn { margin: 0 0 10px !important; width: 100% } .customer-details.side_img_neg .details-main .btns .btn { width: 100% } } @media (max-width:480px) { .slider-holder .slider-item .slider-content .img-holder img { max-width: 100% } } .calc1-chosen .chosen-container-single { z-index: 2 } .calc1-chosen .chosen-container-single .chosen-single { padding-left: 22px; color: #fff; min-height: 45px; font-size: 20px; font-weight: 500; border-radius: 0 !important } .calc1-chosen .chosen-container-single.chosen-container-active .chosen-single, .calc1-chosen .chosen-container-single.chosen-with-drop .chosen-single, .calc1-chosen .chosen-container-single .chosen-single { background: none !important } .calc1-chosen .chosen-container-single .chosen-single:after { color: #fff } .options-holder::before { display: none } .cc-options.cbtc-options .options-holder { margin: 0 } .cc-options .heading { display: block; margin: 30px 0 45px; color: #36424A; font-size: 1.571em; font-weight: 700; text-align: center } .cc-options .options-holder .options-item .title { color: #36424A } .appointment { background-color: rgba(241, 249, 255, 0.7); padding: 50px 0 } .appointment .title { color: #0F0F0F; font-size: 1.571em; line-height: 1.3; font-weight: 500; margin: 0 0 10px } .appointment .subtitle { color: #2E404B; font-size: 1em; line-height: 1.5; margin: 0 } .appointment .btn-request .text { font-size: 1.071em; font-weight: 700; margin: 0 0 0 5px } @media(max-width:580px) { .btn.btn-request { width: 100%; margin: 15px 0 0 } } .btn-light, .btn-orange { font-size: .9375rem; line-height: 1.1; font-weight: 500; padding: 12px 30px } .btn-orange { color: #fff !important } .doc-review-container .doc-review-holder > #cartButtons .btn { height: auto } .article-holder .feature-heading-md { font-size: 24px; font-weight: 400 } .article-holder .feature-heading-md .feature-subheading-1 { font-size: 35px; font-weight: 500; display: block; margin: 12px 0 25px } .enrollment-container-holder .content-holder .content-header h2 { margin-bottom: 16px; font-weight: 700; font-size: 2.575em; line-height: 1.09524; color: #0F0F0F } @media (max-width:767px) { .enrollment-container-holder .content-holder .content-header h2 { margin-top: 25px } .service-card-holder { box-shadow: none; position: relative; width: 220px; margin: 0 auto } .third-container .images-frame { display: none } .third-container .article-holder .article-block .heading { line-height: 1.25 } .choosecard { margin: 20px 0 15px } .card-comparison-container { padding: 30px 15px } } } @media (max-width:480px) { .slider-holder .slider-item .slider-content .img-holder img { max-width: 100% } .card-selection-holder { text-align: center; } .card-enrollment-btns .btn { width: 100% !important; margin-bottom: 0 !important; } } .calc1-chosen .chosen-container-single { z-index: 2 } .calc1-chosen .chosen-container-single .chosen-single { padding-left: 22px; color: #fff; min-height: 45px; font-size: 20px; font-weight: 500; border-radius: 0 !important } .calc1-chosen .chosen-container-single.chosen-container-active .chosen-single, .calc1-chosen .chosen-container-single.chosen-with-drop .chosen-single, .calc1-chosen .chosen-container-single .chosen-single { background: none !important } .calc1-chosen .chosen-container-single .chosen-single:after { color: #fff } .options-holder::before { display: none } .cc-options.cbtc-options .options-holder { margin: 0 } .cc-options .heading { display: block; margin: 30px 0 45px; color: #36424A; font-size: 1.571em; font-weight: 700; text-align: center } .cc-options .options-holder .options-item .title { color: #36424A } .appointment { background-color: rgba(241, 249, 255, 0.7); padding: 50px 0 } .appointment .title { color: #0F0F0F; font-size: 1.571em; line-height: 1.3; font-weight: 500; margin: 0 0 10px } .appointment .subtitle { color: #2E404B; font-size: 1em; line-height: 1.5; margin: 0 } .appointment .btn-request .text { font-size: 1.071em; font-weight: 700; margin: 0 0 0 5px } @media(max-width:580px) { .btn.btn-request { width: 100%; margin: 15px 0 0 } } .btn-light, .btn-orange { font-size: .9375rem; line-height: 1.1; font-weight: 500; padding: 12px 30px } .btn-orange { color: #fff !important } .doc-review-container .doc-review-holder > #cartButtons .btn { height: auto } .article-holder .feature-heading-md { font-size: 24px; font-weight: 400 } .article-holder .feature-heading-md .feature-subheading-1 { font-size: 35px; font-weight: 500; display: block; margin: 12px 0 25px } .enrollment-container-holder .content-holder .content-header h2 { margin-bottom: 16px; font-weight: 700; font-size: 2.575em; line-height: 1.09524; color: #0F0F0F } @media (max-width:767px) { .enrollment-container-holder .content-holder .content-header h2 { margin-top: 25px } .service-card-holder { box-shadow: none; position: relative; width: 220px; margin: 0 auto } .third-container .images-frame { display: none } .third-container .article-holder .article-block .heading { line-height: 1.25 } .choosecard { margin: 20px 0 15px } .card-comparison-container { padding: 30px 15px } } /* core banking */ #customerVerificationErrorDialog .icon-cross { position: absolute; top: 21px; right: 21px; font-size: 10px; } #customerVerificationErrorDialog .btn-light { border-radius: 4px !important; } #customerVerificationErrorDialog .img-holder img { width: 138px; height: 138px; } #customerVerificationErrorDialog p.info { font-weight: 300; color: #222; line-height: 22px; } #outer-accountHolderInfo\.ssn #dvssn { opacity: 0; } #outer-accountHolderInfo\.ssn .field-focused #dvssn { opacity: 1; top: 25px !important; } @media screen and (max-width:767px) { #bankenrolment_container .captcha-holder { margin-bottom: 0 !important; } #bankenrolment_container .captcha-holder .captcha-area { margin-bottom: 0; } #bankenrolment_container .bottom-row { margin: 25px 0 0 !important; } #bankenrolment_container .bottom-row .btn-wrapper { padding: 0; } #bankenrolment_container #profileinfoform .bottom-row.error-rowholder { margin: 10px 0 0 !important; } body.ccart .details-main .slider-checkbox [class*="icheckbox"] { left: 30px !important; top: 15px !important; } #debitCardInfoForm #outer-shippingmethod-addressinfo .box.gen-box .vc-addressinfo > .alert-recipients-vc:first-child { margin-right: 0 !important; } #debitCardInfoForm #outer-shippingmethod-addressinfo .box.gen-box .vc-addressinfo > .alert-recipients-vc:nth-child(2) { margin-left: 0 !important; } .doc-content-wrapper .doc-left-nav-holder::after { display: none; } #customerVerificationForm .required-fields-indicator { text-align: left; } } @media screen and (max-width:576px) { #bankenrolment_container .bottom-row { margin: 25px 0 0 !important; display: flex; flex-direction: column; } #bankenrolment_container .bottom-row > div.btn-wrapper { order: 2; } } #processaddressinformation .vc-check [class*="icheckbox_"] { top: 0px; } #debitCardInfoForm #outer-shippingmethod-addressinfo .box.gen-box .vc-addressinfo > .alert-recipients-vc:first-child { margin-right: 15px !important; } #debitCardInfoForm #outer-shippingmethod-addressinfo .box.gen-box .vc-addressinfo > .alert-recipients-vc:nth-child(2) { margin-left: 15px !important; } #order-debit-card .debit-card-order-wrapper #debitCardInfoForm .field-top-space.vc_holder > .card-info-border-box { margin-top: 40px; } #debitCardInfoForm #debitCardSection #outer-accountHolderInfo\.shippingMethod { margin-bottom: 8px; } .ccart33 .identification-doc-container .identification-tab-holder .doc-left-nav-holder { padding: 0; } .ccart33 .identification-doc-container .identification-tab-holder .doc-left-nav li + li { margin: 15px 0 0; } .ccart33 .identification-doc-container .identification-tab-holder .doc-left-nav a { margin: 0; } .ccart33 .identification-doc-container .identification-tab-holder .left-nav-content-holder { margin: 0; } .ccart33 .left-nav-content-holder { margin: 0; } .ccart33 .left-nav-content-holder .tab-content { height: 100%; } .ccart33 .left-nav-content-holder .tab-pane { height: 100%; } .ccart33 .left-nav-content-holder .doc-upload-holder { height: 100%; display: flex; flex-direction: column; } .ccart33 .left-nav-content-holder .doc-upload-frame { display: flex !important; flex-direction: column; flex-grow: 1; } .ccart33 .left-nav-content-holder .dropzone { flex-grow: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; } .ccart33 .identification-doc-container .identification-tab-holder .doc-item-holder { margin: 20px 0 0; } .ccart33 .by-upload .e-canvas-wrapper .edit-sign-btn, .ccart33 .by-upload .identification-doc-container .identification-tab-holder .left-nav-content-holder .e-canvas-wrapper h3.title { display: none; } .ccart33 .doc-upload-holder.other-tab .e-sign-wrapper:not(.has-image) { display: none; } .ccart33 .dig-sign-container button { margin: 0 6px; } .identification-doc-container .identification-tab-holder .doc-item-holder .img-holder { margin: 0 0 16px; } .ccart33 .by-upload .e-canvas-wrapper .e-sign-btns .delete-sign-btn .icon-remove:before { content: "\e946"; } .generic_ccart-main .bottom-row { margin: 30px 0 0 !important; } .details-main .required-fields-indicator { margin-bottom: 20px; padding-left: 0 !important; margin-left: 9px; } .details-main .page_body-wrapper h1.note, .details-main .page_body-wrapper .note { max-width: 700px !important; } .doc-content-holder.business-docs { margin: 40px 0 !important; } .identification-tab-holder { margin-top: 40px !important; } #userCreationForm { margin: 40px 0px 0px 0px; } #customerVerificationForm .required-fields-indicator { margin-left: -9px; line-height: 2.786; } #customerVerificationForm input.form-control { padding-left: 0; } #processaddressinformation .vc-check { margin-top: 15px; } .doc-left-nav-holder { position: relative; } .doc-content-wrapper .doc-left-nav-holder::after { content: ''; top: 40px; right: 22px; bottom: 0; position: absolute; width: 1px; background: #F0F0F0; } .ccart .footer-holder { border-top: 1px solid #F1F1F1; } @media (min-width: 320px) and (max-width: 767px), (max-width: 1070px) { .enrollment-tabs { padding: 0 15px; } body #wrapper .enrollment-container .enrollment-tabs .nav > .nav-item { margin: 0 3px 6px; } .enrollment-container .enrollment-tabs .nav { padding: 0; } } /* End */