/*Observations*/
.ObservationContainer {
  margin: 10px 0;
  min-height: 400px;
  width: 100%;
  display: table-row;
}
.ObservationContainer .leftColumn, .ObservationContainer .rightColumn {
  display: table-cell;
  vertical-align: top;
  width: 49%;
}
.ObservationContainer .leftColumn .DescriptionTextBox, .ObservationContainer .rightColumn .DescriptionTextBox {
  min-height: 400px;
}
.ObservationContainer #SavePopupContainer .SmallPopup {
  overflow-y: auto;
  max-height: 90%;
}
.ObservationContainer #SavePopupContainer .ObservationList {
  margin: 0.5em 1em;
}
.ObservationContainer #SavePopupContainer .ObservationList div {
  margin-bottom: 1px;
}
.ObservationContainer #SavePopupContainer .PopupContent h4 {
  margin: 0;
  font-size: 1em;
}
.ObservationContainer .rightColumn .ButtonContainer {
  display: block;
}
.ObservationContainer .rightColumn .ButtonContainer .ObservationSection div.ActionButton {
  float: right;
  width: 5em;
}
.ObservationContainer .ButtonContainer {
  display: inline-block;
  /*float: right;*/
  min-height: 4em;
}
.ObservationContainer .ButtonContainer .ActionButton {
  /*float: right;*/
}
.ObservationContainer #observationDatepickerContainer {
  width: 32%;
}
.ObservationContainer #observationDatepickerContainer #observationDatepicker {
  margin: 0;
}
.ObservationContainer #ObservationOverviewPhoto {
  margin-top: 1em;
  width: 100%;
}
.ObservationContainer #ObservationOverviewPhoto #ObservationPhoto {
  max-width: 100%;
}
.ObservationContainer #Description {
  width: 100%;
  display: inline-block;
  float: right;
}
.ObservationContainer .ObservationSection {
  display: inline-block;
  vertical-align: top;
}
.ObservationContainer #ObservationOverviewChildren, .ObservationContainer #ObservationOverviewActivity {
  width: 32%;
}
.ObservationContainer .ObservationListItem {
  display: inline-block;
  margin: 5px 0;
  width: calc(100% - 3.5em);
  min-height: 2em;
}
.ObservationContainer .ObservationList {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ObservationContainer #ObservationLearningJourney {
  min-height: 50px;
}
.ObservationContainer #ConfirmObservationDescriptionTextBox {
  width: 90%;
  margin: 0.5em 1em;
  height: 5em;
}

#ObservationOverviewLandmarks {
  display: block;
}
#ObservationOverviewLandmarks #ObservationLearningJourney .dl-menuwrapper li a.landmark-level-one {
  background-color: yellow;
  color: #232323;
}
#ObservationOverviewLandmarks #ObservationLearningJourney .dl-menuwrapper li a.landmark-level-two {
  background-color: orange;
  color: #232323;
}
#ObservationOverviewLandmarks #ObservationLearningJourney .dl-menuwrapper li a.landmark-level-three {
  background-color: green;
}

#SelectedLandmarksHeader {
  margin-bottom: 0;
  margin-top: 0.5em;
  padding: 0;
}

.landmarkComplete {
  background-color: green;
  cursor: default !important;
}

.landmarkStarted {
  background-color: yellow;
  color: #232323;
}

.landmarkOverdue {
  background-color: red;
}

.landmarkDue {
  background-color: orange;
}

.landmark-level-one {
  background-color: yellow;
  color: #232323;
}

.landmark-level-two {
  background-color: orange;
  color: #232323;
}

.landmark-level-three {
  background-color: #00fa9a;
}

.landmark-level-zero {
  background-color: #fffd9e;
}

/*Observation Children*/
.ObservationChildCard {
  background-color: white;
  display: inline-block;
  vertical-align: top;
  width: 150px;
  height: 150px;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 0.92em;
}

.UnSelectedChildObservation {
  background-color: white;
}

.SelectedChildObservation {
  background-color: #AAFFAE;
}

/*Observation Photos*/
#ObservationPhotosLeftColumn {
  display: inline-block;
  margin: 10px;
  max-width: 25%;
  vertical-align: top;
}

#ObservationPhotosRightColumn {
  display: inline-block;
  margin: 10px;
  max-width: 65%;
  vertical-align: top;
}

#ObservationPhotosRightColumn img {
  width: 100%;
}

.ObservationThumbnail {
  width: 90%;
}

#ObservationLeftColumn li {
  width: 45%;
}

#ObservationLeftColumn img {
  width: 100%;
}

#ObservationPhotoListHeader {
  padding: 10px;
  font-weight: bold;
  font-size: 1.3em;
}

.toggle-button {
  width: fit-content;
}
.toggle-button .hasReviewedObs {
  background: #eb2626;
  color: white;
}
.toggle-button .hasReviewedObs:hover {
  background: rgb(203.2658227848, 18.7341772152, 18.7341772152);
  color: white;
}

#LandmarksButton {
  margin: 0;
}

#tabs-unapproved {
  padding: 0.5em;
  font-size: 0.6em;
}
#tabs-unapproved td {
  border-bottom: 1px solid #777;
}
#tabs-unapproved #observationListContainer {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
#tabs-unapproved #observationListContainer #observations-list {
  margin: 0;
}
#tabs-unapproved #observationListContainer #observations-list .Updated {
  background-color: yellow;
}
#tabs-unapproved #observationListContainer #observations-list .Reviewed {
  background-color: orange;
}
#tabs-unapproved #observationApprovalContainer {
  margin-left: 1em;
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
#tabs-unapproved #observationApprovalContainer .left-container {
  display: inline-block;
  width: 70%;
}
#tabs-unapproved #observationApprovalContainer .left-container .landmark-1 {
  background-color: orange;
}
#tabs-unapproved #observationApprovalContainer .left-container .landmark-2 {
  background-color: yellow;
}
#tabs-unapproved #observationApprovalContainer .left-container .landmark-3 {
  background-color: lightgreen;
}
#tabs-unapproved #observationApprovalContainer .left-container .labels {
  width: 49%;
  display: inline-block;
}
#tabs-unapproved #observationApprovalContainer .left-container .labels div {
  display: inline-block;
  width: 55%;
}
#tabs-unapproved #observationApprovalContainer .left-container .labels .label {
  display: inline-block;
  width: 40%;
  text-align: right;
  margin-right: 0.5em;
}
#tabs-unapproved #observationApprovalContainer .left-container .labels .dataTables_wrapper {
  width: 100%;
}
#tabs-unapproved #observationApprovalContainer .left-container .labels .dataTables_wrapper #landmark-list {
  width: 100%;
}
#tabs-unapproved #observationApprovalContainer .left-container .bold-label {
  font-weight: bold;
  margin-top: 1em;
}
#tabs-unapproved #observationApprovalContainer .left-container textarea {
  width: 100%;
}
#tabs-unapproved #observationApprovalContainer .left-container .buttons {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  float: right;
}
#tabs-unapproved #observationApprovalContainer .left-container .buttons input {
  float: right;
  width: 50%;
  background-color: rgb(255, 140, 0);
}
#tabs-unapproved #observationApprovalContainer .left-container .buttons input:last-of-type {
  background-color: #d3dce0;
}
#tabs-unapproved #observationApprovalContainer .right-container {
  display: inline-block;
  width: 25%;
  margin-left: 2em;
  vertical-align: top;
}
#tabs-unapproved #observationApprovalContainer .right-container img {
  width: 100%;
}
#tabs-unapproved #observationApprovalContainer .right-container input[type=button] {
  height: 2em;
  vertical-align: top;
}
#tabs-unapproved #observationApprovalContainer .right-container .RotatePhotoButton {
  width: 2em;
  background-image: url("Images/rotateRight.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}

#LearningJourneyPopupContainer .Popup {
  width: 90%;
  font-size: 0.6em;
  height: 80%;
  overflow-y: hidden;
}
#LearningJourneyPopupContainer .Popup .PopupHeader {
  height: 7em;
}
#LearningJourneyPopupContainer .Popup .PopupHeader input {
  float: right;
  vertical-align: central;
  margin-right: 3em;
}
#LearningJourneyPopupContainer .Popup .PopupContent {
  max-height: calc(100% - 60px);
}
#LearningJourneyPopupContainer .Popup .PopupContent .Header {
  margin: 1em 1em 0 1em;
  font-size: 1.2em;
  font-weight: bold;
}
#LearningJourneyPopupContainer .Popup .PopupContent select {
  margin: 1em;
  font-size: 1.2em;
  min-width: 7em;
}
#LearningJourneyPopupContainer .Popup .PopupContent .dataTables_filter {
  display: none;
}
#LearningJourneyPopupContainer .Popup .PopupContent #landmark-selection-list_wrapper #landmark-selection-list_filter {
  margin-right: 3em;
}
#LearningJourneyPopupContainer .Popup .PopupContent #landmark-selection-list_wrapper #landmark-selection-list td {
  border-bottom: 1px solid #777;
  max-width: 45em;
}
#LearningJourneyPopupContainer .Popup .PopupContent #landmark-selection-list_wrapper #landmark-selection-list .landmark-1 {
  background-color: orange;
}
#LearningJourneyPopupContainer .Popup .PopupContent #landmark-selection-list_wrapper #landmark-selection-list .landmark-2 {
  background-color: yellow;
}
#LearningJourneyPopupContainer .Popup .PopupContent #landmark-selection-list_wrapper #landmark-selection-list .landmark-3 {
  background-color: lightgreen;
}

#LandmarkTurnErrorPopupContent, #LandmarkSubsequentsPopupContent, #LandmarkSelectionReasonPopupContent {
  padding: 1em;
}
#LandmarkTurnErrorPopupContent #LandmarkTurnErrorList > div, #LandmarkTurnErrorPopupContent #SubsequentLandmarkList > div, #LandmarkSubsequentsPopupContent #LandmarkTurnErrorList > div, #LandmarkSubsequentsPopupContent #SubsequentLandmarkList > div, #LandmarkSelectionReasonPopupContent #LandmarkTurnErrorList > div, #LandmarkSelectionReasonPopupContent #SubsequentLandmarkList > div {
  padding: 0.5em 0;
  border-bottom: 1px solid #999;
  cursor: pointer;
}
#LandmarkTurnErrorPopupContent #LandmarkTurnErrorList > div .landmarkLabel, #LandmarkTurnErrorPopupContent #SubsequentLandmarkList > div .landmarkLabel, #LandmarkSubsequentsPopupContent #LandmarkTurnErrorList > div .landmarkLabel, #LandmarkSubsequentsPopupContent #SubsequentLandmarkList > div .landmarkLabel, #LandmarkSelectionReasonPopupContent #LandmarkTurnErrorList > div .landmarkLabel, #LandmarkSelectionReasonPopupContent #SubsequentLandmarkList > div .landmarkLabel {
  width: 50%;
  display: inline-block;
}
#LandmarkTurnErrorPopupContent #LandmarkTurnErrorList > div .landmarkSubsequentsBtn, #LandmarkTurnErrorPopupContent #SubsequentLandmarkList > div .landmarkSubsequentsBtn, #LandmarkSubsequentsPopupContent #LandmarkTurnErrorList > div .landmarkSubsequentsBtn, #LandmarkSubsequentsPopupContent #SubsequentLandmarkList > div .landmarkSubsequentsBtn, #LandmarkSelectionReasonPopupContent #LandmarkTurnErrorList > div .landmarkSubsequentsBtn, #LandmarkSelectionReasonPopupContent #SubsequentLandmarkList > div .landmarkSubsequentsBtn {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}

#ObservationUpdateStatusPopupContainer .Popup {
  width: 30em;
}
#ObservationUpdateStatusPopupContainer .Popup div:last-of-type {
  vertical-align: top;
  padding-bottom: 3em;
}
#ObservationUpdateStatusPopupContainer textarea {
  width: 95%;
  margin: 1em;
}
#ObservationUpdateStatusPopupContainer input {
  float: right;
}

#ObservationStatusHistory {
  padding: 0.5em;
}
#ObservationStatusHistory .container {
  border-bottom: 1px solid #777;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
#ObservationStatusHistory .container div {
  width: 27em;
  display: inline-block;
  vertical-align: top;
}
#ObservationStatusHistory .container .statusLabelContainer {
  width: 11em;
  display: inline-block;
}
#ObservationStatusHistory .container .statusLabelContainer .label {
  display: inline-block;
  width: 3em;
}
#ObservationStatusHistory .container .statusLabelContainer div {
  display: inline-block;
  width: 7em;
  margin-left: 0.5em;
}

#LandmarksPopupContainer {
  z-index: 99;
}
#LandmarksPopupContainer .Popup {
  width: 90%;
}
#LandmarksPopupContainer .Popup .PopupContent {
  padding: 0.3em;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent {
  display: table;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .header {
  display: table-row;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .header .catHeader {
  display: table-cell;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .header .catHeader .primaryCategory {
  display: block;
  border: solid 1px black;
  min-width: 10em;
  height: 3em;
  padding: 3px;
  text-align: center;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .header .catHeader .secondaryCategory div {
  display: inline-block;
  text-align: center;
  padding: 3px;
  overflow: hidden;
  text-wrap: normal;
  border: solid 1px black;
  height: 4em;
  vertical-align: top;
  font-size: 0.7em;
  text-wrap: normal;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .learningJourneyRow {
  display: table-row;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .learningJourneyRow .ageRangeCell {
  display: table-cell;
  width: 10em;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .learningJourneyRow .learningJourneyCell {
  display: table-cell;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent .learningJourneyRow .learningJourneyCell div {
  display: inline-block;
  text-align: center;
  line-height: 3em;
  border: solid 1px black;
  cursor: pointer;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent div.third {
  width: 33.3333333333%;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent div.half {
  width: 50%;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent div.whole {
  width: 100%;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent div.quarter {
  width: 25%;
}
#LandmarksPopupContainer .Popup #LandmarksPopupContent div.blank {
  background: #999;
}
#LandmarksPopupContainer .Popup #ageRangeCatLandmarks div {
  border-bottom: 1px solid #999;
}
#LandmarksPopupContainer .Popup #ageRangeCatLandmarks div > div {
  cursor: pointer;
  padding: 0.5em;
  width: 90%;
  display: inline-block;
}
#LandmarksPopupContainer .Popup #ageRangeCatLandmarks div .info {
  cursor: pointer;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-left: 1em;
  background-image: url("Images/info.png");
  background-repeat: no-repeat;
  border: none;
  background-size: contain;
}
#LandmarksPopupContainer .Popup #LandmarkDetails #backToLandmarksBtn {
  cursor: pointer;
}

#ObservationLandmarkList .delete {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  width: 2em;
  height: 2em;
  background-size: contain;
  background-image: url("Images/SquareCloseIcon.png");
  background-repeat: no-repeat;
}

#LandmarkSelectionPopupContainer .PopupHeader input, #LandmarkTurnErrorPopupContainer .PopupHeader input {
  float: right;
  font-size: 1.2em;
}
#LandmarkSelectionPopupContainer .PopupContent, #LandmarkTurnErrorPopupContainer .PopupContent {
  padding-left: 10px;
}
#LandmarkSelectionPopupContainer .PopupContent .landmarkContainer .landmarkCategory, #LandmarkTurnErrorPopupContainer .PopupContent .landmarkContainer .landmarkCategory {
  display: inline-block;
  width: 15%;
  word-wrap: normal;
  vertical-align: top;
}
#LandmarkSelectionPopupContainer .PopupContent .landmarkContainer .landmarkSelection, #LandmarkTurnErrorPopupContainer .PopupContent .landmarkContainer .landmarkSelection {
  vertical-align: top;
  min-height: 50px;
  padding: 0 50px 10px 10px;
  cursor: pointer;
  display: inline-block;
  width: 65%;
  margin-bottom: 10px;
}
#LandmarkSelectionPopupContainer .PopupContent .landmarkContainer .selected, #LandmarkTurnErrorPopupContainer .PopupContent .landmarkContainer .selected {
  background-image: url("Images/tick.png");
  background-position-x: right;
  background-size: 40px;
  background-repeat: no-repeat;
  background-color: transparent;
}
#LandmarkSelectionPopupContainer .PopupContent .landmarkContainer .landmarkLabel, #LandmarkTurnErrorPopupContainer .PopupContent .landmarkContainer .landmarkLabel {
  width: 50%;
}

#ResourcesContainer h2 {
  margin: 0;
}
#ResourcesContainer #resource-location div {
  border-bottom: 1px solid black;
  display: inline-block;
  width: 51%;
  margin-bottom: 3px;
}
#ResourcesContainer #StorageAreas {
  display: inline-block;
  width: calc(60% - 3em);
  vertical-align: top;
  border: 1px solid #777;
  padding: 1em;
  border-radius: 3px;
}
#ResourcesContainer #StorageAreas #ResourceList h6 {
  margin-top: 0;
  font-size: 1em;
}
#ResourcesContainer #StorageAreas #ResourceList h4 {
  font-size: 1.1em;
  width: 75%;
  display: inline-block;
  vertical-align: top;
}
#ResourcesContainer #StorageAreas #ResourceList .ResourceListItem {
  margin-bottom: 1em;
}
#ResourcesContainer #StorageAreas #ResourceList .ResourceListItem img {
  max-width: 25%;
  max-height: 10em;
  display: inline-block;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList, #ResourcesContainer #StorageAreas #ResourceList .StockList {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem {
  border-bottom: 1px black solid;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem div, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem div {
  border-bottom: 1px solid black;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem {
  font-size: 0.7em;
  margin-bottom: 0.5em;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem div, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem div, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem div, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem div {
  display: inline-block;
  width: 67%;
  vertical-align: middle;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem .RequestQuantity, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem .RequestQuantity, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem .RequestQuantity, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem .RequestQuantity {
  display: inline-block;
  width: 1em;
  text-align: right;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem .RequestTotal, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem .RequestTotal, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem .RequestTotal, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem .RequestTotal {
  border-bottom: none;
  width: calc(50% + 1em);
  text-align: right;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem .StockQuantity, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem .StockQuantity, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem .StockQuantity, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem .StockQuantity {
  display: inline-block;
  width: 1em;
  text-align: right;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem .offsite, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem .offsite, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem .offsite, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem .offsite {
  background-color: aquamarine;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem .StockTotal, #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem .StockTotal, #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem .StockTotal, #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem .StockTotal {
  border-bottom: none;
  width: calc(70% + 1em);
  text-align: right;
}
#ResourcesContainer #StorageAreas #ResourceList .RequestList .RequestListItem input[type=button], #ResourcesContainer #StorageAreas #ResourceList .RequestList .StockListItem input[type=button], #ResourcesContainer #StorageAreas #ResourceList .StockList .RequestListItem input[type=button], #ResourcesContainer #StorageAreas #ResourceList .StockList .StockListItem input[type=button] {
  font-size: 0.8em;
  margin-left: 0.5em;
  vertical-align: middle;
}
#ResourcesContainer #rightColumn {
  float: right;
  width: 40%;
}
#ResourcesContainer #rightColumn #ResourcesInTransit, #ResourcesContainer #rightColumn #ResourcesToCollect {
  border: 1px solid #777;
  padding: 1em;
  width: 100%;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1em;
}
#ResourcesContainer #rightColumn #ResourcesInTransit #TransitList div, #ResourcesContainer #rightColumn #ResourcesInTransit #CollectList div, #ResourcesContainer #rightColumn #ResourcesToCollect #TransitList div, #ResourcesContainer #rightColumn #ResourcesToCollect #CollectList div {
  display: inline-block;
  margin-top: 0.5em;
  vertical-align: top;
}
#ResourcesContainer #rightColumn #ResourcesInTransit #TransitList .list-item, #ResourcesContainer #rightColumn #ResourcesInTransit #CollectList .list-item, #ResourcesContainer #rightColumn #ResourcesToCollect #TransitList .list-item, #ResourcesContainer #rightColumn #ResourcesToCollect #CollectList .list-item {
  border-bottom: 1px solid #777;
}
#ResourcesContainer #rightColumn #ResourcesInTransit #TransitList .amount-label, #ResourcesContainer #rightColumn #ResourcesInTransit #CollectList .amount-label, #ResourcesContainer #rightColumn #ResourcesToCollect #TransitList .amount-label, #ResourcesContainer #rightColumn #ResourcesToCollect #CollectList .amount-label {
  vertical-align: top;
  margin-right: 1em;
}
#ResourcesContainer #rightColumn #ResourcesInTransit #TransitList .name-label, #ResourcesContainer #rightColumn #ResourcesInTransit #CollectList .name-label, #ResourcesContainer #rightColumn #ResourcesToCollect #TransitList .name-label, #ResourcesContainer #rightColumn #ResourcesToCollect #CollectList .name-label {
  padding-right: 1em;
  width: 14em;
}

#RequisitionsContainer, #ResourcesContainer {
  padding: 1em;
}
#RequisitionsContainer input[type=button], #ResourcesContainer input[type=button] {
  border-radius: 3px;
  padding: 0.5em;
  background: #DDD;
  font-size: 0.8em;
}
#RequisitionsContainer input[type=button]:hover, #RequisitionsContainer input[type=button]:focus, #ResourcesContainer input[type=button]:hover, #ResourcesContainer input[type=button]:focus {
  background: rgb(195.5, 195.5, 195.5);
}
#RequisitionsContainer #PendingRequestsSection, #ResourcesContainer #PendingRequestsSection {
  width: 50em;
}
#RequisitionsContainer #CompletedRequestsSection, #ResourcesContainer #CompletedRequestsSection {
  width: 50em;
}
#RequisitionsContainer section, #ResourcesContainer section {
  vertical-align: top;
  display: inline-block;
}
#RequisitionsContainer section h2, #ResourcesContainer section h2 {
  font-size: 1.3em;
  font-weight: normal;
}
#RequisitionsContainer section #PendingRequestsContainer, #RequisitionsContainer section #CompletedRequestsContainer, #ResourcesContainer section #PendingRequestsContainer, #ResourcesContainer section #CompletedRequestsContainer {
  margin-bottom: 3em;
}
#RequisitionsContainer section #PendingRequestsContainer table, #RequisitionsContainer section #CompletedRequestsContainer table, #ResourcesContainer section #PendingRequestsContainer table, #ResourcesContainer section #CompletedRequestsContainer table {
  width: 95%;
}
#RequisitionsContainer section #PendingRequestsContainer table thead, #RequisitionsContainer section #CompletedRequestsContainer table thead, #ResourcesContainer section #PendingRequestsContainer table thead, #ResourcesContainer section #CompletedRequestsContainer table thead {
  font-weight: bold;
}
#RequisitionsContainer section #PendingRequestsContainer table tr, #RequisitionsContainer section #CompletedRequestsContainer table tr, #ResourcesContainer section #PendingRequestsContainer table tr, #ResourcesContainer section #CompletedRequestsContainer table tr {
  border-bottom: 1px solid black;
}
#RequisitionsContainer section #PendingRequestsContainer table tr td, #RequisitionsContainer section #CompletedRequestsContainer table tr td, #ResourcesContainer section #PendingRequestsContainer table tr td, #ResourcesContainer section #CompletedRequestsContainer table tr td {
  padding: 0.25em 2em 0.25em 0;
  vertical-align: top;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup, #RequisitionsContainer #ErrorPopupContainer .Popup, #RequisitionsContainer #StaffPasswordPopupContainer .Popup, #RequisitionsContainer #TransitPopupContainer .Popup, #RequisitionsContainer #ReturnStockPopupContainer .Popup, #RequisitionsContainer #DeliverPopupContainer .Popup, #RequisitionsContainer #CustomDeliveryPopupContainer .Popup, #ResourcesContainer #StaffPickerPopupContainer .Popup, #ResourcesContainer #ErrorPopupContainer .Popup, #ResourcesContainer #StaffPasswordPopupContainer .Popup, #ResourcesContainer #TransitPopupContainer .Popup, #ResourcesContainer #ReturnStockPopupContainer .Popup, #ResourcesContainer #DeliverPopupContainer .Popup, #ResourcesContainer #CustomDeliveryPopupContainer .Popup {
  width: 20em;
  display: block;
  background-color: white;
}
#RequisitionsContainer #StaffPickerPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #StaffPickerPopupContainer .PopupHeader, #RequisitionsContainer #ErrorPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #ErrorPopupContainer .PopupHeader, #RequisitionsContainer #StaffPasswordPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #StaffPasswordPopupContainer .PopupHeader, #RequisitionsContainer #TransitPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #TransitPopupContainer .PopupHeader, #RequisitionsContainer #ReturnStockPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #ReturnStockPopupContainer .PopupHeader, #RequisitionsContainer #DeliverPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #DeliverPopupContainer .PopupHeader, #RequisitionsContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader, #RequisitionsContainer #CustomDeliveryPopupContainer .PopupHeader, #ResourcesContainer #StaffPickerPopupContainer #RequisitionPopupHeader, #ResourcesContainer #StaffPickerPopupContainer .PopupHeader, #ResourcesContainer #ErrorPopupContainer #RequisitionPopupHeader, #ResourcesContainer #ErrorPopupContainer .PopupHeader, #ResourcesContainer #StaffPasswordPopupContainer #RequisitionPopupHeader, #ResourcesContainer #StaffPasswordPopupContainer .PopupHeader, #ResourcesContainer #TransitPopupContainer #RequisitionPopupHeader, #ResourcesContainer #TransitPopupContainer .PopupHeader, #ResourcesContainer #ReturnStockPopupContainer #RequisitionPopupHeader, #ResourcesContainer #ReturnStockPopupContainer .PopupHeader, #ResourcesContainer #DeliverPopupContainer #RequisitionPopupHeader, #ResourcesContainer #DeliverPopupContainer .PopupHeader, #ResourcesContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader, #ResourcesContainer #CustomDeliveryPopupContainer .PopupHeader {
  display: block;
  height: 3em;
  padding: 0.5em;
  background-color: #97CEFC;
}
#RequisitionsContainer #StaffPickerPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #StaffPickerPopupContainer .PopupHeader .PopupTitle, #RequisitionsContainer #ErrorPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #ErrorPopupContainer .PopupHeader .PopupTitle, #RequisitionsContainer #StaffPasswordPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #StaffPasswordPopupContainer .PopupHeader .PopupTitle, #RequisitionsContainer #TransitPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #TransitPopupContainer .PopupHeader .PopupTitle, #RequisitionsContainer #ReturnStockPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #ReturnStockPopupContainer .PopupHeader .PopupTitle, #RequisitionsContainer #DeliverPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #DeliverPopupContainer .PopupHeader .PopupTitle, #RequisitionsContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader .PopupTitle, #RequisitionsContainer #CustomDeliveryPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #StaffPickerPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #StaffPickerPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #ErrorPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #ErrorPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #StaffPasswordPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #StaffPasswordPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #TransitPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #TransitPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #ReturnStockPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #ReturnStockPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #DeliverPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #DeliverPopupContainer .PopupHeader .PopupTitle, #ResourcesContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader .PopupTitle, #ResourcesContainer #CustomDeliveryPopupContainer .PopupHeader .PopupTitle {
  padding: 0.5em;
  font-size: 1.2em;
}
#RequisitionsContainer #StaffPickerPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #StaffPickerPopupContainer .PopupHeader .ClosePopUp, #RequisitionsContainer #ErrorPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #ErrorPopupContainer .PopupHeader .ClosePopUp, #RequisitionsContainer #StaffPasswordPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #StaffPasswordPopupContainer .PopupHeader .ClosePopUp, #RequisitionsContainer #TransitPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #TransitPopupContainer .PopupHeader .ClosePopUp, #RequisitionsContainer #ReturnStockPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #ReturnStockPopupContainer .PopupHeader .ClosePopUp, #RequisitionsContainer #DeliverPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #DeliverPopupContainer .PopupHeader .ClosePopUp, #RequisitionsContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader .ClosePopUp, #RequisitionsContainer #CustomDeliveryPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #StaffPickerPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #StaffPickerPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #ErrorPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #ErrorPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #StaffPasswordPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #StaffPasswordPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #TransitPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #TransitPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #ReturnStockPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #ReturnStockPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #DeliverPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #DeliverPopupContainer .PopupHeader .ClosePopUp, #ResourcesContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader .ClosePopUp, #ResourcesContainer #CustomDeliveryPopupContainer .PopupHeader .ClosePopUp {
  padding: -0.5em;
}
#RequisitionsContainer #StaffPickerPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #StaffPickerPopupContainer .PopupHeader div, #RequisitionsContainer #ErrorPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #ErrorPopupContainer .PopupHeader div, #RequisitionsContainer #StaffPasswordPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #StaffPasswordPopupContainer .PopupHeader div, #RequisitionsContainer #TransitPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #TransitPopupContainer .PopupHeader div, #RequisitionsContainer #ReturnStockPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #ReturnStockPopupContainer .PopupHeader div, #RequisitionsContainer #DeliverPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #DeliverPopupContainer .PopupHeader div, #RequisitionsContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader div, #RequisitionsContainer #CustomDeliveryPopupContainer .PopupHeader div, #ResourcesContainer #StaffPickerPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #StaffPickerPopupContainer .PopupHeader div, #ResourcesContainer #ErrorPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #ErrorPopupContainer .PopupHeader div, #ResourcesContainer #StaffPasswordPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #StaffPasswordPopupContainer .PopupHeader div, #ResourcesContainer #TransitPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #TransitPopupContainer .PopupHeader div, #ResourcesContainer #ReturnStockPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #ReturnStockPopupContainer .PopupHeader div, #ResourcesContainer #DeliverPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #DeliverPopupContainer .PopupHeader div, #ResourcesContainer #CustomDeliveryPopupContainer #RequisitionPopupHeader div, #ResourcesContainer #CustomDeliveryPopupContainer .PopupHeader div {
  display: inline;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent {
  padding: 1em;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent div, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent div, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent div, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent div, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent div, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent div, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent div, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent div, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent div, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent div, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent div, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent div, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent div, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent div {
  font-size: 1.1em;
  display: inline-block;
  vertical-align: middle;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .ActionButton, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .ActionButton, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .ActionButton, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .ActionButton, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .ActionButton, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .ActionButton, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .ActionButton, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .ActionButton {
  font-size: 1em;
  text-align: center;
  line-height: 1em;
  margin-left: 1em;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl {
  margin-left: 1em;
  width: 3rem;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button], #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button] {
  height: 3rem;
  width: 3rem;
  border: none;
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 3px;
  padding: 0.5em;
  margin-top: 0.5em;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:hover, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl input[type=button]:focus {
  border: 1px solid #787878;
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl .IncreaseNumberButton {
  background-image: url(Images/upicon.png);
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl .DecreaseNumberButton {
  background-image: url(Images/downicon.png);
}
#RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #StaffPickerPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #StaffPasswordPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountTransitInput, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControl #AmountDeliveredInput {
  width: 3rem;
  font-size: 1em;
}
#RequisitionsContainer #StaffPasswordPopupContainer #deliveryDetails, #ResourcesContainer #StaffPasswordPopupContainer #deliveryDetails {
  margin: 0 0 1em 0;
  display: block;
}
#RequisitionsContainer #StaffPasswordPopupContainer #deliveryDetails div, #ResourcesContainer #StaffPasswordPopupContainer #deliveryDetails div {
  margin-bottom: 0.5em;
  display: block;
}
#RequisitionsContainer #StaffPasswordPopupContainer #deliveryDetails h4, #ResourcesContainer #StaffPasswordPopupContainer #deliveryDetails h4 {
  margin-top: 0;
  margin-bottom: 0.5em;
}
#RequisitionsContainer #StaffPasswordPopupContainer input[type=button], #ResourcesContainer #StaffPasswordPopupContainer input[type=button] {
  font-size: 1.5em;
  float: right;
}
#RequisitionsContainer #StaffPasswordPopupContainer input[type=password], #ResourcesContainer #StaffPasswordPopupContainer input[type=password] {
  font-size: 1.5em;
  width: 50%;
  border: 1px solid #777;
  border-radius: 3px;
  padding: 0.5em;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent h4, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent h4 {
  margin-top: 0;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent #damagePopupInstancePhoto, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent #damagePopupInstancePhoto {
  max-width: 20%;
  max-height: 20%;
  float: right;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent #tabs-condition div div, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent #tabs-condition div div {
  display: inline-block;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory {
  width: 95%;
  margin-bottom: 1em;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory div, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory div {
  width: 100%;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory div div, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory div div {
  display: inline;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory .damaged, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent #conditionHistory .damaged {
  background-color: #ff4d4d;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent div, #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent div {
  display: block;
  margin-right: 1em;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent input[type=text], #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent input[type=text] {
  width: 75%;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent input[type=checkbox], #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent input[type=checkbox] {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  margin: 1em 0.5em;
}
#RequisitionsContainer #NonConDamagePopupContainer .ResourcePopupContent input[type=button], #ResourcesContainer #NonConDamagePopupContainer .ResourcePopupContent input[type=button] {
  margin: 0.5em;
}
#RequisitionsContainer #NonConSelectionPopupContainer .ResourcePopupContent, #RequisitionsContainer #NonConTransitPopupContainer .ResourcePopupContent, #ResourcesContainer #NonConSelectionPopupContainer .ResourcePopupContent, #ResourcesContainer #NonConTransitPopupContainer .ResourcePopupContent {
  padding: 1em;
}
#RequisitionsContainer #NonConTransitToStockPopupContainer .Popup, #ResourcesContainer #NonConTransitToStockPopupContainer .Popup {
  max-width: 20em;
}
#RequisitionsContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent, #ResourcesContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent {
  padding: 1em;
}
#RequisitionsContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent h4, #ResourcesContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent h4 {
  margin-top: 0;
  margin-bottom: 1em;
}
#RequisitionsContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent div div, #ResourcesContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent div div {
  display: inline-block;
  width: 30%;
  margin-right: 1em;
  margin-top: 1em;
  vertical-align: middle;
}
#RequisitionsContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent div select, #ResourcesContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent div select {
  margin-top: 1em;
  font-size: 1em;
}
#RequisitionsContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent div input[type=button], #ResourcesContainer #NonConTransitToStockPopupContainer .Popup .ResourcePopupContent div input[type=button] {
  float: right;
  margin-right: 0;
}
#RequisitionsContainer #TransitPopupContainer .ResourcePopupContent, #RequisitionsContainer #DeliverPopupContainer .ResourcePopupContent, #RequisitionsContainer #ErrorPopupContainer .ResourcePopupContent, #RequisitionsContainer #ReturnStockPopupContainer .ResourcePopupContent, #ResourcesContainer #TransitPopupContainer .ResourcePopupContent, #ResourcesContainer #DeliverPopupContainer .ResourcePopupContent, #ResourcesContainer #ErrorPopupContainer .ResourcePopupContent, #ResourcesContainer #ReturnStockPopupContainer .ResourcePopupContent {
  width: 20em;
  margin: auto;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup, #RequisitionsContainer #NonConTransitPopupContainer .Popup, #ResourcesContainer #StaffPickerPopupContainer .Popup, #ResourcesContainer #NonConTransitPopupContainer .Popup {
  max-width: 80%;
  width: auto;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent {
  width: 100%;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail {
  width: 7em;
  margin: 0.25em;
  border: 1px solid #DDD;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  background: #DDD;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail:hover, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail:focus, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:hover, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:focus, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail:hover, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail:focus, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:hover, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:focus, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail:hover, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail:focus, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:hover, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:focus, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail:hover, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail:focus, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:hover, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail:focus {
  background: rgb(195.5, 195.5, 195.5);
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail div, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail div, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail div, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail div, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail div, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail div, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail div, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail div {
  display: block;
  text-align: center;
  margin-bottom: 0.5em;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame {
  max-width: 6em;
  overflow-x: hidden;
  padding: 0.25em;
  margin: 0;
}
#RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame img, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame img, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame img, #RequisitionsContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame img, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame img, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame img, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame img, #RequisitionsContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame img, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame img, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame img, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame img, #ResourcesContainer #StaffPickerPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame img, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .staffThumbnailFrame img, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .staffThumbnail .resourceThumbnailFrame img, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .staffThumbnailFrame img, #ResourcesContainer #NonConTransitPopupContainer .Popup .ResourcePopupContent .resourceThumbnail .resourceThumbnailFrame img {
  height: 9em;
  display: inline-block;
}
#RequisitionsContainer #resource-requests, #ResourcesContainer #resource-requests {
  padding: 1em 0;
}
#RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent {
  width: 20em;
  overflow: hidden;
}
#RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .StorageListContainer, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .StorageListContainer {
  width: 12em;
  margin: 0 3em;
}
#RequisitionsContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControlContainer, #ResourcesContainer #CustomDeliveryPopupContainer .ResourcePopupContent .DeliveryAmountControlContainer {
  display: inline-block;
  width: 12em;
  margin: 1em 3em;
}
#RequisitionsContainer #resource-orders, #ResourcesContainer #resource-orders {
  padding: 1em 0;
}
#RequisitionsContainer #resource-orders #SupplierListContainer, #ResourcesContainer #resource-orders #SupplierListContainer {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
#RequisitionsContainer #resource-orders #SupplierListContainer h4, #ResourcesContainer #resource-orders #SupplierListContainer h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 0.5em;
}
#RequisitionsContainer #resource-orders #SupplierListContainer #SupplierList, #ResourcesContainer #resource-orders #SupplierListContainer #SupplierList {
  padding: 0;
  margin: 0;
  list-style: none;
}
#RequisitionsContainer #resource-orders #SupplierListContainer #SupplierList li, #ResourcesContainer #resource-orders #SupplierListContainer #SupplierList li {
  cursor: pointer;
}
#RequisitionsContainer #resource-orders #SupplierListContainer #SupplierList li.selected, #ResourcesContainer #resource-orders #SupplierListContainer #SupplierList li.selected {
  background-color: #B0BED9;
}
#RequisitionsContainer #resource-orders #OrderTableContainer, #ResourcesContainer #resource-orders #OrderTableContainer {
  display: inline-block;
  vertical-align: top;
  width: 79%;
  font-size: 0.7em;
}
#RequisitionsContainer #resource-orders #OrderTableContainer td, #ResourcesContainer #resource-orders #OrderTableContainer td {
  border-bottom: 1px solid #999;
}

#resource-containers #containerList {
  display: inline-block;
  width: 29%;
  vertical-align: top;
}
#resource-containers #containerList div {
  cursor: pointer;
}
#resource-containers #selectedContainer {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  padding-left: 2em;
}
#resource-containers #selectedContainer h3 {
  font-size: 1.5em;
  display: inline-block;
}
#resource-containers #selectedContainer input {
  float: right;
}
#resource-containers #selectedContainer #containerResources {
  margin-top: 1em;
}
#resource-containers #selectedContainer #containerResources .instanceContainer {
  margin-bottom: 2em;
}
#resource-containers #selectedContainer #containerResources .instanceContainer img {
  max-width: 300px;
  max-height: 300px;
}

#StorageAreaList {
  max-width: 100%;
}

#scheduleChildrenList .ChildActivities .ChildActivityDetails button {
  font-size: 0.4em;
  margin: 0;
  width: 30.3333333333%;
  height: 5em;
  vertical-align: top;
}
#scheduleChildrenList .ChildActivities .ChildActivityDetails button:first-of-type {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}
#scheduleChildrenList .ChildActivities .ChildActivityDetails button:last-of-type {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
#scheduleChildrenList .ChildActivities .ChildActivityDetails .ChildHeadShot {
  width: 100%;
}
#scheduleChildrenList .ChildActivities .ChildActivityDetails .ChildHeadShot img {
  max-width: 50%;
}

#AddActivityScheduleBtn, #EditActivityScheduleBtn, #DeleteActivityScheduleBtn {
  margin: 0 0 5px 0;
}

#WeekScheduledActivitiesContentDiv, #AssignStaffActivitySchedulesList {
  display: table;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow, #AssignStaffActivitySchedulesList .WeekActivityRow {
  display: table-row;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDay, #WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDate, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDate {
  display: table-cell;
  width: 16%;
  padding: 3px;
  margin-bottom: 1em;
  padding-right: 1em;
  margin-left: 1%;
  border-bottom: 1px solid #b2b2b2;
  position: relative;
  padding-bottom: 2em;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDay .addActivityBtn, #WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDate .addActivityBtn, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .addActivityBtn, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDate .addActivityBtn {
  border: 1px solid #999;
  background: linear-gradient(#ffffff, #e4e4e4);
  padding: 0.2em 0.4em;
  margin-top: 0.5em;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
  bottom: 3px;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDay .addActivityBtn:hover, #WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDate .addActivityBtn:hover, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .addActivityBtn:hover, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDate .addActivityBtn:hover {
  background: #BBB;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .WeekActivityDate, #AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDate {
  padding-bottom: 0;
  padding-right: 0;
  cursor: pointer;
  border: 1px solid #b2b2b2;
  border-radius: 3px;
  background: linear-gradient(#e4e4e4, #ffffff);
  text-align: center;
  vertical-align: middle;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .staffActivity, #AssignStaffActivitySchedulesList .WeekActivityRow .staffActivity {
  background-color: #AAFFAE;
  color: black;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .otherStaffActivity, #AssignStaffActivitySchedulesList .WeekActivityRow .otherStaffActivity {
  background-color: orange;
  color: black;
}
#WeekScheduledActivitiesContentDiv .WeekActivityRow .ActivityGroup, #AssignStaffActivitySchedulesList .WeekActivityRow .ActivityGroup {
  cursor: pointer;
}

#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay {
  padding: 0;
  border: none;
  height: 3em;
  font-size: 0.8em;
  padding-bottom: 0.2em;
  z-index: 1;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay div {
  display: inline-block;
  border: 1px solid black;
  height: 3rem;
  padding: 0.2em;
  vertical-align: top;
  overflow: hidden;
  cursor: pointer;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .okay {
  background-color: #AAFFAE;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .warning {
  background-color: #F29E0C;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .alert {
  background-color: #F7455A;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .LandmarkPopupBtn {
  width: 20%;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .ActivityGroup {
  width: 75%;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .staffActivity {
  background-color: #AAFFAE;
  color: black;
}
#AssignStaffActivitySchedulesList .WeekActivityRow .WeekActivityDay .otherStaffActivity {
  background-color: orange;
  color: black;
}
#AssignStaffActivitySchedulesList .WeekActivityRow:first-of-type .WeekActivityDay {
  font-size: 1.2em;
  height: 1em;
}

#WeekActivityPopupContainer #WeekActivityPopup .requested {
  border: none;
  display: inline-block;
  float: right;
}

#LandmarkChildrenPopup {
  width: 50%;
}
#LandmarkChildrenPopup #LandmarkChildrenPopupHeader {
  font-size: 1em;
  width: calc(100% - 2em);
}
#LandmarkChildrenPopup #LandmarkChildrenPopupContent {
  padding: 1em;
}
#LandmarkChildrenPopup #LandmarkChildrenPopupContent .ratingRow {
  display: table-row;
}
#LandmarkChildrenPopup #LandmarkChildrenPopupContent .ratingRow .ratingName, #LandmarkChildrenPopup #LandmarkChildrenPopupContent .ratingRow .ratingScore {
  display: table-cell;
  border-bottom: 1px solid #bbb;
}
#LandmarkChildrenPopup #LandmarkChildrenPopupContent .ratingRow .ratingName {
  min-width: 75%;
}
#LandmarkChildrenPopup #LandmarkChildrenPopupContent .ratingRow .ratingScore {
  padding-left: 0.3em;
}

.PriorityLandmarks {
  background-color: mediumpurple;
}

.PrimaryFocus {
  background-color: green;
}

.AdultInteraction {
  background-color: yellow;
}

.BarelySuitable {
  background-color: orange;
}

.ChildActivities {
  display: inline-block;
  width: 24%;
  height: 12em;
  vertical-align: top;
  margin: 0.5%;
  padding: 0.5%;
  background-color: #DFDFDF;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  overflow: hidden;
}

#ScheduledActivityLists {
  width: 23%;
  display: inline-block;
  font-size: 0.8em;
}

#tabs-childActivities #activitiesList div {
  height: 2em;
}
#tabs-childActivities #activitiesList div div {
  display: inline;
  margin-right: 1em;
}
#tabs-childActivities #activitiesList div .delete {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  width: 2em;
  height: 2em;
  background-size: contain;
  background-image: url("Images/SquareCloseIcon.png");
  background-repeat: no-repeat;
}

#ScheduledActivitiesContentDiv #ActivitySchedule {
  display: table;
  margin-top: 1em;
}
#ScheduledActivitiesContentDiv #ActivitySchedule .ScheduleRow {
  display: table-row;
}
#ScheduledActivitiesContentDiv #ActivitySchedule .ScheduleRow h5 {
  display: table-cell;
  text-align: center;
  padding: 0.25em 0.5em;
}
#ScheduledActivitiesContentDiv #ActivitySchedule .ScheduleRow .ScheduleTime {
  display: table-cell;
  padding-right: 1em;
}
#ScheduledActivitiesContentDiv #ActivitySchedule .ScheduleRow .EmptyCell {
  display: table-cell;
}
#ScheduledActivitiesContentDiv #ActivitySchedule .ScheduleRow .ScheduledActivityActionButton {
  display: table-cell;
  height: auto;
  display: block;
  width: 100%;
  margin: 0.25em;
}

#ActivityTimeContainer {
  display: table;
  margin-bottom: 0.5em;
  float: right;
}
#ActivityTimeContainer .ActivityTimeRow {
  display: table-row;
}
#ActivityTimeContainer .ActivityTimeRow div {
  display: table-cell;
  width: 2.5em;
  text-align: center;
}
#ActivityTimeContainer .ActivityTimeRow .spacer {
  text-align: center;
  width: 1em;
  line-height: 2.5em;
}
#ActivityTimeContainer .ActivityTimeRow input {
  display: table-cell;
  width: 2.5em;
  height: 2.5em;
  background-size: 2em 2em;
  background-position: 0.25em 0.25em;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  text-align: center;
}
#ActivityTimeContainer .ActivityTimeRow .upButton {
  background-image: url("Images/upicon.png");
}
#ActivityTimeContainer .ActivityTimeRow .downButton {
  background-image: url("Images/downicon.png");
}

#activitiesDoneList div {
  display: block;
  margin-right: 1em;
}
#activitiesDoneList div div {
  display: inline-block;
  line-height: 2em;
}
#activitiesDoneList div .delete {
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  width: 2em;
  height: 2em;
  background-size: contain;
  background-image: url("Images/SquareCloseIcon.png");
  background-repeat: no-repeat;
}

#ActivitiesScheduleList button {
  color: black;
}

#ActivityDoneChildren {
  display: inline-block;
  width: 79%;
  vertical-align: top;
}
#ActivityDoneChildren #SelectedActivityDoneTitle {
  color: #000;
  margin-bottom: 1em;
  padding-bottom: 0;
  margin-top: 0;
  margin-left: 0.5%;
}

#ScheduledActivityList, #ActivityDoneList {
  display: inline-block;
  width: 20%;
}
#ScheduledActivityList .ScheduledActivity, #ActivityDoneList .ScheduledActivity {
  display: inline-block;
  padding: 1em;
  border: 1px solid #999;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 3px;
  width: 100%;
}
#ScheduledActivityList .ScheduledActivity:hover, #ActivityDoneList .ScheduledActivity:hover {
  background: orangered;
  color: white;
}
#ScheduledActivityList .isLoggedInStaffActivity, #ActivityDoneList .isLoggedInStaffActivity {
  background: orange;
  color: white;
}
#ScheduledActivityList .isLoggedInStaffActivity:hover, #ActivityDoneList .isLoggedInStaffActivity:hover {
  background: orangered;
}
#ScheduledActivityList .activityDoneByStaff, #ActivityDoneList .activityDoneByStaff {
  background: green;
  color: white;
}
#ScheduledActivityList .activityDoneByStaff:hover, #ActivityDoneList .activityDoneByStaff:hover {
  background: darkgreen;
}
#ScheduledActivityList .activityDone, #ActivityDoneList .activityDone {
  background: yellow;
  color: black;
}
#ScheduledActivityList .activityDone:hover, #ActivityDoneList .activityDone:hover {
  background: yellowgreen;
}
#ScheduledActivityList .PlannedActivity, #ActivityDoneList .PlannedActivity {
  background: green;
  color: white;
}
#ScheduledActivityList .PlannedActivity:hover, #ActivityDoneList .PlannedActivity:hover {
  background: darkgreen;
}

#ActivityScheduleTitle {
  font-size: 1.1em;
}

#activityResourceList, #tabs-WeeksResources {
  width: 100%;
}
#activityResourceList div, #tabs-WeeksResources div {
  display: block;
  padding: 0.5em 0;
  margin: 0 0.5em;
  border-top: 1px solid #BBB;
  clear: both;
}
#activityResourceList div a, #tabs-WeeksResources div a {
  display: inline-block;
}
#activityResourceList div a div, #tabs-WeeksResources div a div {
  padding: 0;
  margin: 0;
  border: none;
}
#activityResourceList div a .available, #tabs-WeeksResources div a .available {
  background: url("Images/tick.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 1em;
  padding-right: 2em;
}
#activityResourceList div a img, #tabs-WeeksResources div a img {
  width: 100%;
  max-height: 5em;
  max-width: 5em;
}

#tabs-WeeksChildren .SuitabilityContainer:first-of-type, #activityChildLandmarks .SuitabilityContainer:first-of-type {
  margin-top: 0em;
}
#tabs-WeeksChildren .SuitabilityContainer, #activityChildLandmarks .SuitabilityContainer {
  margin-top: 1em;
}
#tabs-WeeksChildren .SuitabilityContainer .landmarkRow, #activityChildLandmarks .SuitabilityContainer .landmarkRow {
  display: table-row;
}
#tabs-WeeksChildren .SuitabilityContainer .landmarkRow > div, #activityChildLandmarks .SuitabilityContainer .landmarkRow > div {
  display: table-cell;
  border-bottom: 1px solid #454545;
  padding-right: 1em;
  vertical-align: top;
}
#tabs-WeeksChildren .SuitabilityContainer .landmarkRow > div > div, #activityChildLandmarks .SuitabilityContainer .landmarkRow > div > div {
  width: 6em;
}
#tabs-WeeksChildren .SuitabilityContainer .landmarkRow > div > div .button, #activityChildLandmarks .SuitabilityContainer .landmarkRow > div > div .button {
  cursor: pointer;
  width: 75%;
  margin: 0;
  display: inline-block;
}
#tabs-WeeksChildren .SuitabilityContainer .landmarkRow > div > div .notes-button, #activityChildLandmarks .SuitabilityContainer .landmarkRow > div > div .notes-button {
  width: 20%;
  margin: 0;
  display: inline-block;
  background-size: 0.8em;
  background-repeat: no-repeat;
  background-image: url("Images/notes.png");
  background-position-x: center;
  background-position-y: center;
  height: 1.2em;
}
#tabs-WeeksChildren .SuitabilityContainer .landmarkRow .selected, #activityChildLandmarks .SuitabilityContainer .landmarkRow .selected {
  color: red;
}

#ActivityPopupContent h3 {
  padding: 0;
  padding-bottom: 1em;
  font-size: 1.2em;
}
#ActivityPopupContent #ActivityDoneResourceContainer {
  padding-left: 1em;
}
#ActivityPopupContent #ActivityDoneResourceContainer h4 {
  font-size: 1.1em;
}
#ActivityPopupContent #ActivityDoneResourceContainer #ActivityDoneResourceSelection div div {
  display: inline;
  padding-left: 1em;
}
#ActivityPopupContent #ActivityDoneResourceContainer #ActivityDoneResourceSelection div input[type=checkbox] {
  font-size: 2em;
}

#ChildLandmarksPopupLandmarksList .activityLandmark {
  border-bottom: 1px solid black;
  min-height: 5em;
}
#ChildLandmarksPopupLandmarksList .activityLandmark div {
  display: inline-block;
  width: 65%;
}
#ChildLandmarksPopupLandmarksList .activityLandmark input {
  margin-top: 1em;
}

#LandmarkObservationPopupContainer .SmallPopup {
  overflow-y: auto;
  max-height: 90%;
}
#LandmarkObservationPopupContainer .ObservationLabel {
  margin: 0.5em;
  display: inline-block;
  min-width: 4em;
}
#LandmarkObservationPopupContainer .ObservationValue {
  display: inline-block;
  margin: 0.5em 0;
}
#LandmarkObservationPopupContainer .DescriptionTextBox {
  margin: 0 0.5em;
}
#LandmarkObservationPopupContainer .ObservationList {
  margin: 0.5em 1em;
}
#LandmarkObservationPopupContainer .ObservationList div {
  margin-bottom: 1px;
}
#LandmarkObservationPopupContainer .PopupContent {
  margin: 0.5em 1em;
}
#LandmarkObservationPopupContainer .PopupContent h4 {
  margin: 0;
}

#tabsActivityDetails {
  position: static;
}
#tabsActivityDetails .ui-tabs-panel {
  padding: 0.5em 0;
}
#tabsActivityDetails .ui-tabs-nav {
  position: static;
}
#tabsActivityDetails .ui-tabs-nav li {
  position: static;
}
#tabsActivityDetails .ui-tabs-nav li .ui-tabs-active {
  position: static;
}

#dl-activity-selector {
  margin-bottom: 0.5em;
}

#SelectedScheduledActivity {
  display: inline-block;
  width: 74%;
  margin-left: 1%;
}
#SelectedScheduledActivity form {
  width: 60%;
  display: inline-block;
}
#SelectedScheduledActivity #activityScheduleTextSearch {
  max-width: 400px;
  margin-bottom: 0.5em;
}

#SelectedPlannedActivityLabel {
  width: 60%;
  display: inline-block;
}
#SelectedPlannedActivityLabel .removeSelectedActivityBtn {
  margin-bottom: 0.5em;
  border-radius: 3px;
  background: transparent url("Images/squareCloseIcon.png") no-repeat;
  background-size: 2em;
  padding-left: 2em;
  background-position-y: center;
}

.TimeInOut {
  width: 24%;
  display: inline-block;
  font-size: 0.8em;
}

#ActivityDescriptionPopupContent img {
  height: 5em;
}

#ReminderNotesPopupContent #ReminderNotes {
  width: calc(100% - 2em);
  margin: 1em;
  padding: 1em;
}
#ReminderNotesPopupContent #ReminderNotesSaveBtn {
  margin: 0 1em 1em 1em;
}

#FocusLandmarksPopupContent {
  padding: 0.5em;
  overflow: unset;
}

#ActivityScheduleLandmarkList .header, #ActivityScheduleChildList .header, #FocusLandmarksList .header, #AssignStaffActivitySchedulesList .header {
  position: sticky;
  top: 0;
  background: white;
  z-index: 2;
}
#ActivityScheduleLandmarkList .header .WeekActivityDay, #ActivityScheduleChildList .header .WeekActivityDay, #FocusLandmarksList .header .WeekActivityDay, #AssignStaffActivitySchedulesList .header .WeekActivityDay {
  background: white;
}
#ActivityScheduleLandmarkList .ratingRow, #ActivityScheduleChildList .ratingRow, #FocusLandmarksList .ratingRow, #AssignStaffActivitySchedulesList .ratingRow {
  display: table-row;
}
#ActivityScheduleLandmarkList .ratingRow .ratingName, #ActivityScheduleLandmarkList .ratingRow .ratingScore, #ActivityScheduleChildList .ratingRow .ratingName, #ActivityScheduleChildList .ratingRow .ratingScore, #FocusLandmarksList .ratingRow .ratingName, #FocusLandmarksList .ratingRow .ratingScore, #AssignStaffActivitySchedulesList .ratingRow .ratingName, #AssignStaffActivitySchedulesList .ratingRow .ratingScore {
  display: table-cell;
  border-bottom: 1px solid #bbb;
  vertical-align: top;
}
#ActivityScheduleLandmarkList .ratingRow .ratingName, #ActivityScheduleChildList .ratingRow .ratingName, #FocusLandmarksList .ratingRow .ratingName, #AssignStaffActivitySchedulesList .ratingRow .ratingName {
  min-width: 75%;
}
#ActivityScheduleLandmarkList .ratingRow .ratingScore, #ActivityScheduleChildList .ratingRow .ratingScore, #FocusLandmarksList .ratingRow .ratingScore, #AssignStaffActivitySchedulesList .ratingRow .ratingScore {
  padding-left: 1em;
}
#ActivityScheduleLandmarkList .ratingRow .selected, #ActivityScheduleChildList .ratingRow .selected, #FocusLandmarksList .ratingRow .selected, #AssignStaffActivitySchedulesList .ratingRow .selected {
  background-color: #AAFFAE;
}
#ActivityScheduleLandmarkList .ratingRow .selectable, #ActivityScheduleChildList .ratingRow .selectable, #FocusLandmarksList .ratingRow .selectable, #AssignStaffActivitySchedulesList .ratingRow .selectable {
  cursor: pointer;
}

#AddActivityScheduleContent {
  display: none;
}
#AddActivityScheduleContent .leftColumn, #AddActivityScheduleContent .rightColumn {
  width: calc(50% - 0.5em);
  display: inline-block;
  vertical-align: top;
}
#AddActivityScheduleContent .leftColumn h3, #AddActivityScheduleContent .rightColumn h3 {
  margin-top: 0;
}
#AddActivityScheduleContent .rightColumn #tabsAddSchedule ul {
  font-size: 0.7em;
}
#AddActivityScheduleContent .rightColumn h3 {
  width: 50%;
}
#AddActivityScheduleContent .rightColumn input {
  float: right;
}
#AddActivityScheduleContent .rightColumn .ui-accordion h3 {
  width: auto;
}
#AddActivityScheduleContent #ScheduleGroupTitle {
  width: 70%;
  display: inline-block;
}
#AddActivityScheduleContent #AddSelectedScheduledActivity {
  margin-bottom: 1em;
}
#AddActivityScheduleContent #ActivityScheduleResourceList .ResourceContainer {
  display: inline-block;
  border: 1px solid #999;
  height: 7.5em;
  vertical-align: top;
  overflow: hidden;
  margin: 1px;
  padding: 0.5em;
}
#AddActivityScheduleContent #ActivityScheduleResourceList .ResourceContainer img {
  width: 5em;
}
#AddActivityScheduleContent #ActivityScheduleResourceList .ResourceContainer div {
  width: 10em;
  text-align: center;
  font-size: 0.5em;
}
#AddActivityScheduleContent #ActivityScheduleResourceList .Selected {
  background: #AAFFAE;
}
#AddActivityScheduleContent #ActivityScheduleTree {
  width: 25%;
}
#AddActivityScheduleContent #ActivityScheduleTree .activityContainer {
  margin-left: 1em;
  width: 15em;
}
#AddActivityScheduleContent #ActivityScheduleTree .activityContainer .activityBtn {
  display: inline-block;
  width: calc(100% - 2em);
  cursor: pointer;
  border-bottom: 1px solid black;
  line-height: 2em;
}
#AddActivityScheduleContent #ActivityScheduleTree .activityContainer .childActivityExpanderBtn {
  width: 2em;
  display: inline-block;
  cursor: pointer;
  line-height: 1.5em;
  text-align: center;
  border: 1px solid #999;
  background: linear-gradient(#ffffff, #e4e4e4);
  cursor: pointer;
  border-radius: 3px;
}
#AddActivityScheduleContent #ActivityScheduleTree .activityContainer .childActivityExpanderBtn:hover {
  background: #999;
}
#AddActivityScheduleContent #ActivityScheduleTree .activityContainer .childActivityContainer {
  display: none;
  margin-bottom: 0.5em;
}

.content-wrapper {
  font-size: 2em;
}
@media (max-width: 1815px) {
  .content-wrapper {
    font-size: 1.5em;
  }
}
@media (max-width: 1310px) {
  .content-wrapper {
    font-size: 1.15em;
  }
}
@media (max-width: 1010px) {
  .content-wrapper {
    font-size: 0.75em;
  }
}
@media (max-width: 670px) {
  .content-wrapper {
    font-size: 0.5em;
  }
}

.header-table {
  display: table;
  width: 100%;
}
.header-table .header-row {
  display: table-row;
}
.header-table .header-row .header-cell {
  display: table-cell;
  padding-top: 0;
  vertical-align: top;
  padding: 0.5em;
}
.header-table .header-row .header-cell img {
  padding: 0.5em;
  border: 1px solid #989898;
  border-radius: 3px;
  height: 6em;
}
.header-table .header-row .header-cell #login {
  text-align: right;
}
.header-table .header-row .header-cell:first-of-type {
  width: 5em;
}

#ChildPhotosContainer {
  padding: 1em;
  height: 100%;
}
#ChildPhotosContainer > div {
  vertical-align: top;
}
#ChildPhotosContainer #existingPhotosSection {
  display: inline-block;
  margin-right: 2em;
  width: 20%;
}
#ChildPhotosContainer #existingPhotosSection h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
#ChildPhotosContainer #existingPhotosSection #DatePickers {
  font-size: 1em;
}
@media (min-width: 1100px) {
  #ChildPhotosContainer #existingPhotosSection #DatePickers input[type=Text] {
    width: 40%;
  }
}
@media (max-width: 1100px) {
  #ChildPhotosContainer #existingPhotosSection #DatePickers input[type=Text] {
    width: 90%;
  }
}
#ChildPhotosContainer #existingPhotosSection #PhotoThumbnailList {
  list-style: none;
  padding: 0;
  margin: 1em 0 0 0;
}
#ChildPhotosContainer #existingPhotosSection #PhotoThumbnailList img {
  width: 100%;
  border: 2px solid #efeeef;
}
#ChildPhotosContainer #existingPhotosSection #PhotoThumbnailList img:hover {
  border: 2px solid #565656;
  cursor: pointer;
}
#ChildPhotosContainer #photoTaggingSection {
  display: inline-block;
  width: 75%;
}
#ChildPhotosContainer #photoTaggingSection #PhotoTaggingChildListTBody td {
  padding: 0.5em;
}
#ChildPhotosContainer #photoTaggingSection #PhotoTaggingPopupContent {
  overflow-y: auto;
  max-height: none;
  display: block;
}
#ChildPhotosContainer #photoTaggingSection .RotatePhotoButton {
  width: 4em;
  height: 4em;
  background-image: url("Images/rotateRight.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  margin: 1em 0;
}

h4, .h4 {
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 1em;
}

#ClockOutPopup {
  width: 30em;
}
#ClockOutPopup .PopupContent {
  padding: 1em;
  overflow-y: hidden;
}
#ClockOutPopup .PopupContent input[type=button] {
  width: 5em;
  float: right;
}

.PopupContent .HighlySuitable, .ChildActivityDetails .HighlySuitable, .ChildMenuDetails .HighlySuitable {
  background-color: darkgreen;
  color: white;
}
.PopupContent .ModeratelySuitable, .ChildActivityDetails .ModeratelySuitable, .ChildMenuDetails .ModeratelySuitable {
  background-color: yellow;
}
.PopupContent .BarelySuitable, .ChildActivityDetails .BarelySuitable, .ChildMenuDetails .BarelySuitable {
  background-color: orange;
}

#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent {
  display: inline-block;
  margin-right: 2em;
  padding: 1em;
  height: 80vh;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent h4 {
  margin: 0;
  padding: 0;
  font-size: 1em;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #DatePickers {
  font-size: 1em;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #DatePickers input[type=Text] {
  max-width: 10em;
}
@media (min-width: 1100px) {
  #PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #DatePickers input[type=Text] {
    width: 40%;
  }
}
@media (max-width: 1100px) {
  #PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #DatePickers input[type=Text] {
    width: 90%;
  }
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #TakenByStaffMemberList {
  font-size: 1em;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #ObservationPhotoThumbnailList {
  list-style: none;
  padding: 0;
  margin: auto;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #ObservationPhotoThumbnailList li {
  display: inline;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #ObservationPhotoThumbnailList img {
  vertical-align: top;
  margin: 0.2em;
  width: 10em;
  border: 2px solid #efeeef;
}
#PhotoSelectionPopupContainer #PhotoSelectionPopup #PhotoSelectionPopupContent #ObservationPhotoThumbnailList img:hover {
  border: 2px solid #565656;
  cursor: pointer;
}

#StaffMemberHeadshot {
  cursor: pointer;
}

.PopupContainer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}
.PopupContainer .Popup {
  display: block;
  margin: 2em auto;
  width: 75%;
  background-color: white;
  max-height: 70%;
  overflow-y: auto;
}
.PopupContainer .Popup .PopupHeader {
  display: block;
  padding: 10px;
  min-height: 50px;
  background-color: #97CEFC;
}
.PopupContainer .Popup .PopupHeader div {
  display: inline-block;
}
.PopupContainer .Popup .PopupHeader img {
  max-height: 8em;
}
.PopupContainer .Popup .PopupHeader .ChildHeadShot {
  width: 100%;
}
.PopupContainer .ChildFeedback .PopupHeader {
  background-color: red;
  color: black;
  height: 200px;
}
.PopupContainer .ChildFeedback .PopupHeader .PopupHeaderLabel {
  font-size: 1.2em;
}
.PopupContainer .ChildFeedback .PopupHeader .RainbowSmilesLogo {
  background-image: url("Images/Rainbow_Smiles_Cropped_Logo.jpg");
  display: inline-block;
  width: 100%;
  height: 4em;
  background-size: contain;
  background-repeat: no-repeat;
}
.PopupContainer .ChildFeedback .PopupHeader .leftColumn {
  display: inline-block;
  width: 75%;
}
.PopupContainer .ChildFeedback .PopupHeader .leftColumn .titleLabels div {
  display: block;
}
.PopupContainer .ChildFeedback .PopupHeader .rightColumn {
  display: inline-block;
  width: 15%;
  float: right;
}
.PopupContainer .ChildFeedback .PopupHeader .rightColumn select {
  font-size: 0.5em;
  height: 3em;
}
.PopupContainer .ChildFeedback .DiarySubtitle {
  width: calc(100% + 1em);
  font-size: 2em;
  background-color: orange;
  margin-top: 0;
  position: relative;
  left: -0.5em;
  padding-left: 0.5em;
}
.PopupContainer .ChildFeedback #DiaryActivitiesTitle, .PopupContainer .ChildFeedback #DiaryLandmarksTitle, .PopupContainer .ChildFeedback #DiaryNotesTitle {
  margin: 1em 0;
}
.PopupContainer .ChildFeedback #DiaryActivitiesTitle {
  background-color: yellow;
}
.PopupContainer .ChildFeedback #DiaryLandmarksTitle {
  background-color: lightgreen;
}
.PopupContainer .ChildFeedback #DiaryNotesTitle {
  background-color: steelblue;
}
.PopupContainer .ChildFeedback #dailyDiaryMenus div {
  margin-bottom: 1em;
}
.PopupContainer .ChildFeedback #dailyDiaryMenus div div {
  margin: 0;
  display: inline;
  padding-right: 1em;
}
.PopupContainer .PopupContent {
  overflow-y: auto;
}
.PopupContainer .PopupContent input[type=button] {
  padding: 1em;
  font-size: 1em;
  vertical-align: central;
  line-height: 1em;
  margin-left: 1em;
  float: right;
}
.PopupContainer .PopupContent #tabs-childNotes #notes {
  height: 300px;
}
.PopupContainer .PopupContent #tabs-childNotes #notes .DescriptionTextBox {
  height: 200px;
}
.PopupContainer .PopupContent #tabs-childNotes #notes .ActionButton {
  float: right;
}
.PopupContainer .SmallPopup {
  display: block;
  margin: 2em auto;
  width: 40%;
  background-color: white;
}

.ui-tabs-nav .ui-state-default a {
  font-size: 0.9em;
}

.busy {
  cursor: progress;
  opacity: 0.5;
}

#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent {
  overflow-y: auto;
  max-height: 40em;
}
@media (max-height: 540px) {
  #TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent {
    max-height: 15em;
  }
}
@media (max-height: 720px) {
  #TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent {
    max-height: 25em;
  }
}
@media (max-height: 1024px) {
  #TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent {
    max-height: 35em;
  }
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications p {
  width: 75%;
  display: inline-block;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications input[type=button] {
  float: right;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable {
  display: table;
  width: 100%;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable .notificationRow {
  display: table-row;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable .notificationCell {
  display: table-cell;
  vertical-align: top;
  padding-right: 1em;
  border-bottom: 1px solid #565656;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable .buttonCell {
  vertical-align: bottom;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable .notificationHeaderRow {
  display: table-header-group;
}
#TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable #viewingNotifications, #TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable #childrenTransNotifications, #TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable #quizNotifications, #TodaysNurseryInfoPopupContainer #TodaysNurseryInfoPopup #TodaysNurseryInfoPopupContent #Notifications .notificationTable #childrenJoiningNotifications {
  display: table-row-group;
}

#ViewingNotesContainer {
  z-index: 2;
}
#ViewingNotesContainer .Popup {
  width: 35em;
}
#ViewingNotesContainer .Popup .PopupHeaderLabel {
  display: block;
  padding: 10px;
  min-height: 2em;
  background-color: #97CEFC;
}
#ViewingNotesContainer .Popup .PopupHeaderLabel div {
  display: inline;
}

#ChildCollectionPopupContent .contactContainer {
  display: inline-block;
  cursor: pointer;
  padding: 0.5em;
  border: 1px solid #999;
  border-radius: 3px;
  margin-right: 0.5em;
  height: 9em;
  vertical-align: top;
  margin-bottom: 0.5em;
}
#ChildCollectionPopupContent .contactContainer img {
  max-width: 5em;
  margin-bottom: 0.5em;
  max-height: 6em;
  margin-bottom: 0.5em;
}
#ChildCollectionPopupContent .selected {
  background: #AAFFAE;
}

#MenuRadioButtons, #DietaryTriggerRadioButtons {
  display: inline-block;
}

#DietaryTriggerRadioButtons {
  float: right;
}

#MenusSection {
  font-size: 0.8em;
}