﻿html, body, form {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 0px;
    padding: 0px;
}

.page {
    margin: auto;
    width: 11in;
    height: 8.3in;
    text-align: center;
}

.page1 {
    background-position-x: center;
    background-repeat: no-repeat;
}

.page3 {
    padding-top: 100px;
    height: 7.0in;
}

.mt2 {
    margin-top: 2px;
}

.mt5 {
    margin-top: 5px;
}

.mt7 {
    margin-top: 7px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt23 {
    margin-top: 23px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt100 {
    margin-top: 100px;
}

.mt120 {
    margin-top: 120px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml50 {
    margin-left: 54px;
}

.ml160 {
    margin-left: 160px;
}

.pl1 {
    padding-left: 17px;
}

.pt1 {
    padding-top: 1px;
}

.pt20 {
    padding-top: 20px;
}

.pt120 {
    padding-top: 120px;
}

.ptr1 {
    padding: 1px 1px 0 0;
}

.fs8 {
    font-size: 8px;
}

.fs9 {
    font-size: 9px;
}

.fs10 {
    font-size: 10px;
}

.fs11 {
    font-size: 11px;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs18 {
    font-size: 18px;
}

.fs24 {
    font-size: 24px;
}

.fs60 {
    font-size: 60px;
}

.ffp {
    font-family: Pristina;
}

.fb {
    font-weight: bold;
}

.fi {
    font-style: italic;
}

.bt {
    border-top: solid;
    border-top-width: 1px;
    margin: 0 6px;
}

.btd {
    border-top: dotted;
    border-top-width: 1px;
    padding: 0 10px;
    margin-top: 10px;
}

.tal {
    text-align: left;
}

.abs {
    position: absolute;
    top: 1px;
    left: 15px;
}

.rel {
    position: relative;
}

.rbcImg {
    width: 100%;
}

.RadLabel {
    padding-right: 0 !important;
}

.hidden {
    display: none;
}

.red {
    color: red;
}

/*Verify Certificate page*/

.cert {
    padding: 10px;
}

.item {
    padding: 10px;
}

.item1 {
    text-align: right;
}

.item2 {
    text-align: left;
    font-weight: bold;
}

/* Wallet Size page - WHMIS */

.grid1 {
/*    display: grid;
    grid-template-columns: 338px 338px;*/
    margin: auto;
    text-align: center;
    /*width: 682px;*/
    border-collapse: collapse;
}

.grid1-item1 {
    border: 1px dotted; 
    width: 336px;
}

.grid1-item2 {
    border: 1px dotted;
}

.grid2 {
/*    display: grid;
    grid-template-columns: 1fr 1fr;*/
    width: 336px;
}

.grid2-item1, .grid2-item2 {
    width: 50%;
    /*padding: 0 6px;*/
}

/* Wallet Size page - Food Safety */

.grid3 {
    /*display: grid;
    grid-template-columns: 338px 338px;*/
    margin: auto;
    text-align: center;
    width: 682px;
    height: 180px;
    border-collapse: collapse;
}

.grid3-item1 {
    position: relative;
    border: 1px dotted;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
}

.grid3-item2 {
    border: 1px dotted;
    padding: 5px;
}

.abs1 {
    position: absolute;
    bottom: 0;
    left: 1px;
}

#CompletedDate_p3 {
    display: block;
}