body,html {
  height: 100%;
}

body { background: url('images/abstract-antique-architecture.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.card-login { margin-top: -60px; }

.card-question .card-header { background-color: #fff; }
.card-question .card-header img { display:block; max-width: 300px; height: auto; margin: 0 auto; }

@media (max-width: 768px) {
	.card-question .card-header img { display:block; width: 100%; height: auto; margin: 0 auto; }
}

.card-question { text-align:center; }

.card-question table .smiley-btn img { display: inline-block; width: 100px; height: auto; }

.card-question .smiley-btn {
	background: inherit;
	border: 0;
	box-shadow: none;
  	display: block;
  	width: 100%;
  	margin-bottom: 20px;
}

.card-question table .smiley-btn span { 
  font-weight: bold;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-left: 10px;
  font-size: 14pt;
  min-width: 100px;
  text-align:left; 
}

.btn-transparent { background:inherit; }
.card.error_message .btn { padding: 0; font-size: 22pt; position: relative; top: -16px; left: 16px; }

.card-admin .modal-success .btn, .card-admin .modal-error .btn,
.card-admin .alert h5 .btn { padding: 0; font-size: 18pt; position: relative; top: -12px; left: 12px; }

.navbar { background-color: #fff !important; }
.navbar { margin-bottom: 20px; }
.navbar-brand img { height: 40px; width: auto; display: inline-block; }

.card-admin { min-height: 80vh; }
.card-admin .card-header { font-weight: bold; width: 100%; font-size: 14pt; }
.card-admin .card-header .btn, .card-admin .card-header a { display: inline-block; float: right; }

.remind_form_group_err { margin-top: 34px; }

@media (min-width: 992px) {
  .canvas-holder { height: 400px !important; }
  #chart-area { height: 380px !important; width: 380px !important; margin: 0 auto; display: block; }
}

.canvas-holder h3 { width: 100%; text-align: center; display: block; }
.pie-info { font-size: 11pt;  margin-top: -30px; margin-left: 80px; }
.empty-chart {  margin-top: 60px; margin-left: 80px; }

p.buttons-space { margin-top: 22px; min-height: 40px;}

img.flag-image { height: 24px; width: auto; display: inline-block; }

.btn-embed { padding: 0 !important; font-size: 16pt !important; }
#users-table td:last-child { display: inline-block !important; width: 160px !important; padding: 10px 0px; }