h2 { margin-bottom: 20px; margin-top: 30px;  }
label { padding-right: 20px; }
input[type='submit'] { margin-top: 30px !important; margin-bottom: 20px;}
td, th { padding: 5px; }
table { margin: 0px 0 50px 0;}
input[type=file] {
    margin: 0 auto;
}
input[type="radio"] { padding: 0 10px 0 0; }
.main {  margin: 50px auto;}

.bg-header {
	background: #0057b8;
}

.header {
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}
.header img {
	height: 75px;
}
.header h1 {
	color: #fff;
	font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
	color: #0057b8;
}
.question {
	text-align: right;
	font-weight: bold;
	margin-top: 5px;
}	
.response {
	text-align: left;
}
.survey-title {
	margin-bottom: 20px;
}
.survey-content .row {
	margin-bottom: 30px;
}
input[type="submit"]{
	background-color: #0057b8;
    color: #fff;
    display: table;
    -webkit-transition: .4s ease all;
    -o-transition: .4s ease all;
    transition: .4s ease all;
    border-radius: 5px;
    line-height: 1em;
    padding: 15px !important;
    position: relative;
    border: none;
    font-weight: 700;
}


.survey-content input, .survey-content textarea, .survey-content select {
	width: 100%;
	padding: 5px;
	
}
.survey-content select {
	margin-top: 5px;
}
.survey-complete {
	text-align: center;
	margin-top: 50px;
}
body {
	background: #D7D7D7;
}
.lifecycle {
	text-align: right;
}
.lifecycle td {
	padding: 5px;	
}
.curphase {
	font-weight: bold;	
	color: #0057b8;
	background: #FCB71B;
}
a.help {
	font-size: 20px;
	position: relative;
	top: -2px;
	margin-left: 10px;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
ol.sortable {
	    list-style-type: none;
	        margin: 0 0 9px 0;
    min-height: 10px;
    padding: 0;
}
ol.sortable li.placeholder {
  position: relative;
  /** More li styles **/
}
ol.sortable li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}
ol.sortable li {
	    margin: 5px;
    padding: 5px;
    border: 1px solid #cccccc;
    color: #0088cc;
    background: #eeeeee;
    font-size: 12px;
}
.A1 * {
	color: #ba0808;
}
.A2 * {
	color: #df5015;
}
.A3 * {
	color: #9f981a;
}
.A4 * {
	color: #4e3ca6;
}
.A5 * {
	color: #247d29;
}
h3.bucket {
	font-size: 20px;
	text-align: center;
}
ol.sortable span.tag {
	padding: 2px;
	color: #fff; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	margin: 0px 2px;
	
}
ol.sortable li {
	cursor: move;
}
ol.sortable span {
	cursor: move;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active, .btn-default.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
.togglewrap {
	float: right;
}
.survey-content .mandatory {
	color: red;
}


@media only screen and (max-width: 768px) {
	.question {
		text-align: left;
		margin-bottom: 10px;
	}	

}