.blackened {
	background-color: rgb(200,200,200);
	background-color: rgba(200,200,200,.7);
	padding: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: whitesmoke;
}

.disabled {
	cursor: pointer !important;
}

.faded {
	opacity: .5;
}

.footer {
	margin-top: 50px;
	text-align: center;
}

.error {
	background-color: #FFB3B3;
}

.flags button {
	
}

.issue-open {
	background-color: rgb(178, 0, 0);
	background-color: rgba(178, 0, 0, .8);
}

.issue-closed {
	background-color: rgb(0,178,0);
	background-color: rgba(0,178,0,.8);
}

.matches {
	background-color: #D9FFE5;
}

.replaced {
	background-color: #BFE0FF;
}

.spaced {
	margin: 10px;
}

.highlight {
	padding-bottom: 2px;
	border-color: #888888;
	border-bottom: solid 2px;
	margin-bottom: 2px;
	display: inline-block;
}

.group {
	display: inline;
}

.static {
	position: static;
}

div.item,div.store {
    width: 100%;
    height: auto;
    cursor: pointer;
}

div.item hr {
    clear: both;
    margin: 0;
}

div.item .name,div.store .name {
    font-weight: bold;
    font-size: 12pt;
}

div.item div.comment {
    font-size: 8pt;
    text-align: left;
    float: left;
    padding-left: 1.5em;
    color: #999;
}

div.item div.moreInfo {
    font-size: 8pt;
    text-align: right;
    float: right;
    color: #a5a5a5;
}

div.item div.department {
    color: #999;
}

.active {
    background-color: #ffe1ba;
}


.completed {
	background-color: #e6e6e6;
	color: #2e2e2e;
}

.hidden {
	width: 0;
	height: 0;
}

.checkItem {
	display: inline;
	margin-right: px;
}

div.map {
    width: 100%;
    height: 400px;
    border: 1px solid #ddd;
}

.hint {
	display:inline;
	color: #a0a0a0;
}

.del-btn-right {
	float: right;
	display: inline-block;
}

.sep-right {
	padding-right: 20px;
	display: inline;
}
/* Suggest box stuff
   -------------------------------------------------- */
.gwt-SuggestBoxPopup {
    background: white;
    border: 1px solid #444;
    border-radius: 3px;
}

.gwt-SuggestBoxPopup .item-selected {
    background: #aaa;
}

/* Slider stuff
   -------------------------------------------------- */
.gwt-SliderBar-shell:focus {
    outline: none;
}

.gwt-SliderBar-shell {
    height: 34pt;
    width: 50%;
}

.gwt-SliderBar-shell .gwt-SliderBar-line {
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
    height: 8px;
    width: 95%;
    top: 20pt;
    overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-knob {
    top: 14pt;
    width: 11px;
    height: 21px;
    z-index: 1;
    cursor: pointer;
}

.gwt-SliderBar-shell .gwt-SliderBar-tick {
    top: 26pt;
    width: 1px;
    height: 2pt;
    background: black;
    overflow: hidden;
}

.gwt-SliderBar-shell .gwt-SliderBar-label {
    top: 2pt;
    font-size: 8pt;
    cursor: default;
}

.gwt-SliderBar-shell .gwt-SliderBar-line-sliding {
    background-color: #DDDDDD;
    cursor: pointer;
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 4px 0 0;
}

/* Sticky footer styles
       From http://twitter.github.com/bootstrap/examples/sticky-footer.html
       -------------------------------------------------- */
html,body {
    height: 100%;
    padding: 0px;
    margin: 0px;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height */
    margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push,#footer {
    height: 60px;
}

#footer {
    background-color: #ebebeb;
}

.list-group {
    margin-bottom: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    width: 100%;
    overflow: hidden;
}

.glyphicon-edit {
    margin-left: 5px;
}

.navbar .navbar-brand {
    display: inline;
}

.form-panel {
    margin-bottom: 24px;
    background:#fff;
    padding:0 2%;border-radius:8px;
}

.form-bottom {
    padding-bottom: 10px;
}

form h2 {
	color: #f58220;
    text-transform: uppercase;
    font-size: 26px;
    letter-spacing: .05em;}

form#menuForm {
    padding: 0;
    background: none;
    border-radius: 0;
    margin: 0;
}

legend {
    margin-bottom: 10px;
	font-size: 16px;
}

.btn-small {
    line-height: inherit;
}

.list-group-item-text {
	display: block;
	margin-top: 5px;
}

.item-name {
	display: inline-block;
}

.item-info {
	display: inline;
	margin-top: 10px;
}

.formButton {
	display: inline;
	float: right;
}

.italic {
	font-style: italic;
	display: inline;
}

.adjust {
	margin-bottom: 5px;
	position: relative;
	top: 10px;
}
.gwt-Label {
    display: inline;
}

.edit .col-10 {
    width: 100%;
}
.badge {
    margin-right: -15px;
}

.del-store-btn {
  position: relative;
  top: 25px;
  left: -15px;
}

@media (max-width: 768px) {
    .form-group .col-lg-10 {
        padding: 0;
    }
}


.fundpopover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 680px;
  padding: 1px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.fundpopover legend {
	margin-bottom: 0px;
	font-size: 16px;
}

/*
 * Debugging styles
 */
 .gwt-DialogBox {
 	z-index: 10000;
 }

.gwt-PopupPanel {
   border: 3px solid #000000;
   padding: 3px;
   background: #f48131;
}

.gwt-PopupPanelGlass {
   background-color: #000;
   opacity: 0.3;
   filter: alpha(opacity=30);
}

.gwt-PopupPanel .popupContent {
   border: none;
   padding: 3px;
   color: #FFFFFF;
   background: #f48131;	
}   

/*
 * Application styles
 */
.NOT_STARTED {
	background-color: #AAAAAA;
	color: #FFFFFF;
}

.IMPEDED {
	background-color: #C43C35;
	color: #FFFFFF;
}

.IN_PROGRESS {
	background-color: #339BB9;
	color: #FFFFFF;
}

.DONE {
	background-color: #57A957;
	color: #FFFFFF;
}

.PENDING {
	background-color: #339BB9;
	color: #FFFFFF;
}

.ACCEPTED {
	background-color: #57A957;
	color: #FFFFFF;
}

body {
  font-size: 14px;
  background: #f8f7f7;
  color: #333333;
  font-family: Open Sans;
  font-weight: normal;
}

.box {
	background: none repeat scroll 0 0 #FEFBF3;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 9px;
}

.clickable .box:hover {
	background: none repeat scroll 0 0 #FFFDF9;
	border: 1px solid rgba(82, 168, 236, 0.6);
}

.box *:last-child {
	margin-bottom: 0;
}

.clickable {
	cursor: pointer;	
}

.sidebar-nav {
	padding: 9px 0;
}

ul.plain {
	list-style: none outside none;
	margin: 0;
}

.welcome {
	position: relative;
	top: -20px;
	width: 100%;
	background-color: #FFF5E3;
	margin-bottom: 10px;
	width: 100%;
}

.project-title {
	font-size: 16px;
}

/* Iteration List */
.iteration-list a {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

.iteration-list a:hover {
	opacity: .5;
}

.iteration-list a {
	width: 60px;
	display: block;
	text-align: center;
	height: 18px;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
}

.iteration-list div.percent {
	margin-right: 2px;
}

/* Without this style, anchor widgets with no targets will have the text-selection cursor. */
a {
	cursor: pointer;
}

/*
 START RESTRICTED ACCESS STYLES
 
 The "errai-restricted-access-style" class is applied to elements annotated with RestrictedAccess
 when a user lacks the permission to view them.
 
 Usually elements are hidden when this style is applied, but the "nobody" class is used by the 
 "Login" nav button so that button is only shown when a user is not logged in.
*/
.errai-restricted-access-style {
	display: none !important;
}

.nobody {
	display: none !important;
}

.nobody.errai-restricted-access-style {
	display: inherit !important;
}

#tableContainer {
	margin-bottom: 20px;
}

#tHeadContainer {
	font-weight: bold;
}

#tBodyContainer {
	overflow-y: scroll;
	height: 400px;
}

.fund-table th,
.fund-table td {
  padding: 4px;
  font-size: 12px;
  text-align: left;
}
.fund-table td:nth-child(1),
.fund-table th:nth-child(1) {
  min-width: 50px;
  max-width: 50px;
}
.fund-table td:nth-child(2),
.fund-table th:nth-child(2) {
  min-width: 55px;
  max-width: 55px;
}
.fund-table td:nth-child(3),
.fund-table th:nth-child(3) {
  min-width: 100px;
  max-width: 100px;
}
.fund-table td:nth-child(4),
.fund-table th:nth-child(4) {
  min-width: 100px;
  max-width: 100px;
}
.fund-table td:nth-child(5),
.fund-table th:nth-child(5) {
  min-width: 120px;
  max-width: 120px;
}
.fund-table td:nth-child(6),
.fund-table th:nth-child(6) {
  min-width: 210px;
  max-width: 210px;
}
.fund-table td:nth-child(7),
.fund-table th:nth-child(7) {
  width: 287px;
}
.fund-table.thead {
  background-color: #f48131;
  color: #ffffff;
  display: block;
  overflow: auto;
  width: 100%;
}
.fund-table.tbody {
  display: block;
  width: 100%;
}
.fund-table.tbody tr:nth-child(even) {
  background-color: #dddddd;
}
.ready-table th,
.ready-table td {
  padding: 4px;
  font-size: 12px;
  text-align: left;
}
.ready-table td:nth-child(1),
.ready-table th:nth-child(1) {
  min-width: 50px;
  max-width: 50px;
}
.ready-table td:nth-child(2),
.ready-table th:nth-child(2) {
  min-width: 55px;
  max-width: 55px;
}
.ready-table td:nth-child(3),
.ready-table th:nth-child(3) {
  min-width: 55px;
  max-width: 55px;
}
.ready-table td:nth-child(4),
.ready-table th:nth-child(4) {
  min-width: 100px;
  max-width: 100px;
}
.ready-table td:nth-child(5),
.ready-table th:nth-child(5) {
  min-width: 100px;
  max-width: 100px;
}
.ready-table td:nth-child(6),
.ready-table th:nth-child(6) {
  min-width: 120px;
  max-width: 120px;
}
.ready-table td:nth-child(7),
.ready-table th:nth-child(7) {
  min-width: 200px;
  max-width: 200px;
}
.ready-table td:nth-child(8),
.ready-table th:nth-child(8) {
  width: 242px;
}
.ready-table.thead {
  background-color: #f48131;
  color: #ffffff;
  display: block;
  overflow: auto;
  width: 100%;
}
.ready-table.tbody {
  display: block;
  width: 100%;
}
.ready-table.tbody tr:nth-child(even) {
  background-color: #dddddd;
}

.old-ie-wrapper {
  height: 400px;
  width: 940px;
  overflow-x: hidden;
  overflow-y: auto;
}
.old-ie-wrapper tbody {
  height: auto;
}

.title {
  background: #f8f7f7;
  color: #f48131;
  font-family: Open Sans;
  font-size: 3.0em;
  font-weight: normal;
  height: 78;
}

.tg .glyphicon-remove {text-align:center;color:red;}
.tg .glyphicon-ok {text-align:center;color:green;}
.tg tr {cursor: pointer;}
.navbar-orange {color:#f48131;}

.tg  {border-collapse:collapse;border-spacing:0;border-color:#dedede;}
.tg td {font-family:Open Sans;font-size:12px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#dedede;}
.tg .tg-image {display: block; margin: 0 auto; min-width: 18px; min-height: 18px; max-width: 18px; max-height: 18px; ;background-repeat:no-repeat;}
.tg .tg-image-1 { background-image: url('/sites/default/files/styles/default/public/watchdog-ok.png') }
.tg .tg-image-2 { background-image: url('watchdog-ok.png') }
.tg th {font-family:Open Sans;font-size:12px;font-weight:600;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:#dedede;}
.tg .fundhd {text-align:center;font-weight:bold;color:#f48131;}
.tg .feat {text-align:left; font-weight:bold;color:#f48131;}
.tg .priceblock {background-color:#f48131;color:#ffffff;text-align:center;}
.tg .price {display: inline-block; font-size:24px;}
.tg .per {display: inline-block; font-size:10px; padding-left: 1em}
.tg .info {background-color:#ffffff;color:#000000;text-align:center;}
.tg .options {text-align:left;color:#000000; font-weight:400}
.tg .altrow {background-color:#f0f0f0;}
.tg .paypal {margin: 0 auto; width: 110px; padding: 0;}
.below-table {margin: 50px 0 0 0; padding: 25px; background-color:#ffffff;}
.below-table .heading{margin: 1em 0 0 0;font-family:Open Sans;font-size:18px;color:#f48131}
.below-table .text-normal{font-family:Open Sans;font-size:14px;}
.below-table .text-bold{font-family:Open Sans;font-size:14px;font-weight:bold}

.spin-table th,
.spin-table td {
  padding: 4px;
  font-size: 12px;
  text-align: left;
}
.spin-table td:nth-child(1),
.spin-table th:nth-child(1) {
  min-width: 40px;
  max-width: 40px;
}
.spin-table td:nth-child(2),
.spin-table th:nth-child(2) {
  min-width: 120px;
  max-width: 120px;
}
.spin-table td:nth-child(3),
.spin-table th:nth-child(3) {
  min-width: 120px;
  max-width: 120px;
}
.spin-table td:nth-child(4),
.spin-table th:nth-child(4) {
  min-width: 120px;
  max-width: 120px;
}
.spin-table td:nth-child(5),
.spin-table th:nth-child(5) {
  width: 360px;
}
.spin-table.thead {
  background-color: #f48131;
  color: #ffffff;
  display: block;
  overflow: auto;
  width: 760px;
}
.spin-table.tbody {
  display: block;
  width: 760px;
}
.spin-table.tbody tr:nth-child(even) {
  background-color: #dddddd;
}

/* Bootstrap overrides */
.container-fluid {background: #ebebeb;}
nav.navbar.navbar-default.navbar-fixed-bottom {background: none;border: none;position:relative;}

form#confirmationForm {
    background: none;
    padding: 0;
}

.ui-messages-error, .ui-message-error {
    color: #f58220;
    background: none;
    border: none;
    font-weight: 200;
}
.ui-selectonemenu .ui-selectonemenu-trigger {width:auto;}

.ui-datatable-resizable table {
    table-layout: auto;
}
label {color:#505050;}