@charset 'utf-8';



/**************/
/*** Resets ***/
/**************/

:root {

    --content-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --heading-font: "Helvetica Neue", Helvetica, Arial, sans-serif;

}


html, body, p, div, img, h1, h2, h3, h4, h5, li, ul, ol, dl, dd, dt, form, table, td, tr, a {margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px;}
.clear-div {clear: both;}

html {font-size: 100%;}

body {width: 100%; margin: auto; color: var(--content-color); background: #ffffff; font-size: 14px; font-weight: 400; font-family: var(--content-font); min-height: 100vh;}

h1 {margin-bottom: 20px;}
h2 {margin-bottom: 30px;}
h3 {margin-bottom: 20px; border-bottom: 1px solid #000000;}


* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: var(--content-font);}

main {display: block; margin: 0 auto; width: 100%; max-width: 1000px; padding: 20px;}

.viewHolder {display: none;}


.view {display: flex; margin-bottom: 60px;}

.view input {display: block; width: 100%; margin-top: 3px;}
.view textarea {display: block; width: 100%; height: 200px; margin-top: 3px;}
.view select {display: block; width: 100%; margin-top: 3px;}
.view label {display: block; }
.view label:nth-of-type(n+2) {margin-top: 10px;}
.view button {margin-top: 20px; display: block;}

.view .msg {display: none; margin-top: 20px; padding: 10px; color: #000000;}
.view .msg.wait {display: block; background-color: rgba(0, 0, 170, 0.1); color: #0000aa;}
.view .msg.success {color: #00aa00; background-color: rgba(0, 170, 0, 0.1); display: block;}
.view .msg.error {color: #aa0000; background-color: rgba(170, 0, 0, 0.1); display: block;}

.left {flex-basis: 50%; padding-right: 50px; flex-grow: 0; flex-shrink: 0;}
.right {flex-basis: 50%; padding-left: 50px; flex-grow: 0; flex-shrink: 0;}

ul.links {list-style-type: none; margin: 0; padding: 0; margin-bottom: 40px; margin-top: 20px;}
ul.links li {display: inline-block; margin-right: 20px; padding: 20px;}

.view-activator {cursor: pointer; color: rgba(0, 0, 0, 0.5);}
.view-activator.active {font-weight: bold; color: #000000; background-color: #f3f6f9;}

table {width: 100%; border-collapse: collapse;}

table td {text-align: center; font-size: 0.8rem; padding-top: 4px; padding-bottom: 2px;}
table td button {font-size: 0.7rem; margin: auto;}