/* Global */
@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');
html { font-size: 11pt; }
body, button, input, optgroup, select, textarea { font-family: 'Kanit', sans-serif; }
div.container { background: #f5f5f5; } div.header, div.footer { padding: 10px; } 
div.contentd { background: #fff; padding: 10px; min-height: calc(100vh - 100px); }
div.header {  } a.toplogo { color: inherit } a.toplogo img { height: 70px; filter: drop-shadow(2px 2px 2px #999) } .topr { text-align: right; }
div.footer div { font-size: 0.8rem; text-align: center; color: #ccc; } .msg { padding: 1rem; } .topr a { font-size: 1rem; color: inherit; display: block; padding-top: 54px; }
.column { padding: 0 } .columns { padding: 10px } a.toplogout { display: none; } .contentd .cocols { padding: 0 } div.cocols .is-2 { background: transparent; } .menu { padding: 10px }
h1 { font-size: 1.4rem; font-weight: bold; }h2 { font-size: 1.3rem; font-weight: bold; } aside.menu { background: #e3e3e3; }
h3 { font-size: 1.2rem; font-weight: bold; }h4 { font-size: 1.1rem; font-weight: bold; } h5 { font-size: 1rem; font-weight: bold; } .tcenter { text-align: center; }
div.formbox { width: 360px; margin: 40px auto 0 } .wsnw { white-space: nowrap; width: 1%; text-align: center !important; } table tr.center th { text-align: center !important; }
table.table td.actions a i { font-size: 1.3rem; } form div.grt { margin-bottom: 0.75rem } form div.grf { margin-bottom: 0.5rem !important }
.databox { max-width: 700px; margin: 0 auto; } table tr td.w50 { width: 49%; } .menucolex { font-size: 15px; vertical-align: text-bottom; } .pager { margin-bottom: 10px; }
aside.menu.mh { height: 35px; overflow: hidden; }  ul.menu-list.mh { height: 0; overflow: hidden; } .smenu { font-size: 15px; vertical-align: text-bottom; margin-left: 3px }
.databox .table-container { margin-bottom: 10px; }

div.cocols div.pcon { padding: 10px }

@media screen and (max-width: 450px) {
	div.header .columns .column { text-align: center; }
	.topr a { padding-top: 0; }
}