/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .tax_label{
 	display: none;
 }
#paypal-button-container{
	display: inline-block;
    width: 250px;
    height: auto;
    margin-top: 30px;
    vertical-align: top;
    margin-left:15px;
}
 #card-grading-form input::-webkit-input-placeholder { /* Edge */
 	color:#e5e5e5;
}

#card-grading-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
 	color:#e5e5e5;
}

#card-grading-form input::placeholder {
 	color:#e5e5e5;
}

#card-grading-form .select2-container--default .select2-selection--single .select2-selection__rendered {
	color:#000;
}

#card-grading-form .discount-row{
	display: none;
}

#card-grading-form .discount-row.active{
	display: table-row;
}

#card-grading-form .credit-row{
	display: none;
}

#card-grading-form .credit-row.active{
	display: table-row;
}

#card-grading-form .card-clean-row{
	display: none;
}

#card-grading-form .card-clean-row.active{
	display: table-row;
}

#card-grading-form .title{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	background-color: #fff;
	padding:20px 22px;
	margin-bottom: 5px;
}

#card-grading-form .title span {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #A8A8A8;
}

#card-grading-form .title .chosen {
	float: right;
	color:#0148EE;
}

#card-grading-form .title .chosen-qty {
	float: right;
	color:#0148EE;
}

#card-grading-form .content {
	padding:30px;
	background-color: #fff;
	margin-bottom: 5px;
}

#card-grading-form .service-list {
	font-size:0;
}


#card-grading-form .service-list .service-item {
	font-size:14px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	border: 3px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 0;
	padding:32px 34px;
	min-height: 300px;
	margin-bottom: 30px;
}

#card-grading-form .service-item .btn {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding:16px 76px;
	width: 200px;
}

#card-grading-form .service-list input{
	opacity: 0;
	position: absolute;
}

#card-grading-form .service-list input:checked + .service-item{
	border:3px solid #EEDC01;
}

#card-grading-form .service-list input:checked + .service-item .btn{
	background-color: #000;
	color:#FFF;
	border-color:#000;
}

#card-grading-form .service-item .excerpt p{
	margin-bottom: 15px;
}

#card-grading-form .service-item .grading-company p{
	margin-bottom: 10px;
}

#card-grading-form .service-item .shipping-dates{
	margin-bottom: 15px;
}

#card-grading-form .grading-service h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #666666;
	text-transform: none;
	padding:0;
}

#card-grading-form .grading-service h2:before{
	display: none;
}

#card-grading-form .service-list .service-item p{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #666666;
}

#card-grading-form .grading-service .price {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #000000;
	margin-bottom: 20px;
}

#card-grading-form .cg-card-list .field-action{
	margin:30px 0;
}

#card-grading-form .cg-card-list .field-action .btn {
	display: inline-block;
	padding:11px 29px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #666666;
	width: inherit;
	background-color: #E5E5E5 !important;
	border-radius: 5px;
	border:0;
	height: inherit;
}

#card-grading-form .cg-card-list .field-action .btn:hover{
	color: #000 !important;
	background-color: #EEDC01 !important;
}


#card-grading-form .cg-card-list .field-action .btn{
	margin-right:5px;
}

.error-message .error {
    font-size: 14px;
    margin-bottom: 30px;
    color:white;
    padding: 15px 10px;
    text-align: center;
    color: #721c24 !important;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    display: block;
}

.cg-card-item .error-message .error {
	padding:5px 10px;
}

.card-list-head ul {
	list-style: none;
	display: table;
	padding:0;
	margin:0;
	width: 100%;
	border-bottom:1px solid #E5E5E5;
}

.card-list-head ul li {
	display: table-cell;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	color: #666666;
	padding:13px 0;
}

.card-list-head ul li:nth-child(1){
	width:5%;
}
.card-list-head ul li:nth-child(2){
	width:5%;
}
.card-list-head ul li:nth-child(3){
	width:10%;
}
.card-list-head ul li:nth-child(4){
	width:15%;
}
.card-list-head ul li:nth-child(5){
	width:10%;
}
.card-list-head ul li:nth-child(6){
	width:15%;
}
.card-list-head ul li:nth-child(7){
	width:10%;
}
.card-list-head ul li:nth-child(8){
	width:10%;
}
.card-list-head ul li:nth-child(9){
	width:10%;
}

.accordion-content {
	padding:30px 0;
}

.accordion-head ul {
	list-style: none;
	display: table;
	padding:0;
	margin:0;
	width: 100%;
	border-bottom:1px solid #E5E5E5;
}

.accordion-head ul li {
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding:8px 0;
}

.accordion-head .mobile-label {
	display: inline-block;
	font-weight: 600;
	width: 160px;
}

#card-grading-form .btn {
	width: 100%;
	margin-top:15px;
	text-align: center;
}

#card-grading-form .btn.next{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding:16px 76px;
	text-decoration: none;
}

#card-grading-form .btn.prev{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding:16px 76px;
	text-decoration: none;
}

#card-grading-form .btn-add {
	padding:14px 17px;
	/*font-family: Rubik;*/
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	color: #FFFFFF;
	margin-right:0;
}


@media (min-width: 768px) {
	.accordion-head ul li {
		display: table-cell;
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
		color: #000000;
		padding:17px 0;
	}

	.accordion-head ul li:nth-child(1){
		width:5%;
	}
	.accordion-head ul li:nth-child(2){
		width:5%;
	}
	.accordion-head ul li:nth-child(3){
		width:10%;
	}
	.accordion-head ul li:nth-child(4){
		width:15%;
	}
	.accordion-head ul li:nth-child(5){
		width:10%;
	}
	.accordion-head ul li:nth-child(6){
		width:15%;
	}
	.accordion-head ul li:nth-child(7){
		width:10%;
	}
	.accordion-head ul li:nth-child(8){
		width:10%;
	}
	.accordion-head ul li:nth-child(9){
		width:10%;
		text-align: center;
	}

	#card-grading-form .btn {
		width: inherit;
	}

	#card-grading-form .btn.next{
		padding:16px 76px;
		margin-top: 30px;
		margin-right:15px;
		text-decoration: none;
	}

	#card-grading-form .btn.prev{
		padding:16px 76px;
		margin-top: 30px;
		margin-right:15px;
		text-decoration: none;
	}

	#card-grading-form .btn-add {
		line-height: 17px;
		text-align: center;
		color: #FFFFFF;
		margin-top: 30px;
		margin-right:15px;
		float:right;
	}
}

#card-grading-form .select2-selection{
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 5px;
	height:44px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #A8A8A8;
	height: 50px;
}

#card-grading-form label {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #666666;
}

#card-grading-form  input:not([type=checkbox]):not([type=radio]):not([type=submit]), 
#card-grading-form  textarea, 
#card-grading-form  select,
#card-grading-form .cg-form-control{
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 5px;	
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	height: 50px;
	color: #000;
}

#card-grading-form .tab-input {
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 5px;	
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	padding: 13px 15px;
}

.myaccount-inner .select2-container--default .select2-selection--single {
    height: 44px;
    padding: 8px 10px;
}

.myaccount-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 10px;
}

#card-grading-form .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 21px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	/*color: #A8A8A8;*/
}


#card-grading-form .select2-container--default .select2-selection--single .select2-selection__arrow{
	top:10px;
}

#card-grading-form  .cg-billing-details h3 {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	margin-bottom: 25px;
	margin-top: 25px;
}

#card-grading-form .select2-container--default .select2-results__option{
	font-size:14px;
}

#card-grading-form .cg-billing-details .custom-control-label::before,
#card-grading-form .cg-billing-details .custom-control-label::after {
	top:0;
}


#card-grading-form .select2-container{
	width: 100% !important;
}

#card-grading-form .tabs {
  position: relative;   
  min-height: 200px; /* This part sucks */
  clear: both;
  margin: 0;
}

#card-grading-form .tab-nav{
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}

#card-grading-form .tab-label {
	background-color: #eee; 
	padding: 10px; 
	border: 1px solid #eee; 
	margin-left: -1px; 
	position: relative;
	left: 1px; 
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color:#000;
	padding:15px 50px;
	margin-bottom: 0;
	height: 50px;
	float:left;
	/*position: relative; /*Duplicated position */
	cursor: pointer;
	width: 100%;
	text-align: center;
}
#card-grading-form .tab-label input {
	position: absolute;
	opacity: 0;
	top:0;
	left:0;
}
#card-grading-form .tab [type=radio] {
  display: none;   
}
#card-grading-form .tabs .tab-content {
/*  position: absolute;
  top: 50px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 20px;*/
  width: 100%;
}
#card-grading-form .tabs .tab-label.active {
  background-color: #FFF;
  z-index: 2;
  border: 1px solid #EEDC01;

}


#card-element .card-error-message{
    color: #da2536;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
}

#card-element .error-message .error{
	color: #da2536 !important;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 17px;
    padding:0;
    background-color:transparent;
    text-align: left;
}

#card-grading-form .confirm-order {
	/*font-family: Rubik;*/
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;

}

#card-grading-form .confirm-order .table thead th {
	border-bottom:1px solid #E5E5E5;
}

#card-grading-form .confirm-order .table thead tr:nth-child(2) td{
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	color:#666666;
}

#card-grading-form .confirm-order .table td,
#card-grading-form .confirm-order .table  th {
	padding:17px 0;
	/*font-weight: normal;*/
	font-size: 14px;
	line-height: 17px;
}

.login_overlay{
    height: 100%;
    width: 100%;
    background-color: #F6F6F6;
    opacity: 0.9;
    position: fixed;
    z-index: 998;
}

.service-order-progress .progress-title{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	/*text-align: left;*/
	color: #000000;

}
.service-order-progress .progress-marker::after {
	z-index: 9;
}

.service-order-progress  .progress-marker::before{
	background-color: #fff;
	border:2px solid #DADADA;
}
.service-order-progress .progress-marker::after{
	height: 2px;
	background-color: #DADADA;;
}

.service-order-progress  .progress-step .progress-marker.is-complete{
	background-color: #EEDC01;
}

.service-order-progress .progress-step.is-active .progress-marker::before{
		border-color:#EEDC01;
		background-color: #EEDC01;
}

.reveal-button {
	font-family: "Rubik", sans-serif;
	font-style: normal;
	font-weight: 500;
	line-height: 1.0625rem;
	color: #FFFFFF;
	padding: 0.1875rem 0.625rem;
	font-size: 0.6875rem;
	margin-right: 0.3125rem; }

/* Combine common styles for reveal buttons */
.reveal-button-sgc, .reveal-button-bgs {
    font-family: "Rubik", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1.0625rem;
    color: #FFFFFF;
    padding: 0.1875rem 0.625rem;
    font-size: 0.6875rem;
    margin-right: 0.3125rem;
}

/* Adjust padding and background for the order details */
.myaccount-inner.card-grading-order-details,
.card-grading-order-details {
    padding: 0 !important;
    background-color: transparent !important;
}


.card-grading-order-details .title {
	background-color: #fff;
	padding:22px 25px;
	margin-bottom: 7px;
}

.card-grading-order-details .title h3 {
	margin-bottom: 0;
}

.card-grading-order-details .content {
	padding:22px 25px 50px;
	margin-bottom: 7px;
	background-color: #fff;
}

.card-grading-order-details .progress-tracker {
	margin:20px 0 5	0px;
}

#card-grading-orders .shipping-details-notification{
	display: none;
}
 
#card-grading-orders .shipping-details-notification.tab-active{
	display: block;
}


.card-grading-order-details .my-account-item{
	margin-bottom: 30px;
}

.card-grading-order-details .my-account-item .content-item{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	margin-bottom:12px;
}

.card-grading-order-details .my-account-item .content-item h4{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	margin-bottom: 12px;
}



.progress-step.is-complete .progress-marker::before, .progress-step.is-progress .progress-marker::before {
		border-color:#EEDC01;
		background-color: #EEDC01;
}

.progress-step.is-complete .progress-marker::after, .progress-step.is-progress .progress-marker::after{
	background-color: #EEDC01;
}

.progress-step:hover .progress-marker::before {
	background-color: #EEDC01;
}


.progress-step.is-complete:hover .progress-marker::before,
.progress-step.is-active:hover .progress-marker::before ,
.progress-step.tab-active .progress-marker::before {
	    background-color: #fff;
    	border: 2px solid #DADADA;
}

.success-notif {
	background-color: #e5e5e5b8;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #040404;
	padding:20px;
	margin-bottom: 20px;
}

.submission-details ul {
	list-style:none;
	padding:0;
	margin-bottom:15px;
}

.submission-details ul li {
	font-weight: normal;
	font-size: 14px;
	line-height: 27px;
}

.submission-details h3{
	margin-bottom: 10px;
}

#card-grading-order-summary {
	text-align: center;
}

#card-grading-order-summary .section-inner {
	background-color: #FFF;
	padding:55px 35px;
	text-align: center;
}

#card-grading-order-summary .section-item{
	margin-bottom: 30px;
	text-align: left;
}

#card-grading-order-summary h3 {
	/*font-family: Rubik;*/
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	margin-bottom: 30px;
}

#card-grading-order-summary .step {
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 76px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right:auto;

	/*border: 1px solid #EEDC01;*/
	/*text-align: center;*/
	color:#FFF;
	text-shadow: -1px 0 #EEDC01, 0 1px #EEDC01, 1px 0 #EEDC01, 0 -1px #EEDC01;
}

#card-grading-order-summary .step1 {
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 76px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right:auto;
	/*border: 1px solid #EEDC01;*/
	/*text-align: center;*/
	color:#FFF;
	text-shadow: -1px 0 #EEDC01, 0 1px #EEDC01, 1px 0 #EEDC01, 0 -1px #EEDC01;
	content:url(../images/print-resize.jpg);
	
}
#card-grading-order-summary .step2 {
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 76px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right:auto;

	/*border: 1px solid #EEDC01;*/
	/*text-align: center;*/
	color:#FFF;
	text-shadow: -1px 0 #EEDC01, 0 1px #EEDC01, 1px 0 #EEDC01, 0 -1px #EEDC01;
	content:url(../images/protect3-resize.jpg);
}
#card-grading-order-summary .step3 {
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 76px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right:auto;

	/*border: 1px solid #EEDC01;*/
	/*text-align: center;*/
	color:#FFF;
	text-shadow: -1px 0 #EEDC01, 0 1px #EEDC01, 1px 0 #EEDC01, 0 -1px #EEDC01;
	content:url(../images/pack3-resize.jpg);
}

#card-grading-order-summary .step4 {
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 76px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right:auto;

	/*border: 1px solid #EEDC01;*/
	/*text-align: center;*/
	color:#FFF;
	text-shadow: -1px 0 #EEDC01, 0 1px #EEDC01, 1px 0 #EEDC01, 0 -1px #EEDC01;
	content:url(../images/post-resize.jpg);
}

#card-grading-order-summary .step4-pickup {
	font-style: normal;
	font-weight: 500;
	font-size: 64px;
	line-height: 76px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right:auto;
	color:#FFF;
	text-shadow: -1px 0 #EEDC01, 0 1px #EEDC01, 1px 0 #EEDC01, 0 -1px #EEDC01;
	content:url(../images/sendle-logo.jpg);
}

#card-grading-order-summary .steps{
	text-align: center;
}

#card-grading-order-summary .desc{
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-bottom: 30px;
}

#card-grading-order-summary .address{
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
	font-style: normal;
	margin-bottom: 30px;
}

#card-grading-order-summary .btn {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding:16px 45px;
}

#card-grading-order-summary .card-summary {
	/*font-weight: 500 ;*/
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	margin-bottom: 30px;
	text-align: left;
}

#card-grading-order-summary tbody tr:first-child td{
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 15px;
	color: #666666;
}

#card-grading-order-summary tr td{
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	padding:17px;
}

#card-grading-order-summary tbody tr:first-child td strong {
	color:#000;
}

#card-grading-order-summary tfoot {
    border-bottom: 1px solid #dee2e6;
}


#card-grading-order-summary .card-details .btn {
	display: block;
	margin-bottom: 15px;
}
/*#card-grading-order-summary .print-summary-btn {
#KN
}*/
.paypal-redirect {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    z-index: 999;
}

.paypal-redirect:before{
    content: '';
    display: block;
    background-image: url(../images/google-pay-paypal-lock.gif);
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 999;
    margin-left: -50px;
    margin-top: -100px;
    width: 100px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}

.paypal-redirect:after{
    content: 'Processing...';
    display: block;
    width: auto;
    height: auto;
    top: 51%;
    position: absolute;
    left: 50%;
    margin-left: -54px;
}

#card-grading-form{
	position: relative;
}

.preload-form{
	position: absolute;
	background-color: rgb(255,255,255, .8);
	display: block;
	width: 100%;
	height: 100%;
	z-index:9;
}



#card-grading-form .disclaimer .custom-control-label::before,
#card-grading-form .disclaimer .custom-control-label::after{
	top:0 !important;
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: 0.875rem;
	word-wrap: break-word;
	opacity: 0;
  }
  
  .tooltip.show {
	opacity: 0.9;
  }
  
  .tooltip .arrow {
	position: absolute;
	display: block;
	width: 0.8rem;
	height: 0.4rem;
  }
  
  .tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid;
  }
  
  .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
	padding: 0.4rem 0;
  }
  
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
	bottom: 0;
  }
  
  .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #000;
  }
  
  .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
	padding: 0 0.4rem;
  }
  
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
	left: 0;
	width: 0.4rem;
	height: 0.8rem;
  }
  
  .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	right: 0;
	border-width: 0.4rem 0.4rem 0.4rem 0;
	border-right-color: #000;
  }
  
  .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
	padding: 0.4rem 0;
  }
  
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
	top: 0;
  }
  
  .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	bottom: 0;
	border-width: 0 0.4rem 0.4rem;
	border-bottom-color: #000;
  }
  
  .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
	padding: 0 0.4rem;
  }
  
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
	right: 0;
	width: 0.4rem;
	height: 0.8rem;
  }
  
  .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	left: 0;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: #000;
  }
  
  .tooltip-inner {
	max-width: 200px;
	padding: 0.25rem 0.5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 0.25rem;
  }



/*@media  { 
	KN
}*/

@media (min-width: 576px) {

}


@media (min-width: 768px) {
		#card-grading-form .service-list .service-item {
			font-size:14px;
			width: 33.33%;
			display: inline-block;
			vertical-align: top;
			border: 1px solid #E5E5E5;
			box-sizing: border-box;
			border-radius:0;
			padding:32px 34px;
			min-height: 300px;
			margin-bottom: 0;
		}

		#card-grading-form .tab-label {
			width: auto;
		}

		#card-grading-order-summary .card-details .btn {
			display: inline-block;
			/*margin-bottom: 15px;*/
		}

}


@media (min-width: 992px) {

	#tracking-code-form .form-control{
		border: 1px solid #E5E5E5;
		box-sizing: border-box;
		border-radius: 5px;
		padding:16px 12px;
		font-size:14px;
		height: 50px;
		background-color: #fff;
	}
		
	#tracking-code-form input::-webkit-input-placeholder { /* Edge */
		color:#e5e5e5;
	}

	#tracking-code-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color:#e5e5e5;
	}

	#tracking-code-form input::placeholder {
		color:#e5e5e5;
	}

	.tracking-code-form .title {
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 17px;
		color: #000000;
		margin-bottom: 20px;
	}
	#tracking-code-form .btn {
		padding:12px 47px;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
		color: #000000;
		height: 50px;
	}

	/*#tracking-code-form .tracking-code-item {
		/*display: inline-block; #KN
	}*/


/*	.my-account-item .table tr th,
	.my-account-item .table tr td{
		border-top:0;
	}
*/
	.my-account-order-details  .table tbody tr th,
	.my-account-order-details  .table tbody tr td,
	.my-account-card-details  .table tr td,
	.my-account-card-details  .table tr th{
		border-top:0;
		padding-left:0;
		padding-right:0;
	}

	.table tbody tr th + td {
		width: 50%;
	}

	.my-account-order-details  .table tbody tr{
		border-bottom: 1px solid #E5E5E5;
	}

	.my-account-order-details  .table tbody th {
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 24px;
		color: #000000;
	}

	.my-account-card-details  .table tbody th,
	.my-account-card-details  .table tbody td,
	.my-account-card-details  .table thead th,
	.my-account-card-details  .table thead td {
		padding:15px !important;
	}

	.my-account-card-details  .card-details{
		background-color: #f7f7f7;
		/*padding:16px 22px;*/
	}

	#card-grading-orders .my-account-invoicing {
		font-size:0;
	}

	#card-grading-orders .my-account-invoicing .btn {
		font-family: Rubik;
		font-style: normal;
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
		color: #000000;
		padding:15px 30px;
		margin-right:30px;
		display: inline-block;
		text-decoration: none;
		/*float:left;*/
	}

}


@media (min-width: 1200px) {

	#card-grading-order-summary{
		text-align: left;
	}
	
	#card-grading-order-summary .steps{
		text-align: left;
	}

	#card-grading-order-summary .section-inner {
		text-align: left;
	}

	#card-grading-order-summary .thank-you-section .section-inner {
		text-align: center;
	}


}

.acc-step-number {
	display: none;
}

.woocommerce-input-wrapper .input-checkbox {
	width:auto !important;
	display: inline-block !important;
}

.mobile-table ul {
	list-style: none;
	border-bottom: 1px solid #000;
	padding-bottom:30px;
	padding-left:0;
}

.mobile-table ul li {
	line-height: 1.5;
}

.mobile-table .mobile-label {
	font-weight: 600;
    width: 160px;
}

.card-details {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card-detail-item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.card-info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.info-row {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    padding: 0.5rem 0;
}

.card-actions {
    display: flex;
    justify-content: flex-start;
    gap: 1rem;
    margin-top: 1rem;
}

.woocommerce-button {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    background-color: #000;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .card-detail-item {
        padding: 0.75rem;
    }
    
    .woocommerce-button {
        padding: 0.5rem;
        font-size: 0.75rem;
    }
}

/* ——— two-pane layout ——— */
.company-two-pane{
  display:flex;
  gap:2rem;
}
.company-list{
  list-style:none;
  margin:0;
  padding:0;
  width:220px;          /* left column width */
}
.company-list li{ margin-bottom:.75rem; }

.company-list input{ display:none; }
/* make the label look like a pill */
.company-list label{
  display:block;
  padding:.6rem .9rem;
  border:2px solid #dcdcdc;
  border-radius:8px;
  font-weight:600;
  color:#555;
  cursor:pointer;
  transition:background .15s,border-color .15s;
}
.company-list input:checked + label{
  border-color:#ffe600;
  background:#fffbe0;
  color:#000;
}

.company-list label:hover{
  border-color:#c6c6c6;
}

/* ——— preview pane card ——— */
.company-preview{ flex:1; }
.company-card{
  border:1px solid #dfdfdf;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 22px rgba(0,0,0,.05);
  animation:fadeIn .25s ease;
}

/* header gets a soft diagonal gradient w/ rounded corners */
.company-card .card-header{
  background:linear-gradient(140deg,#ffe600 0%,#f8e83a 100%);
  padding:1.7rem 2rem;
}
.company-title{margin:0;font-size:2rem;line-height:1.1}

/* body paragraph typography */
.company-card .card-body{
  font-size:1rem;
  line-height:1.55;
  color:#333;
  padding:1.4rem 2rem 0;
}

/* footer */
.company-card .card-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.due-date{
  display:inline-block;
  background:#f1f1f1;
  border-radius:20px;
  padding:.35rem .9rem;
  font-weight:600;
  font-size:.9rem;
  color:#666;
}

@keyframes fadeIn{from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:none}}


.company-card .select-btn{
  background:#ffe600;
  border:none;
  border-radius:5px;
  padding:.55rem 1.4rem;
  font-weight:700;
  cursor:pointer;
  transition:box-shadow .15s;
  display: none; /*hide the select button. not required*/

}

.company-list input:focus + label,
.company-list label:focus{
  outline:3px solid #ffe600;
  outline-offset:2px;
}

.company-card .select-btn:hover{
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}

/* ——— mobile breakpoint ——— */
@media(max-width:768px){
  .company-two-pane{ flex-direction:column; }
  .company-list{ width:100%; display:flex; flex-wrap:wrap; gap:.5rem; }
  .company-list label{ flex:1 1 48%; text-align:center; }
}

/* -------- two-pane layout -------- */
.service-two-pane{display:flex;gap:2rem}
.service-list{list-style:none;margin:0;padding:0;width:240px}
.service-list li{margin-bottom:.75rem}
.service-list input{display:none}
.service-list label{
  display:block;padding:.65rem 1rem;border:2px solid #d8d8d8;
  border-radius:8px;font-weight:600;color:#555;cursor:pointer;transition:.15s}
.service-list input:checked+label{border-color:#ffe600;background:#fffbe0;color:#000}
.service-list label:hover{border-color:#c6c6c6}

/* -------- preview card -------- */
.service-preview{flex:1}
.service-card{
  border:1px solid #dcdcdc;
  border-radius:14px;
  box-shadow:0 4px 22px rgba(0,0,0,.05);
  overflow:hidden;
  animation:fadeIn .25s ease;
}

.service-card .card-header{
  background:linear-gradient(135deg,#ffe600 0%,#fed900 60%,#f6e85c 100%);
  padding:1.2rem 2rem;
  display:flex;justify-content:space-between;align-items:center;
}
.svc-price{
  font-size:2.2rem;
  font-weight:700;
  white-space:nowrap;
}
.svc-price small{font-size:.55em;font-weight:500}

.service-card .card-body{
  padding:1.5rem 2rem;
  color:#333;line-height:1.55;
}

.service-title{margin:0;font-size:1.65rem;line-height:1.15}
.card-body{flex:1 1 auto;color:#333;line-height:1.45}
.svc-tags{margin-top:.9rem}
.tag{
  display:inline-block;
  background:#eeeeee;
  border-radius:14px;
  padding:.25rem .8rem;
  font-size:.8rem;
  font-weight:600;
  margin-right:.35rem;
  color:#666;
}
/* footer with subtle divider */
.card-footer{
  background:#fafafa;
  border-top:1px solid #e5e5e5;
  padding:1rem 2rem;
  display:flex;justify-content:flex-start;gap:1rem;
  font-weight:600;font-size:.95rem;color:#555;
}

.price{color:#000}

/* -------- mobile -------- */
@media(max-width:768px){
  .service-two-pane{flex-direction:column}
  .service-list{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}
  .service-list label{flex:1 1 48%;text-align:center}
}

@media(max-width:768px){
  .svc-price{font-size:1.7rem}
}

/* On wide monitors keep preview top-aligned instead of mid-page */
.service-two-pane,
.company-two-pane{align-items:flex-start}

/* At ≥ 1280px give the list a fixed 300 px and let preview breathe */
@media(min-width:1280px){
  .service-list,.company-list{width:300px}
  .service-list label,.company-list label{font-size:1rem}
}

/* placeholder look until an add-on is clicked */
.service-preview.empty-state{
  min-height:220px;
  display:flex;justify-content:center;align-items:center;
  font-style:italic;color:#777;border:2px dashed #e3e3e3;border-radius:12px;
}

.addons-preview.empty-state{
  min-height:220px;
  display:flex;justify-content:center;align-items:center;
  font-style:italic;color:#777;
  border:2px dashed #e3e3e3;border-radius:12px;
}

/* hide manual fields by default */
.manual-entry.d-none { display: none; }

/* hide the hint once manual-entry is open */
.manual-entry:not(.d-none) ~ .manual-hint { display: none !important; }