body, html {    
	margin: 0;
	padding: 0;
}
body {
	font: normal 14px/1.3 arial, sans-serif;
	background: #efefef;
}

span.error { 
	color: red; 
	padding: 0 30px; 
	line-height: 2;
}
.page { 
	display: none;
	min-height: 150px;
}
.page.anonymous {
	text-align: center;
}
span.error {
    visibility: hidden;
}
form.error  ~ span.error  { 
    visibility: visible;
}
.logout {  
    position: absolute;
    top: 20px;
    right: 20px;
	text-decoration: underline; 
	cursor: pointer;
	margin: 0;
}
form {
    max-width: 300px;
    margin: 15px auto;
    padding: 30px;
    text-align: center;
    background: #fff;
}
.field {
	margin-bottom: 10px;
}
input, button {
	padding: 3px 10px;
}
.container {
    max-width: 1300px;
	margin: auto;
	min-height: 300px;
	padding: 10px;
}

h1 {

    line-height: 1.3;
    overflow: auto;
    margin: 0;
}
ul {
    padding: 0;
    list-style: none;
    position: relative;
}

li {
    position: relative;
    display: flex;
    background-color: #fff;
    transition: all linear .3s;
}

li.visible, body.all li.hide {
    margin-bottom: 10px!important;
}

li p {
    padding-left: 10px;
    color: #bec6ca;
    margin-top:0;
}

li div.text {
    padding: 0 10px 10px;
    white-space: pre-line;
}

.wrap-check {
    width: 20px;
	padding: 30px 8px;
	background: #3C6086;
}
.wrap-data {
    width: 100%;
    padding: 5px;
}
input[type="checkbox"]:not(.filter) {
    position: absolute;
    top: 44%;
}
label.filter {
	float: right;
	font-size: 70%;
	margin: 10px 0 0;
    font-weight: 100;
}
body.activas li.hide {
	height: 0;
	overflow: hidden;
} 

ul.questions-list:before {
    content: "no hay preguntas activas";
    background: #fff;
    display: block;
    padding: 20px;
    position: absolute;
    z-index: -3;
    width: 100%;
    box-sizing: border-box;
}
.firma {
	text-align: right;
	margin:10px;
    color: #ccc;
}

h2 {
    background: #3c6086;
    padding: 15px 20px;
    margin-bottom: -6px;
    color: #fff;
    font-weight: 800;
	overflow: auto;
}