.cm_input {
	border: none !important;
	border-bottom: 1px solid #9e9e9e !important;
	border-radius: 0;
	background-color: #fff;
	display: block;
	width: 100%;
}
.cm_input:focus {
	outline: none !important;
	box-shadow: none !important;
	border-bottom: 2px solid #139DFF !important;
}
.ccs_input {
	display: block;
	width: 100%;
}
.ccs_input:focus {
	border: 2px solid #023954 !important;
	outline: none !important;
	box-shadow: none !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-group-prepend{padding:12px 8px; background: #bfbfbf}
.input-group .form-control{background: #f6f6f6}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.submit_ccs {
	background-color: #023954;
	color: #fff;
	border-radius: 0;
}
.make_payment_container_ccs {
	background-color: #f2f2f2;
	padding: 30px 0 30px 0;
}
.ccs_input {
	background-color: #fff;
	border-radius: 0.375rem;
}
.form-select.ccs_input {
	border: 1px solid #ced4da !important;
	border-radius: 0.375rem;
	padding: .5rem 1rem;
	color: #7a7a7a;
	background: #fff;
	display: block;
	width: 100%;
}
.enter_manually a.manual_link_cm {
	color: var(--primary);
}
.enter_manually a.manual_link_ccs {
	color: var(--ccs-dark-blue) !important;
}
.checkout_input {
	width: 100% !important;
	border-radius: 0 !important;
}
body#checkout .modal-content {
	padding: 0;
	background-color: #fff;
}

.payment_confirmation_table tr td{height: 20px}
.make-a-payment-complete .btn{text-transform: none; background: var(--primary); font-weight: 400}
.purchase_order_input {
	border-radius: 0 !important;
}

#paymentErrorContainer ul{margin: 0}
#paymentErrorContainer ul li{padding-bottom: 5px;}
#paymentErrorContainer ul li:last-of-type{padding-bottom: 0}
#paymentErrorContainer .alert{margin:0}
#opayoModal h4{display: inline}

/* #payment_submit{width: 106px} */
#payment_submit:disabled::before {
	content: "\e9d0";
	font-family: "Material Symbols Outlined";
	animation: spin 1.5s linear infinite;
	display: inline-block
}
#custom-payment-form .alert-info{margin: 0}

@keyframes spin{
  0%{transform: rotate(0deg);}
  100%{transform: rotate(360deg);}
}

@media only screen and (max-width: 992px) {
	.spacer_col{display: none}
	#payment_submit{width: 100%}
}

@media only screen and (max-width: 768px) {
	.checkout_input {
		width: 100%;
	}
}



@media print {
	#header, #_desktop_logo{display: block !important}
	#search_widget,.btn{display: none !important}
	body{margin: 0 30px}
/*
	#header, nav, .logo{display: block !important; box-shadow: none !important}
	#search_widget, .hidden-md-up, .header-top,.breadcrumb, header nav{display: none !important}
	body{margin: 0 30px}
	.btn{display: none}	
*/
}