html,
body {
   height: 100%;
	min-width: 320px;
}

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

@media (min-width: 1440px) {
  .container {
		max-width: 1360px;
  }
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
		display:block;
		text-align: left;
		width: 100%;
		padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.panel-mq-info {
  border-color: #578CA9;
}
.panel-mq-info > .panel-heading {
  color: #ffffff;
  background-color: #578CA9;
  border-color: #578CA9;
}
.panel-mq-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #578CA9;
}
.panel-mq-info > .panel-heading .badge {
  color: #578CA9;
  background-color: #ffffff;
}
.panel-mq-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #578CA9;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #868e96;
  background-color: transparent;
}

a {
  color: #4267B2;
  text-decoration: none;
}

.btn-outline-primary {
  color: #2C3E50;
  background-color: transparent;
  background-image: none;
  border-color: #2C3E50;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #2C3E50;
  background-color: transparent;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.5);
}

.btn-outline-secondary {
  color: #95a5a6;
  background-color: transparent;
  background-image: none;
  border-color: #95a5a6;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #95a5a6;
  border-color: #95a5a6;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #95a5a6;
  background-color: transparent;
}

.btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #95a5a6;
  border-color: #95a5a6;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(149, 165, 166, 0.5);
}

.btn-outline-success {
  color: #18BC9C;
  background-color: transparent;
  background-image: none;
  border-color: #18BC9C;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #18BC9C;
  border-color: #18BC9C;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #18BC9C;
  background-color: transparent;
}

.btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #18BC9C;
  border-color: #18BC9C;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(24, 188, 156, 0.5);
}

.btn-outline-info {
  color: #3498DB;
  background-color: transparent;
  background-image: none;
  border-color: #3498DB;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #3498DB;
  border-color: #3498DB;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #3498DB;
  background-color: transparent;
}

.btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #3498DB;
  border-color: #3498DB;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.5);
}

.btn-outline-warning {
  color: #F39C12;
  background-color: transparent;
  background-image: none;
  border-color: #F39C12;
}

.btn-outline-warning:hover {
  color: #fff;
  background-color: #F39C12;
  border-color: #F39C12;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #F39C12;
  background-color: transparent;
}

.btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #F39C12;
  border-color: #F39C12;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(243, 156, 18, 0.5);
}

.btn-outline-danger {
  color: #E74C3C;
  background-color: transparent;
  background-image: none;
  border-color: #E74C3C;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #E74C3C;
  border-color: #E74C3C;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #E74C3C;
  background-color: transparent;
}

.btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #E74C3C;
  border-color: #E74C3C;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.5);
}

.btn-outline-light {
  color: #ecf0f1;
  background-color: transparent;
  background-image: none;
  border-color: #ecf0f1;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #ecf0f1;
  background-color: transparent;
}

.btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #ecf0f1;
  border-color: #ecf0f1;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(236, 240, 241, 0.5);
}

.btn-outline-dark {
  color: #7b8a8b;
  background-color: transparent;
  background-image: none;
  border-color: #7b8a8b;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #7b8a8b;
  border-color: #7b8a8b;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #7b8a8b;
  background-color: transparent;
}

.btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #7b8a8b;
  border-color: #7b8a8b;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
          box-shadow: 0 0 0 0.2rem rgba(123, 138, 139, 0.5);
}

.mywell {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #F5F5F5;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.mywell blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.mywell-lg {
  padding: 24px;
  border-radius: 6px;
}
.mywell-sm {
  padding: 9px;
  border-radius: 3px;
}

.mqz-question{
	padding-bottom: 20px;
}
.mqz-question img {
	max-width: 100%
}

.mqz-riverside{
	color:#fff;
	background-color:#6888b1;
}

.mqz-hover-riverside:hover{
	color:#fff!important;
	background-color:#4c6a92!important;
}

.mqz-vertical{
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform:rotate(90deg);
	transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
}

.mqz-overlay { /*disable screen*/
	background-color:#EFEFEF;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0px;
	left: 0px;
	opacity: .6; /* in FireFox */ 
	filter: alpha(opacity=60); /* in IE */
}

.mqz-line {
	border-top:2px solid #0480be;
}

.mqz-engraved {
	font-family:pragmataproregular;
/*	background-color: #666666;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text; */
/*	color: transparent; */
	color: #868e96;
	text-shadow: rgba(245,245,245,0.7) 0px 3px 3px;
}
.mqz-reset {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-decoration: none;
	text-transform: none;
	font: initial;
	width: auto;
	height: auto;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: normal;
	vertical-align: baseline;
	box-sizing: content-box;
	position: static;
	transition: none;
	display: block;
	visibility: visible;
	z-index: auto;
}

.mqz-hover > div:hover {
	background: #007bff;
}

.mqz-new-pg {
	font-size: small;
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
	border-top: 2px dashed #8c8b8b;
	color: #333;
	text-align: center;
}
.mqz-new-pg:after {
	content: "new page";
	display: inline-block;
	position: relative;
	top: -0.7em;
	font-size: 1em;
	padding: 0 0.25em;
	background: white;
}

.mqz-textarea {
	white-space: pre-wrap;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: scroll;
	overflow: -moz-scrollbars-horizontal;
    font-family: pragmataproregular;
    
}

.mqz-help {
    font-size: 20px;
}

.mqz-help-article {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mqz-help-article > img {
    display: block;
}

.mqz-help-title {
    /*text-decoration: underline;*/
    font-weight: bold;
    background-color:#76608A;
    color:#fff;
    display:inline-block;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
    border-radius:4px
}

.mqz-help-btn {
    color:#fff;
    background-color:#3F729B
}

.mqz-over-help-btn:hover {
    color:#fff!important;
    background-color:#006699!important;
}

.mqz-label {
    font-weight: normal;
}

.mqz-qtn-title-1 {
    margin-bottom:20px;
    font-size:22px;
    background:#dfedf7;
    border:2px solid #cccccc;
    padding:10px 15px 10px 15px;
    border-radius:10px
}

.mqz-qtn-title-2 {
  margin-bottom:20px;
  font-size:22px;
  background:#ffcc99;
  border:2px solid #ff9900;
  padding:10px 15px 10px 15px;
  border-radius:10px
}