﻿/* ================================================== */
/* DEFAULT SCREEN RESOLUTION						  */
/* ================================================== */
body{font-family:'Open Sans', sans-serif;}
.form_div{width:960px;margin:0px auto;text-align:center;}
.companylogo_div{max-width:150px;margin-top:50px;margin-left:auto;margin-right:auto;text-align:center;}
.companylogo_img{max-width:150px;}
.sucessicon_img{width:32px;margin-right:5px;margin-top:-14px;}
.blacklabel_div{width:100%;margin-top:50px;margin-left:auto;margin-right:auto;}
.blacklabel_lbl{font-family:'Open Sans', sans-serif;font-size:medium;color:Black;}
.graylabel_div{width:100%;margin-top:50px;margin-left:auto;margin-right:auto;}
.graylabel_lbl{font-family:'Open Sans', sans-serif;font-size:medium;color:Gray;}
.errormessage_div{width:100%;margin-top:50px;margin-left:auto;margin-right:auto;}
.errormessage_lbl{font-family:'Open Sans', sans-serif;font-size:medium;color:Red;}
.toptextboxgroup_div{width:350px;height:55px;margin-top:25px;margin-left:auto;margin-right:auto;}
.toptextboxgroup_txtbx{width:330px;height:55px;background-color:White;padding-left:10px;padding-right:10px;font-family:'Open Sans', sans-serif;font-size:medium;
                border-collapse:collapse;
				-webkit-border-radius:10px 10px 0px 0px;
				-moz-border-radius:10px 10px 0px 0px;
				border-radius:10px 10px 0px 0px;
                }
.bottomtextboxgroup_div{width:350px;height:50px;margin-top:3px;margin-left:auto;margin-right:auto;}		
.bottomtextboxgroup_txtbx{width:330px;height:50px;background-color:White;padding-left:10px;padding-right:10px;font-family:'Open Sans', sans-serif;font-size:medium;
			    border-collapse:collapse;
                border-style:none;
				-webkit-border-radius:0px 0px 10px 10px;
                -webkit-appearance:none;
				-moz-border-radius:0px 0px 10px 10px;
				border-radius:0px 0px 10px 10px;
                }	
.singletextboxgroup_txtbx{width:330px;height:55px;background-color:White;padding-left:10px;padding-right:10px;font-family:'Open Sans', sans-serif;font-size:medium;
                border-collapse:collapse;
				-webkit-border-radius:10px 10px 10px 10px;
				-moz-border-radius:10px 10px 10px 10px;
				border-radius:10px 10px 10px 10px;
                }
.button_div{width:200px;height:55px;margin-top:20px;margin-left:auto;margin-right:auto;}		
.button_btn{width:100%;height:100%;background-color:#337ab7;color:White;font-family:'Open Sans', sans-serif;font-size:medium;
			    border-collapse:collapse;
                border-style:none;
				-webkit-border-radius:10px 10px 10px 10px;
                -webkit-appearance:none;
				-moz-border-radius:10px 10px 10px 10px;
				border-radius:10px 10px 10px 10px;
				}	
.checkbox_div{font-family:'Open Sans', sans-serif;font-size:medium;padding-top:20px;}
.navigationhyperlink_p{font-family:'Open Sans', sans-serif;font-size:medium;padding-top:15px;}
.processing_div{
    width:100%;height:100%;position: fixed;top:0px;left:0px;text-align:center;
    align-items: center;justify-content: center;
    transform:translate(-0%, -0%);-webkit-transform:translate(-0%, -0%);-ms-transform:translate(-0%, -0%);
    display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;
    -webkit-align-items:center;-webkit-box-align:center;-webkit-box-pack:center;-webkit-justify-content:center;
    -moz-align-items:center;-moz-box-align:center;-moz-box-pack:center;-moz-justify-content:center;
    -ms-flex-align: center;-ms-flex-pack: center;
    font-family:'Open Sans', sans-serif;font-size:medium;
    background-color:white;opacity:0.8;
    z-index:2147483647 !important;
    overflow:hidden;
}

/* ================================================== */
/* SCREEN RESOLUTION: PC / TABLETS					  */
/* ================================================== */
@media screen and (max-width:959px){
	/* (Main Container) */
	.form_div{width:100%;}
}

/* ================================================== */
/* SCREEN RESOLUTION: TABLETS / PHONES				  */
/* ================================================== */
@media screen and (max-width:640px){
	/* (Main Container) */
	.form_div{width:100%;}
	/* (Company Logo) */
	.companylogo_div{margin-top:25px;}
	/* (Instructions) */
	.graylabel_div{margin-top:25px;}
    /* (Error Message) */
    .errormessage_div{margin-top:25px;}		
}

/* ================================================== */
/* SCREEN RESOLUTION: PHONES						  */
/* ================================================== */
@media screen and (max-width:320px){
	/* (Main Container) */
	.form_div{width:100%;}
	/* (Company Logo) */
	.companylogo_div{margin-top:25px;}
	/* (Instructions) */
	.graylabel_div{margin-top:25px;}
    /* (Error Message) */
    .errormessage_div{margin-top:25px;}
}
