.pb-Blue {
    color: #003A61 !important;
}

.atag {
    font-weight: bold;
    text-decoration: underline;
    color: #003A61;
}

.pb-btnBlue {
    background-color: #003A61 !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    border: 0 !important;
    font-size: 16px !important;
    width: 315px !important;
}

.pb-wayBlue {
    background-color: #3A7585 !important;
    color: white !important;
    font-weight: bold !important;
    border-radius: 3px !important;
    border: 0 !important;
    font-size: 16px !important;
    width: 315px !important;
}

body, html {
    overflow-x: hidden !important;
}
    .marginleft18{
        margin-left:-18px;
    }

    .classleftcenter{
        text-align:left;
    }
        .classrightcenter{
        text-align:right;
    }

    #mainDiv{
    width:375px;
    margin:0 auto;
}
    .hide{
        display:none;
    }

    .marginbottom10{
        margin-bottom:10px;
    }
  .app {
             margin-right: 15px;
         }
.mainDiv{
    width: 1120px;
    margin: auto;
    margin-top: 50px;
}

.inner-mainDiv{
    width: 50%; 
    margin: 0 auto;
}

.display-inflex{
    display:inline-flex;
}

#mainDiv{
   text-align:center;
}

.firstname-width{
    width: 375px;
}

.lastname-width{
    width: 375px;
}

.streetaddress-width{
    width: 375px;
}

.streetaddress-help-text{
    margin-bottom:0px;
    text-align:center;
    font-size:14px;
    margin-left: 104px;
}

.streetaddress-help-text-fr{
    margin-bottom:0px;
    text-align:center;
    font-size:14px;
    margin-left: 103px;
}

.txtApt-width{
    width: 375px;
}

.txtStreet-width{
    width: 375px;
}

.txtStreetName-width{
    width: 375px;
}

.txtCity-width{
    width: 375px;
}

.cboProvince-width{
    width: 375px; 
    height: 42px;
}

.txtPostalCode-width{
    width: 375px;
}

.txtEmail-width{
    width: 375px;
}

.txtDOB-width{
    width: 375px;
}

.txtSIN-width,divSIN{
    width: 375px;
}

.txtMobilePhoneNo-width{
    width: 375px;
}

.mobile-left{

}

 .hide-desktop{
        display:none;
    }

.links-center-left{
    text-align:left;
}

#pnlApproval,#tbapproval
{
    width:500px;
    padding:10px;
}

#btnproceed{
    margin-left:-16px;
}

.padbot10{
    padding-bottom:0;
}
@media only screen and (min-width: 501px) and (max-width: 768px) {
    #pnlApproval,#tbapproval
{
    width:480px;
    padding:10px;
}
    /* For mobile phones: */
    .mainDiv {
        width: 100%;
    }

    .inner-mainDiv {
        width: 100%;
    }


    .display-inflex{
 display:inline-flex;
}

        #mainDiv{
    margin-left:0px;
}

    /*.firstname-width{
    width: 325px;
}

.lastname-width{
    width: 326px;
}

.streetaddress-width{
    width: 758px;
}

.streetaddress-help-text{
    margin-bottom:0px;
    text-align:center;
    font-size:14px;
    margin-left: 104px;
}

.txtApt-width{
    width: 160px;
}

.txtStreet-width{
    width: 160px;
}

.txtStreetName-width{
    width: 355px;
}

.txtCity-width{
    width: 355px;
}

.cboProvince-width{
    width: 215px; 
    height: 42px;
}

.txtPostalCode-width{
    width: 107px;
}

.txtEmail-width{
    width: 355px;
}

.txtDOB-width{
    width: 355px;
}

.txtSIN-width{
    width: 355px;
}

.txtMobilePhoneNo-width{
    width: 355px;
}*/

    .padbot10{
    padding-bottom:0;
}
        .streetaddress-help-text{
    margin-bottom:0px;
    text-align:center;
    font-size:10px;
    margin-left: 0px;
}
    .streetaddress-help-text-fr{
    margin-bottom:0px;
    text-align:center;
    font-size:10px;
    margin-left: 0px;
}
}
@media only screen and (max-width: 500px) {
 #btnproceed{
    margin-left:0;
}
    td{
        display:block;
        text-align:center !important;
        width:100% !important;
    }

    td>h4{
        font-size:14px !important;
        padding:2px;
    }
    .padbot10{
    padding-bottom:10px;
}
        .classleftcenter{
        text-align:center;
    }
        .classrightcenter{
        text-align:center;
    }

    .font10{
        font-size:12px;
        
    }

    .marginleft18{
        margin-left:0;
    }

         html, body,  span, object, iframe,
h1, h2, h3, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
  font-family: 'Open Sans', sans-serif;
}
             #mainDiv{
    width:100%;
    margin:0 auto;
}
    body {
 line-height:1;
  font-family: 'Open Sans', sans-serif;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
 display:block;
}
nav ul {
 list-style:none;
}
blockquote, q {
 quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content:'';
 content:none;
}
a {
 margin:0;
 padding:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}
/* change colours to suit your needs */
ins {
 background-color:#ff9;
 color:#000;
 text-decoration:none;
}
/* change colours to suit your needs */
mark {
 background-color:#ff9;
 color:#000; 
 font-style:italic;
 font-weight:bold;
}
del {
 text-decoration: line-through;
}
abbr[title], dfn[title] {
 border-bottom:1px dotted;
 cursor:help;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
/* change border colour to suit your needs */
hr {
 display:block;
 height:1px;
 border:0; 
 border-top:1px solid #cccccc;
 margin:1em 0;
 padding:0;
}
input, select {
 vertical-align:middle;
}

input[type="submit"],
input[type="button"],
button {
    background: none;
    border: 0;
     font-family: 'Open Sans', sans-serif;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


    /* For mobile phones: */
     .mainDiv{
    width: 100%; 
}
    .inner-mainDiv {
        width: 100%; 

    }

    .display-inflex{
 display:block;
}

    #mainDiv{
    margin-left:0px;
}
    .mobile-left{
        text-align:center;
}

        .mobile-margin-bottom-textbox{
        margin-bottom:10px;
}

    .firstname-width,.lastname-width,.streetaddress-width,.txtApt-width,.txtStreet-width,.txtStreetName-width,.txtDOB-width,.txtSIN-width,.txtMobilePhoneNo-width,.txtCity-width,.txtPostalCode-width,.txtEmail-width{
    width: 90%;
}
    .cboProvince-width{
        width:91%;
    }


    .streetaddress-help-text{
    margin-bottom:0px;
    text-align:center;
    font-size:10px;
    margin-left: 0px;
}
    .streetaddress-help-text-fr{
    margin-bottom:0px;
    text-align:center;
    font-size:10px;
    margin-left: 0px;
}

    .hide-mobile{
        display:none;
    }

     .hide-desktop{
        display:block;
    }

     .mobile-margin-text{
         margin:5px;
         margin-bottom:10px;
     }

     .links-center-left{
    text-align:left;
}
     .txtApt-width,.txtStreet-width,.txtStreetName-width,.txtCity-width,.txtPostalCode-width{
         color:black !important;
     }

       .app {
             margin-right: 0;
         }


       /*input[type=text]{
        font-size:14px;
         -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
       }*/

       #ClientButton{
           font-size:13px;
       }

       input[type="text"]:disabled {
        background-color:rgb(252, 252, 252);
}
     #pnlApproval,#tbapproval
{
    width:320px;
    padding:5px;
    padding-top:15px;
    padding-bottom:15px;
}  
      
}