/* Contains styles and layout for specific pages */

/*  */
.ListDividerHeader {
    border: 1px solid #E2EEEF;
    background-color: #E2EEEF;
    color: #002743;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
}

#calendarButton {
    background-image: url(/Content/Mobile/Images/calendar-16.png);
    height: 16px;
    width: 16px;
    border: 0px solid black;
    position: relative;
    top: 2px;
}

/* Dashboard */
#DashboardPage #userInfo { font-size: 9pt; color:White; }
#DashboardPage .vlist a { font-weight: bold; padding: 0.8em; }
#DashboardPage .vlist > li { padding: 0 17px 0 3px; }
#DashboardPage .vlist > li.container-header 
{ 
    padding: 0.4em 7px; 
    background-color: #002743;
}
#DashboardPage .dashboard-items-container { margin-top: 1em; }
#DashboardPage .SyncTable { border: 0px solid red;  margin:0 0 0 14px; font-size:11px; color: Gray; }
#DashboardPage .SyncHeader { font-size:15px; font-weight:bold; color:Black; padding:0px 10px 0px 0px; }
#DashboardPage .SyncLine1 { padding:2px 0px 0px 1px; width:100px; overflow:hidden; border: 0px solid red; text-align:right; }
#DashboardPage .SyncLine2 { padding:2px 0px 0px 1px; width:155px; overflow:hidden; border: 0px solid red; }
#DashboardPage .DashboardSyncPane 
{ 
    background: #ECF0DF;     
    background-color: #ECF0DF; 
    display: inline-block; 
    padding: 5px 0px 6px 0; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:100%;
    height:35px;
    margin: 10px 0 0 0;
    border: 1px solid grey; 
    position: relative; 
    cursor:pointer;
}
#DashboardPage .DashboardSyncIndicator
{
    background: #017935;     
    background-color: #017935; 
    color:White;
    text-decoration: none;
    font-size:11px;  
    font-weight: bold;  
    line-height: 1;  
    display: inline-block; 
    padding: 8px 0px 0px 12px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -moz-box-shadow: 0 1px 3px #999; 
    -webkit-box-shadow: 0 1px 3px #999; 
    text-shadow: 0 -1px 1px #222;
    width:95px;
    height:20px;
    margin: 0 10px 0 0;
    border: 1px solid black; 
    position: relative;
    top:3px; 
}
#DashboardPage .round-header {
    border: 1px solid #E2EEEF;
    background-color: #E2EEEF;
    color: #002743;
    padding: 1px 5px 1px 5px;
    font-weight: bold;
}
#DashboardPage .round-item {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
}
#DashboardPage .round-extrainfo {
    margin: 5px 0 5px 0;
    text-align: right;
}

#DashboardPage .round-started {
    background: #87D37C;
}
#DashboardPage .round-instance-name {
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 5px;
}
#DashboardPage .round-instance-location {
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    color: gray;
}
#DashboardPage .round-last-check-in,.round-check-in-by {
    font-size: 14px;
    margin-bottom: 5px;
}
#DashboardPage .round-started .round-last-check-in,.round-check-in-by {
    font-weight: bold;
    color: white;
}
#DashboardPage .last-sign-off {
    color: gray;
}

/* Work Order List */
.workorder-list .subject, #WorkOrderListPage .subject { font-weight: bold; }
.workorder-list .second-line, #WorkOrderListPage .second-line { margin-top: 0.25em; }
.workorder-list .labor-assignment, .workorder-list .room-booking-description, #WorkOrderListPage .labor-assignment { font-style: italic; color: Gray; }
.workorder-list .timeago, #WorkOrderListPage .timeago, .round-li .round-duration { font-size:8pt; font-style: italic; color: Gray; }
.workorder-list .dateLabel, #WorkOrderListPage .dateLabel, .round-li .round-expectedstarttime {
    font-size: 9pt;
    color: #017D80;
}
#WorkOrderListPage .searchField { width: 100%; margin-bottom: 5px;}
#WorkOrderListPage .workorder-list .rb-recurring-detail {
    color: #84CC52;
    margin: 5px;
}
#RequestDetailsDialog .location { font-weight: bold; }
#RequestDetailsDialog .notes { margin-bottom: 1em; }
#RequestDetailsDialog .worksource, #RequestDetailsDialog .updatedby { font-style: italic; }
#RequestDetailsDialog .worksource { margin-top: 2em; }
#RequestDetailsDialog .actions { padding: .5em .5em 1em .5em; }

#RoomBookingRequestDetailsDialog #RoomAvailability {
    text-align: center;
    padding-top: 10pt;
    padding-bottom: 15pt;
}
    #RoomBookingRequestDetailsDialog #RoomAvailability .available {
        border: 1px solid #004600;
        padding: 2px 2px 2px 2px;
        background-color: #CCE4CA;
    }
    #RoomBookingRequestDetailsDialog #RoomAvailability .conflicted {
        border: 1px solid #996600;
        padding: 2px 2px 2px 2px;
        background-color: #FFFFCC;
    }
    #RoomBookingRequestDetailsDialog #RoomAvailability .unavailable {
        border: 1px solid #990000;
        padding: 2px 2px 2px 2px;
        background-color: #FFDFDF;
    }
#RoomBookingRequestDetailsDialog .actions {
    padding-top: 2pt;
    padding-bottom: 5pt;
}
#RoomBookingRequestDetailsDialog .details {
    padding-left: 5pt;
    padding-bottom: 5pt;
}

#RoomBookingRequestDetailsDialog .link-bar {
    margin-bottom: 2px;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown {
    padding-top: .5em;
    padding-left: 1em;
    padding-bottom: 1em;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown .header {
    font-weight: bold;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown .item {
    margin-top: 0.5em;
    border-bottom: 1px solid #d3d3d3;
    width: 99%;
    padding-bottom: 0.5em;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown .item:last-child {
    border-bottom: none;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown .item .bold {
    font-weight: bold;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown .item .subject {
    padding-bottom: .2em;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .room-setup-teardown .catering-item {
    margin-left: 1.5em;
    margin-top: 0.5em;
}

#RoomBookingRequestDetailsDialog #RoomBookingRequestDetailsContainer .divider {
    border-bottom: 1px solid gray;
}

#RoomBookingGuestMainDialog .guest-item-li {
}

#RoomBookingGuestMainDialog .guest-item {
    width: 100%;
}

#RoomBookingGuestMainDialog .link {
    text-decoration: underline;
    width: initial;
    display:initial;
    color: #0000FF;
}

#RoomBookingGuestMainDialog .searchField {
    width: 100%;
    margin-bottom: 5px;
}

#RoomBookingGuestMainDialog .guest-name {
    font-weight: bold;
}

#RoomBookingGuestMainDialog .contact-info-label {
    padding-right: 1em;
    padding-bottom: 4px;
    word-break: break-all;
}

#RoomBookingGuestMainDialog .contact-info {
    padding-right: 1em;
    padding-bottom: 0.3em;
    white-space: nowrap;
}

#RoomBookingGuestMainDialog .timeago {
    float: right;
    margin-right: 15px;
    font-size: 8pt;
    font-style: italic;
    color: Gray;
}

#RbCancelGuestAttendeeDialog .cancellation-reason {
    width: 100%;
    height: 6em;
}

#RbCancelGuestAttendeeDialog label {
    font-weight: bold;
    display: block;
}

#RbCancelGuestAttendeeDialog .actions {
    padding: .5em 0 .5em .5em;
}

#RoomBookingAttendeeMainDialog .attendee-name {
    font-size: large;
    font-weight: bold;
}
#RoomBookingAttendeeMainDialog .take-attendance-label {
    display: block;
}
#RoomBookingAttendeeMainDialog h4 {
    display: inline;
}
#RoomBookingAttendeeMainDialog .lbl-no-show {
    margin-right: 4px;
}
#RoomBookingAttendeeMainDialog .lbl-attended {
    margin-left: 4px;
}
#RoomBookingAttendeeMainDialog .attendance-no-show span.switchery {
    background-color: #999 !important;
}
#RoomBookingAttendeeMainDialog .take-attendance-label {
    font-size: small;
    font-weight: bold;
}
#RoomBookingAttendeeMainDialog .lbl-attended {
    margin-left: 4px;
    color: #9bc29c;
    display: inline;
}
#RoomBookingAttendeeMainDialog .attendance-attended .lbl-attended {
    font-weight: bold;
    color: #007e02;
}
#RoomBookingAttendeeMainDialog .lbl-no-show {
    margin-right: 4px;
    color: #999;
    display: inline;
}
#RoomBookingAttendeeMainDialog .attendee-buttons {
    text-align: center;
}
#RoomBookingAttendeeMainDialog .attendance-no-show .lbl-no-show {
    font-weight: bold;
    color: #000;
}
#RoomBookingAttendeeMainDialog .searchField {
    width: 100%;
    margin-bottom: 5px;
}

@media only screen and (min-width : 481px) {
    #RoomBookingAttendeeMainDialog .attendee-name-container {
        width: 50%;
    }
}

@media only screen and (max-width : 480px) {
    #RoomBookingAttendeeMainDialog .take-attendance-container {
        width: 110px;
    }
}

#RejectionReasonDialog .rejectionreason-wrapper, #RbRejectionReasonDialog .rejectionreason-wrapper { margin-right: 6px; }
#RejectionReasonDialog .rejectionreason, #RbRejectionReasonDialog .rejectionreason { width: 100%; height: 6em; }
#RejectionReasonDialog .item, #RbRejectionReasonDialog .item { margin-bottom: 0.75em; }
#RejectionReasonDialog .actions, #RbRejectionReasonDialog .actions { padding: .5em 0 .5em .5em; }
#RejectionReasonDialog #RejectReasonContainer label, #RbRejectionReasonDialog #RbRejectReasonContainer label {
    font-weight: bold;
    display: block;
}
#RejectionReasonDialog #RejectReasonContainer select, #RbRejectionReasonDialog #RbRejectReasonContainer select { width: 100%; }

/* Work Order */
#WorkOrderPage .room-booking-link { font-weight: bold; text-decoration: underline; color: #002743; }
#WorkOrderPage .room-booking-link.offline { text-decoration: none; }
#WorkOrderPage .details { margin: 1em; }
#WorkOrderPage .details .item { margin-bottom: .75em; }
#WorkOrderPage input[type=text] { width: 100%; }
#WorkOrderPage #txtDueDate { width: 90%; }
#WorkOrderPage label { font-weight: bold; display: block; }
#WorkOrderPage a { text-decoration: none; }
#WorkOrderContainer .backbutton { margin: .5em 0 1em 1em; }
#WorkOrderContainer .link-bar { margin-bottom: 2px; }
#WorkOrderContainer #detailtext { width: 100%; height: 4em; }
#WorkOrderContainer select { width: 100%; color:black;}
#WorkOrderContainer #tasklist a, #WorkOrderContainer #location a { color: Black; }
.disabledLinks { opacity: .4; cursor: pointer; }
#WorkOrderPage #calendarButton { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px; float:right; left:-10px; }

#WorkOrderPage .Appointment .item { margin-bottom: .0em; }
#WorkOrderPage .Appointment #AppointmentTable { width:100%; }
#WorkOrderPage .Appointment label { font-weight: bold; margin-bottom:.1em; }
#WorkOrderPage .Appointment select { font-size:8pt; width:50px; }
#WorkOrderPage .Appointment #AppointmentStartTime { width: 35px; font-size:8pt;}
#WorkOrderPage .Appointment #AppointmentEndTime { width: 35px; font-size:8pt;}
#WorkOrderPage .Appointment .SaveButton { margin: .0em; }

#WorkOrderPage #SafetyNotesContainer { margin-top: 10px; width:100%; }
#WorkOrderPage #SafetyNotesInnerContainer 
{ 
    background: #FFCA30;     
    background-color: #FFCA30; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#WorkOrderPage #SafetyNotesInnerContainer #NoteTitle { font-size:10pt; font-weight:bold; }
#WorkOrderPage #SafetyNotesInnerContainer #NoteText { font-size:10pt; font-style:italic; font-weight:normal; }

#WorkOrderPage #EntryInstContainer { margin-top: 10px; width:100%; }
#WorkOrderPage #EntryInstInnerContainer 
{ 
    background: #D8EACE;     
    background-color: #D8EACE; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#WorkOrderPage #EntryInstInnerContainer #Entry { font-size:10pt; font-weight:bold; }
#WorkOrderPage #EntryInstInnerContainer #EntryNotes { font-size:10pt; font-style:italic; font-weight:normal; }
#WorkOrderPage #EntryInstInnerContainer #OtherNotes { font-size:10pt; font-style:italic; font-weight:normal; }

#WorkOrderPage .ProjectDetailPane { background-color: #FFFFD0; border: 1px solid #FFAE35; padding:5px; margin-bottom: 20px; display:none; }
#WorkOrderPage .RoomBookingDetailPane {
    background-color: #E2EEEF;
    border: 1px solid #002743;
    padding: 5px;
    margin-bottom: 20px;
    display: none;
    color: #002743;
    border-radius: 5px;
}

#WorkOrderPage .partner-location-description-container {
    background-color: #FFFFD0; border: 1px solid #FFAE35; padding:5px; margin-bottom: 20px;
}
#WorkOrderPage .location-description { font-weight: bold; }

/* ReadOnly WorkOrder */
#ReadOnlyWorkOrderPage .details {
    margin: 1em;
}

    #ReadOnlyWorkOrderPage .details .item {
        margin-bottom: .75em;
    }

#ReadOnlyWorkOrderPage input[type=text] {
    width: 100%;
}

#ReadOnlyWorkOrderPage #readOnlyWOTxtDueDate {
    width: 90%;
}

#ReadOnlyWorkOrderPage label {
    font-weight: bold;
    display: block;
}

#ReadOnlyWorkOrderPage a {
    text-decoration: none;
}

#ReadOnlyWorkOrderContainer .backbutton {
    margin: .5em 0 1em 1em;
}

#ReadOnlyWorkOrderContainer .link-bar {
    margin-bottom: 2px;
}

#ReadOnlyWorkOrderContainer #readOnlyWODetailtext {
    width: 100%;
    height: 4em;
}

#ReadOnlyWorkOrderContainer select {
    width: 100%;
}

#ReadOnlyWorkOrderContainer #readOnlyWOTaskList a, #ReadOnlyWorkOrderContainer #readOnlyWOLocation a {
    color: Black;
}

.disabledLinks {
    opacity: .4;
    cursor: pointer;
}

#ReadOnlyWorkOrderPage .Appointment .item {
    margin-bottom: .0em;
}

#ReadOnlyWorkOrderPage .Appointment #readOnlyWOAppointmentTable {
    width: 100%;
}

#ReadOnlyWorkOrderPage .Appointment label {
    font-weight: bold;
    margin-bottom: .1em;
}

#ReadOnlyWorkOrderPage .Appointment select {
    font-size: 8pt;
    width: 50px;
}

#ReadOnlyWorkOrderPage .Appointment #readOnlyWOAppointmentStartTime {
    width: 35px;
    font-size: 8pt;
}

#ReadOnlyWorkOrderPage .Appointment #readOnlyWOAppointmentEndTime {
    width: 35px;
    font-size: 8pt;
}

#ReadOnlyWorkOrderPage .Appointment .SaveButton {
    margin: .0em;
}

#ReadOnlyWorkOrderPage #readOnlyWOSafetyNotesContainer {
    margin-top: 10px;
    width: 100%;
}

#ReadOnlyWorkOrderPage #readOnlyWOSafetyNotesInnerContainer {
    background: #FFCA30;
    background-color: #FFCA30;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey;
    position: relative;
    text-align: left;
}

    #ReadOnlyWorkOrderPage #readOnlyWOSafetyNotesInnerContainer #readOnlyWONoteTitle {
        font-size: 10pt;
        font-weight: bold;
    }

    #ReadOnlyWorkOrderPage #readOnlyWOSafetyNotesInnerContainer #readOnlyWONoteText {
        font-size: 10pt;
        font-style: italic;
        font-weight: normal;
    }

#ReadOnlyWorkOrderPage #readOnlyWOEntryInstContainer {
    margin-top: 10px;
    width: 100%;
}

#ReadOnlyWorkOrderPage #readOnlyWOEntryInstInnerContainer {
    background: #D8EACE;
    background-color: #D8EACE;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey;
    position: relative;
    text-align: left;
}

    #ReadOnlyWorkOrderPage #readOnlyWOEntryInstInnerContainer #readOnlyWOEntry {
        font-size: 10pt;
        font-weight: bold;
    }

    #ReadOnlyWorkOrderPage #readOnlyWOEntryInstInnerContainer #readOnlyWOEntryNotes {
        font-size: 10pt;
        font-style: italic;
        font-weight: normal;
    }

    #ReadOnlyWorkOrderPage #readOnlyWOEntryInstInnerContainer #readOnlyWOOtherNotes {
        font-size: 10pt;
        font-style: italic;
        font-weight: normal;
    }

#ReadOnlyWorkOrderPage .ProjectDetailPane {
    background-color: #FFFFD0;
    border: 1px solid #FFAE35;
    padding: 5px;
    margin-bottom: 20px;
    display: none;
}

#ReadOnlyWorkOrderPage #readOnlyWOCalendarButton {
    background-image: url(/Content/Mobile/Images/calendar-16.png);
    height: 16px;
    width: 16px;
    border: 0px solid black;
    position: relative;
    top: 2px;
    float: right;
    left: -10px;
}

#ReadOnlyWorkOrderPage .readOnlyWOStatusUpdateMostRecentNoteLabel {
    font-weight: bold;
    display: block;
    margin-bottom: .25em;
}

/* Inventory Count */
#InventoryCountPage .search-filters .search-filter { margin-bottom: .75em; }
#InventoryQuickViewPage input[type=text], #InventoryCountPage input[type=text] { width: 99%; }
#InventoryQuickViewPage label, #InventoryCountPage label { font-weight: bold; display: block; }
#InventoryQuickViewPage .quantity, #InventoryCountPage .quantity { margin-right: 3px; margin-top: 4px; }
#InventoryQuickViewPage .description, #InventoryCountPage .description { font-weight: bold; }
#InventoryQuickViewPage #InventoryQuickViewCountContainer input, #InventoryCountPage #InventoryCountSearchResultsContainer input { width: 3em; }
#InventoryQuickViewPage .ui-icon-arrow-u, #InventoryCountPage .ui-icon-arrow-u { margin-left: 2px; cursor: pointer; }
#InventoryQuickViewPage .ui-icon-arrow-d, #InventoryCountPage .ui-icon-arrow-d { margin-left: 2px;  cursor: pointer; }
#InventoryQuickViewPage .icon-container, #InventoryCountPage .icon-container {  vertical-align: sub;  display: inline-block; }

/* Inventory Detail */
#InventoryDetailPage input[type=text] { width: 100%; }
#InventoryDetailPage input[type=checkbox] { vertical-align: middle; }
#InventoryDetailPage select { width: 100%; }
#InventoryDetailPage label { font-weight: bold; display: block; }
#InventoryDetailPage .checkbox-label { display: inline; }
#InventoryDetailPage .detail-wrapper { margin-right: 6px; }
#InventoryDetailPage .detail { width: 100%; height: 6em; }
#InventoryDetailPage .details { margin: 1em; }
#InventoryDetailPage .details .item { margin-bottom: .75em; }
#InventoryDetailPage .reorder-table { width: 100%; }
#InventoryDetailPage .reorder-table .cell-spacer { width: 10%; }

/* Location */
#LocationQuickViewTypesContainer a, #LocationTypesContainer a {
    padding-left: 20px;
    padding-right: 20px;
    text-decoration: none;
}
#LocationQuickViewDetailsContainer, #LocationDetailsContainer { margin: 1em 0 1em 0; }
#LocationQuickViewDetailsContainer .details, #LocationDetailsContainer .details { margin: 1em; }
#LocationQuickViewDetailsContainer .details .item, #LocationDetailsContainer .details .item {margin-bottom: .75em; }
#LocationQuickViewDetailsContainer label, #LocationDetailsContainer label { font-weight: bold; display: block; }
#LocationQuickViewDetailsContainer .LabelTable, #LocationDetailsContainer .LabelTable {font-weight: bold; display: block;}
#LocationQuickViewDetailsContainer input[type=text], #LocationDetailsContainer input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden; }
#LocationQuickViewDetailsContainer .Hide, #LocationDetailsContainer .Hide { display:none; }
#LocationQuickViewDetailsContainer #LocationQuickViewOverviewTable, #LocationDetailsContainer #LocationOverviewTable {width:100%; }
#LocationQuickViewDetailsContainer #LocationQuickViewOverviewTable td, #LocationDetailsContainer #LocationOverviewTable td {width:50%; padding-bottom:2px; }
#LocationQuickViewDetailsContainer #LocationQuickViewOverviewTable td[box], #LocationDetailsContainer #LocationOverviewTable td[box] {padding-right:6px;}
#LocationQuickViewDetailsContainer #QuickViewOverViewType, #LocationDetailsContainer #OverViewType { width: 100%;  padding:2px 0px 2px 0px; }
#LocationQuickViewDetailsContainer #QuickViewOverViewFloorPlan, #LocationDetailsContainer #OverViewFloorPlan { width: 100%;  padding:2px 0px 2px 0px; }
#LocationQuickViewDetailsContainer #QuickViewOverViewFootage, #LocationDetailsContainer #OverViewFootage { width: 100%;  padding:2px 0px 2px 0px; }
#LocationQuickViewDetailsContainer #QuickViewOverViewCareLevel, #LocationDetailsContainer #OverViewCareLevel { width: 100%;  padding:2px 0px 2px 0px; }
#LocationQuickViewDetailsContainer .SectionHeader, #LocationDetailsContainer .SectionHeader { width:100%; padding:3px 0px 3px 0px; background-color:#E2EEEF; color:#002743; font-weight:bold;}
#LocationQuickViewDetailsContainer .SectionHeader span, #LocationDetailsContainer .SectionHeader span { position:relative; left:3px; }
#LocationQuickViewDetailsContainer .SectionButton, #LocationDetailsContainer .SectionButton { width:18px; height:18px; }
#LocationQuickViewDetailsContainer .SectionDetails, #LocationDetailsContainer .SectionDetails { width: 100%;  padding:0px; }
#LocationQuickViewDetailsContainer .LocationDetailsTable, #LocationDetailsContainer .LocationDetailsTable { width:100%; margin-top:2px; }
#LocationQuickViewDetailsContainer .LocationDetailsTable tr, #LocationDetailsContainer .LocationDetailsTable tr { background-color:#EFEFEF; }
#LocationQuickViewDetailsContainer .LocationDetailsTable tr[header], #LocationDetailsContainer .LocationDetailsTable tr[header] { background-color:#FFFFFF; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td, #LocationDetailsContainer .LocationDetailsTable td { padding: 3px 2px 3px 6px; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td[desc], #LocationDetailsContainer .LocationDetailsTable td[desc] { width:40%; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td[details], #LocationDetailsContainer .LocationDetailsTable td[details] { width:50%; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td[footage], #LocationDetailsContainer .LocationDetailsTable td[footage] { width:10%; }
#LocationQuickViewDetailsContainer #ContactInfoLabelTable, #LocationDetailsContainer #ContactInfoLabelTable { width:100%; }
#LocationQuickViewDetailsContainer #ContactInfoLabelTable tr, #LocationDetailsContainer #ContactInfoLabelTable tr { width:100%; height:15px; }
#LocationQuickViewDetailsContainer #ContactInfoLabelTable td[left], #LocationDetailsContainer #ContactInfoLabelTable td[left] {width:100%; overflow:hidden;}
#LocationQuickViewDetailsContainer #ContactInfoLabelTable td[left] input[type=text], #LocationDetailsContainer #ContactInfoLabelTable td[left] input[type=text] { width:98%; overflow:hidden; }
#LocationQuickViewDetailsContainer #ContactInfoLabelTable td[right], #LocationDetailsContainer #ContactInfoLabelTable td[right] {text-align:right;}
#LocationQuickViewDetailsContainer table[EntryInstructionsTable], #LocationDetailsContainer table[EntryInstructionsTable] { width:100%; margin-top:5px; margin-bottom:10px; }
#LocationQuickViewDetailsContainer table[EntryInstructionsTable] td[left], #LocationDetailsContainer table[EntryInstructionsTable] td[left] { font-size:smaller; }
#LocationQuickViewDetailsContainer table[EntryInstructionsTable] td[right], #LocationDetailsContainer table[EntryInstructionsTable] td[right] { width:100%; text-align:right; font-weight:normal; font-size:smaller; }
/*#LocationQuickViewDetailsContainer table[EntryInstructionsTable] td[right] input[type=checkbox], #LocationDetailsContainer table[EntryInstructionsTable] td[right] input[type=checkbox] { position:relative; top:0px;  }*/
#LocationQuickViewDetailsContainer #MaintNotesText, #LocationDetailsContainer #MaintNotesText { width:100%; margin-top:2px; }
#LocationQuickViewDetailsContainer #HouseKeepingNotesText, #LocationDetailsContainer #HouseKeepingNotesText { width:100%; margin-top:2px; }
#LocationQuickViewDetailsContainer #NotesAndResidentsText, #LocationDetailsContainer #NotesAndResidentsText { width:100%; margin-top:2px; margin-bottom:10px; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td[name], #LocationDetailsContainer .LocationDetailsTable td[name] { width:33%; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td[dept], #LocationDetailsContainer .LocationDetailsTable td[dept] { width:33%; }
#LocationQuickViewDetailsContainer .LocationDetailsTable td[title], #LocationDetailsContainer .LocationDetailsTable td[title] { width:33%; }

/* Location Search */
#LocationSearchDialog input[type=text] { width: 100%; font-size: 28px }
#LocationSearchDialog .search-filters { margin-bottom: 1em; }
#LocationSearchDialog .second-line { margin-top: 0.25em; }
#LocationSearchDialog .children {  }
#LocationSearchDialog #LocationSearchResultsContainer a { text-decoration: none; color: Black; }
#LocationSearchDialog #LocationSearchResultsContainer { padding-bottom: 6px; }
#LocationSearchDialog .item-wrapper { 
    /*margin-top: 6px;*/
    border-top: 1px solid #017D80;
    padding: 8px 0 8px 4px;
    cursor: pointer;
}
#LocationSearchDialog .location { font-size: 16px; font-weight:bold }
#LocationSearchDialog .location-fullname { vertical-align: baseline; font-size: 11px; color: Gray; }
#LocationSearchDialog .resident { font-size: 12px; }
#LocationSearchDialog .location-wrapper { width: 100%; display: inline-block; cursor: pointer; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; margin-top: 5px; margin-left: 10px; }
#LocationSearchDialog .ui-icon-nodisc { position: relative; top: 2px; }
#LocationSearchDialog .child-match-only { color: Gray; }

/* Link Assets */
#LinkAssetsMainDialog .section { 
    margin-top: 10px; 
    margin-bottom: 10px; 
}
#LinkAssetsMainDialog input[type=text] { width: 100%; }
#LinkAssetsMainDialog .search-filters { margin-top: 10px; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; }
#LinkAssetsMainDialog .second-line { margin-top: 0.25em; }
#LinkAssetsMainDialog .item { font-weight:bold; font-size:14pt; }
#LinkAssetsMainDialog .type { font-weight:normal; font-size:12pt; }
#LinkAssetsMainDialog .model { font-weight:normal; font-size:12pt; }
#LinkAssetsMainDialog .asset-type-container { margin-top: 10px; }
#LinkAssetsMainDialog .link-other-assets { border: 1px solid gray; }
#LinkAssetsMainDialog .grouped-button { 
    padding-left: 2em;
    padding-right: 2em;
    margin-left: -5px; 
}

/* Contact Search */
#ContactSearchDialog input[type=text] { width: 100%; font-size: 28px; }
#ContactSearchDialog .search-filters { margin-bottom: 1em; }
#ContactSearchDialog .second-line { margin-top: 0.25em; }
#ContactSearchDialog .name { font-weight: bold; }

/* Login */
#LoginPage {
    height: 100%;
    font: normal 14px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

#LoginPage a, #LoginPage a.visited {
    font: normal 14px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

#LoginPage #LoginForm {
    display: block;
    width: calc(100% - 30px);
    background-color: #003358;
    margin-top: 41px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    border-radius:20px;
    padding-bottom: 10px;
    position: relative;
    z-index: 2
}

#ResetPasswordPage #clientLogo img,
#LoginPage #clientLogo img {
    margin-top: 22px;
    width: 171px;
    height: 111px;
}


#LoginPage .title img { margin-top: 30px; }

    #LoginPage .login-input-container {
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
        width: calc(100% - 30px);
    }

    #LoginPage.has-error .login-input-container {
        margin-top: 0;
    }

    #LoginPage .login-input input {
        font-size: 14px;
        width: calc(100% - 35px);
        height: 45px;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        margin-top: 6px;
        border: 1.5px solid #017D80;
        padding: 0px 15px;
    }

        #LoginPage .login-input input#LoginPassword {
            padding-right: 24px;
            width: calc(100% - 45px);
        }

        #LoginPage .login-input input:focus {
            outline: none !important;
            border: 1.5px solid #48FE9B;
        }

        #LoginPage .login-input:focus-within > div {
            color: #48FE9B;
        }

#LoginPage #togglePwdIcon {
    color: black;
    margin-left: -30px;
    display:inline;
}

#LoginPage #forgotPasswordHolder {
    text-align:right;
}

#LoginPage #LoginForgot {
    font: normal 14px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 20px;
}

#LoginPage #LoginSubmit, #ResetPasswordSubmit, #LoginPage #ChangePasswordSubmit {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 254px;
    height: 49px;
    font-weight: 600;
}

#LoginPage .secondaryLinks a {
    font-size: 11px;
    text-decoration: none;
}

#ssoLoginButton {
    margin-left: auto;
    margin-right: auto;
    width: 254px;
    height: 49px;
    /* UI Properties */
    background-color: transparent;
    border: 1px solid #FFFFFF;
    color: white;
}

#LoginPage #ChangePasswordSubmit {
    display: none;
}

#LoginPage #changePasswordHolder { display: none; }
#LoginPage #debug-info-panel li a,
#LoginPage #debug-info-panel li a.visited {
    color: black;
}

#LoginPage .message {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #B40909;
    text-align: left;
    border-radius: 8px;
    border: 1.5px solid #B40909;
    padding: 6px 12px 9px 12px;
    margin-right: 2px;
}

    #LoginPage .message a {
        color: #B40909 !important;
        display: inline-block;
        text-decoration: underline;
    }

#LoginPage .material-icons {
    font-size: 17px;
    position: relative;
    top: 3px;
    padding-right: 4px;
}

#LoginPage.has-error .login-input input:not(:focus) {
    border-color: #B40909;
}

#passwordResultsWindow {
    display: none; /* keeps the popup hidden if no JS available */
}

.passwordResultsWindow { border: 1px solid #DC9D34; background: white; padding: 5px 5px 5px 5px; border-radius: 5px; box-shadow: 2px 2px 3px #aaaaaa; }
.passwordResultsArrowHolder { width: 10px; margin-left: 10px; }
.passwordResultsArrow { width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px !important; border-color: #DC9D34 transparent transparent transparent; }
.passwordResultsWindow ul, .passwordResultsWindow li { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }
.passwordResultsWindow ul { margin-top: 3px; }
.passwordResultsWindow li { margin-top: 2px; margin-bottom: 1px; text-align: left; }
.passwordResultsWindow li ul li { margin-left: 0.7em;}
li.passwordTestFail { color: red; font-weight: bolder; }
div.passwordTestSuccess, div.passwordTestFail { width: 10px; height: 10px; float: left;  margin-right: 2px; border-radius: 10px; margin-top: 2px;}
div.passwordTestSuccess { background-color: green; border: 1px solid green; }
div.passwordTestFail { background-color: white; border: 1px solid red; }

/* ResetPassword */
#ResetPasswordPage {
    background-image: url('/Content/Mobile/Images/brightly_bg.png');
    background-size: contain;
    height: 100%;
    min-height: 800px;
    font: normal 14px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}
#ResetPasswordPage #ResetPasswordForm {
    display: block;
    width: calc(100% - 30px);
    background-color: #003358;
    margin-left:auto;
    margin-right:auto;
    margin-top:41px;
    border-radius:20px;
    padding-bottom: 10px;
    position: relative;
    z-index: 2
}

#ResetPasswordPage .title img {
    margin-top: 30px;
}

#ResetPasswordPage .login-input-container {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 30px);
}

    #ResetPasswordPage .login-input input {
        font-size: 14px;
        width: calc(100% - 35px);
        height: 45px;
        border: 1.5px solid #017D80;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        margin-top: 6px;
        padding: 0px 15px;
    }

    #ResetPasswordPage .login-input input:focus {
        outline: none !important;
        border: 1.5px solid #48FE9B;
    }
    #ResetPasswordPage .login-input:focus-within > div {
        color: #48FE9B;
    }

#ResetPasswordPage a, #ResetPasswordPage a.visited {
    font: normal 14px Roboto;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/* Task List */
#TaskListMainDialog pre { white-space: pre-wrap; }
#TaskListMainDialog table { width: 100%; border-spacing: 2px; border-collapse: collapse; }
#TaskListMainDialog td, #TaskListMainDialog th { border: 1px solid darkgray; padding: 4px; }
#TaskListMainDialog th { font-weight: bold; padding-bottom: 10px; }
#TaskListMainDialog .task-name { font-weight: bold; }
#TaskListMainDialog .task-info { padding-top: 10px; padding-bottom: 12px; }
#TaskListMainDialog .timeestimate { float: right; font-style: italic; }
#TaskListMainDialog .task-status { text-align: center; width: 70px; }
#TaskListMainDialog #ReadingText { width: 100%; cursor:pointer; }
#TaskListMainDialog .add-note-icon { float: right; }

#TaskListMainDialog #taskListContainer {  }
#TaskListMainDialog #taskListContainer hr { height: 3px; color: #105b7e; background-color: #105b7e; border: none; }
#TaskListMainDialog .item-input-container { display: flex; justify-content: center; margin-top: 10px; }
#TaskListMainDialog .item-input-container.round-checkbox { position: absolute; display: flex; top: 15px; right: 10px; width: 30px; height: 30px; }
#TaskListMainDialog .item-input-container input { width: 100%; }
#TaskListMainDialog .task-list-item { position: relative; margin-top: 5px; padding-top: 10px; padding-bottom: 10px; }
#TaskListMainDialog .task-list-item .info { display: inline-block; }
#TaskListMainDialog .task-list-item.checkbox-type .info { width: calc(100% - 40px); }
#TaskListMainDialog .task-list-item .info .item-name { font-weight: bold; }
#TaskListMainDialog .task-list-item .info .item-procedures { width: 100%; min-height: 20px; border: none; margin-left: 1em; }
#TaskListMainDialog .task-list-item .info .linked-meter { font-size: small; margin-left: 1em; margin-top: 3px; color: red; }
#TaskListMainDialog .task-list-item .info .linked-work-order { font-size: small; margin-left: 1em; margin-top: 3px; color: blue; }
#TaskListMainDialog .task-list-item .info .reading-summary { font-size: small; margin-left: 1em; margin-top: 3px; }
#TaskListMainDialog .task-list-item .item-note-section { margin-top: 10px; }
#TaskListMainDialog .task-list-item.form-data-type .item-note-section { margin-top: 25px; }
#TaskListMainDialog .task-list-item .item-note { display: inline-block; margin-left: 2em; width: 50%; height: 1.5em; }
#TaskListMainDialog .task-list-item .note-icon { margin-left: -15px; float: left; }
#TaskListMainDialog .task-list-item .item-note textarea { font-size: 0.9em; }
#TaskListMainDialog .task-list-item .item-note textarea.editing { background-color: #ffff71; }
#TaskListMainDialog .task-list-item .button-container { float: right; }
#TaskListMainDialog .task-list-item .button-container a { text-decoration: initial; }
#TaskListMainDialog .task-list-item .button-container .edit-remove { color: blue; text-decoration: initial; }
#TaskListMainDialog .task-list-item .button-container .edit-remove a { color: blue; }
#TaskListMainDialog .task-list-item .button-container .done-remove {     
    background-color: #595959;
    padding: 8px 10px 8px 10px;
    border-radius: 15px 0px 0px 15px;
    font-size: small;
    font-weight: bold; 
}
#TaskListMainDialog .task-list-item .button-container .done-remove a { color: white;}
#TaskListMainDialog .task-list-item .add-note-container { text-align: center; font-weight: bold; }
#TaskListMainDialog a.button-add-reading {
    width: initial;
    text-align: center;
    padding-left: 20px;
    line-height: 1.5em;
    border-radius: 5px;
    text-decoration: none;
}

#TaskListMainDialog .pass-fail-type .ui-btn {
    text-decoration: none;
    color:black;
    font-weight:bold;
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    float:left;
    border: 1px solid black;
    height:25px;
    line-height:25px;
    border-radius: 5px;
    margin-right: 10px;
    margin-left: 10px;
}

#TaskListMainDialog .pass-fail-type .ui-btn-pass {
    color: green;
    border: 1px solid green;
}

#TaskListMainDialog .pass-fail-type .ui-btn-fail {
    color: red;
    border: 1px solid red;
}

#TaskListMainDialog .ui-icon-check {
    margin-top: 3px;
    margin-right: 5px;
}

#TaskListMainDialog .ui-icon-pass-check {
    background-color: green;
}

#TaskListMainDialog .ui-icon-fail-check {
    background-color:red;
}

#TaskListMainDialog .ui-icon-none {
    margin-top: 3px;
    margin-right: 5px;
    width:18px;
    height:18px;
}

#TaskListMainDialog .ui-corner-left {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}

#TaskListMainDialog .ui-corner-right {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* Link Inventory */
#LinkInventoryQuantityDialog input[type=text] {
    width: 100%;
}
#LinkInventoryQuantityDialog .search-filters { margin-bottom: 1em; }
#LinkInventoryQuantityDialog .second-line { margin-top: 0.25em; }
#LinkInventoryQuantityDialog .item { font-weight:bold; font-size:14pt; height:25px; }
#LinkInventoryQuantityDialog .type { font-weight:normal; font-size:12pt; height:25px; }
#LinkInventoryQuantityDialog .model { font-weight:normal; font-size:12pt; }
#LinkInventoryQuantityDialog .quantity { margin-right: 3px; margin-top: 6px;  }
#LinkInventoryQuantityDialog .quantityControl {height:35px; width:35px;}
#LinkInventoryQuantityDialog .addMore { margin-top: 15px; }
#LinkInventoryQuantityDialog .notes {font-size:9pt; font-weight:bold; font-style:italic; text-align:right; padding-bottom:15px;  } 
#LinkInventoryQuantityDialog #LinkInvScreen3 {width:100%; position:absolute; top:90px; display:none;}
#LinkInventoryQuantityDialog #LinkInvScreen3 #WarningDialogTable {width:100%;}
#LinkInventoryQuantityDialog #LinkInvScreen3 #WarningDialogInner {background-color:White; font-size:12pt; font-weight:bold; width:245px; border:1px solid gray; padding:3px; }
#LinkInventoryQuantityDialog #LinkInvScreen3 .warningLabel { font-size:13pt; font-weight:bold; text-align:center; width:100%;}
#LinkInventoryQuantityDialog #LinkInvScreen3 .warningText  { font-size:13pt; font-weight:bold; text-align:left;   margin:0 5px 0 3px;}
#LinkInventoryQuantityDialog #LinkInvScreen3 .errorText    { font-size:12pt; font-weight:bold; color:Red; text-align:left; margin-left:5px;}
#LinkInventoryQuantityDialog #LinkInvScreen3 .warningButtons { margin:10px 0 10px 0; height:15px;}
#LinkInventorySelectDialog input[type=text] { width: calc(100% - 4px); }
#LinkInventorySelectDialog .search-filters { margin-bottom: 1em; }

/* Appointment Link */
#AppointmentLinkMainDialog #WorkerTypesContainer a[workerType='c'] { padding-left:20px; padding-right:20px; }
#AppointmentLinkMainDialog #WorkerTypesContainer a[workerType='s'] { padding-left:40px; padding-right:40px; }
#AppointmentLinkMainDialog #WorkerTypesContainer { margin-bottom: 1em; }
#AppointmentLinkMainDialog .clickableUnit { cursor:pointer; }
#AppointmentLinkMainDialog .hidden { display:none; }
#AppointmentLinkMainDialog .dateBar { margin-bottom:1em; font-size:8pt; font-weight:bold; display:none; }
#AppointmentLinkMainDialog .DateControlContainer { margin-bottom:4px; }
#AppointmentLinkMainDialog .dateBar .LeftBuffer { margin-left:10px; }
#AppointmentLinkMainDialog .dateBar select { font-size:8pt; }
#AppointmentLinkMainDialog .dateBar input[type=text] { width: 80px; font-size:8pt; }
#AppointmentLinkMainDialog .dateBar #AppointmentStartTime { width: 30px;}
#AppointmentLinkMainDialog .dateBar #AppointmentEndTime { width: 30px;}
#AppointmentLinkMainDialog #calendarButton { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px;}
#AppointmentLinkMainDialog input[type=text] { width: 100%; }
#AppointmentLinkMainDialog .search-filters { margin-bottom: 1em; }
#AppointmentLinkMainDialog .second-line { margin-top: 0.25em; }
#AppointmentLinkMainDialog .worker { font-weight:bold; font-size:12pt; }
#AppointmentLinkMainDialog .trades { font-weight:normal; font-size:10pt; }
#AppointmentLinkMainDialog .TimeEntry { font-weight:normal; font-size:10pt; width:85px; text-align:left; cursor:pointer; }
#AppointmentWarningDialog { width:100%; position:absolute; top:90px; display:none; }
#AppointmentWarningDialog li { padding-bottom:5px; }
#AppointmentWarningDialog #WarningDialogTable {width:100%;}
#AppointmentWarningDialog #WarningDialogInner {background-color:White; font-size:12pt; font-weight:bold; width:285px; border:1px solid gray; padding:3px; }
#AppointmentWarningDialog .warningLabel { font-size:13pt; font-weight:bold; text-align:center; width:100%;}
#AppointmentWarningDialog .warningText  { font-size:13pt; font-weight:bold; text-align:left;   margin:0 5px 0 3px;}
#AppointmentWarningDialog .errorText    { font-size:12pt; font-weight:bold; color:Red; text-align:left; margin-left:5px;}
#AppointmentWarningDialog .warningButtons { margin:10px 0 10px 0; height:15px;}
#ConflictOverrideWorkerTypesContainer a[workerType='c'] { padding-left:20px; padding-right:20px; }
#ConflictOverrideWorkerTypesContainer a[workerType='s'] { padding-left:40px; padding-right:40px; }
#ConflictOverrideWorkerTypesContainer { margin-bottom: 1em; }
#AppointmentLinkConflictOverrideDialog input[type=text] { width: 100%; }
#AppointmentLinkConflictOverrideDialog .search-filters { margin-bottom: 1em; }
#AppointmentLinkConflictOverrideDialog .second-line { margin-top: 0.25em; }
#AppointmentLinkConflictOverrideDialog .worker { font-weight:bold; font-size:12pt; }
#AppointmentLinkConflictOverrideDialog .trades { font-weight:normal; font-size:10pt; }
#AppointmentLinkConflictOverrideDialog label { font-weight:bold; font-size:10pt; display:block; }
#AppointmentLinkConflictOverrideDialog textarea { width:100%; height:4em; }
#AppointmentLinkConflictOverrideDialog .item { margin-bottom: .75em; }
#AppointmentLinkConflictOverrideDialog .orreason { margin:5 40 15 40; }
#AppointmentLinkConflictOverrideDialog .ornolabel { margin:5 40 5 40; }

/* Worker Assignment*/
#WorkerAssignMainDialog #WorkerAssignWorkerTypesContainer a[workerType='c'] { padding-left:20px; padding-right:20px; }
#WorkerAssignMainDialog #WorkerAssignWorkerTypesContainer a[workerType='s'] { padding-left:40px; padding-right:40px; }
#WorkerAssignMainDialog #WorkerAssignWorkerTypesContainer { margin-bottom: 1em; }
#WorkerAssignMainDialog .assign-me-container a { float: right; margin-bottom: 10px; }
#WorkerAssignMainDialog .clickableUnit { cursor:pointer; }
#WorkerAssignMainDialog .hidden { display:none; }
#WorkerAssignMainDialog .dateBar { margin-bottom:1em; font-size:8pt; font-weight:bold; display:none; }
#WorkerAssignMainDialog .DateControlContainer { margin-bottom:4px; }
#WorkerAssignMainDialog .dateBar .LeftBuffer { margin-left:10px; }
#WorkerAssignMainDialog .dateBar select { font-size:8pt; }
#WorkerAssignMainDialog .dateBar input[type=text] { width: 80px; font-size:8pt; }
#WorkerAssignMainDialog .dateBar #AppointmentStartTime { width: 30px;}
#WorkerAssignMainDialog .dateBar #AppointmentEndTime { width: 30px;}
#WorkerAssignMainDialog #calendarButton { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px;}
#WorkerAssignMainDialog input[type=text] { width: 100%; font-size: 28px; }
#WorkerAssignMainDialog .search-filters { margin-bottom: 1em; }
#WorkerAssignMainDialog .second-line { margin-top: 0.25em; }
#WorkerAssignMainDialog .worker { font-weight:bold; font-size:12pt; }
#WorkerAssignMainDialog .trades { font-weight:normal; font-size:10pt; }
#WorkerAssignMainDialog .TimeEntry { font-weight:normal; font-size:10pt; width:85px; text-align:left; cursor:pointer; }
#WorkerAssignMainDialog { position:absolute; left: 0px; top:0px; right: 0px; bottom: 0px; }
#WorkerAssignMainDialog li { padding-bottom:5px; }
#AppointmentWarningDialog #WarningDialogTable {width:100%;}
#AppointmentWarningDialog #WarningDialogInner {background-color:White; font-size:12pt; font-weight:bold; width:285px; border:1px solid gray; padding:3px; }
#AppointmentWarningDialog .warningLabel { font-size:13pt; font-weight:bold; text-align:center; width:100%;}
#AppointmentWarningDialog .warningText  { font-size:13pt; font-weight:bold; text-align:left;   margin:0 5px 0 3px;}
#AppointmentWarningDialog .errorText    { font-size:12pt; font-weight:bold; color:Red; text-align:left; margin-left:5px;}
#AppointmentWarningDialog .warningButtons { margin:10px 0 10px 0; height:15px;}
#ConflictOverrideWorkerTypesContainer a[workerType='c'] { padding-left:20px; padding-right:20px; }
#ConflictOverrideWorkerTypesContainer a[workerType='s'] { padding-left:40px; padding-right:40px; }
#ConflictOverrideWorkerTypesContainer { margin-bottom: 1em; }
#WorkerAssignAppointmentLinkConflictOverrideDialog input[type=text] { width: 100%; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .search-filters { margin-bottom: 1em; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .second-line { margin-top: 0.25em; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .worker { font-weight:bold; font-size:12pt; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .trades { font-weight:normal; font-size:10pt; }
#WorkerAssignAppointmentLinkConflictOverrideDialog label { font-weight:bold; font-size:10pt; display:block; }
#WorkerAssignAppointmentLinkConflictOverrideDialog textarea { width:100%; height:4em; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .item { margin-bottom: .75em; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .orreason { margin:5 40 15 40; }
#WorkerAssignAppointmentLinkConflictOverrideDialog .ornolabel { margin:5 40 5 40; }

/* Driver Assignment */
#DriverAssignMainDialog input[type=text] { width: 100%; font-size: 28px; }
#DriverAssignMainDialog #DriverAssignWorkerTypesContainer a[workerType='c'] { padding-left:20px; padding-right:20px; }
#DriverAssignMainDialog #DriverAssignWorkerTypesContainer a[workerType='s'] { padding-left:40px; padding-right:40px; }
#DriverAssignMainDialog #DriverAssignWorkerTypesContainer { margin-bottom: 1em; }
#DriverAssignMainDialog .hidden { display:none; }
#DriverAssignMainDialog .search-filters { margin-bottom: 1em; }
#DriverAssignMainDialog .worker { font-weight:bold; font-size:12pt; }
#DriverAssignMainDialog .trades { font-weight:normal; font-size:10pt; }
#DriverAssignMainDialog .TimeEntry { font-weight:normal; font-size:10pt; width:85px; text-align:left; cursor:pointer; }

/* Time Entry */
#WorkOrderTimeEntry .TimerContainer { font-size:12pt; margin:10px 70px 6px 70px;}
#WorkOrderTimeEntry label { font-weight: bold; width:100%; text-align:left; display: block; } 
#WorkOrderTimeEntry select { width:100%; } 
#WorkOrderTimeEntry input[type=text] { width:85%; padding:3px 0px 3px 0px; overflow:hidden; height:12px; font-size:10pt; } 
#WorkOrderTimeEntry .TimerContainer .item {margin-bottom: .75em; }
#WorkOrderTimeEntry .timerButton { background: #222; background-color: #222; display: inline-block; padding: 5px 10px 6px; color: #fff;  text-decoration: none;  font-weight: bold;  line-height: 1; -moz-border-radius: 10px; -webkit-border-radius: 10px;  -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222;  position: relative; cursor: pointer; }
#WorkOrderTimeEntry .start { background-color: #096B14; margin-top:15px; margin-bottom:7px; padding:7px 25px 10px; font-size:12pt;}
#WorkOrderTimeEntry .stop { background-color: #C7232D; margin-top:5px; padding:7px 25px 10px; font-size:12pt;}
#WorkOrderTimeEntry #TimerText { font-size: 32pt; font-weight:bold; color:Black; }
#WorkOrderTimeEntry #PreviousTimeMessage { font-size:11pt; font-style:italic; font-weight:normal; color:Black; margin:10px 10px 50px 10px; }
#WorkOrderTimeEntry #ExsistingTimeEntriesContainer { font-size:10pt; font-weight:bold; margin:10px 0 0 0; }

/* Fixed Asset */
#AssetDetailPage .details { margin: 1em; }
#AssetDetailPage .details .item {margin-bottom: .75em; }
#AssetDetailPage label { font-weight: bold; display: block; }
#AssetDetailPage input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden; }
#AssetDetailPage textarea { width:100%; padding:3px 0px 3px 0px;  }
#AssetDetailPage select { width:100%; }
#AssetDetailPage input[type=text][DatePicker] { width:85%; height: 12px; }
#AssetDetailPage #AssetPurchaseDate { width:100px; }
#AssetDetailPage #AssetPurchaseCost { width:100px; height:12px;}
#AssetDetailPage #AssetEstLifespanYears  { width:45px; height:12px; }
#AssetDetailPage #AssetEstLifespanMonths  { width:45px; height:12px; }
#AssetDetailPage #AssetPurchaseTable { width:100%; }
#AssetDetailPage #AssetPurchaseTable td { padding-bottom:1em; }
#AssetDetailPage #AssetWarrantyExpireDate { width:90%; }
#AssetDetailPage #ResidentOwnedLabel { font-weight: bold; margin-right:5px; }

/* New Request */
#NewRequestDetailPage .details { margin: 1em; }
#NewRequestDetailPage .details .item {margin-bottom: .75em; }
#NewRequestDetailPage label { font-weight: bold; display: block; }
#NewRequestDetailPage input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }
#NewRequestDetailPage textarea { width:100%; padding:3px 0px 3px 0px;  }
#NewRequestDetailPage select { width:100%; }
#NewRequestAssignForm a[toggleType='c'] { padding-left:20px; padding-right:20px; }
#NewRequestAssignForm a[toggleType='v'] { padding-left:30px; padding-right:30px; }
#NewRequestAssignForm #RequestToggleContainer { margin-bottom: 1em; }
#NewRequestAssignForm .bold { font-weight:bold; }
#NewRequestAssignForm .search-filters { margin-bottom: 1em; }
#NewRequestAssignForm input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }

#EmailNotifycationSelectAssignForm input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }
#EmailNotifycationSelectAssignForm a[toggleType='v'] {
    padding-left: 30px;
    padding-right: 30px;
}
#EmailNotifycationSelectAssignForm .search-filters {
    margin-bottom: 1em;
}
#EmailNotifycationSelectAssignForm #RequestToggleContainer {
    margin-bottom: 1em;
}

/* Accept Request Dlg */
#RequestDetailsDialog #RequestAttachmentsContainer .second-line { margin-top: 0.45em; }
#RequestDetailsDialog #RequestAttachmentsContainer .item { font-weight:bold; font-size:14pt; }
#RequestDetailsDialog #RequestAttachmentsContainer .type { font-weight:normal; font-size:12pt; }
#RequestDetailsDialog #RequestAttachmentsContainer .size { color:gray; margin-right: 25px; }
#RequestDetailsDialog #RequestAttachmentsContainer .model { font-weight:normal; font-size:12pt; }
#RequestDetailsDialog #RequestAttachmentsContainer .download { background-image: url(/Content/Mobile/Images/download-icon.png); height:15px; width:15px; border: 0px solid black; position:relative; margin-right: 10px; top:2px;}
#RequestDetailsDialog .vlist a { font-weight: bold; padding: 0.8em; }
#RequestDetailsDialog .vlist > li { padding: 0 17px 0 3px; }

#RequestDetailsDialog #RequestDownloadNotifyContainer { margin-top: 10px; margin-bottom: 10px; width:100%; }
#RequestDetailsDialog #RequestDownloadNotifyInnerContainer 
{ 
    background: #D8EACE;     
    background-color: #D8EACE; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#RequestDetailsDialog #RequestDownloadNotifyInnerContainer #RequestDownloadNotification { font-size:10pt; font-style:italic; font-weight:normal; }

/* Find Anything */
#FindAnythingPage .root-link { font-weight: bold; padding: .5em 0 .5em 0; font-size: 14px; }
.findanything-dialog input[type="text"] { width: 100%; margin-bottom: 1em; }
#FindAnyWorkOrderDialog .subject { font-weight: bold; }
#FindAnyWorkOrderDialog .second-line { margin-top: 0.25em; }
#FindAnyWorkOrderDialog .labor-assignment { font-style: italic; color: Gray; }
#FindAnyFixedAssetDialog .subject { font-weight: bold; }
#FindAnyFixedAssetDialog .second-line { margin-top: 0.25em; }
#FindAnyFixedAssetDialog .item { font-weight:bold; font-size:14pt; color: #105B7E;}
#FindAnyFixedAssetDialog .type { font-weight:normal; font-size:12pt; }
#FindAnyFixedAssetDialog .model { font-weight:normal; font-size:12pt; }
#FindAnyInventoryDialog .second-line { margin-top: 0.25em; }
#FindAnyInventoryDialog .item { font-weight:bold; font-size:14pt; height:25px; }
#FindAnyInventoryDialog .type { font-weight:normal; font-size:12pt; height:25px; }
#FindAnyInventoryDialog .model { font-weight:normal; font-size:12pt; }

/* Contacts */
#ContactDetailPage { font-size: 14px; }
#ContactDetailPage .displayname { font-weight: bold; }
#ContactDetailPage .contacts-header { text-decoration: underline; font-weight: bold; margin-top: 0.75em; }
#ContactDetailPage .organization-contact { margin-top: 0.75em; }
#ContactDetailPage .contact-priority { background-color: #688037; padding: 4px; color: White; }

/* Survey */
#SurveyListPage input[type=text] { width: 100%; }
#SurveyListPage .search-filters { margin-bottom: 1em; }
#SurveyListPage .second-line { margin-top: 0.25em; }
#SurveyListPage .third-line { margin-top: 0.25em; }
#SurveyListPage .fourth-line { margin-top: 0.25em; }
#SurveyListPage .name { font-weight:bold; font-size:12pt; }
#SurveyListPage .location { font-weight:normal; font-size:10pt; white-space: normal; }
#SurveyListPage .person { font-weight:normal; font-size:10pt; }
#SurveyListPage .time { font-weight:normal; font-size:10pt; }
#SurveyDetailDialog .question { margin: 5px 5px 10px 5px; }
#SurveyDetailDialog .questionText { font-weight:bold; font-size:11pt; width:85%; }
#SurveyDetailDialog .checkTable { width:100%; margin-bottom:.25em; }
#SurveyDetailDialog .checkAllAnswer { width: 90px; height: 25px; padding: 8px 5px 3px 5px; border: 1px solid black; cursor:pointer; font-weight: bold; margin-bottom: 5px; }
#SurveyDetailDialog .checkAnswer { width: 55px; height: 25px; padding: 8px 5px 3px 5px; border: 1px solid black; cursor:pointer; }
#SurveyDetailDialog .answer { font-weight:bold; font-size:11pt; }
#SurveyDetailDialog .circle { display: block; width: 35px; height: 35px; background: black; -moz-border-radius: 40px; -webkit-border-radius: 40px; margin: 5px; cursor:pointer; }
#SurveyDetailDialog .circleInner { position:relative; left:1px; top:1px; display: block; width: 33px; height: 33px; background: white; -moz-border-radius: 40px; -webkit-border-radius: 40px; }
#SurveyDetailDialog .circleText { position:relative; top:9px; left:13px; }
#SurveyDetailDialog .completebutton { margin-top:10px; }
#SurveyDetailDialog .save-or-complete-button { margin-top:10px; }
#SurveyDetailDialog .answer-selected { background: green; }
#SurveyDetailDialog .answer-not-selected { background: white; }

#triggerWoDialog .italic {
    font-style: italic;
}
#triggerWoDialog .template-name {
    margin: 20px 0px 20px 0px;
    font-weight: bold;
}
#triggerWoDialog .location-select-label {
    margin-bottom: 20px;
    font-weight: bold;
}
#dialogLocationContainer {
    border: 1px solid black;
    padding: 1px;
    width: 99%;
    height: initial;
    -webkit-box-shadow: rgba(0, 0, 0, 0.199219) 0px 1px 4px inset;
}

#SurveyDetailCommentDialog .commentContentForm { padding:5px 7px 15px 5px; }

#SurveyListPage .item {margin-bottom: .75em;  margin-top: 1em; }
#SurveyListPage label { font-weight: bold; display: block; margin-bottom:.25em; }
#SurveyListPage .surveyName { margin:5px 0px 5px 8px; font-size:12pt; font-weight:bold; }
#SurveyListPage .surveyCheck { visibility:hidden; }
#SurveyListPage .surveyWhoSection { background-color:#F2F2F2; width:95%; border: 1px solid grey; padding: 10px 5px 0px 10px; }
#SurveyListPage .surveyWhoSection input[type=radio] { margin-right: 15px; }
#SurveyListPage .surveyWhoLabel { font-size: 11pt; font-weight:bold; margin-right:10px;}
#SurveyListPage .surveyWhoText { font-size: 11pt; font-weight:normal; }

#AddSurveyPage #AddNewSurveyMainContainer { margin: 1em 0 1em 0; }
#AddSurveyPage .vlist a { font-weight: bold; padding: 0.8em; }
#AddSurveyPage .vlist > li { padding: 0 17px 0 3px; }
#AddSurveyPage .vlist > li.container-header { padding: 0.4em 7px; }

#AddSurveyPage #AddSurveyTemplateDialog .content { margin: 1em 0 1em 0; }
#AddSurveyPage .rate-staff-buttons { padding: 0.4em 7px; border: 1px solid gray; }
#AddSurveyPage .lbl-no { margin-right: 4px; color: #000; display: inline; }
#AddSurveyPage .rating-staff-required .lbl-no { margin-right: 4px; color: #999; display: inline; }
#AddSurveyPage .lbl-yes { margin-left: 4px; color: #9bc29c; display: inline; }
#AddSurveyPage .rating-staff-required .lbl-yes { margin-left: 4px; color: #007e02; display: inline; }
#AddSurveyPage .switchery-column { width: 150px; text-align: center; }
#AddSurveyPage .choose-worker { text-align: left; padding-bottom: 0.3em; }

#AddSurveyTemplateDialog #DepartmentsContainer { margin-bottom:1em; }
#AddSurveyTemplateDialog .vlist a { font-weight: bold; padding: 0.8em; }
#AddSurveyTemplateDialog .vlist > li { padding: 0 17px 0 3px; }
#AddSurveyTemplateDialog .vlist > li.container-header { padding: 0.4em 7px; }
#AddSurveyTemplateDialog .search-filters { margin-bottom: 1em; }
#AddSurveyTemplateDialog input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }

/* Status Update */
#StatusUpdatePage .status { padding:5px 0px 5px 0px; }
#StatusUpdatePage .name { font-size:12pt; font-weight:bold; margin-left:1px; }
#StatusUpdatePage .item {margin-bottom: .75em; }
#StatusUpdatePage label { font-weight: bold; display: block; margin-bottom:.25em; }
#StatusUpdatePage input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }
#StatusUpdatePage textarea { width:100%; padding:3px 0px 3px 0px;  }
#StatusUpdatePage .visibleToRequestorLabel { font-weight: bold; margin: 0px 10px 0px 0px; }
#StatusUpdatePage .completeFields { padding-top: 25px; width:100%;  display:none;}
#StatusUpdatePage #StatusUpdateCompletionDate { width: 85px; }
#StatusUpdatePage #StatusUpdateCompletionTime { width: 45px; }
#StatusUpdatePage #StatusUpdateAMPM { height: 25px; }
#StatusUpdatePage #RejectedOrCancelledReason { width: 100%; }
#StatusUpdatePage .StatusUpdateMostRecentNoteLabel { font-weight:bold; display:block; margin-bottom:.25em; }
#StatusUpdatePage HR { margin:20px 10px 10px 10px; color:#808080;}

#StatusUpdatePage .completeFields table { width: 100%; margin-bottom:10px; }
#StatusUpdatePage #calendarButton { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px;}
#StatusUpdatePage .completeFields .StatusUpdateCompletedLabel { font-weight:bold; }

/* Status Complete*/
#StatusUpdateCompletePage .page { padding:10px; } 
#StatusUpdateCompletePage label { font-weight: bold; display: block; margin-bottom:.25em; }
#StatusUpdateCompletePage .visibleToRequestorLabel { font-weight: bold; margin: 0px 10px 0px 0px; }
#StatusUpdateCompletePage #calendarButton { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px;}
#StatusUpdateCompletePage .completeFields { padding-top: 15px; padding-bottom: 15px; width:100%;  display:block; }
#StatusUpdateCompletePage .completeFields table { width: 100%; margin-bottom:10px; }
#StatusUpdateCompletePage .completeFields .StatusUpdateCompletedLabel { font-weight:bold; }
#StatusUpdateCompletePage #StatusUpdateCompletionDate { width: 85px; }
#StatusUpdateCompletePage #StatusUpdateCompletionTime { width: 45px; }
#StatusUpdateCompletePage #StatusUpdateAMPM { height: 25px; }
#StatusUpdateCompletePage .StatusCompleteMostRecentNoteLabel { font-weight:bold; display:block; margin-bottom:.25em; }
#StatusUpdateCompletePage textarea { width:100%; padding:3px 0px 3px 0px;  }
#StatusUpdateCompletePage HR { margin:20px 10px 10px 10px; color:#808080;}
#StatusUpdateCompletePage .status { padding: 5px 0px 10px 0px; }
#StatusUpdateCompletePage .item {margin-bottom: .75em; }
#StatusUpdateCompletePage .name { font-size:9pt; font-weight:bold; margin-left:1px; }
#StatusUpdateCompletePage .role { font-size:8pt; margin-left:1px; color: Gray; }
#StatusUpdateCompletePage .laborListHeader { background-color:#017D80; color: white;}
#StatusUpdateCompletePage .laborItem { }
#StatusUpdateCompletePage .completionTime { background-color:white; color:black; border: 1px solid gray; padding: 4px; font-size: 8pt; width:75px; overflow:hidden;}
#StatusUpdateCompletePage .LogTimeContainer { padding-right: 30px; padding-left: 30px; display:none; }
#StatusUpdateCompletePage .LogTimeHeader { background-color:#0E73A5; color: white; font-size: 9t; text-align:center; }
#StatusUpdateCompletePage .LogTimeBody { padding: 5px;}
#StatusUpdateCompletePage .LogHours { width: 50px; }
#StatusUpdateCompletePage .LogMinutes { width: 60px; }

#StatusUpdateCompletePage #StatusCompleteCompletionDate { width: 85px; }
#StatusUpdateCompletePage #StatusCompleteCompletionTime { width: 45px; }

#StatusUpdateCompletePage #TaskListContainer .TaskListItems { border: 1px solid gray; /*width: 366px;*/ }
#StatusUpdateCompletePage #TaskItems{ padding: 0px; }
#StatusUpdateCompletePage .CompletionTaskListTable{ width:100%; }
#StatusUpdateCompletePage .CompletionTaskListTable th:nth-child(1)  { height: 17px; width: 15px; }
#StatusUpdateCompletePage .CompletionTaskListTable th{ text-align:left; font-size: 10pt;  }
#StatusUpdateCompletePage .CompletionTaskListTable tbody tr:nth-child(2n+1) {background-color: #f1f1f8}
#StatusUpdateCompletePage .CompletionTaskListTable tbody td:nth-child(1)  { max-width:15px;}
#StatusUpdateCompletePage .CompletionTaskListTable tbody td:nth-child(2)  { }
#StatusUpdateCompletePage .CompletionTaskListTable tbody td:nth-child(3)  { }
#StatusUpdateCompletePage .CompletionTaskListTable tbody td:nth-child(4)  { }
#StatusUpdateCompletePage .CompletionTaskListTable tbody td:nth-child(5)  { }
#StatusUpdateCompletePage .CompletionTaskListTable tbody td:nth-child(6)  { max-width:15px;}

#StatusUpdateCompletePage .CompletionTaskListTable tbody td{text-align:left; vertical-align: top;  padding-bottom: 10px;}
#StatusUpdateCompletePage .CompletionTaskListTable tbody .TaskItemContent { word-wrap:break-word; overflow-wrap:break-word; max-height: 125px; overflow:hidden; padding-right:5px; max-width: 100% }
#StatusUpdateCompletePage .CompletionTaskListTable tbody .Billable { color: green;}

#StatusUpdateCompletePage .CompletionTaskListTable .hidden { display:none; }
#StatusUpdateCompletePage .CompletionTaskListTable .TaskComplete {
    background: url('/Content/images/GreenCheckMark.png') no-repeat center center !important; 
    height: 17px;
    width: 15px;
    position:relative;
    top: 0px;       
}

/* LocationDetailDialog */
#PickTemplateDialog .subject, #LocationDetailDialog .subject { font-weight: bold; }
#PickTemplateDialog .second-line, #LocationDetailDialog .second-line { margin-top: 0.25em; }
#PickTemplateDialog .labor-assignment, #LocationDetailDialog .labor-assignment { font-style: italic; color: Gray; }
#PickTemplateDialog .timeago, #LocationDetailDialog .timeago { font-size:8pt; font-style: italic; color: Gray; }
#PickTemplateDialog .dateLabel, #LocationDetailDialog .dateLabel { font-size:9pt; color: #ff6000; }
#LocationRequestDetailsDialog .location { font-weight: bold; }
#LocationRequestDetailsDialog .notes { margin-bottom: 1em; }
#LocationRequestDetailsDialog .worksource, #LocationRequestDetailsDialog .updatedby { font-style: italic; }
#LocationRequestDetailsDialog .worksource { margin-top: 2em; }
#LocationRequestDetailsDialog .actions { padding: .5em .5em 1em .5em; }
#LocationWorkOrderPage .details { margin: 1em; }
#LocationWorkOrderPage .details .item { margin-bottom: .75em; }
#LocationWorkOrderPage input[type=text] { width: 100%; }
#LocationWorkOrderPage #txtDueDateLocation { width: 90%; }
#LocationWorkOrderPage label { font-weight: bold; display: block; }
#LocationWorkOrderPage a { text-decoration: none; }
#LocationWorkOrderContainer .backbutton { margin: .5em 0 1em 1em; }
#LocationWorkOrderContainer .link-bar { margin-bottom: 2px; }
#LocationWorkOrderContainer #detailtextLocation { width: 100%; height: 4em; }
#LocationWorkOrderContainer select { width: 100%; }
#LocationWorkOrderContainer #tasklist a, #LocationWorkOrderContainer #location a { color: Black; }
.disabledLinks { opacity: .4; cursor: pointer; }

#LocationWorkOrderPage .Appointment .item { margin-bottom: .0em; }
#LocationWorkOrderPage .Appointment #LocationAppointmentTable { width:100%; }
#LocationWorkOrderPage .Appointment label { font-weight: bold; margin-bottom:.1em; }
#LocationWorkOrderPage .Appointment select { font-size:8pt; width:50px; }
#LocationWorkOrderPage .Appointment #LocationAppointmentStartTime { width: 35px; font-size:8pt;}
#LocationWorkOrderPage .Appointment #LocationAppointmentEndTime { width: 35px; font-size:8pt;}
#LocationWorkOrderPage .Appointment .SaveButton { margin: .0em; }

#LocationWorkOrderPage #LocationSafetyNotesContainer { margin-top: 10px; width:100%; }
#LocationWorkOrderPage #LocationSafetyNotesInnerContainer 
{ 
    background: #FFCA30;     
    background-color: #FFCA30; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#LocationWorkOrderPage #LocationSafetyNotesInnerContainer #LocationNoteTitle { font-size:10pt; font-weight:bold; }
#LocationWorkOrderPage #LocationSafetyNotesInnerContainer #LocationNoteText { font-size:10pt; font-style:italic; font-weight:normal; }

#LocationWorkOrderPage #LocationEntryInstContainer { margin-top: 10px; width:100%; }
#LocationWorkOrderPage #LocationEntryInstInnerContainer 
{ 
    background: #D8EACE;     
    background-color: #D8EACE; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#LocationWorkOrderPage #LocationEntryInstInnerContainer #LocationEntry { font-size:10pt; font-weight:bold; }
#LocationWorkOrderPage #LocationEntryInstInnerContainer #LocationEntryNotes { font-size:10pt; font-style:italic; font-weight:normal; }
#LocationWorkOrderPage #LocationEntryInstInnerContainer #LocationOtherNotes { font-size:10pt; font-style:italic; font-weight:normal; }

#LocationWorkOrderPage .ProjectDetailPane { background-color: #FFFFD0; border: 1px solid #FFAE35; padding:5px; margin-bottom: 20px; display:none; }
#LocationWorkOrderPage #calendarButtonLocation { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px; float:right; left:-10px; }
#LocationWorkOrderPage .LocationStatusUpdateMostRecentNoteLabel { font-weight:bold; display:block; margin-bottom:.25em; }

#TripContainer .backbutton
{
    margin: .5em 0 1em 1em;
}

#TripContainer .link-bar-tiny {
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #fff !important;
    background-color: #002743;
    font-weight: bold;
}

#TripContainer .icon
{
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
    margin-left: 5px;
    border: 0px solid red;
    margin-right: 5px;
}

#TripContainer .icon-AccessiblityRequired
{
    float: right;
    background: url('/Content/images/AccessibleVehicleRequired.png') no-repeat;
}

#TripContainer .icon-CaregiverRequired
{
    float: right;
    background: url('/Content/images/CaregiverRequired.png') no-repeat;
}

#TripContainer .icon-SpecialNotes
{
    background: url('/Content/images/SpecialNotes.png') no-repeat;
}

#TripContainer .Name
{
    font-weight: bold;
}

#TripContainer .SpecialNotes
{
    color: gray;
}

#TripContainer .hideoverflowtrip
{
    overflow: hidden;
    text-overflow: ellipsis;
}
#TripContainer .link-bar { margin-bottom: 2px; }

#PickTemplateDialog input[type=text] { width: 100%; }
#PickTemplateDialog .search-filters { margin-bottom: 1em; }

/* Trip Completion*/
#TripCompletionPage label { font-weight: bold; display: block; margin-bottom:.25em; }
#TripCompletionPage #calendarButton { background-image: url(/Content/Mobile/Images/calendar-16.png); height:16px; width:16px; border: 0px solid black; position:relative; top:2px;}
#TripCompletionPage .completeFields { padding-top: 15px; padding-bottom: 15px; width:100%;  display:block; }
#TripCompletionPage .completeFields table { width: 100%; margin-bottom:10px; }
#TripCompletionPage .completeFields .StatusUpdateCompletedLabel { font-weight:bold; }
#TripCompletionPage #StatusUpdateCompletionDate { width: 85px; }
#TripCompletionPage #StatusUpdateCompletionTime { width: 45px; }
#TripCompletionPage #StatusUpdateAMPM { height: 25px; }
#TripCompletionPage .StatusCompleteMostRecentNoteLabel { font-weight:bold; display:block; margin-bottom:.25em; }
#TripCompletionPage textarea { width:100%; padding:3px 0px 3px 0px;  }
#TripCompletionPage HR { margin:20px 10px 10px 10px; color:#808080;}
#TripCompletionPage .status { padding: 5px 0px 10px 0px; }
#TripCompletionPage .item {margin-bottom: .75em; }
#TripCompletionPage .name { font-size:9pt; font-weight:bold; margin-left:1px; }
#TripCompletionPage .role { font-size:8pt; margin-left:1px; color: Gray; }
#TripCompletionPage .visibleToRequestorLabel { font-weight: bold; margin: 0px 10px 0px 0px; }
#TripCompletionPage #StatusCompleteCompletionDate { width: 85px; }
#TripCompletionPage #StatusCompleteCompletionTime { width: 45px; }

#TripDirectionContainer .backbutton { margin: .5em 0 1em 1em;}

#TripPage #EntryInstContainer { margin-top: 10px; margin-bottom: 10px; width:100%; }
#TripPage #EntryInstInnerContainer 
{ 
    background: #D8EACE;     
    background-color: #D8EACE; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#TripPage #EntryInstInnerContainer #OtherNotes { font-size:10pt; font-style:italic; font-weight:normal; }

/* Attachment */
#AttachmentMainDialog input[type=text] { width: 100%; }
#AttachmentMainDialog .search-filters { margin-bottom: 1em; }
#AttachmentMainDialog .second-line { margin-top: 0.45em; }
#AttachmentMainDialog .item { font-weight:bold; font-size:14pt; }
#AttachmentMainDialog .type { font-weight:normal; font-size:12pt; }
#AttachmentMainDialog .model { font-weight:normal; font-size:12pt; }
#AttachmentMainDialog .size { color:gray; vertical-align: top; }
#AttachmentMainDialog .download { background-image: url(/Content/Mobile/Images/download-icon.png); height:15px; width:15px; border: 0px solid black; position:relative; margin-right: 10px; top:2px;}
#AttachmentMainDialog .vlist a { font-weight: bold; padding: 0.8em; }
#AttachmentMainDialog .vlist > li { padding: 0 17px 0 3px; }
#AttachmentMainDialog .file-accept-list { margin-top : 10px; text-align: center; }
#AttachmentMainDialog label { font-weight: bold; display: block; }

#UploadAttachmentMainDialog .max-size-limit-container {
    display: inline-block;
    transform: translateY(15%);
}
#UploadAttachmentMainDialog .upload-item { border-bottom-color: gray; border-bottom-width: thin; border-bottom-style: solid; padding-bottom: 10px }
#UploadAttachmentMainDialog .upload-item-progress { width: 100px; }
#UploadAttachmentMainDialog .upload-item-note { margin-top: 2px; }
#UploadAttachmentMainDialog .upload-item:last-child { border-bottom: none }
#UploadAttachmentMainDialog .file-accept-list { margin-top : 10px }
#UploadAttachmentMainDialog .item { margin-bottom: 5px }
#UploadAttachmentMainDialog .remove-upload-item { float: right; font-size: small; padding-top: 15px; }
#UploadAttachmentMainDialog .details { margin: 1em; }
#UploadAttachmentMainDialog .details .item { margin-bottom: .75em; }
#UploadAttachmentMainDialog input[type=text] { width: 100%; }
#UploadAttachmentMainDialog label { font-weight: bold; display: block; }
#AttachmentMainDialog #DownloadNotifyContainer { margin-top: 10px; margin-bottom: 10px; width:100%; }
#AttachmentMainDialog #DownloadNotifyInnerContainer 
{ 
    background: #D8EACE;     
    background-color: #D8EACE; 
    display: inline-block; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    width:85%;
    margin: 0 0 0 0;
    padding: 4px 8px 8px 8px;
    border: 1px solid grey; 
    position: relative; 
    text-align:left;
}
#AttachmentMainDialog #DownloadNotifyInnerContainer #Notification { font-size:10pt; font-style:italic; font-weight:normal; }

/*SignatureMainDialog*/
#SignatureMainDialog .link-button {
    font-weight: bold;
}

/*AddSignatureMainDialog*/
#AddSignatureMainDialog .signature-frame {
    position: absolute;
    font-size: 10px;
    width: 700px;
    height: 300px;
    top: 50px;
    left: 50%;
    margin-left: -350px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
}

#AddSignatureMainDialog .signature-frame:before, .signature-frame:after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 40%;
    height: 10px;
    left: 20px;
    bottom: 10px;
    background: transparent;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    -moz-transform: skew(-3deg) rotate(-3deg);
    -ms-transform: skew(-3deg) rotate(-3deg);
    -o-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
}

#AddSignatureMainDialog .signature-pad-body {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 60px;
    border: 1px solid #f4f4f4;
}

#AddSignatureMainDialog .signature-pad-body canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
}

#AddSignatureMainDialog .signature-pad-footer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    height: 40px;
}

#AddSignatureMainDialog .signature-pad-footer .description {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 1.8em;
}

    #AddSignatureMainDialog .signature-pad-footer .button.clear {
        left: 0;
        position: absolute;
        bottom: 0;
        padding: 1px 6px;
        background-color: #FFFFFF;
        border: 1px solid #bcbcbc;
        font-size: 16px;
        color: #002743;
    }

#AddSignatureMainDialog .signature-pad-footer .button.save {
    right: 0;
    position: absolute;
    bottom: 0;
    padding: 1px 6px;
    background-color: #017D80;
    border: 1px solid #017D80;
    font-size: 16px;
    color: white;
}

@media screen and (max-width: 1024px) {
  #AddSignatureMainDialog .signature-frame {
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    min-width: 250px;
    min-height: 150px;
    max-height: 250px;
    margin: 5%;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #AddSignatureMainDialog .signature-frame {
    margin-top: 10%;
    margin-left: 10%;
    margin-bottom: 10%;
    margin-right: 10%;
  }
}

@media screen and (max-height: 320px) {
  #AddSignatureMainDialog .signature-pad-body {
    left: 0;
    right: 0;
    top: 0;
    bottom: 32px;
  }
  #AddSignatureMainDialog .signature-pad-footer {
    left: 20px;
    right: 20px;
    bottom: 4px;
    height: 28px;
  }
  #AddSignatureMainDialog .signature-pad-footer
    .description {
      font-size: 1em;
      margin-top: 1em;
    }
}

/*AddSignatureStaffTypeMainDialog*/
#AddSignatureStaffTypeMainDialog .content {
    margin-left: 1.5em;
    margin-right: 1.5em;
}

#AddSignatureStaffTypeMainDialog .signature-picture-container {
    border: 1px solid gray;
}

#AddSignatureStaffTypeMainDialog .signature-img {
    display:block;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
}

#SignatureMainDialog .signature-img {
    max-width: 90%;
}

#AddSignatureStaffTypeMainDialog .staff-type-picker-container {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#AddSignatureStaffTypeMainDialog label {
    font-weight: bold;
}

#AddSignatureStaffTypeMainDialog input[type=text] {
    height: 2em;
    width: 100%;
}

/*Request Reroute Page*/
#RequestReroutePage .item
{
    margin-bottom: .75em;
}
#RequestReroutePage .notifyRequestorLabel
{
    margin-top: 10px;
}
#RequestReroutePage label
{
    font-weight: bold;
    display: block;
    margin-bottom: .25em;
}
#RequestReroutePage select
{
    width: 100%;
}
#RequestReroutePage textarea
{
    width: 100%;
    margin: 3px 0px 3px 0px;
}

#WorkOrderListPage .center-pop-up
{
    width: 26em;
    margin-top: -4em;
    margin-left: -8em;
}
#WorkOrderListPage #additionalListUL {
    margin-top: 15px;
    padding-bottom: 5px;
}


#ShowUpComingRoundPage .button {
    text-align: center;
    background: #009966;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #aaaaaa;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 40px;
}
#ShowUpComingRoundPage .button.started {
    background: #98CABA;
}
#ShowUpComingRoundPage .button.not-started {
    line-height: 40px;
    vertical-align: middle;
}

#ShowUpComingRoundPage .button-title {
    font-weight: bold;
    font-size: large;
    color: white;
}

#ShowUpComingRoundPage .started-by {
    color: white;
}

#ShowUpComingRoundPage .checkpoints-containers li {
    position: relative;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
    padding: 6px;
}

    #ShowUpComingRoundPage .checkpoints-containers li:first-of-type {
        border-top: 1px solid gray;
    }

    #ShowUpComingRoundPage .checkpoints-containers li.checked-in {
        background: lightgray;
    }

    #ShowUpComingRoundPage .checkpoints-containers li.skipped {
        background: lightgray;
    }

    #ShowUpComingRoundPage .checkpoints-containers li .unit-name {
        font-weight: bold;
        margin-bottom: 2px;
    }

    #ShowUpComingRoundPage .checkpoints-containers li .check-in-by {
        color: gray;
    }

    #ShowUpComingRoundPage .checkpoints-containers li .ui-icon-arrow-r {
        position: absolute;
        right: 5px;
        top: 50%;
        transform: translateY(-50%);
    }

    #ShowUpComingRoundPage .checkpoints-containers li .checkpoint-note {
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

#ShowRoundCheckpoint .checkpoint-image-container {
    position: relative;
    min-height: 400px;
}
#ShowRoundCheckpoint .checkpoint-image {
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 400px;
}

#ShowRoundCheckpoint .checkpoint-menu {
    height: 100%;
    position: absolute;
    left: 0px;
    right: 0px;
}

#ShowRoundCheckpoint .checkpoint-menu table {
    width: 100%;
    height: 100%;
    margin-top: 40px;
}

#ShowRoundCheckpoint .checkpoint-menu table tr.extra-height {
    height: 100px;
}

#ShowRoundCheckpoint .checkpoint-menu .col div {
    display: block;
}

#ShowRoundCheckpoint .checkpoint-menu .col1 {
    width: 33%;
}

#ShowRoundCheckpoint .checkpoint-menu .col2 {
    width: 33%;
}

#ShowRoundCheckpoint .checkpoint-menu .col3 {
    width: 33%;
}

#ShowRoundCheckpoint .button {
    max-width: 100%;
    text-align: center;
    background: #0099CC;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #aaaaaa;
    margin: 5px 10px 0 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 30px;
    font-weight: bold;
    color: white;
}

#ShowRoundCheckpoint .button-checkin {
    background: #009966;
}

#ShowRoundCheckpoint .barcode-checkin-sw, #ShowRoundCheckpoint .barcode-checkin-hw {
    display: inline-block !important;
    width: 45%;
    font-size: 13px;
}
#ShowRoundCheckpoint .barcode-checkin-sw { margin-right: 3px; }
#ShowRoundCheckpoint .barcode-checkin-hw { margin-left: 3px; }

#ShowRoundCheckpoint .button-checkin.checked-in {
    background: darkgray;
    font-size: small;
}


#ShowRoundCheckpoint .button-incident {
    background: #E06500;
}

#ShowRoundCheckpoint .button-more {
    
}

#ShowRoundCheckpoint .button-skip-checkpoint.skipped {
    background: darkgray;
    font-size: small;
}

#ShowRoundCheckpoint .button-note {
    
}

#ShowRoundCheckpoint .button-request {
    
}

#ShowRoundCheckpoint .checkpoint-location {
    position: relative;
    margin-top: 20px;
}

#ShowRoundCheckpoint .unit-name {
    font-weight: bold;
    margin: 10px;
}

#ShowRoundCheckpoint .unit-note {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#ShowRoundCheckpoint .button-next {
    display: inline-block;
    float: right;
    text-align: right;
    padding: 4px;
    margin-right: 10px;
    width: 70px;
    border: solid 1px gray;
    border-radius: 4px;
}

#AddSecurityNotePage  #noteText {
    min-height: 200px;
}

#ShowIncidentPage .details { margin: 1em; }
#ShowIncidentPage .details .item {margin-bottom: .75em; }
#ShowIncidentPage label { font-weight: bold; display: block; }
#ShowIncidentPage input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }
#ShowIncidentPage textarea { width:100%; padding:3px 0px 3px 0px;  }
#ShowIncidentPage select { width:100%; }

#ShowIncidentPage #requestDetailsTextArea {
    min-height: 80px;
}
#ShowIncidentPage .button {
    color: #fff;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    font-weight: bold;
    font-size: large;
    border-radius: 8px;
    background-color: #017D80;
    text-decoration: none;
    text-shadow: 0 -1px 1px #254f7a;
    border-radius: 25px;
    line-height: 18px;
}

#ShowIncidentPage .attachments-container  {
    margin-bottom: 10px;
}
#ShowIncidentPage .attachments-container .attachment-name {
    color: gray;
    font-weight: bold;
}
#ShowIncidentPage .attachments-container .attachment-description {
    color: gray;
}
#ShowIncidentPage .link-bar .display-text {
    white-space: nowrap;
    overflow: hidden;
    max-width: 90%;
    display: inline-block;
}

#incidentPartiesPage label {
    font-weight: bold;
    display: block;
}
#incidentPartiesPage select {
    width: 100%;
}
#incidentPartiesPage textarea {
    width: 100%;
    min-height: 80px;
}
#incidentPartiesPage .selected-parties-container {
    margin: 10px;
}
#incidentPartiesPage .selected-parties-container .parties-item {
    padding: 10px;
    border: solid 1px lightgray;
}
#incidentPartiesPage .selected-parties-container .party-type {
    font-size: large;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 8px;
}
#incidentPartiesPage .selected-parties-container .party-name {
    font-size: larger;
    font-weight: bold;
    padding-top: 5px;
}
#incidentPartiesPage .selected-parties-container .parties-item .phone-container {
    padding-bottom: 5px;
}
#incidentPartiesPage .selected-parties-container .parties-item .phone {
    min-width: 100px;
    display: inline-block;
}
#incidentPartiesPage .selected-parties-container .party-location {
    padding-bottom: 8px;
}
#incidentPartiesPage .selected-parties-container .contact-info-container {
    padding-bottom: 8px;
}
#incidentPartiesPage .selected-parties-container .party-involvement-container {
    margin-top: 5px;
}
#incidentPartiesPage .selected-parties-container .party-notes-container {
    margin-top: 5px;
}
#incidentPartiesPage .selected-parties-container .parties-item.no-body-added {
    font-size: large;
    color: gray;
    text-align: center;
    margin: 10px;
}
#incidentPartiesPage .button {
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    padding: 10px;
    font-weight: bold;
    font-size: large;
    color: #002743 !important;
    font-weight: bold;
    background-color: white;
    text-decoration: none;
    border: solid 1.5px #bcbcbc;
    border-radius: 25px;
    line-height: 18px;
    margin-top: 2px;
}

#ShowSelectStaffOrResidentPage a[toggleType='c'] { padding-left:20px; padding-right:20px; }
#ShowSelectStaffOrResidentPage a[toggleType='v'] { padding-left:30px; padding-right:30px; }
#ShowSelectStaffOrResidentPage #PersonTypeContainer { margin-bottom: 1em; }
#ShowSelectStaffOrResidentPage .bold { font-weight:bold; }
#ShowSelectStaffOrResidentPage .search-filters { margin-bottom: 1em; }
#ShowSelectStaffOrResidentPage input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }

#AddAdHocPersonPage .content {
    margin: 1em;
}
#AddAdHocPersonPage .content .bounded-container {
    padding: 1em;
}
#AddAdHocPersonPage .content .item{
    margin-bottom: 0.75em;
}
#AddAdHocPersonPage label {
    font-weight: bold;
    display: block;
}
#AddAdHocPersonPage input[type=text] {
    width: 100%;
    padding: 3px 0px 3px 0px;
    overflow: hidden;
}

#showOutcomePage .details { margin: 1em; }
#showOutcomePage .details .item {margin-bottom: .75em; }
#showOutcomePage label { font-weight: bold; display: block; }
#showOutcomePage input[type=text] { width:100%; padding:3px 0px 3px 0px; overflow:hidden;  }
#showOutcomePage textarea { width:100%; padding:3px 0px 3px 0px;  }
#showOutcomePage select { width:100%; padding:3px 0px 3px 0px;}
#showOutcomePage .outcome-datetime-container table {
    width: 100%;
    margin-bottom: 10px;
}
#showOutcomePage .outcome-datetime-container #outcomeDateInput {
    width: 85px;
}
#showOutcomePage .outcome-datetime-container #outcomeTimeInput {
    width: 85px;
}
#showOutcomePage .outcome-datetime-container #outcomeTimeAMPMSelect {
    width: 45px;
}
#showOutcomePage #outcomeNoteTextArea {
    min-height: 80px;
}
#showOutcomePage .link-bar .display-text {
    white-space: nowrap;
    overflow: hidden;
    max-width: 90%;
    display: inline-block;
}

.incidents-list .subject, #IncidentsListPage .subject, .incidents-list .subject > span, #IncidentsListPage .subject > span { font-weight: bold; }
.incidents-list .second-line, #IncidentsListPage .second-line { margin-top: 0.25em; }
.incidents-list .labor-assignment, .incidents-list .description, #IncidentsListPage .labor-assignment { font-style: italic; color: Gray; }
.incidents-list .timeago, #IncidentsListPage .timeago, .round-li .round-duration { font-size:8pt; font-style: italic; color: Gray; }
.incidents-list .dateLabel, #IncidentsListPage .dateLabel, .round-li .round-expectedstarttime { font-size:9pt; color: #017D80; }
#IncidentsListPage .searchField { width: 100%; margin-bottom: 5px;}

#IncidentsListPage .content-protect-pane, #dailyLogsPage .content-protect-pane {
    z-index: 4;
    position: absolute;
    top: 0px;
    vertical-align: middle;
    background: rgba(241, 236, 236, 0.5);
    height: 100%;
    width: 100%;
    right: 0;
    text-align: center;
    line-height: 55px;
}

#AddReadingSelectMeterPage #meterSearchInput {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

#DownAssetsPage .assetName {
    font-weight: bold;
    font-size: 14pt;
    color: #002743;
}

#DownAssetsPage .woNumber a {
    font-weight: bold;
    color: #002743;
}

#DownAssetsPage #DownAssets li {
    border: 1px solid black;
}

#DownAssetsPage #DownAssets li:last-child {
    -moz-border-radius-bottomleft: .5em;
    -webkit-border-bottom-left-radius: .5em;
    border-bottom-left-radius: .5em;
    -moz-border-radius-bottomright: .5em;
    -webkit-border-bottom-right-radius: .5em;
    border-bottom-right-radius: .5em;
}

#DownAssetsPage #DownAssets li:first-child {
    -moz-border-radius-topleft: .5em;
    -webkit-border-top-left-radius: .5em;
    border-top-left-radius: .5em;
    -moz-border-radius-topright: .5em;
    -webkit-border-top-right-radius: .5em;
    border-top-right-radius: .5em;
}

#TheWorxHubLogo > img {
    width: calc(100% - 20px);
    max-height: 40px;
}

/* Ultra narrow screens */
@media screen and (max-width: 320px) {
    #LoginPage #LoginSubmit, 
    #ResetPasswordSubmit, 
    #LoginPage #ChangePasswordSubmit {
        width: 100%
    }
}

@media screen and (max-width: 220px) {
    #ResetPasswordPage #clientLogo img,
    #LoginPage #clientLogo img {
        width: 100%;
        max-width: 171px;
        max-height: 111px;
        width: 100%;
    }
}