/* styles.css */
@import url('font.css');
body { font-family: "Noto Sans", "Arial", sans-serif; background:#f7f7f8; color:#222; margin:0; }
.container { max-width:1100px; margin:0 auto; }
.header { text-align:center; margin-bottom:20px; }
.card { /*background:#fff; border-radius:6px;*/ /*padding:15px; box-shadow:0 1px 3px rgba(0,0,0,0.06); */}
.table { width: 100%; border-collapse:collapse; margin-bottom: 10px; border-style: solid;border-color: inherit;
    border-width:0; }
.table th, .table td { padding:7px 10px; border:1px solid #e8e8e8; text-align:left; }
.table th { background: #374e74; color: #fff; font-size: 17px;font-weight: normal; }
.actions a { margin-right:8px; text-decoration:none; color:#0066cc; }
.actions a:hover{color: #f30000; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.btn { display: inline-block; padding: 8px 12px; border-radius: 5px; background: #4f6c99; color: #b2d0ff;
    text-decoration: none; border: none !important; }
.btn:hover{ background: #193662; }
.form-row { margin-bottom:10px; }
label { display:block; margin-bottom:6px; }
input[type="text"] { width:100%; padding:8px; box-sizing:border-box; } 
.notice { padding:10px; background:#fff3cd; border:1px solid #ffeeba; margin-bottom:12px; }
.logout { text-decoration:none; color:#9b0b0b; }
.logout:hover{ color:#f30000; }
.center { text-align:center; }


.cp2 { flex:1; min-width:380px; }
.cp1 {flex:1; min-width:100%; }