html, body {
  margin: 0;
  height: 100%;
  padding: 0;
  background: #f9f9f9 url(/images/texture_grain_200x200_v2.png) repeat;
}

html, body, table tr, p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
}

p {
  line-height: 1.6em;
}

p:first-child {
  margin-top: 0;
}

p:last-child {
  margin-bottom: 0;
}

ul {
  padding-left: 15px;
}

a {
  color: rgb(22, 102, 251);
}

.clear {
  clear: both;
}

#wise-header h1 {
  font-family: 'Raleway', sans-serif;
  font-size: 42px;
  color: rgb(82,82,82);
}

#wise-header h1 span.environment {
  font-size: 24px;
  color: #800;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

#wise-header h4.header {
  margin-top: 10px;
  margin-bottom: 10px;
}

.ui.main.page.grid {
  width: 1080px;
  margin: 0 auto;
  background: #fff;
}

.ui.main.page.grid {
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.ui.main.page.grid > .row {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}

#wise-content {
  min-height: 80%;
  padding-bottom: 10px;
}

#wise-content.ui.main.page.grid > .row:first-child > .column {
  min-height: 700px;
}

#wise-content.ui.main.page.grid > .row:first-child > .column {
  padding-top: 13px;
}

#wise-nav {
  border-bottom: 1px solid #cacaca;
}

a.nav-home,
a.nav-home:VISITED {
  float: left;
  height: 31px;
  font-family: GothamMedium;
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  color: #600000;
  padding-top: 10px;
  padding-left: 15px;
}

a.nav-home:HOVER {
  text-decoration: underline;
}

.header-status.row .ui.header {
  padding-top: 13px;
  padding-bottom: 1px;
}

#wise-notification {
  background-color: #ededed;
  border-bottom: 1px solid #800000;
}

#wise-notification .flash {
  margin-left: 35px;
  margin-right: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  color: #400;
}

div#wise-manager-console {
  float: left;
}

div#wise-manager-console ul li {
  float: left;
  display: block;
  padding-right: 15px;
}

tr.watoto-country,
tr.watoto-village,
tr.watoto-school {
  font-weight: bold;
}

div.report h1 {
  font-size: 1.5em;
}

.panel {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
}

.edit-icon {
  display: block;
  height: 18px;
  width: 0px;
  padding-left: 18px;
  background: url(/images/edit-icon-14.png) left center no-repeat;
}

.enroll-icon,
.sponsor-icon {
  display: block;
  height: 22px;
  width: 0px;
  padding-left: 22px;
  background: url(/images/icons/enroll-icon-22.png) left center no-repeat;
}

.transfer-icon {
  margin-left: auto;
  margin-right: auto;
  display: block;
  height: 22px;
  width: 22px;
  background: url(/images/icons/transfer-icon-22.png) left center no-repeat;
}

.profile-icon {
  vertical-align: middle;
  display: inline-block;
  height: 22px;
  width: 22px;
  background: url(/images/icons/profile-icon-22.png) left center no-repeat;
}

.assign-icon {
  display: block;
  height: 22px;
  width: 0px;
  padding-left: 22px;
  background: url(/images/icons/assign-icon-22.png) left center no-repeat;
}

.delete-icon,
.release-icon {
  display: block;
  height: 18px;
  width: 0px;
  padding-left: 18px;
  background: url(/images/delete-icon-16.png) left center no-repeat;
}

.plus-icon {
  display: block;
  height: 18px;
  width: 0px;
  padding-left: 15px;
  background: url(/images/icons/plus-icon-14.png) left center no-repeat;
}

.minus-icon {
  display: block;
  height: 18px;
  width: 0px;
  padding-left: 15px;
  background: url(/images/icons/minus-icon-14.png) left center no-repeat;
}

.response-icon {
  display: block;
  height: 22px;
  width: 0px;
  padding-left: 22px;
  background: url(/images/icons/response-icon-22.png) left center no-repeat;
}

.response-icon-disabled {
  display: block;
  height: 22px;
  width: 0px;
  padding-left: 22px;
  background: url(/images/icons/response-icon-22.png) left center no-repeat;
}

.icon-disabled {
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}

.list-icon {
  border: 1px solid #d6d6d6;
}

.list-container {
  padding-top: 7px;
  padding-bottom: 7px;
  min-height: 400px;
}

.filter-feedback {
  border: 1px solid green;
}

#sf_admin_container label {
  font-weight: bold;
}

#wise-footer {
  border-top: 1px solid #cdcdcd;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 5px;
} 

#wise-bottom {
  width: 100%;
  height: 100px;
}

.rounded {
  border: 1px solid #a6a6a6;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.top-rounded {
  border: 1px solid #a6a6a6;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.rounded .title {
  padding: 0;
  margin-top: 3px;
  font-weight: bold;
  font-size: 1.3em;
}

.title-separator {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 2px solid #e8e8e8;
}

div.sidebar-controls {
  margin-bottom: 13px;
}

.sidebar-controls a, .sidebar-controls span.buttonize {
  display: block;
  margin-top: 5px;
}

.start-hidden, .hidden {
  visibility: hidden;
}

.slidedown-toggle:not(.ui) {
  float: left;
}

.slidedown-disable {
  display: none;
}

.slidedown-header {
  margin-left: 30px;
}

.slidedown-header > a.buttonize {
  margin-top: 0px;
}

.slidedown-header span.beneficiary-info-header {
  padding-right: 25px;
}

.slidedown-header span.beneficiary-info-header-name {
  font-weight: bold;
}

ul.account-info-header li.account-info-header-status .header {
  display: inline-block;
}

.slidedown-header ul.account-info-header,
.slidedown-header ul.member-info-header {
  padding-left: 0px;
}

.slidedown-header ul.account-info-header li,
.slidedown-header ul.member-info-header li {
  list-style-type: none;
  display: inline;
  padding-right: 35px;
}

.slidedown-header ul.account-info-header li.account-info-header-name,
.slidedown-header ul.member-info-header li.member-info-header-name {
  font-weight: bold;
}

.slidedown-body {
  clear: both;
  /* display: none; */
  margin-left: 30px;
}

.wise-icon {
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 13px;
  height: 13px;
}

/*
icons found here:
http://www.napkee.com/napkee/features/exports/icons/
*/

.wise-icon-triangle-right-fill {
  background-image: url(/images/icons/12/triangle-right-fill.png);
}

.wise-icon-triangle-down-empty {
  background-image: url(/images/icons/12/triangle-down-empty.png);
}

.list-control-container label {
  font-weight: bold;
  font-size: 1.1em;
}

.list-sort-row {
  padding-top: 0px;
  padding-bottom: 8px;
  height: 25px;
}

.toggle-closed {
  background: url(/images/icons/24/toggle-expand-blue-24.png) left center no-repeat;
  float: left;
  display: inline-block;
  margin-left: -10px;
  margin-top: -2px;
  padding-left: 22px;
  margin-right: 10px;
  height: 24px;
  width: 0px;
  overflow: hidden;
}

.toggle-open {
  background: url(/images/icons/16/toggle-collapse-white-16.png) left center no-repeat;
  float: left;
  display: inline-block;
  margin-left: -6px;
  margin-top: -5px;
  padding-left: 18px;
  margin-right: 10px;
  height: 24px;
  width: 0px;
  overflow: hidden;
}

.slidedown-target,
.ui.grid > .row.slidedown-target {
  display: none;
}

.no-display {
  display: none !important;
}

.alloc-summary {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 575px;
  border-collapse: collapse;
}

.alloc-summary > tbody {
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

.alloc-summary > thead > tr > th {
  vertical-align: bottom;
  font-weight: normal;
}

.alloc-summary > tfoot > tr > td {
  padding-top: 1em;
}

.alloc-summary > tbody > tr {
  vertical-align: top;
  line-height: 1.9em;
}

.alloc-summary > tbody > tr.highlight {
  font-weight: bold;
}

.alloc-summary .alloc-col1 {
  text-align: left;
  width: 300px;
}

.alloc-summary .alloc-col2,
.alloc-summary .alloc-col3 {
  text-align: center;
  width: 90px;
}

.alloc-summary .alloc-action {
  text-align: center;
  width: 1px;
}

.alloc-summary .alloc-reservations {
  padding-left: 20px;
}

.highlight-a { background-color: #e6e6e6; }
.highlight-a .list-icon { border: 1px solid #e6e6e6; }

.highlight-b { background-color: #d6d6d6; }
.highlight-b .list-icon { border: 1px solid #d6d6d6; }

.sponsorship-header .list-icon { border: 1px solid #ededed; }

.list-icon:HOVER {
  border: 1px solid black;
}

tr.primary-member > td {
  font-weight: bold;
  border-top: 2px groove #800000;
  border-bottom: 2px groove #800000;
}

.primary-member-tagline {
  display: block;
  font-style: italic;
  font-weight: normal;
}

.buttonize {
  border: 1px groove #660000;
}

.ui.grid .compact.row {
  padding: 0;
}