html {margin:0; padding:0px; color: #666; overflow:auto;}
a, a:hover, a:active, a:visited, a:focus {color:#333;}
body { background-color:#707070;}
input, select, label { max-width:250px; width:100%; height:25px; display:inline-table;}
input[type="checkbox"] {width:10px; height:10px;}
input[type="submit"] {padding: 8px 0px 28px 0px;}
input, select {border:1px solid lightgrey; padding:0px 5px; border-radius: 5px; margin-bottom:3px;}
select {padding-right:24px;}
* {box-sizing: border-box; overflow:hidden; font-family:"Sans-Serif";}
img {max-width:100%;}
p, a {overflow:visible;}

button {
	cursor: pointer;
}

p {font-size:16px;}
h1 {font-size:48px; font-family:"Sans-Serif";}
h2 {font-size:36px;}
h3 {font-size:24px;}
h4 {font-size:20px;}

#outer {
	width:100%;
	max-width:1200px;
	/*border:1px solid #EEE;*/
	margin: 50px auto;
	padding:25px;
	position:relative;
	}

.align-right {text-align:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}

.top-right {
	position: absolute;
	right: 10px;
	top: 18px;
}

.top-right > a {
    color: #FFFFFF;
    padding: 0 25px;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

html, body {
    background-color: #fff;
    color: #636b6f;
    font-family: helvetica;
    margin: 0;
}
.invalid-feedback {color:red;}

.full-height {
    height: 100vh;
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.container {width:100%;}
input {margin: 10px 0px;}
.links > a, .links > form > button {
    color:black;
    padding: 0 25px;
    font-size: 18px;
    font-weight:bold;
    text-decoration: none;
    text-transform: uppercase;
}

input { border:1px solid lightgrey; max-width:275px; width:100%; padding:5px 10px;}
.login {width:100%; max-width:300px; background-color:#EEE; border-radius:5px;padding:30px 10px; overflow: auto;}
button {width:100%; max-width:150px; right:0px; float:right; margin-top:15px;padding: 5px 0px;}
.card-header {border-bottom:1px solid grey; margin-bottom:30px;}
.icon-big {font-size:100px}
.card-header, .card-body { padding:20px; }
.menu a { display:inline;}

.table {
    border: 1px solid lightgrey;
}

.table .row .cell {
    padding:10px;
}

.table > .row:first-child {
  background-color: #bbb;
}

.table > .row:nth-child(2n) {
  background-color: #ddd;
}