survey.css

/* CSS declarations go here */
body {
  /*font-family: sans-serif;
  background-color: #315481;
  background-image: linear-gradient(to bottom, #315481, #918e82 100%);

  background-attachment: fixed;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  margin: 0;
*/
  /*font-size: 14px;*/
}
/* disable copy paste*/
.noselect {
  /*
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    */
}

/* hovering disabled
.panel {
    width: 116px; 
    height: 152px;
    margin: 0 auto;
    position: relative;
}
 
.card {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

.front {
    z-index: 2;
    background-image: url('unknown_card.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.back {
    z-index: 1;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);  
    transform: rotateX(-180deg);
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

.panel:hover .front, .panel.hovered .front {
    z-index: 1;
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.panel:hover .back, .panel.hovered .back {
    z-index: 2;   
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
*/



.invisible {
  display:none;
}

.jumbotron#navigacija {
  height: 150px;
  color: black;
  text-shadow: #444 0 1px 1px;
  background: transparent;
  padding-left: 25px;
}

.bg{
  background: url('bg_orange.jpg') center center;
  background-color: rgba(0,0,0,0);
  background-size: 100%;
  width: 100%;
  height: 150px; /*same height as jumbotron */
  top:0;
  left:0;
  z-index: -1;
}

.answered {
  -moz-border-radius: 10px;
  border-radius: 10px;
  opacity: 0.9;
  background-color: #00ff00;
}

.unanswered {
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.center{
  text-align: center;
}
.container {

  /*width: 800px;  /*before: max-width: 80%; or 600px*/ 
  /*margin: 0 auto;*/
  /*min-height: 100%;*/
  /*background: white;*/
}

.feedback_form{
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  width:300px;
  height: 100px;
  display: block;
}

.feedback_submission{
  margin: 0 auto;
  display: block;
}
.bottom-margin{
  margin-bottom: 150px;
}
header {
  /*background: #d2edf4;
  background-image: linear-gradient(to bottom, #d0edf5, #e1e5f0 100%);
  padding: 5px 15px;
  position: relative;
*/
}
#history_table {
  /*border: 0px none white;*/
  width: 100%;
  /*max-width: 750px;*/
  padding: 0px;
  height: 150px;
  overflow-y: scroll;
  margin-bottom: 15px;
}
table{
  width: 100%;
  table-layout:fixed;
}
#login-buttons {
  display: block;
}
/*
h1 {
  font-size: 1.5em;
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 1em;
}
*/


/*
table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}
*/

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ol{
  list-style: square;
}

li {
  position: relative;
  padding: 5px;
  border-bottom: #eee solid 1px;
}