#snipcart {
    /* -----------------
        Colors
    ----------------- */
    --color-default: hsl(0, 0%, 100%);
    --color-alt: hsl(0, 0%, 70%);
    --color-icon: hsl(122, 90%, 40%);
    --color-success: hsl(144, 50%, 55%);
    --color-error: hsl(6, 55%, 60%);

    --color-link: hsl(122, 70%, 40%);
    --color-link-hover: hsl(122, 70%, 50%);
    --color-link-active: var(--color-link);
    --color-link-focus: var(--color-link);

    --color-input: var(--color-default);
    --color-input-hover: var(--color-input);
    --color-input-focus: var(--color-input);
    --color-input-checked: var(--color-input);
    --color-input-disabled: var(--color-alt);
    --color-input-error: var(--color-error);
    --color-inputLabel: var(--color-default);
    --color-inputLabel-hover: var(--color-inputLabel);
    --color-inputLabel-focus: var(--color-inputLabel);
    --color-inputIcon: var(--color-alt);
    --color-inputIcon-hover: var(--color-default);
    --color-inputIcon-focus: var(--color-inputIcon);
    --color-inputIcon-checked: var(--color-default);
    --color-inputIcon-error: var(--color-error);
    --color-inputPlaceholder: var(--color-alt);

    --color-buttonPrimary: var(--color-default);
    --color-buttonPrimary-hover: hsl(0, 0%, 100%);
    --color-buttonPrimary-active: var(--color-buttonPrimary);
    --color-buttonPrimary-focus: var(--color-buttonPrimary);
    --color-buttonPrimary-disabled: var(--color-alt);
    --color-buttonPrimary-success: var(--color-buttonPrimary);
    --color-buttonPrimary-error: var(--color-buttonPrimary);

    --color-buttonSecondary: var(--color-icon);
    --color-buttonSecondary-hover: hsl(122, 90%, 50%);
    --color-buttonSecondary-active: var(--color-buttonSecondary);
    --color-buttonSecondary-focus: var(--color-buttonSecondary);
    --color-buttonSecondary-disabled: hsl(122, 10%, 25%);
    --color-buttonSecondary-success: var(--color-success);
    --color-buttonSecondary-error: var(--color-error);

    --color-buttonDanger: var(--color-error);
    --color-buttonDanger-hover: hsl(6, 55%, 70%);
    --color-buttonDanger-active: var(--color-buttonDanger);
    --color-buttonDanger-focus: var(--color-buttonDanger);
    --color-buttonDanger-disabled: hsl(122, 10%, 25%);
    --color-buttonDanger-success: var(--color-default);
    --color-buttonDanger-error: var(--color-default);

    --color-badge: var(--color-link);
    --color-badge-active: var(--color-link);
    --color-badge-disabled: var(--color-alt);

    /* -----------------
        Border colors
    ----------------- */
    --borderColor-default: hsla(0, 0%, 100%, 10%);
    --borderColor-error: hsl(6, 55%, 30%);

    --borderColor-link: currentColor;
    --borderColor-link-hover: currentColor;
    --borderColor-link-active: currentColor;
    --borderColor-link-focus: currentColor;

    --borderColor-input: hsla(0, 0%, 100%, 10%);
    --borderColor-input-hover: hsl(122, 90%, 40%);
    --borderColor-input-focus: var(--borderColor-input-hover);
    --borderColor-input-checked: var(--borderColor-input-hover);
    --borderColor-input-disabled: hsl(122, 10%, 20%);
    --borderColor-input-error: var(--borderColor-error);

    --borderColor-buttonPrimary: transparent;
    --borderColor-buttonPrimary-hover: transparent;
    --borderColor-buttonPrimary-focus: transparent;
    --borderColor-buttonPrimary-disabled: transparent;
    --borderColor-buttonPrimary-success: transparent;
    --borderColor-buttonPrimary-error: transparent;

    --borderColor-buttonSecondary: transparent;
    --borderColor-buttonSecondary-hover: transparent;
    --borderColor-buttonSecondary-focus: transparent;
    --borderColor-buttonSecondary-disabled: transparent;
    --borderColor-buttonSecondary-success: transparent;
    --borderColor-buttonSecondary-error: transparent;

    --borderColor-badge: transparent;
    --borderColor-badge-active: transparent;
    --borderColor-badge-disabled: transparent;

    /* -----------------
        Background colors
    ----------------- */
    --bgColor-default: hsl(0, 0%, 13%);
    --bgColor-alt: hsl(0, 0%, 8%);
    --bgColor-success: hsl(144, 70%, 15%);
    --bgColor-error: hsl(6, 50%, 15%);
    --bgColor-info: hsl(122, 0%, 20%);

    --bgColor-modal: hsl(0, 0%, 0%);
    --bgColor-modalVeil: hsla(0, 0%, 20%, .75);

    --bgColor-link: none;
    --bgColor-link-hover: none;
    --bgColor-link-active: none;
    --bgColor-link-focus: hsl(122, 55%, 10%);

    --bgColor-input: hsl(0, 0%, 2%);
    --bgColor-input-hover: var(--bgColor-input);
    --bgColor-input-focus: var(--bgColor-input);
    --bgColor-input-checked: var(--borderColor-input-hover);
    --bgColor-input-disabled: hsl(0, 0%, 15%);
    --bgColor-input-error: var(--bgColor-input);
    --bgColor-input-autofill: hsl(0, 0%, 10%);

    --bgColor-buttonPrimary: hsl(132, 70%, 22%);
    --bgColor-buttonPrimary-hover: hsl(132, 70%, 30%);
    --bgColor-buttonPrimary-active: var(--bgColor-buttonPrimary);
    --bgColor-buttonPrimary-focus: var(--bgColor-buttonPrimary);
    --bgColor-buttonPrimary-disabled: hsl(122, 10%, 25%);
    --bgColor-buttonPrimary-success: hsl(144, 66%, 30%);
    --bgColor-buttonPrimary-error: hsl(6, 60%, 35%);

    --bgColor-buttonSecondary: var(--bgColor-info);
    --bgColor-buttonSecondary-hover: hsl(122, 60%, 18%);
    --bgColor-buttonSecondary-active: var(--bgColor-buttonSecondary);
    --bgColor-buttonSecondary-focus: var(--bgColor-buttonSecondary);
    --bgColor-buttonSecondary-disabled: hsl(122, 10%, 9%);
    --bgColor-buttonSecondary-success: var(--bgColor-success);
    --bgColor-buttonSecondary-error: var(--bgColor-error);

    --bgColor-buttonDanger: var(--bgColor-error);
    --bgColor-buttonDanger-hover: hsl(6, 50%, 18%);
    --bgColor-buttonDanger-active: var(--bgColor-buttonDanger);
    --bgColor-buttonDanger-focus: var(--bgColor-buttonDanger);
    --bgColor-buttonDanger-disabled: hsl(122, 10%, 9%);
    --bgColor-buttonDanger-success: hsl(144, 66%, 30%);
    --bgColor-buttonDanger-error: hsl(6, 60%, 35%);

    --bgColor-badge: hsl(122, 55%, 10%);
    --bgColor-badge-active: hsl(122, 60%, 15%);
    --bgColor-badge-disabled: hsl(122, 10%, 11%);

    /* -----------------
        Shadows
    ----------------- */

    --shadow-default: 0px 20px 24px -20px hsla(0, 0%, 0%, .5);
    --shadow-tooltip: 0px 8px 16px hsla(132, 70%, 22%, .5);

    --shadow-link-focus: 0px 6px 4px -3px hsla(200, 90%, 40%, .5);

    --shadow-input-hover: none;
    --shadow-input-focus: 0px 5px 10px -3px hsla(200, 90%, 40%, .3);
    --shadow-input-checked: none;

    --shadow-buttonPrimary-hover: 0px 10px 4px -8px hsla(0, 0%, 0%, .5);
    --shadow-buttonPrimary-active: none;
    --shadow-buttonPrimary-focus: 0px 0px 6px 2px hsl(200, 90%, 40%);

    --shadow-buttonSecondary-hover: 0px 10px 4px -8px hsla(0, 0%, 0%, .2);
    --shadow-buttonSecondary-active: none;
    --shadow-buttonSecondary-focus: 0px 0px 6px 2px hsla(200, 90%, 40%, .8);

    --shadow-buttonDanger-hover: 0px 10px 4px -8px hsla(0, 0%, 0%, .25);
    --shadow-buttonDanger-active: none;
    --shadow-buttonDanger-focus: 0px 0px 6px 2px hsla(6, 55%, 60%);
}

#cart,#support{

	white-space: nowrap;

}



.cart_ccard{

	background-color: #464646;

	padding: 10px;

}



.downgrade{

    display:inline-block;

    position:relative;

}



.displayingForm input[type=text],.pricing_tab input[type=text],form input[type=password],form textarea {

	width: 100%;

	padding: 12px;

	margin-bottom:5px;

}



form label,#cart .tos{

	font-weight: normal;

	font-size: 0.9em;

	color:#B7B7B7;

}



form a{

	cursor: pointer;

	color: #FFFFFF;

}



form a:hover{

	color: var(--accent-color);

}



.tos{

	display:inline-block;

	float:left;

	vertical-align: middle;

}



.payment_tab{

	margin: 0px 0px 15px 0px;

	padding: 20px;

	margin-left: auto;

	margin-right: auto;

	width:100%;

	border-radius: 10px;

}



.payment_tab,.displayingForm input[type=text],.pricing_tab input[type=text],.displayingForm input[type=password],form textarea {

	background-color: #404040;

	display: inline-block;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

	box-sizing: border-box;

	border: none;

	color:#ffffff;

}



.payment_tab .fe_btn{

	width:90%;

	margin-top:15px;

	margin-bottom:5px;

	border:none;

	margin-left: auto;

	margin-right: auto;

}



.cctab{

	margin: 0px 0px 30px 0px;

	background-color: #313131;

	color: #ffffff;

	padding: 10px;

}



.btn[line="back_to_selection"]{

	display:inline-block;

	margin-top:15px;

	font-size:1em;

	text-align:center;

	width:100%;

	margin-left:-10px;

}



.displayingForm input:-webkit-autofill,

.displayingForm input:-webkit-autofill:hover,

.displayingForm input:-webkit-autofill:focus,

.displayingForm input:-webkit-autofill:active,

.displayingForm select:-webkit-autofill,

.displayingForm select:-webkit-autofill:hover,

.displayingForm select:-webkit-autofill:focus,

.displayingForm select:-webkit-autofill:active {

    -webkit-box-shadow: 0 0 0 30px #404040 inset !important;

	-webkit-text-fill-color: white !important;

}



#submit_loading{

	display: block;

	height:50px;

	width: 100%;

	text-align: center;

}



.post_tab{

	width: 450px !important;

}



.form_btn{

	position: relative;

	display: block;

	cursor: pointer;

	height:40px;

	padding:0px;

	border-radius:2px;

	line-height: 35px;

	text-align: center;

}



.form_btn span{

	display: inline-block;

	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif" !important;

	font-size: 0.9em !important;

	font-weight: 600;

	vertical-align: middle;

	line-height: normal;

}



.form_btn img{

	position: absolute;

	left:0;

	top:0;

	height:40px;

}



/*#paypal_sub{

	position: relative;

	cursor: pointer;

	width: 360px;

	height: 44px;

	border-radius: 5px;

	background-color: #ffc439;

}



#paypal_sub:hover{

	background-color: #f2ba36;

}



#paypal_sub img{

	border:none;

	display: inline-block;

}*/