@charset "utf-8";
/* CSS Document */

ul input[type="text"],
input[type="password"],
textarea,
select {
  width: 100%;
}

h1 {
  margin: 0.6em 0;
  font-size: 1.8em;
  font-weight: bold;
}
h1.compact,
h2.compact {
  margin: 0;
  padding: 0;
}
h2 {
  font-size: 1.6em;
  font-weight: bold;
}
h3 {
  font-size: 1.5em;
}
h3.compact {
  margin-top: 0;
  margin-bottom: 0.1em;
}
h4.compact {
  margin-top: 0;
  margin-bottom: 0;
}

/*h4.btn{
	margin-top: .5em;
}*/
h4.task-list-collapse {
  background-color: #eee;
  padding-bottom: 0.7em;
}
h4 a,
li a {
  display: block;
}
div.task-list-collapse,
div.panel-body,
div.panel {
  margin: 0;
  padding: 0;
}
.btn {
}
body {
  background-color: #eee;
  /*background-color: #d3d3a9;*/
  padding-top: 5px;
}
p.compact {
  margin-bottom: 0;
}
p.compact-1 {
  margin: 0;
  padding: 0;
}
p.slightly-larger {
  font-size: 1.1em;
}
div.compact {
  margin-top: 0em;
  margin-bottom: -0.3em;
}
div.task_list_item_divs {
  margin-bottom: 1em;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
div.task_details_collapse {
  /*This is for the divs on the task that contain the task details that can be collapsed or expanded.
	These divs go inside the divs with a class task_list_item_divs defined above*/
  text-indent: 0em;
}
div.panel,
div.panel-heading {
  padding: 0;
  margin: 0;
}
/*div.class-branch-answers{
	margin-top: 0;
	margin-left: 1em;
	margin-right: 0;
	margin-bottom: 10em;
}*/
div.hanging_indent {
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 1.3em;
  text-indent: -1.3em;
}
div.hanging_indent_2 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.5em;
  text-indent: -1.5em;
}
li.no-indent {
  margin-left: -2em;
}
li.indented {
  margin-left: -2em;
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 0;
}

input.task_list_item,
label.task_list_item {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 0;
}
.compact {
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}
div#divider {
  height: 15px;
}
div#top-padding {
  height: 55px;
}
nav.navbar {
  background-color: #000;
  padding-top: 0.5em;
  padding-left: 1em;
}
div.container-fluid {
  padding-left: 2em;
  padding-right: 2em;
}
div#social-media-badges {
  width: 32px;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
}
/*
div#sidebar2{
	padding-right: 0;
}
*/
div.panel {
  /*background-color: #D3D3A9;*/
  background-color: #eee;
}

div.panel div.panel-group,
div.panel-heading,
div.panel-body,
div.collapse,
div.panel-collapse {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.1em;
  padding-bottom: 0;
}
/*
div.visible-xs{
	padding: 0;
	margin: 0;
}
div.hidden-xs{
	padding: 0;
	margin: 0;
}
*/
div#login {
  padding-right: 2em;
  padding-left: 2em;
}
#maincontent {
  min-height: 500px;
  height: auto !important;
  height: 500px;
}
td {
  text-align: left;
}
input.text-align {
  text-align: left;
  width: 12em;
}
span.highlighted {
  color: #b36;
}
span.highlighted-1 {
  color: #ff0000;
}
span.bold {
  font-weight: bold;
}
span.hidden {
  visibility: hidden;
}
.navbar-inverse {
  color: white;
}
.navbar-inverse:hover {
  color: #333;
}
.navbar-inverse .navbar-toggle {
  color: white;
  font-weight: bold;
}
.navbar-inverse .navbar-toggle:hover {
  background-color: #ddd;
  color: #333;
}
.navbar-inverse .navbar-toggle .glyphicon {
  color: white;
}
.navbar-inverse .navbar-toggle:hover .glyphicon {
  color: #333;
}
ul.dropdown-menu a:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

ul.compact {
  margin: 0;
}
/*
ul.list-group{
	margin-right: 1em;
}
*/
li.btn-block a {
  text-align: left;
  padding-left: 0.5em;
  /*margin-right: 3em;
	margin-right: -30;*/
}
li.text-align-left {
  text-align: left;
}
li.btn-primary a,
li.btn-info a,
li.btn-lt-blue a {
  color: #fff;
  display: block;
}
li.btn-primary a:hover {
  color: #ddd;
  text-decoration: none;
}
/*
.navbar .nav > .active > a,
.navbar .nav > .active > a:focus,
.navbar .nav > .active > a:hover{
	color: #fff;
	background-color: #0088CC;
}
.btn-primary:hover{
  color: #ccc;
	background-color: #0077cc;
	background-image: -moz-linear-gradient(top, #0099cc, #0077cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0099cc), to(#0077cc));
  background-image: -webkit-linear-gradient(top, #0099cc, #0077cc);
  background-image: -o-linear-gradient(top, #0099cc, #0077cc);
  background-image: linear-gradient(to bottom, #0099cc, #0077cc);
}
*/

input.indented {
  margin-left: 1.7em;
}
p.indented,
div.indented {
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 2em;
}
p.hanging_indent {
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 1.3em;
  text-indent: -1.3em;
}
p.hanging_indent_2 {
  margin-top: 0;
  margin-bottom: 0em;
  margin-left: 2em;
  text-indent: -2em;
}
strong.indented {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 2em;
}
form.task-complete {
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0;
  /*margin-left: 1.8em;*/
}
input.form-control,
select.form-control,
textarea.form-control {
  margin-bottom: 1em;
}
table.no-border {
  border-style: none;
}
td.align-right {
  text-align: right;
}
.navbar-right {
  margin-right: 1em;
}
.btn {
  color: white;
}
a.btn {
  /*margin-top: .3em;*/
}
.btn-md-lg {
  font-size: 1.08em;
  margin-top: 0.3em;
}
.btn-small {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
label.btn-small {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.btn-indented {
  padding-left: 2em;
}
.btn-mauve {
  background-color: #b36;
}
.btn-mauve:hover {
  color: #fff;
  background-color: #cc0055;
  /*outline: 1px solid black;*/
}
.btn-purple {
  color: fff;
  /*background-color: #781d7e;*/
  background-color: #781d7e;
}
.btn-purple:hover {
  color: #fff;
  /*background-color: #9900CC;*/
  background-color: #99249f;
}
.btn-lt-blue {
  color: #fff;
  /*background-color: #5196CE;*/
  background-color: #5e9ed2;
}
.btn-lt-blue:hover {
  color: #fff;
  /*font-weight: bold;
	background-color: #66A3D5;*/
  background-color: #70a9d8;
}
.btn-branch-answer {
  width: 22em;
}
a.white-text {
  color: #fff;
}
h4.btn a,
li.btn a {
  text-decoration: none;
}

.form-control-narrow {
  width: 50%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
}
.form-control-narrow:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}
/*

Bootstrap Button Colors

.bg-primary{
color:#fff;
background-color:#337ab7
}
a.bg-primary:hover{
background-color:#286090
}
.bg-success{
background-color:#ddd
}
a.bg-success:hover{
background-color:#c4c4c4
}
.bg-info{
background-color:#008cc9
}
a.bg-info:hover{
background-color:#006896
}
.bg-warning{
background-color:#ddd
}
a.bg-warning:hover{
background-color:#c4c4c4
}
.bg-danger{
background-color:#eb4658
}
a.bg-danger:hover{
background-color:#e5192f
}
*/