@charset "UTF-8";
.secure-page .alert{margin:0 0 32px;padding:16px 56.85px 15px}
.secure-page .alert.alert-success{padding:15.2px 40px 15.2px 50px;font-size:.92857em;line-height:1.38462;color:#109139;border:1px solid #73D091;background:#DCF9E5}
.secure-page .alert.alert-success:before{content:"\e950";font:700 6px/1.2 cholder4!important;margin-right:10px;color:#2E8D4C;border:2px solid #2E8D4C;padding:5px 4px;border-radius:100px;position:absolute;left:16px;width:20px;height:20px;top:15px}
.secure-page .alert.alert-primary > [class*="icon-info"]{position:absolute;left:16px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font:18px/1 cholder4!important;display:block!important}
.card-options{background:#fff;padding:28px;border-radius:4px;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);box-shadow:0 2px 4px 0 rgba(0,0,0,0.15)}
@media (max-width: 767px) {
.card-options{padding:30px 15px;}
}
#block_my_card_dialog2 { padding: 50px 50px 35px !important;}
.card-options .generic_card-section div[data-disabled="true"] div[class^="iradio"]{z-index:0;opacity:.5;outline:none!important}
.card-options .generic_card-section div[data-disabled="true"] .card-holder{opacity:.4;color:inherit}
.card-options .generic_card-section div[data-disabled="true"] .card-holder :not(.tag):not(.amount.orange):not(.text){color:inherit}
.card-options .generic_card-section div[data-disabled="true"] .card-holder .frame{border-color:#D8DDE4!important;cursor:not-allowed}
.card-options .generic_card-section div[data-disabled="true"] .card-holder.active h3,.card-options .generic_card-section div[data-disabled="true"] .card-holder:hover h3{color:#333}
.card-options .generic_card-section div[data-disabled="true"] [class*="iradio"].checked{border-color:#D8DDE4!important}
.card-options .generic_card-section div[data-disabled="true"] [class*="iradio"].checked:after{background:#D8DDE4!important}
.card-options .iradio_minimal-grey{position:absolute;left:36px;top:17px}
.card-options [class*="iradio"]{border-color:#CCC;}
.card-options h2{font-size:1.28571em;line-height:1.5;margin:0 0 24px; color: #222222;}
.card-options h2 + .alert{margin:0 0 32px}
.card-options .head{padding:0 20px 1px; margin-bottom: 2px; min-height: 100%; height: auto !important;} 
.card-options .head .heading-area > * {display: block;float: left;}
.card-options .head .heading-area {clear: both;display: inline-block;font-size: 1.14286em;line-height: 1.5;color: #333;margin: 0 0 2px;max-width: calc(100% - 90px);}
.card-options .head h3{font-size: inherit;line-height: inherit;color: inherit;margin: 0;max-width: 94%;}
.card-options .head .btn-tooltip{font-size:.85714em;line-height: 1;margin-left:5px;position:relative;z-index: 4;padding-right: 2px;top: 5px}
@media (max-width: 479px) {
.card-options .head h3{max-width:75%}
}
.card-options .head h3:empty:before{content:'&nbsp;';visibility:hidden}
.card-options .head p{color:#757575;font-size:.92857em;line-height:1.46154}
.card-options .card-holder{-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);box-shadow:0 2px 4px 0 rgba(0,0,0,0.05);padding:55px 0 0;position:relative;min-height: 100%; display: flex; flex-direction: column;} 
.card-options .card-holder > label{cursor:pointer}
.card-options .card-holder .frame{display:block;margin:0;position:absolute;left:0;right:0;top:0;bottom:0;z-index:3;border:1px dashed #D8DDE4;border-radius:4px}
.card-options .card-holder.shipping-method{padding:0}
.card-options .card-holder.shipping-method h3{font-size:1em;line-height:1.5;padding-left:30px;margin-bottom:10px}
.card-options .card-holder.shipping-method h3:empty:before{content:'&nbsp;';visibility:hidden}
.card-options .card-holder.shipping-method p{font-size:.92857em;line-height:1.46154}
.card-options .card-holder.shipping-method.active h3{color:#333}
.card-options .card-holder.shipping-method .fee .title{display:inline-block;margin:0;font-size:.92857em;line-height:1.46154;color:#757575}
.card-options .card-holder.shipping-method .fee .amount,.card-options .card-holder.shipping-method .fee .tag.free{float:right}
.card-options .card-holder .vector-area{float:right;margin-top:-15px}
.card-options .card-holder.shipping-method .head{padding:20px}

.card-options .card-holder.shipping-method p{margin:10px 0 0}
.card-options .card-holder.shipping-method h3{margin:0}
.card-options .info{padding:0 20px 20px; height: auto !important; flex-grow: 1;} 
.card-options .info p{font-weight:500;font-size:.92857em;line-height:1.46154; color:#444;}
.card-options .info .info-option li{vertical-align:top;margin:0 0 1px -3px;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;-ms-flex-item-align:start;align-self:flex-start;font-size:.92857em;line-height:2.15385; color:#444;}
.card-options .info .info-option li:nth-child(2n+1){padding-right:20px}
@media (max-width: 767px) {
.card-options .info{height:auto!important;min-height:30px}
}
.card-options .info .text{font-size:.85714em;line-height:1.5;}
.card-options .fee{border-top:1px dashed #B9B9B9;padding: 16px 20px 18px; height: auto !important;} 

.card-options .fee .tag.free{padding:5px 10.63px 3px;font-size:.64286em;line-height:1.22222;max-height:unset;font-weight: 600;background: #348554;letter-spacing: 0.7px;}
.card-options .fee .title{display:block;margin-bottom:8px;color:#757575;font-size:.92857em;line-height:1.46154}
.card-options .fee strong{font-weight:500;font-size:1.14286em;line-height:1.5}
.card-options .fee strong ~ .amount{padding-left:10px}
.card-options .fee .amount{font-weight:500;font-size:1.14286em;line-height:1.3}
.card-options .fee .amount:empty:before { content: '-';}
.card-options .fee .amount.orange{/*color:#faa532*/ color: #A86405; }
.card-options .fee .amount img{display:inline-block;vertical-align:middle;margin:-2px 0 0 5px;width:12px;height:12px;border-radius:50%;border:none}
.card-options .fee .amount + span{color:#999;font-size:.78571em;line-height:1.54545;padding-left:5px}
@media (max-width: 767px) {
.card-options .fee{height:auto!important}
}
.card-options .btns{margin:25px 0 0;}
.card-options .btns .btn{min-width:150px;margin-right:20px}
.card-options .alert.alert-success{padding:15px 15px 15px 50px}
.card-options .alert .close{left:20px;float:none}
.card-selection{-webkit-box-shadow: 0px 2px 4px 0px #0000000e;background: #F9FAFC; box-shadow: 0px 2px 4px 0px #0000000e;border: 1px dashed #D7DDE4; padding: 20px;}
.new_card_designs-section .card-selection{padding:30px 20px}
.card-selection .vector-area,.card-selection .detail{float:none;display:inline-block;vertical-align:middle}
.card-selection .detail{max-width:70%;padding-left:30px}
.card-selection .detail h3{font-size:1.28571em;line-height:1.5;margin-bottom:2px}
.card-selection .detail .text{color:#757575;font-size:.92857em;line-height:1.46154;display:block;margin-bottom:7px}
.card-selection .detail p{font-size:.92857em;line-height:1.46154;color:#444}
.card-selection .fee{border:none;padding:0;text-align:right}
.card-selection .fee .title{color:#757575;font-size:.92857em;line-height:1.46154;margin:3px 0 0}
.card-selection .fee .text{color:#757575;font-size:.78571em;line-height:1.54545}
.card-selection .carousel-card-selection .comfirmation-switcher .slider-checkbox{vertical-align:top}
.card-selection .carousel-card-selection .comfirmation-switcher .slider-checkbox .icheckbox_minimal-grey{vertical-align:middle; background: #D7D7D7;}
.card-selection .carousel-card-selection .comfirmation-switcher > label{font-size:.92857em;line-height:1.46154;color:#222222;cursor:pointer}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider{position:relative;}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider > .slick-prev + .slick-list{margin-left:0}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide{position:relative;padding:0 20px}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .info .text{color:#222222;font-size:.92857em;line-height:1.46154;padding-left:5px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:195px;cursor:pointer;margin-bottom:0}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .iradio_minimal-grey{position:relative;top:unset;left:unset;cursor:pointer}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .iradio_minimal-grey.checked + .text.label-radio-checked{color:#106EB8;margin:0; font-weight: 500;}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide:not(.active_checkbox-slide) > .card-image{opacity:.4}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide:not(.active_checkbox-slide) > .card-image:hover{opacity:1}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .card-image{position:relative;height: 136px;padding: 1px;border-radius: 5px;overflow: hidden;}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .card-image img { position: relative;top: 50%;transform: translate(0, -50%);}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .caf.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .iradio_minimal-grey.checked + .text.label-radio-checkedrd-image .card_img-slider_checkbox{position:absolute;z-index:11;width:100%;height:100%;cursor:pointer; }
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer{font-size:100%}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer .tag{padding:2.5px 7.75px;margin:0 0 0 28px}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer .tag.free{font-size:.64286em;line-height:1.22222;font-weight:500;background-color:#348554}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer .fee-label{color:#666;font-size:.85714em;line-height:1.5;float:left;width:62%;padding:0}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer .fee-amount{width:38%;color:#106EB8;font-size:.85714em;line-height:1.5;float:right}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer .fee-amount img{margin-left:2px;border-radius:100%;width:12px;height:12px;display:inline-block}
.card-selection .carousel-card-selection .info{padding:20px 0 0;min-height:inherit}
.card-selection .carousel-card-selection .slick-arrow{border-color:#757575;left:0;top:50%;z-index:25;margin:-30px 0 0}
.card-selection .carousel-card-selection .slick-arrow:before{color:#757575;}
.card-selection .carousel-card-selection .slick-arrow.slick-next{right:0;left:auto}
.card-selection .carousel-card-selection .slick-arrow.slick-disabled{opacity:.4;cursor:not-allowed}
.card-selection .carousel-card-selection .slick-slide .footer .fee-amount .amount img {width:12px;height:12px;border-radius:100%}
.shipping_method-section{margin-top:50px}
.step2_section{display:none}
.step2_section.active_section{display:block}
.new_cards_design-wrapper .slick-slider{display:none;margin-top:25px}
.new_cards_design-wrapper.neededNewCardDesign .slick-slider{display:block}
.order-success-card{padding:68px 20px 80px;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);box-shadow:0 2px 4px 0 rgba(0,0,0,0.15);border-radius:4px}
.order-success-card .header{text-align:center;margin-bottom:68px}
.order-success-card .success_img-wrapper{display:inline-block;max-width:140px;height:auto}
.order-success-card .success_img-wrapper .success-image{margin-bottom:23px}
.order-success-card h2{color:#2D815F;font-size:1.57143em;line-height:1.45455;font-weight:500; margin-bottom: 17px !important;}
.order-success-card h2 + p{font-size:.92857em;line-height:1.38462;color:#444;margin:0}
.order-success-card h2 + p ~ p{font-size:.92857em;line-height:1.38462;color:#444;margin:0;margin-top:5px}
.order-success-card h3{font-size:1em;line-height:1.5;color:#757575}
.order-success-card .card-difference{text-align:center;display:block}
.order-success-card .card-detail{display:inline-block;vertical-align:top;padding:0 45px}
.order-success-card .card-detail.previous-card .card-detail-holder{background: #F6F9FB;}
.order-success-card .img-holder img{display:inline-block;width:100%;max-height:174px;height:auto;vertical-align:top;border:1px solid #DBDBDB;border-radius:4px}
.order-success-card .card-detail-holder{display:inline-block;vertical-align:top;border:1px dashed #D8DDE4;padding:25px;-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.05);box-shadow:0 10px 10px 0 rgba(0,0,0,0.05);border-radius:4px;background: #F6F9FB;min-height: 475px;}
/* shb-style */
.order-success-card .previous-card li .label{color: #666666;}
.order-success-card .single-card-section .card-detail-holder{min-height: 365px;background: #F6F9FB;}
.order-success-card .single-card-section li .label{color: #666666;}
.no_single-card .card-detail .card-detail-holder{ background: transparent;}
.no_single-card .previous-card .card-detail-holder{ background: #F6F9FB;}
.order-success-card .alert-success{ display: none;} 
.order-success-card li .amount .amount {font-size: 1em;}
.card-holder-wrapper {margin-bottom: 30px}
.card-options .shipping-method{margin-bottom: 30px;min-height: auto;}
.card-selection.vc-card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .card-image{height: 139px;max-width: 220px;}
.card-selection.vc-card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .card-image img { max-width: 220px;border-radius: 4px;}
.comfirmation-switcher {padding-left: 15px;}
.ui-datepicker-calendar td a{ color: #222222 !important; }
#chverificationform .has-datepicker .ico {top: 43px;}
.ui-dialog .ui-dialog-content.generic-dialog .title{ margin: 0 auto 17px;}
.ui-dialog .ui-dialog-content.block-my-card_dialog .title{ margin: 0 auto 8px;}
.ui-dialog-content.generic-dialog .img-holder{margin: 0 auto 43px; }
.block-my-card_dialog .ui-dialog .ui-dialog-content.generic-dialog .title{ margin: 0 0 8px !important;}
.block-my-card_dialog .ui-dialog .ui-dialog-content.generic-dialog .title-desc{font-size: 1.0714285em !important;}
.block-my-card_dialog .ui-dialog .ui-dialog-content.block-my-card_dialog{padding: 50px 30px 64px!important}
.card-options .fee .fee-desc{font-weight: 500; font-size: 1.14285714em; color:#2F2F2F}
.card-options .head p{font-size: 0.92857142em; color: #757575;}
.ui-dialog .ui-dialog-content.block-my-card_dialog .title-desc{font-size: 1.0714285em;}
.ui-dialog .ui-dialog-content.block-my-card_dialog .btns{margin:32px auto 0!important}
.ui-dialog .ui-dialog-content.generic-dialog .blockreissue-btns .btn {float: left; display: block;}
.block-btnbox {display: inline-block;vertical-align: middle;margin-right: 15px;}
.block-btnbox .btn{display: block;}
label.floating-sr-label {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;max-width: 100%;z-index: 999;background: transparent;height: 100%;display: block;}
.card-history.block-last-reissue-on li:only-child{ margin: -3px 0 20px 0;}
.card-summary.v-card{ padding: 30px 28px 7px;}
.card-options .card-holder .list-unstyled.info-listbox {margin-bottom: 1rem !important;}
.card-options .card-holder .list-unstyled.info-listbox:last-child {margin-bottom: 0 !important;}
.block-reissue_page .slick-slider .slick-arrow{opacity: 0.7; }
.card-selection .carousel-card-selection .slick-arrow:hover:before,.card-selection .carousel-card-selection .slick-arrow:hover{border-color:#757575;color:#757575; opacity: 1;}
.ui-dialog.ui-widget-content.gen-dialog-parent .btn-holder{
    padding: 3px !important;
}
/*Review attempt dialog */
.ui-dialog .ui-dialog-content#reissue_unavailable_dialog > .slimScrollDiv{margin-right: 0;padding-right: 0;padding-bottom: 0;}
.reviewattempt-dialog {text-align: center;}
.reviewattempt-dialog p.desc{font-size: 0.938rem;line-height: 1.6;color: #757575;letter-spacing: 0.2px; max-width: 380px;margin: 0 auto 20px;}
.reviewattempt-dialog ul { padding: 0 26px;margin: 0;list-style: none;font-size: 13px;color: #757575;}
.reviewattempt-dialog ul li {display: flex;justify-content: space-between; margin: 0 0 12px;}
.reviewattempt-dialog ul li span{text-transform: uppercase;font-weight: 500;letter-spacing: 0.22px;}
.reviewattempt-dialog ul li strong{color:  #222222;font-weight: 500;letter-spacing: 0.22px;}
.ui-dialog .ui-dialog-content.reviewattempt-content .title{margin: 0 0 25px !important;font-size: 1.125rem;color: #222222;line-height: 1.444;}
.ui-dialog #unavailable-dialog-content .title{margin: 0 0 10px !important;}
.reviewattempt-dialog .vector-area{margin: 0 0 37px;}
.ui-dialog .ui-dialog-content.reviewattempt-dialog{padding: 50px 30px 50px!important;}
.ui-dialog.ui-widget-content[aria-describedby=reissue_attempts_dialog]{min-width: 480px;}
.ui-dialog.ui-widget-content[aria-describedby=reissue_unavailable_dialog]{min-width: 480px;}
.ui-dialog .reviewattempt-content .btns{margin: 15px auto 0!important;}
.ui-dialog .reviewattempt-content .btns .btn{min-width: 140px;display: block;}
.attempt-info {position: relative;z-index: 5; text-decoration: underline;font-size: 0.813rem; background: none;padding: 0;margin: 10px 0 0;display: block;}
.disabled-cardholder{opacity: 0.5;}
.attempt-info.remaining-btn:where(:hover, :focus){text-decoration: none;}
.disabled-cardholder .attempt-info.remaining-btn:where(:hover, :focus){padding: 0;outline: none;text-decoration: underline;}
.attempt-info.remaining-btn{color: var(--ch32-brand);}
/* availabe attempts popup */
.customersupport-wrapper{margin: 0 auto 26px; width: 210px;background: #FBFBFB;border: 1px solid #EEEEEE;border-radius: 8px;padding: 12px 28px; color: #444444;}
.customersupport-wrapper img {margin-right: 13px;display: inline-block;vertical-align: middle;}
.customersupport-wrapper .info-detail .number{ font-size: 1rem; font-weight: 700;line-height: 1.25;}
.customersupport-wrapper .info-detail .service{font-size: 0.75rem;}
.customersupport-wrapper .info-detail .number a{color: #444444;}
.customersupport-wrapper .info-detail .number a:where(:hover,:focus){text-decoration: underline;}
.customersupport-wrapper .icon-holder {float: left;width: 30px;padding-top: 10px;}
.customersupport-wrapper .info-detail{overflow: hidden;text-align: left;}

/* .card-options .disabled-cardholder .frame:hover,
.card-options .disabled-cardholder .frame.hover{border: 1px dashed #D8DDE4;} */
@media (max-width: 991px) {
.order-success-card .card-detail-holder{max-width:450px; width: 100%; }
}
@media (min-width: 993px) {
.order-success-card .card-detail-holder{max-width:345px; min-width: 345px;}
}
.order-success-card .card-detail-holder .tag{font-size:.57143em;line-height:1.375;padding:4px 15.5px}
.order-success-card .card-detail-holder .tag.active{background:#0C73A6}
.order-success-card .card-detail-holder .tag.closed{background:#DE6850}
.order-success-card li{text-align:left;float:left;margin-top:20px;width:40%}
.order-success-card li:first-child{width:100%}
.order-success-card li:nth-child(2n+2){width:60%}
.order-success-card .reissue-card-details li:nth-child(2n+1) { width: 60%; }
.order-success-card .reissue-card-details li:nth-child(2n+2) { width: 40%; }
.order-success-card li .title{color:#444;font-size:1em;line-height:1.71429;margin-right:10px}
.order-success-card li .amount{color:#106EB8;font-size:1.42857em;line-height:1.2}
.order-success-card li .amount img{display:inline-block;vertical-align:middle;margin:0 0 0 5px;border-radius:100%;width:12px;height:12px}
.order-success-card li .label,.order-success-card li .value{display:block}
.order-success-card li .label{font-size:.85714em;line-height:1.5;color:#757575}
.order-success-card li .value{font-size:1em;line-height:1.35714;color:#222;font-weight:500}
.order-success-card .single-card-section li{width:60%}
.order-success-card .single-card-section li:nth-child(even){width:40%;text-align:right}
@media (max-width: 991px) {
.card-options .info .info-option li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}
}
.list-with-icon > li{position:relative;padding-left:26px;vertical-align:middle}
@media (max-width: 992px) {
.list-with-icon > li{padding-left:25px}
}
.list-with-icon > li:before{font-size:1em;line-height:1;display:inline-block;vertical-align:middle;font-family:'cholder4'!important;speak:none;font-style:normal;font-weight:700;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#22835B;position:absolute;top:8.25px;left:0}
.list-with-icon.list_icon-check > li:before{content:"\e924"}
input[type="submit"][disabled],input[type="button"][disabled],button[disabled]{cursor:not-allowed}
.ui-dialog .ui-dialog-content.generic-dialog{padding:30px!important}
.ui-dialog .ui-dialog-content.generic-dialog .scroll-holder{padding:0 0 5px}
.ui-dialog .ui-dialog-content.reviewattempt-content{padding: 46px 30px 35px!important;}
.ui-dialog .ui-dialog-content .title-desc{font-size:.92857em;line-height:1.53846;color:#757575 !important;}
.ui-dialog .ui-dialog-content.block-my-card_dialog{padding:50px 30px 70px!important}
.ui-dialog .ui-dialog-content .form-statement{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}
.card-summary .card-author-info.li-1 li { width: 100%; }
.card-summary .card-author-info.li-2 li { width: 50%; }
.card-summary .card-author-info.li-3 li { width: 33.333%; }
@media all and (min-width: 579px) and (max-width: 581px) {
.ui-dialog.ui-widget-content{width:100%!important}
}
@media (max-width: 767px) and (min-width: 581px) {
.ui-dialog.ui-widget-content{width:100%!important}
}
@media (max-width: 991px) and (min-width: 768px) {
    .card-summary .card-author-info li:not(:last-child) {
    width: 100% !important;}
    }
.form-statement{padding-bottom:0}
.form-statement .table.confirmation{ margin-bottom:15px;}
.form-statement .table.confirmation .tag.posted{font-size:.64286em;line-height:1.22222;padding-top:4px;padding-bottom:4px;max-height:unset;border:none}
.form-statement .table.confirmation .normal-text{color:#222;padding:10px 20px 12px!important;font-size:.92857em;line-height:1.46154}
.form-statement .table.confirmation .normal-text .card-field{font-weight:500;font-size:100%; color: #222222;}
.form-statement .table.confirmation .normal-text p{font-size:.92857em;line-height:1.46154;color:#222;margin:0}
.form-statement .table.confirmation .normal-text p + *{margin-top:5px}
.form-statement .table.confirmation .normal-text p.sub_desc{font-size:92.25%;line-height:1.5}
.form-statement .table.confirmation .normal-text strong{font-size:.92857em;line-height:1.46154;color:#222;margin:0;font-weight:700}
.form-statement .table.confirmation .normal-text strong + *{margin-top:5px}
.form-statement .table.confirmation .note{color:#444;margin:0 auto 22px;padding:16px 25px;display:block;max-width:100%;border-radius:4px;border:solid 1px #ebeff4;font-size:.85714em;line-height:1.5;text-align:left;font-weight:400;letter-spacing: 0.2px;}
.form-statement .table.confirmation .note p{margin:0; font-size:12px;}
.form-statement .table.confirmation .note strong{font-weight:500;font-size:100%}
.form-statement .table.confirmation .title{padding-left:30px;position:relative;font-size:.92857em;line-height:1.46154;color:#757575;font-weight:500;display:block}
.form-statement .table.confirmation .title .title-ico{margin:0;position:absolute;left:0;top:0;font-size:.92857em;line-height:1.46154;color:#106EB8;}
.form-statement .table.confirmation .tag.free,.form-statement .table.confirmation .tag.posted{border:none;background-color:#338464;font-size:.64286em;line-height:1.22222;font-weight:500;color:#fff;padding:5px 13.5px}
.form-statement .table.confirmation thead th{font-size:.78571em;line-height:1.54545;font-weight:500;color:#757575;border-top:none;border-bottom:none; text-transform:uppercase; padding:9px 12px 12px;}
.form-statement .table.confirmation thead th:first-child{ padding:9px 12px 12px 0;}
.form-statement .table.confirmation thead th:last-child{text-align:right; padding:9px 0 12px 12px}
.form-statement .table.confirmation tbody td:last-child{text-align:right;font-weight:500;font-size:.92857em;line-height:1.46154; padding:20px 0 20px 20px;}
.form-statement .table.confirmation tbody td:first-child{ padding:20px 20px 20px 0;}
.form-statement .table.confirmation tbody td:only-child{ padding:0;}
.form-statement .table.confirmation tbody .total-info td{border-bottom:1px solid #dee2e6;font-size:100.1%; padding:20px;}
.form-statement .table.confirmation tbody .total-info td:first-child { padding-left: 0; }
.form-statement .table.confirmation tbody .total-info td:last-child { padding-right: 0; }
.form-statement .table.confirmation tbody .total-info td .total{font-size:1.14286em;line-height:1.5;font-weight:500;color: #222222;font-weight: 500;}
.form-statement .table.confirmation tbody .total-info td .total-amount{font-size:1.14286em;line-height:1.5;font-weight:500}
.form-statement .table.confirmation tbody .total-info td .total-amount img{margin-left:5px;border-radius:50%;border:none;max-width:12px}
.form-statement .table.confirmation .no-border,.form-statement .table.confirmation .no-border th,.form-statement .table.confirmation .no-border td{border:none!important}
@media (max-width: 991px) {
.img-holder{width:100%;max-width:250px;display:block;margin:0 auto}
.order-success-card .card-detail-holder{min-height:auto;padding:15px}
.order-success-card .card-detail:not(:last-child){margin-bottom:35px}
.order-success-card li{text-align:left}
.order-success-card li:first-child .title{text-align:left}
.order-success-card li:first-child .amount{text-align:right}
.order-success-card li:nth-child(2n+2){text-align:left}
.no_single-card.order-success-card li{text-align:right}
.no_single-card.order-success-card li:first-child .title{text-align:left}
.no_single-card.order-success-card li:first-child .amount{text-align:right}
.no_single-card.order-success-card li:nth-child(2n+2){text-align:left}
.order-success-card .reissue-card-details li:nth-child(2n+1) { text-align: left; }
.order-success-card .reissue-card-details li:nth-child(2n+2) { text-align: right }
}
@media (max-width: 767px) and (min-width: 581px) {
.order-success-card .card-detail-holder{min-height:auto;height:auto!important}
.form-statement .table.confirmation .total-info.cols2 > td{width:25%!important}
.form-statement .table.confirmation .total-info.cols2 > td:last-child{width:75%!important;text-align:right}
}
@media (min-width: 581px) and (max-width: 991px) {
.order-success-card .card-detail:not(:last-child){margin-bottom:35px}
.order-success-card .card-detail{padding:0 20px 0 30px}
.order-success-card .card-detail ~ .card-detail{margin-right:15px}
.order-success-card .card-detail:last-child{margin-right:0}
}
@media (max-width: 579px) {
.form-statement .table.confirmation .total-info.cols2 > td{width:35%!important}
.form-statement .table.confirmation .total-info.cols2 > td:last-child{width:65%!important;text-align:right}
.order-success-card .card-detail-holder{min-height:auto;height:auto!important}
.order-success-card .card-detail{padding:0 15px}
}
.block_reissue-success .order-success-card > .alert,.block_reissue-success #messageContent > .alert{margin-top:-35px}
.block_reissue-success .order-success-card > .alert:before,.block_reissue-success #messageContent > .alert:before{line-height:1.2!important}
@media (max-width: 579px) {
.block-reissue_page .slick-slider{margin:25px auto 40px;padding:0!important}
.block-reissue_page .slick-slider .slick-arrow{top:unset;bottom:-24%;margin:0 auto}
.block-reissue_page .slick-slider .slick-arrow.slick-prev{left:30%}
.block-reissue_page .slick-slider .slick-arrow.slick-next{right:30%}
.block-reissue_page .slick-slider .slick-list{margin-bottom:10px;padding:0!important}
}
/*Sommer addition*/
@media (max-width: 767px) {
.form-statement .table.confirmation { display: block; width: 100%; }
.form-statement .table.confirmation tbody,  .form-statement .table.confirmation tr,  .form-statement .table.confirmation td { display: block; width: 100% !important; }
.form-statement .table.confirmation tr { border-bottom: solid 1px #dee2e6; }
.form-statement .table.confirmation tbody td,  .form-statement .table.confirmation tbody .normal-text { border-width: 0; padding: 7px 10px !important; }
.form-statement .table.confirmation tbody td:last-child,  .form-statement .table.confirmation tbody .normal-text:last-child { text-align: left; }
.form-statement .table.confirmation tbody td[colspan="3"],  .form-statement .table.confirmation tbody .normal-text[colspan="3"] { padding: 20px 0 0 !important; }
.form-statement .table.confirmation tbody .total-info.cols2 { overflow: hidden; }
.form-statement .table.confirmation tbody .total-info.cols2 td,  .form-statement .table.confirmation tbody .total-info.cols2 td:last-child,  .form-statement .table.confirmation tbody .total-info.cols2 td:first-child { width: 50% !important; float: left; border-width: 0 !important; }
.form-statement .table.confirmation thead { display: none; }
.card-summary-generic{ padding:30px 15px 5px;}
.order-success-card{padding: 40px 20px;}
#block_my_card_dialog2 {padding: 50px 30px 20px !important;}
.form-statement .table.confirmation tbody td {border-bottom: 1px solid #ebeff4;}
.form-statement .table.confirmation tr{border: 1px solid #ebeff4;}
.form-statement .table.confirmation tbody td:last-child {border-bottom: none;}
.card-summary .tag {margin: 7px 0 0 10px;}
.card-summary .sc-vertical-card-holder .img-holder{ max-width: 292px;}
}
@media (max-width: 579px) {
.card-summary-generic .card-num{ font-size:1.429em; display:block !important;}
#block_my_card_dialog2 { padding: 20px 30px !important; }
.ui-dialog .ui-dialog-content.generic-dialog .btns .btn { margin: 0; display: block; }
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider > .slick-list,
.card-selection.vc-card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .card-image{ margin: 0 auto;}
.card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide{ margin: 0 auto;}
.ui-dialog .ui-dialog-content.reviewattempt-content{padding: 20px 20px !important;}
}
@media (max-width:398px){
    [aria-describedby=block_my_card_dialog1] .ui-dialog-content.generic-dialog .btns .btn{margin-right: 0 !important}
}
.last-history .not-available { color: #757575; }
.card-option-form [class*="iradio"].focus, .card-option-form [class*="iradio"].hover { outline: none !important; }
#pageContent.section-loading,
#ajaxPageContent.section-loading { height: 60vh; }
.ui-dialog .ui-dialog-content.block-my-card_dialog .title-desc { color: #757575;margin: 0; }
.ui-dialog .ui-dialog-content > .slimScrollDiv { margin-right: -25px; padding-right: 25px; padding-bottom: 0;}
.order-success-card.vc-order-success-card .img-holder {max-width: 290px;margin: 0 auto;}
.tag.status-A{background: #0C73A6;}

.ui-dialog .ui-dialog-content.generic-dialog .btns{margin: 26px auto 0!important;overflow: hidden;padding: 3px 3px !important;}
.secondry-card-drop>.btn-secondary .name{color: #444444;font-size: 0.92857142em;}
.secondry-card-drop .amount .currency-sign{font-size: 0.644953em;}
.secondry-card-drop>.btn-secondary .card-num{font-weight: 700;}
.secondry-card-drop>.btn-secondary .card-type{font-size: 0.7142857em;letter-spacing: 0;font-weight: 500;}
.secondry-card-drop .card-num {padding: 0 0 5px !important;}
.secondry-card-drop>.btn-secondary .num {font-weight: 700;}
.card-author-info li {vertical-align: middle;}
.card-summary .tag{margin:7px 0 0 19px; padding: 5px 12px;}
.balance-info .amount .num{font-weight: 700;}
.balance-info .amount img{margin: -4px 0 0 4px;}
.card-summary .sc-vertical-card-holder .img-holder{max-width: 149px;}
.card-num .dot{background: rgba(117, 117, 117, 0.60 )!important;}
.jumbotron.jumbotron-block-reissue{margin: 0 0 10px !important}
.card-summary .card-author-info li:not(:last-child){margin: 0 ;}
.card-summary .card-num{margin: 0px 0 3px;letter-spacing: 0.70px;padding: 4px 0 0px;}
.card-summary .balance-info.clearboth {margin: 5px 0 12px;}
.card-summary .balance-info .orange .amount .title, .card-summary .balance-info .title{margin: 0 7px 0 0;}
.last-history .time{margin-top: 0}
.card-summary .card-author-info{width: 100%;margin: 0;}

@media (max-width: 1199px){.card-summary .card-author-info li:not(:last-child) {margin: 0 0 25px !important;}
.card-summary .sc-vertical-card-holder .card-author-info li{margin: 0 0 25px ;}
.card-summary .sc-vertical-card-holder .info-header-02 li{margin: 0 ;}
}
@media (max-width: 767px){
    .card-summary .card-info {margin: 0}
    .available-credit {margin: 0 0 3px;}
    .card-summary-credit {padding-left: 0;padding-right: 0;}
    .blockreissue-lasthistory > li{margin-bottom: 25px;}
}
.card-summary .blockreissue-vcard-holder {padding-bottom: 1px;}
.blockreissue-lasthistory .holder > .name + .title {
    text-align: left;
    order: 1;
    flex: 0 auto;
    max-width: 40%;
}
.blockreissue-lasthistory{display: flex;width: 100%;flex-wrap: wrap;margin-bottom: 0;}
.blockreissue-lasthistory > li {max-width: 33.333%; width: 100%; margin-bottom: 23px; flex: 0 0 33.333%;}
.blockreissue-vcard-holder .last-history > li{ height: 70px!important;}
.blockreissue-vcard-holder .last-history .holder,
.blockreissue-vcard-holder  .last-history .strip {display: inline-block;vertical-align: middle;
}
.blockreissue-lasthistory .amount,
.blockreissue-lasthistory .na, 
.blockreissue-lasthistory .name{
    order: 2;
    display: block;
    flex: 0 auto;
    margin: 0 0 0 5px !important;
    max-width: 60%;
    text-align: right;
    position: static;
    width: auto;
    white-space: unset !important;
}
.blockreissue-lasthistory .box{
    width: 100%;
    height: 100% !important;
    padding: 15px 15px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blockreissue-lasthistory .strip{
    display: none !important;
}
.blockreissue-lasthistory .holder, .blockreissue-lasthistory .strip{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
.blockreissue-lasthistory .holder > * {
    margin: 0;
}
.blockreissue-lasthistory .holder > .time-stamp + * {
    max-width: 68%;
    flex: 0 auto;
    text-align: right;
}
.blockreissue-lasthistory .holder > .time-stamp {
    flex-grow: 1;
    min-width: 40%;
}
.blockreissue-lasthistory .not-available{
    position: static;
}
.card-summary .add-info a{
    display: block;
    float: left;
}
.card-summary .add-info a > *{
    display: inline-block;
}
.creditbox-holder {
    padding: 0 15px ;
    flex: 1 auto;
}
.card-holder-wrapper[tabindex="0"]:focus .frame {
    border-style:solid;
}
@media (max-width: 1199px){
.blockreissue-lasthistory .holder, .blockreissue-lasthistory .strip {vertical-align: middle;}
.card-summary .card-author-info li:nth-child(1){ width: 41% !important;}
}
@media (max-width: 1024px){
    .blockreissue-lasthistory > li {max-width: 50%;flex: 0 50%;}
    .block-btnbox {display: block;width: 100%;}
    .card-summary.v-card {padding: 30px 15px 9px;margin: 0 0 22px;}
    .card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer{max-width: 218px;margin: 0 auto;}
    .card-selection .carousel-card-selection .new_cards_design-wrapper .slick-slider .slick-slide .footer .fee-amount{width: auto;}
}
@media (max-width: 992px){
    .card-summary .creditbox-info {
        padding: 0 15px;
        margin: 0 0 20px;
    }
}
@media (max-width: 768px){
    .blockreissue-lasthistory > li {max-width: 100%;flex: 0 100%;}
    .card-summary .card-author-info li:nth-child(1) {width: 100% !important;}
    .v-card .add-info li {margin: 0 34px 3px 0;}
}
@media (max-width: 576px){
    .card-selection .carousel-card-selection .info{padding: 20px 94px 10px;}
}

@media (max-width: 480px){
    .card-selection .carousel-card-selection .info{padding: 20px 56px 10px;}
}

@media (min-width: 580px){
    .v-center {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
}
@media (max-width: 580px){
    
    .ui-dialog[aria-describedby=reissue_attempts_dialog] .ui-dialog-content > .slimScrollDiv{margin-left: 0; margin-right: 0;}
}
