/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.waiting-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .waiting-modal {
    display: block;
}

input[type="radio"] {
  margin-top: -1px;
  margin:10px;
  vertical-align: middle;
}



#question-stem{
	font-size: 20px;
	font-weight: bold;
}

#questionset-progressbar .ui-widget-header{
	background:green;
}

#question-submit{
  margin: auto;
  font-size: 22px;
  font-weight: bold;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top:20px;
  padding:20px 50px;

  background-color: #ea8136 !important;
  color: #FFF !important;
}



.score-indicator{
	margin:5px; 
	height:20px; 
	width:20px;
	border: solid;
	border-width:1px;
	border-color: black;
}

.good{
	background-color:green;
}

.medium{
	background-color:yellow;
	
}

.bad{
	background-color:red;
}


/*
.answer-edit-container{
  border: solid;
  border-width:2px;
  border-color: #c6c6c6;
  padding:10px;
  margin: 5px;
}
*/

.sortable-question-answer { 
  border: 1px solid #eee;
  min-height: 20px;
  width:100%;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  float: left;
  margin-right: 10px;
}
.sortable-question-answer li { 
  margin: 0 5px 5px 5px;
  padding: 10px;
  /*font-size: 1.2em;*/
}

.sortable-question-answer .ui-state-default a{
  font-size: 1.2em;
  color: #337ab7;
}


.questionset-create-new-question-delete-answer-button{
  color: red;
  font-size: 24px;
}
.questionset-create-new-question-delete-answer-button:hover{
  color: red;
  font-size: 24px;
}

.answer-edit-value{
  width:100%;
}

.image-cards.question-edit-image-preview{
  min-width:180px;
  min-height:180px;
  width:180px;
  height:180px;
  margin:10px;
}

.question-edit-image-preview.text-center.image-cards {
  padding: 10px;
  margin: 2px 20px;
  max-height: 180px !important;
  min-height: 180px;
}

.question-image-preview {
  padding: 10px;
  margin: 2px 20px;
  max-height: 180px !important;
  min-height: 180px;
}

/*********************************** PLAY QUIZ *****************************************/