body {
    background-color:white;
    font-size:1vw;
    font-family:  CenturyGothic, AppleGothic, sans-serif, serif;
    /* visibility:hidden; */
}

.myLbl {
    display: inline-block;
    width:12vw;
    text-align: right;
}

.greyTxt {
    color:#005a7e;
    /* color: #66A1DE; */
}

.pageHdr {
    height:50px;
}

.pageTitle {
    width:100%;
    padding-left: 2px;
    padding-right: 2px;
}
.pageTitleLeft {
    float:left;
    width:33%;
    text-align:left;
}
.pageTitleCentre {
    font-size: 1.5em;
    font-weight: bold;
    color:#005a7e;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.pageTitleRight {
    float:right;
    width:33%;
    text-align:right;
    padding-top: 1em;
    margin-right:1.5em;
    display: block;
}
.pageMenu {
    float:right;
    padding-right: 10px;
}

.pageWrapper {
    width:100%;
    min-height: calc(100vh - 100px);
}

.pageFooter {
    margin-top:10px;
    height: 20px;
}

.footerRight{
    width: 50%;
    padding-right: 20px;
    float:right;
    text-align: right;
    font-size: 0.5em;
    color:darkgrey
}
.footerLeft{
    width:50%;
    padding-left: 20px;
    float:left;
}

.bookingsTitle {
    font-size:1em;
    font-weight:bold;
    color:#005a7e;
    border:none;
    outline:none;
}

.cslink {
    color: #005a7e;
    font-weight: bold;
    text-decoration: underline;
}

.iLnk {
    font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight:bold;
    text-decoration: underline; 
    color:#66A1DE;
}

.dogNotes {
    width:100%;
    min-height:5em;
    max-height:20em;
    overflow:auto;
}

.tabTools {
   border: 1px solid #66A1DE;
   background-color:aliceblue;
   margin-bottom: 5px; 
}
.vetNote1 {
    width:100%;
    height:auto;
    background-color:#005a7e;
    color:white; 
}

.vetNote {
    width:100%;
    height:auto;
    background-color:#66A1DE;
    color:white; 
}

.staffNote {
    width:100%;
    height:auto;
    background-color:white
}

.noteHdr {
    font-weight:bold;
}

#adminOptions {
    width: 200px;
    padding:5px;
    float:left;
    border:#66A1DE solid 2px;
}
#adminWorkArea {
    padding: 5px;
    overflow:hidden;
}

#imgPanel {
    width:90%;
    margin-left:auto;
    margin-right:auto;
}

#imgData {
    width:27%;
    float:left;
}

#imgContainer {
    width:70%;
    float:right;
    padding:4px;
    border-style: double;
    border-width: 2px;
    border-color:#005a7e;
}

#tblContainer {
    width:96%;
    margin-left:auto;
    margin-right:auto;
}
#tblHdr {
    padding-left:10px;
    background-color: #66A1DE;
    color: white;
    font-size: 2em;
    margin-bottom: 5px;
}

#resultsTable {
    padding: 2px;
}

.rightTableButton{
    float:right;
    margin-top:8px;
    margin-right:5px;
}

.hidden {
    visibility: hidden; 
}

.vmenu{
    border:1px solid grey;
    width:120px;
    padding:0px;
    margin: 0px;
}
.vmenuItem {
    list-style-type: none;
    border-bottom: 1px solid darkgrey;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-left: 20px;
}

.regTable, .dogInfo  {
    width: 98%;
    margin-left:auto;
    margin-right: auto;
    padding:5px;
    border:#005a7e solid 1px;
}

.ownerStats  {
    width: 90%;
    margin-left:auto;
    margin-right: auto;
    padding:5px;
    border:#005a7e solid 1px; 
}

.regRow {
    padding-right: 4px;
    padding-left: 4px;
}

.regCol {
    margin:0px;
    padding:0px;    
}
.regSectionHdr {
    background-color: #66A1DE;
    color:white;
    text-align: center;
    font-size:1.25em;
    font-weight: bold;
}

.regLabel {
    width: 158px;
    text-align:right;
    margin:0px;
    padding:0px;
}

.reg1ColInput {
    width: 100%;
    margin:0px;
    padding:0px;
    border:1px solid gainsboro;
}

.reg2ColInput {
    width: 100%;
    margin:0px;
    padding:0px;
    border:1px solid gainsboro;
}

.reg3ColInput {
    width: 100%;
    margin:0px;
    padding:0px;
    border:1px solid gainsboro;
}

.reg4ColInput {
    width: 100%;
    margin:0px;
    padding:0px;
    border:1px solid gainsboro;
}

.tdRight {
    text-align:right;
}

.tdBorder {
    width: 100%;
    border:2px solid gainsboro;
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
}
#calElement {
    width:98%;
    margin-top:10px;
    margin-left: auto;
    margin-right: auto;
}

#dialog-event {
    display:none;
}

input:required, textarea:required {
    border:red solid 1px;
  }

.vertical-menu {
    width: 200px;
}

.vertical-menu a {
    background-color: #66A1DE;
    color: black;
    display: block;
    padding: 12px;
    text-decoration: none;
}

.vertical-menu a:hover {
    background-color: #ccc;
    cursor: pointer;
}

.vertical-menu a.active {
    background-color: #005a7e;
    color: white;
}

.horizontal-menu {
    text-align: right;
    margin-top: 12px;
    width:320px;
}
.hMenuItem {
    background-color: #66A1DE;
    color: black;
    width:130px;
    padding: 6px;
    text-decoration: none;
    border: solid 4px #005a7e;
    border-radius: 6px; 
}

.icSectionHdr {
    color: rgb(34, 34, 34);
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}
.icSectionBdy {
    color: darkslategray;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}