/*README  
-----------------------------------------------------------------------------------------------------------
Override the color scheme as necessary for the desired client. 
-----------------------------------------------------------------------------------------------------------*/

:root {
	--primary: #FEF200;
	--secondary: #323232;
	--tertiary: #FFF;

	--outline-color: #E21838;
	--accessibility-outline: 3px solid blue;
}


/* step 1 */

ul.choose-format li a {
    border: none;
    background: var(--tertiary) 0% 0% no-repeat padding-box;
    color: var(--secondary);
    text-transform: uppercase;
    box-shadow: none;
	border: 1px solid #CCC;
}

ul.choose-format li a.active,
ul.choose-format li a:hover,
ul.choose-format li a.active:hover {
    color: var(--secondary);
    background: var(--primary);
	font-weight: bold;
	border-color:var(--primary);
}


/* Buttons */

.btn {
    color: var(--secondary);
	background: var(--tertiary);
    box-shadow: none ;
    border: 1px solid #CCC;
	
}

.submit,
.btn2,
.btn-edit,
#paymentPopup button {
    background:var(--tertiary);
    box-shadow:none;
    color: var(--secondary);
    border-radius: 3px;
    border: 1px solid #CCC;}


.submit:hover,
.btn2:hover,
.btn-edit:hover,
.btn2:hover,
#paymentPopup button:hover {
    background: var(--primary);
    color: var(--secondary);
	font-weight:bold;
	text-decoration: none;
	border-color: var(--primary);
}

.btn-group button:hover {
    background: var(--primary);
    color: var(--secondary);
	font-weight:bold;
	text-decoration: none;
	border-color: var(--primary);
}

.delivery-details-global .active,
.payment-details-sec .active,
#selDeliveryType .active {
    color: var(--secondary);
    background: var(--primary);
	border-color: var(--primary);
	font-weight:bold;
}