body{
	background: #fff;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: #333333;
}
.main{
	max-width:80vw;
	background: #fff;
	min-height:100vh;
	padding:0;
}
.header {
	position: relative;
    width: 100%;
    background-size: 100%;
    background-color:#fff;

    
    overflow: hidden;	
}
.header a
{
	float:right;
	padding-top:25px;
	padding-right:105px;
}

h1{
	font-size: 1.4em;
    color: #d38c08/*;padding:8px 0 28px 32px*/;
    padding: 10px;
    
}

h2{
	font-size: 1.2em;
	padding: 10px;
}
.content{
	padding : 20px;
}

.chart{
	min-height:400px;
}
.ranking{
	padding-left:50px;
	list-style-type:none;
	display:block;
	border: 1px solid;
	margin:3px;
	padding:2px;
}
.numbers{
	float:left;
	margin-left:-20px;
}
.numbers li{
	margin:3px;
	padding:2px;
}
.qr{
	font-size:0.85em;
	float:right;
	max-width:25vw;
	word-break: break-word;
}
.qr img{
	display:block;
	margin:auto;
}
.qr span{
	color:#007bff;
}

.actions{
 	display:inline-block;
 	float:right;
 }

.btn-primary{
	color: #fff !important;
}

#modal_content
{
	max-height:65vh;
	overflow-x: hidden;
	overflow-y: scroll;
}

@media (max-width: 576px)
{
	.main {
		max-width:100vw;
	}
	.container{
		max-width: 100vw;
	}
	.container .content {
		padding-top:0px;
	}
}

.question-title{
	font-size:2rem;
	padding-left:0;
}
.question-content{
	font-size:1.5rem;
}
.question-answers{
	font-size:1.3rem;
}

.question-answers {
	list-style:none;
}