@charset "utf-8";
/* CSS Document */
.express-consent{
    padding:1em;
}

.express-consent input[type="checkbox"]{
    position: absolute; left: -999em;
}

.express-consent input[type="checkbox"] + label{
	display: block;
	cursor:pointer;
}

.express-consent input[type="checkbox"] + label span{
    font-size:0;
}

.express-consent input[type="checkbox"] + label:before {
    content:"X"; /* this is generated content*/ 
    display: inline-block; /* make this fake elements inline block */
    position:relative; /* we need to move the element without effecting the doc flow */
    top:0;  /* we're moving it slightly down for alignment purposes */
    left:0; /* we're moving it slightly to the left */
    width:28px; 
    height:28px; /* the width and height of the fake elements */
    line-height:26px;
    font-size:16px;
    text-align:center;
    box-sizing:border-box;
	vertical-align:middle;
    margin:0;
    margin-top:1px;
    border:1px dashed #333;
    border-radius:3px;
    margin-right:10px;
    -webkit-border-radius:3px;
}

.express-consent input[type="checkbox"] + label:before { 
    content:"X";
    font-weight:bold;
	color:#5a5a5a;
    text-align:center;
    box-sizing:border-box;
    background: #919191;

} 
.express-consent input[type="checkbox"]:checked + label:before {
    border:1px solid #333;
    content:"✔" !Important;
	color:#FFF;   
    background: #207c07;
}
input[type="submit"]{
    border: 1px solid #333;
}
input[type="submit"][disabled]{
    background:#6C6C6C;
    color:#000;   
    border: 1px solid #333;
}

.canada-icon-sm{
    height:30px;
    width:30px;
    background:url( canada-circle.png ) no-repeat;
    display:inline-block;
    vertical-align: middle;
    margin-right:10px;
}

.express-caption{
    display:inline-block;
    vertical-align: middle;
    line-height:1.4;
    font-size:12px;
    font-family: Arial, Helvetica, sans-serif;
    user-select: none;
    -webkit-user-select: none;
}