/*full content wrappers*/
.uxArticle.uxArticle-fullwidth {margin: 40px 5% 40px;}

/*headers*/
.h1 {
	font-size: 46px;
	font-weight: 400;
	line-height: 56px;
	color: #182745;
	padding-bottom: 20px;
}

.h2 {
	font-size: 33px;a
	font-weight: 400;
	line-height: 40px;
	color: #182745;
	padding-top: 20px;
	padding-bottom: 20px;
}

.h3 {
	font-size: 26px;
	font-weight: 400;
	line-height: 32px;	
	color: #182745;
	padding-bottom: 20px;
}
/*body text*/
.b1, #withdrawMoney, #moveMoney, #withdrawMoveMoney {
	font-size: 22px;
	font-weight: 300;
	line-height: 25px;
	color: #182745;	
}

.b0{
	font-size: 22px;
	font-weight: 400;
	line-height: 27px;
	color: #182745;	
}

/*information box*/
.box-1columns_box {
	border: #A7AFB5 solid 1px;
	display: block;
	height: auto;
	width: auto;
	padding: 20px;
	overflow: auto;
	margin-top: 14px;
	margin-bottom: 10px;
}

/*custom code - add below into style guide*/
	fieldset.form_fieldset {border: none;}

	/*form title*/
	form > h2.h2 {padding-top: 0;}

	/*form legend code*/
	.form_fieldset_legend {padding-bottom: 20px;}

	#option_legend {
    	font-weght: 600;
		padding-bottom: 20px;
	}

	.form_fieldset_label {
	  display: block;
	  position: relative;
	  padding-left: 40px;
	  margin-bottom: 10px;
	  cursor: pointer;
	  font-size: 22px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  width: auto;
	}

	.form_fieldset_label.b1 {line-height: 29px;}

	/* Hide the browser's default radio button */
	.form_fieldset_label input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

    .form_fieldset_label::before {
        content: "";
        position: absolute;
		top: 2px;
		left: 2px;
		height: 25px;
		width: 25px;
		border-radius: 50%;
        background-color: white;
		border: 1px solid #182745;
    }

	/* Create a custom radio button */
	.form_fieldset_label_checkmark {
		position: absolute;
		top: 8px;
		left: 8px;
		width: 15px;
        height: 15px;
		border-radius: 50%;
	}

    .form_fieldset_label:hover .form_fieldset_label_checkmark:after {
        border-color: #33508A;
        background: #33508A;
    }

    .form_fieldset_label:hover form_fieldset_label_checkmark {
    	background: #33508A;
    }

	/*dot indicator (only appears when radio checked)*/
	.form_fieldset_label_checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

    .form_fieldset_label:before input:checked {
        background-color: #33508A;
        border-color: #33508A;
        /* outline: 3px solid #33508A; */
        box-shadow:  0 0 0 4px #33508A;
    }
    .form_fieldset_label:hover:before {
        color: #33508A;
        border-color: #33508A;
        /* outline: 3px solid #33508A; */
        box-shadow:  0 0 0 4px #33508A;
    }

	.form_fieldset_label:focus:before {
      /* outline: 3px solid #33508A; */
    	box-shadow:  0 0 0 4px #33508A;
      
    }
    
    label.form_fieldset_label:hover:before input:checked {outline: none;}
    
    /*input selection outline test*/
    input:checked + label.form_fieldset_label:before {outline: 3px solid #33508A;}

    .form_fieldset_label input[type="radio"]:checked+label {
        background-color: #33508A;
        outline: 3px solid #33508A;
    }

	.form_fieldset_label input:checked ~ .form_fieldset_label_checkmark:after {
      display: block;
      background-color: #33508A;
      /* outline: 3px solid #33508A; */
      box-shadow:  0 0 0 4px #33508A;
      border: 5px solid #fff;
      top: -5px;
      left: -5px;
    }
    .form_fieldset_label:hover::before input:checked {outline: none;}                                                  
                                                      
	.form_fieldset_label .form_fieldset_label_checkmark:after {
	 	top: 0;
		left: 0;
		width: 15px;
        height: 15px;
		border-radius: 50%;
		background: #33508A;
	}
                                                                               
   	/*focus state*/
     .form_fieldset_label:hover.form_fieldset_label_checkmark {color: #33508A;}
     
     /*mouse-over state*/
	.form_fieldset_label:hover input ~ .form_fieldset_label_checkmark {color: #33508A;}
    
    /*checked & hover*/
    .form_fieldset_label:hover input:checked ~ .form_fieldset_label_checkmark {background-color: #33508A; outline: none;}
    
    .form_fieldset_label:hover input:checked ~ .form_fieldset_label_checkmark:after {background-color: #33508A;}
    /*checked state*/
	.form_fieldset_label input:checked ~ .form_fieldset_label_checkmark {background-color: #182745;}
    
    .form_fieldset_label input:checked {font-weight:400;}
    
    /*checked & focus*/
    .form_fieldset_label:focus input:checked ~ .form_fieldset_label_checkmark {background-color: #182745;}
    .form_fieldset_label:focus > span.form_fieldset_label_checkmark {background-color: #33508A;}

/*divider*/
.divider-fullwidth {
	margin-bottom: 20px;
	width: 100%;
}
.divider-darkgrey {border-top: solid 1px #A7AFB5; color: #A7AFB5;}

/*buttons*/
.button-primary-none-default {
	border-radius: 5px;
	display: inline-block;
	padding: 10px 30px;
	font-size: 22px;
	font-weight: 400;
	line-height: 26px;
	overflow: hidden;
	width: auto;
	text-decoration: none;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.18);
	background-color: #FCD900;
	border: 4px solid #FCD900;
	color: #182745;
	margin-top: 4px;
	margin-bottom: 40px;
}
.button-primary-none-default:focus {
	border: 4px solid #182745;
	background: #FCD900;
	outline: 4px solid #ffffff;
}
.button-primary-none-default:hover {
	background: #F0AB00;
	border: 4px solid #F0AB00;
}
.button-primary-none-default:hover, .button-primary-none-default:focus {
	text-decoration: none;
	color: #182745;
}
.button-primary-none-default:active {
	border: 4px solid #182745;
	background: #F0AB00;
	outline: 4px solid #ffffff;
}

@media screen and (min-width: 700px) and (max-width: 1024px){
	/*headers*/
	.h1 {
		font-size: 40px;
		font-weight: 700;
		line-height: 49px;
		padding-bottom: 20px;
	}

	.h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 37px;
	}

	.h3 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
	}

	/*body text*/
	.b1, #withdrawMoney, #moveMoney, #withdrawMoveMoney {
		font-size: 20px;
		font-weight: 300;
		line-height: 22px;
	}

	/*buttons*/
	.button-primary-none-default {
		font-size: 20px;
		line-height: 25px;
		padding: 10px 20px;
	}
}

@media screen and (max-width: 700px){
	/*main content wrapper*/
	/*.uxArticle, .uxArticle.uxArticle-fullwidth {margin:20px 10px 40px 10px;}*/
.uxArticle, .uxArticle.uxArticle-fullwidth {
    margin: 20px 4.5% 15px 6.5%;
}
	/*headers*/
	.h1 {
		font-size: 30px;
		font-weight: 700;
		line-height: 37px;
		padding-bottom: 20px;
	}
	
	.h2 {
		font-size: 24px;
		font-weight: 400;
		line-height: 29px;
      	padding-top: 5px;
	}

	.h3 {
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;	
	}

	/*body text*/
	.b1, #withdrawMoney, #moveMoney, #withdrawMoveMoney {
		font-size: 16px;
		font-weight: 300;
		line-height: 20px;	
	}

	/*information box*/
	.box-information {width: auto;}

	/*buttons*/
	.button-primary-none-default {
		font-size: 16px;
		line-height: 20px;
		padding: 10px 20px;
	}
                                                                         
    /*.box-1columns_box {
    	padding: 10px 5px;
    }*/
 .box-1columns_box{margin: 20px 1.5% 15px 1.5%; }                                                                   
                                                                         
    .form_fieldset_label.b1 {line-height: 23px;}
}
                                                                                     
/*new label css*/
.form_fieldset_label_input_label {
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block;
}
.form_fieldset_label_input_label:hover {background: none;}
.form_fieldset_label_input_label:focus {background: none;}
.form_fieldset_label input:checked ~ .form_fieldset_label_input_label {background: none;}
                                                                                     
/*input outline bug fix*/  
input[type="radio"]:checked+label.form_fieldset_label {outline: none;}