.adminTbl1 {border: 1px solid lightgrey; padding: 5px; text-align: left;}
.adminTbl1 TD {padding: 5px; border: 1px solid lightgray;}
.adminTbl1 CAPTION {font-weight: bold}
.adminTbl1 TH {background-color: #C9C9C9; font-weight: bold; text-align: center;}

.mysqlType {margin-left: 1em; font-weight: normal; font-size: smaller}
.tbl1Title {font-weight: bold; font-size: 1.4em; margin-bottom: 1em; margin-top: 1em;}
.tblFieldEdit {cursor: pointer; text-decoration: underline}
.submitForm INPUT {width: initial !important}

/* ADMIN Dashboard */

#adminDashboardWrapper {display: grid; grid-template-columns: 1fr auto 1fr 1fr 1fr; grid-gap: 10px;}
#adminDashboardWrapper > DIV.row {}
#adminDashboardWrapper SECTION ARTICLE DIV.row {display: grid; grid-gap: 10px; align-items: center;}
#adminDashboardWrapper header {text-align: center; font-weight: bold;}

#ordersCol DIV.row {grid-template-columns: min-content 1fr 1fr 1fr 1fr 1fr 1fr 150px;}
#customersCol DIV.row {grid-template-columns: 1fr 1fr 1fr}
#customersCol DIV.row DIV:nth-child(2) {align-self: start}
#customersCol DIV.row DIV:nth-child(3) {align-self: start}
#adminDashboardWrapper article > DIV:first-child {font-weight: bold; background-color: #C9C9C9;}
#adminDashboardWrapper #statsCol article > DIV:first-child {font-weight: normal; background-color: white;}
#statsCol DIV.row {grid-template-columns: 1fr 1fr}

textarea.ckeditor {width:50%}
.cke_reset {width:50%}

#dbEdit .inputBox SELECT {height: auto}

/*
@media screen and (min-width: 600px) {#adminDashboardWrapper {display: grid; column-gap: 10px; grid-template-columns: 1fr 1fr 1fr 1fr;}  }

#ordersCol {width: 100%;}
@media screen and (min-width: 600px) {#ordersCol {display: grid; column-gap: 5px; grid-template-columns: repeat(7, 1fr)}  }
#customersCol {width:100%}
@media screen and (min-width: 600px) {#customersCol {display: grid; column-gap: 5px; grid-template-columns: repeat(3, 1fr)}  }
#reviewsCol {width:100%}
@media screen and (min-width: 600px) {#reviewsCol {display: grid; column-gap: 5px; grid-template-columns: repeat(1, 1fr)}  }
#editCol {width:100%}
@media screen and (min-width: 300px) {#editCol {display: grid; column-gap: 5px; grid-template-columns: repeat(1, 1fr)}  }

*/

.tblHeader {font-weight: bold; background-color: #C9C9C9}

/* SEND EMAILS */

#emailSubject {margin-bottom: 5px}
#emailSubject INPUT {width: 50em}
#emailText textarea {width: 90%; height: 30em}
#emailButtonsBlock button {margin-right: 1em}