img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} :root { --main-bg: #fff; --light: #f5f5f5; --light-comp: #4d4d4d; --dark: #26282c; --dark-comp: #fff; --primary: #c12133; --primary-comp: #fff; --secondary: #db253b; --secondary-comp: #fff; --pop: #FCE8C1 } body { background: #fff; color: #666; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 16px; }header { margin: 0; padding: 0; }header img { max-width: 100px; width: 100% }header { display: grid; grid-template-columns: 100px 1fr; align-items: center; background: #888; padding: 10px; }header a { text-decoration: none; color: #fff; font-weight: bold; }main { margin: 0 auto; display: block; padding: 2em; }.grid { display: grid; grid-gap: 10px clamp(20px, 3vw, 40px); }.grid.half { grid-template-columns: repeat(2,1fr); }.a8b-table { width: 100%; margin: 20px 0; border-collapse: collapse; }.a8b-table th, .a8b-table td { text-align: left; }.a8b-table th { background: #fff; color: #c20f07; font-weight: bold; padding: 20px 10px; border: 1px solid #666; }.a8b-table td { padding: 10px; border: 1px solid #666; } .a8b-table tr:nth-of-type(odd) td { background-color: #eee; }.a8b-table + .paging ul, .paging ul { display: grid; grid-template-columns: 35px 35px 35px 1fr 35px 35px 35px; text-align: center; }.a8b-table + .paging ul li, .paging ul li { list-style-type: none; }.a8b-table td a { color: #047973; font-size: 12px; font-weight: bold; }.a8b-table td a:hover { text-decoration: none; }.a8b-table th { cursor: pointer; } .table label:nth-of-type(1) { display: inline-block; width: 30%; }.table label:nth-of-type(2) { display: inline-block; text-align: right; width: 70%; } #edit-user form label, #edit-user form input, #edit-user form select, #edit-user form button { display: block; }#edit-user form input, #edit-user form select { padding: 5px; min-width: 60%; }#edit-user form input[type=checkbox] { min-width: auto; }#edit-user form label { margin-bottom: 10px; }#edit-user form fieldset { border: none; } .error, .hide { display: none; }.success { color: green; font-size: 24px; }details { cursor: pointer; }.btn { text-decoration: none; } form { text-align: left; margin: 40px 0; }form .grid { grid-gap: 0 10px; }form label { display: block; }form input[type=text], form input[type=email], form input[type=tel], form input[type=file], form input[type=submit], form select, form textarea, form input[type=password], form input[type=date], .btn { font-family: 'PT Sans', Arial, Helvetica, sans-serif; font-size: 18px; }form input[type=text], form input[type=date], form input[type=email], form input[type=tel], form select, form textarea, form input[type=password] { background-color: var(--main-bg, #fff); margin-bottom: 10px; padding: 0 10px; border: 1px solid #eee; border-radius: 3px; }form input[type=text], form input[type=email], form input[type=date], form input[type=tel], form select, form input[type=password] { height: 45px; }form input[type=text], form input[type=email], form input[type=date], form input[type=tel], form textarea, form input[type=password] { width: calc(100% - 20px); }form select { width: 100%; }form input[type=file] { margin-left: 10px; border-radius: 0; }form textarea { height: 150px; padding: 15px 10px; }form input[type=submit], .btn { display: inline-block; text-align: center; line-height: 1.5; background-color: var(--primary); color: var(--primary-comp); padding: 10px 50px; margin: 10px 0; border: none; border-radius: 5px; transition: ease-in-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:hover, .btn:hover { cursor: pointer; background-color: var(--secondary); color: var(--primary-comp); }.flex { display: flex; }.row { flex-direction: row; }.around { justify-content: space-around; }.admin-nav { justify-content: space-evenly; list-style-type: none; }