.mainContentCenter{padding-top:0px !important;}.message{height:50px;line-height:50px;background:#105E8F;width:98%;color:#FFF;text-indent:30px;font-size:16px;border-radius:5px;position:relative;clear:both;text-align:center;}.errorMessage{background:#D0342C;}.tableRow{clear:both;width:100%;}.tableCol{float:left;width:100%;}.tableCol2{float:left;width:45%;margin-right:15px;}.tableCol2-1{float:left;width:65%;margin-right:15px;margin-top:5px;}.tableCol2-2{float:left;width:30%;margin-top:5px;}.tableCol3{float:left;width:33%;}input[type=text],
input[type=password],
textarea{display:block;width:100%;max-width:250px;height:30px;padding:6px 12px;font-size:16px;line-height:1.428571429;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;text-indent:5px;}input[type=text]:focus,
textarea:focus{color:#373737;}textarea{padding-left:3px;width:98%;}input[type=text]{padding:3px;}.input select{display:block;max-width:250px;width:100%;height:40px;padding:6px 12px;font-size:16px;line-height:1.428571429;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.inputHeader{margin-bottom:5px;font-size:16px;}.inputValue{margin-bottom:10px;}.inputValue input{max-width:320px;}.expInput{width:100px;height:40px;padding:6px 12px;font-size:16px;line-height:1.428571429;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.welcomeHeader{text-align:left;font-size:20px;font-weight:bold;margin-bottom:20px;}.accountRecordWrapper{border:1px solid #333;border-radius:4px;background:#FFF;float:left;margin-right:30px;position:relative;margin-bottom:10px;}.headerRecord{font-weight:bold;border-bottom:1px solid #ccc;position:relative;padding:5px;padding-left:20px;text-transform:uppercase;border-top-right-radius:10px;border-top-left-radius:10px;}.bodyRecord{padding:20px;}.editRecord{position:absolute;right:10px;top:0px;cursor:pointer;}.editRecord img{width:24px;height:24px;margin-top:3px;}.addressRecord{width:300px;}.detailsRecord{width:500px;}.primaryAddress{position:absolute;top:0px;border-top-right-radius:10px;right:0px;font-size:10px;background:#4BB543;width:150px;height:14px;line-height:14px;text-align:center;color:#FFF;}.addressEdit{display:none;}.customerCardWrapper{position:relative;}.newCard{border:1px solid #333;border-radius:4px;width:150px;height:30px;line-height:30px;text-align:center;cursor:pointer;}.button{max-width:300px;height:30px;line-height:30px;font-size:20px;clear:both;}.credit-card-wrapper{margin-top:50px;padding-bottom:50px;}.credit-card{box-shadow:0px 0px 10px 2px #000;background:#3d89b8;border-radius:8px;color:white;font-size:14px;position:relative;height:240px;width:388px;transition:(all, 1s, ease);}.front{z-index:2;float:left;}.card-title{font-size:18px;font-weight:bolder;margin:24px 0 0 24px;}.card-number{padding:12px 24px 0;}.card-number-label{margin:3px 0 6px;}.card-number input{background:#306c92;border-radius:4px;border:1px solid #ccc;color:white;font-size:25px;margin:0 3px 0 0;padding:3px;width:70px;float:left;}.card-expiration{padding:12px 24px 24px;}.credit-card-wrapper .front .card-expiration > div{float:left;padding:3px;}.card-expiration-label{padding-top:33px !important;}.card-expiration-month-label{margin-bottom:6px;}.card-expiration-year-label{margin-bottom:6px;}.card-expiration-slash{font-size:32px;padding:31px 6px !important;}.noinput{font-size:30px;}.credit-card-logo img{width:75px;}.credit-card-logo{position:absolute;right:10px;bottom:0px;}.credit-card select{background:#306c92;border-radius:4px;border:1px solid gray;color:white;font-size:30px;padding:3px 12px 3px 8px;width:80px;}.back{top:-25px;left:-175px;z-index:1;float:left;}.magnetic-strip{background:#111;margin-top:24px;height:60px;width:100%;}.credit-card-ccv{text-align:right;}.credit-card-ccv-label{padding:12px 24px 6px;}.credit-card-ccv-strip{margin:0 24px;height:60px;background:rgba(255, 255, 255, 0.4);}.credit-card-ccv-prefix{color:black;float:right;font-size:24px;letter-spacing:2.5px;padding:15px 12px;transform:skew(10deg, 0);}.credit-card-ccv-box{background:white;position:absolute;top:129px;right:29px;content:'';border-radius:4px;border:1px solid gray;height:46px;width:80px;}.credit-card-ccv input{float:right;background:transparent;border-radius:4px;color:black;font-size:26px;margin:6px 0 0 0;padding:8px;width:70px;transform:skew(0deg, 0);border:none;}.card-number input::placeholder{color:#FFF !important;}.card-number input{color:#FFF !important;}.card-number input:-webkit-autofill::first-line{color:#FFF !important;}.card-number input:-webkit-autofill,
.card-number input:-webkit-autofill:hover,
.card-number input:-webkit-autofill:focus,
.card-number input:-webkit-autofill:active{-webkit-text-fill-color:#ffffff !important;}.card-number input:-webkit-autofill{-webkit-text-fill-color:none !important;color:#FFF !important;;}.addressTable{display:none;}.addressTableVisible{display:block;}.addressTableFlex{display:flex;}.subscription-container{display:flex;flex-direction:row;gap:20px;max-width:95%;padding:20px;flex-wrap:wrap;}.subscription-card{display:flex;align-items:flex-start;border:1px solid #ccc;border-radius:8px;padding:15px;background-color:#ffffff;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;max-width:400px;width:100%;}.subscription-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0, 0, 0, 0.2);}.logo-section{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:40%;}.logo-section img{max-width:80px;height:auto;margin-bottom:10px;object-fit:contain;}.details-section{display:grid;grid-template-columns:auto auto;column-gap:15px;row-gap:5px;align-items:center;flex:1;width:100%;}.details-section .details-title{font-weight:bold;text-align:right;font-size:14px;color:#333;}.details-section .details-value{text-align:left;}.edit-button-container{display:flex;justify-content:center;margin-top:15px;width:100%;}.customer-table{max-width:500px;width:100%;border-collapse:collapse;font-family:Arial, sans-serif;}.customer-table td{padding:8px;}.customer-table tr:last-child td{border-bottom:none;}.customer-table td:first-child{font-weight:bold;text-align:right;width:30%;color:#555;}.customer-table td:last-child{text-align:left;}