@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

html { }
body {font-family: Tahoma, Verdana, Swiss, sans-serif; color:#514B52; background:#FBFAF9}
h1,h2,h3,h4,h5,h6, span.h1 {font-family: 'Quattrocento Sans', cursive; color: #816060;}
#mast {}
#main-container {}
#login-name {cursor:help}
#footer {background:#E0E5EC; border-top:1px solid #EAEEF2; color:#514B52; font-size: smaller;}


.navbar-inverse {background-color: #318498;}
.navbar-fixed-top {border-bottom: 0;}
.navbar-brand {position: relative;}
#dev-server {position: absolute; left: 25px; top: -2px;}

#login-name {cursor:help}
#footer {background:#E0E5EC; border-top:1px solid #EAEEF2; color:#514B52; font-size: smaller;}
.page-header {
	/* background-color: #00ffff; */
	color:#ffffff;
	padding: 10px 20px 20px;
	margin-top: 10px;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
/*.navbar-header span.h1 a.navbar-brand {color: #bbbbbb;}*/
.navbar-inverse a.navbar-brand {color: #ffffff; opacity: 0.70;}
.navbar-inverse a.navbar-brand:hover {opacity: 1.0;}
.navbar-inverse ul.nav.navbar-nav > li > a {color: #ffffff; opacity: 0.60;}
.navbar-inverse ul.nav.navbar-nav > li > a:hover {opacity: 1.0;}

.campaign-response-head {margin-bottom: 2em; line-height: 1.5em;}

h1 small {display: block; margin-top: 0.7em;}
option.disabled {color: #bbbbbb;}
.center, .align-center {text-align: center;}
.btn i, .dropdown-menu i {opacity: 0.6; margin: 0 0.3em;}
.header-back-btn {margin-left: 5em;}

/* match primary button, primary panel and link color to header bar */
body .btn-primary {
  background-image: none;
	background-color: #318498;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff318498', endColorstr='#ff318498', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #318498;
}
body .btn-primary:hover,
body .btn-primary:focus {
  background-color: #0E657A;
}
body .btn-primary:active,
body .btn-primary.active {
  background-color: #0E657A;
  border-color: #0E657A;
}
body a {
  color: #318498;
  text-decoration: none;
}
body a:hover,
body a:focus {
  color: #0E657A;
  text-decoration: underline;
}
body .panel-primary {
	border-color: #318498;
}
body .panel-primary .panel-heading {
	background-color: #318498;
	border-color: #318498;
}

td a.table-edit-cell {opacity: 0;}
td:hover a.table-edit-cell {color: #bbbbbb; opacity: 1;}
td a.table-edit-cell:hover {color: #999999;}

td.action-cell {white-space: nowrap; min-width: 200px;}
tr.archived td {font-style: italic;}
tr.archived td.action-cell {font-style: normal;}

.archived-checkbox {font-weight: normal; color: #777777;}

select.multiple-select.tall {height: 280px; width: 100%;}
th h3 {margin-top: 0px;}

form .full-width {width: 100%; margin-bottom: 15px;}

table tbody tr.response_row.processed td {background-color: #c1d2e0;}
.speed {opacity: 0.5;}

.fineprint {font-size: 0.85em; color: #999;}

/*** custom checkboxes -- requires label immediately after checkbox input ***/
/* http://stackoverflow.com/questions/11223615/how-to-use-font-awesome-for-checkboxes-etc */
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
	font-size: 24px;
	color: #999999;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 10px; color: #777777;} /* allow space for check mark */