@CHARSET "UTF-8";

.scrollable {
	height: 100%;
	overflow-y: scroll;
}

.collection:after {
    content: "."; display:block; clear:both; height:0; visibility:hidden;
}

ul.collection.menu {
    margin-top: 40px;
}

.collection { margin-bottom: 20px; }

.collection > *:not(.right) {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.collection > .right {
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}

.collection:after { content: "."; display:block; clear:both; height:0; visibility:hidden; }

header + form {
    margin-top: 40px;
}

.button { 
    padding: 10px 20px; 
    background-color: #f0f0f0; 
    color: #000; 
    border-radius: 4px; 
    border: 2px solid var(--bordercolor);
}

.button.small {
    padding: 0px 5px;
    font-size: 10px;
    top: -2.5px;
    border-width: 1.5px;;
}

.button.cancel,
.button.red { color: #fff; background-color: #f00;}

.button.ok,
.button.green { color: #fff; background-color: #40c840;}

.button:hover { 
    background-color: #000; 
    color: #fff; 
    border-radius: 4px; 
}

.tfaentry.collection > li > input {
    font-size: 40px;
    text-align: center;
    font-family: Helvetica,freesans,sans-serif;
}

.tfaentry.collection > li {
    margin-right: 2px;
}