@font-face {
  font-family: "HelveticaNeueUltraLight";
  src: url("helvetica_25_ultra_light-webfont.eot");
  src: url("helvetica_25_ultra_light-webfont.eot?#iefix") format("embedded-opentype"), url("helvetica_25_ultra_light-webfont.woff") format("woff"), url("helvetica_25_ultra_light-webfont.ttf") format("truetype"), url("helvetica_25_ultra_light-webfont.svg#HelveticaNeueUltraLight") format("svg");
  font-weight: normal;
  font-style: normal;
}
#dashboardAssessment {
  margin-bottom: 25px;
  padding-left: 20px;
}
#dashboardAssessment #dashboardAssessmentIcon {
  font-size: 30px;
  display: inline-block;
  vertical-align: middle;
}
#dashboardAssessment #dashboardAssessmentText {
  display: inline-block;
  vertical-align: middle;
}
#dashboardAssessment #dashboardAssessmentText h1 {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  font-size: 20px;
  color: rgb(238, 130, 15);
  margin-right: 15px;
  text-transform: none;
  position: relative;
  padding-left: 15px;
  margin-bottom: 0;
  display: inline-block;
}
#dashboardAssessment #dashboardAssessmentText h2 {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: rgb(102, 102, 102);
  text-transform: none;
  margin-bottom: 0;
  display: inline-block;
}
#dashboardAssessment.dashboardAssessmentStatus-assessed #dashboardAssessmentIcon, #dashboardAssessment.dashboardAssessmentStatus-assessed h1 {
  color: rgb(70, 192, 0);
}
#dashboardAssessment.dashboardAssessmentStatus-not-assessed #dashboardAssessmentIcon, #dashboardAssessment.dashboardAssessmentStatus-not-assessed h1 {
  color: rgb(208, 2, 27);
}
#dashboardAssessment.dashboardAssessmentStatus-pending #dashboardAssessmentIcon, #dashboardAssessment.dashboardAssessmentStatus-pending h1 {
  color: rgb(238, 130, 15);
}

#dashboardStats {
  text-align: center;
}
#dashboardStats header {
  margin: 10px 0 25px 0;
}
#dashboardStats header .dashboardStatCompanyName {
  color: rgb(238, 130, 15);
}
#dashboardStats header h1 {
  text-align: center;
  font-family: Nunito, Tahoma;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin: 0;
}
#dashboardStats .dashboardStatsContainer {
  display: table;
  width: 100%;
}
#dashboardStats .dashboardStatsContainer .dashboardStat {
  display: table-cell;
  padding: 15px;
  border-right: 1px solid rgb(180, 180, 180);
}
#dashboardStats .dashboardStatsContainer .dashboardStat h1 {
  font-family: Nunito, Helvetica;
  font-size: 42px;
  text-align: center;
  color: rgb(61, 60, 63);
}
#dashboardStats .dashboardStatsContainer .dashboardStat h1.dashboardStatStatus-warning {
  color: rgb(238, 130, 15);
}
#dashboardStats .dashboardStatsContainer .dashboardStat h1.dashboardStatStatus-alert {
  color: rgb(208, 2, 27);
}
#dashboardStats .dashboardStatsContainer .dashboardStat h2 {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  color: rgb(0, 105, 166);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-align: center;
}
#dashboardStats .dashboardStatsContainer .dashboardStat p {
  font-size: 10px;
  text-align: center;
}
#dashboardStats .dashboardStatsContainer .dashboardStat:last-child {
  border-right: 0;
}

#dashboard-it-updates {
  margin-bottom: 20px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}
#dashboard-it-updates li {
  margin-bottom: 20px;
}
#dashboard-it-updates li:last-child {
  margin-bottom: 0;
}
#dashboard-it-updates h1 {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  color: rgb(0, 105, 166);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 4px;
  margin-bottom: 15px;
}
#dashboard-it-updates .dashboard-it-update-heading {
  font-size: 12px;
  margin-bottom: 10px;
}
#dashboard-it-updates .dashboard-it-update-heading * {
  display: inline-block;
}
#dashboard-it-updates .dashboard-it-update-heading .dashboard-it-update-date {
  color: rgb(102, 102, 102);
  width: 60px;
}
#dashboard-it-updates .dashboard-it-update-heading .dashboard-it-update-title {
  color: rgb(61, 60, 63);
}
#dashboard-it-updates .dashboard-it-update-heading .dashboard-it-update-new {
  color: rgb(238, 130, 15);
}

body {
  --wa-font-family-body: $font-body, Helvetica, Arial, sans-serif !important;
  --wa-font-family-heading: $font-heading, Helvetica, Arial, sans-serif !important;
  margin: 0;
  padding: 0;
  font-family: Nunito, Helvetica, Arial, sans-serif, sans-serif;
  font-size: 62.5%;
  color: rgb(102, 102, 102);
  font-weight: normal;
  background-color: rgb(86, 70, 61);
  border-top: 5px solid rgb(238, 130, 15);
}

input, textarea, select, option {
  font-family: Nunito, Helvetica, Arial, sans-serif, sans-serif !important;
}

h1 {
  font-family: Nunito, Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.1em;
  text-align: left;
  font-weight: normal;
  padding-bottom: 3px;
  margin: 0 0 10px 0;
}

h1 a:hover {
  text-decoration: none;
  border-bottom: 1px solid rgb(238, 130, 15);
}

h3 {
  font-family: Nunito, Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.8em;
  text-align: left;
  font-weight: normal;
  padding-bottom: 3px;
  margin: 0 0 10px 0;
}

h2 + h3 {
  margin-top: -3px;
}

h4 {
  font-family: Nunito, Helvetica, Helvetica, Arial, sans-serif;
  font-size: 1.3em;
  line-height: 1.4em;
  text-align: left;
  color: rgb(102, 102, 102);
  font-weight: normal;
  margin: 0 0 15px 0;
}

h5 {
  font-family: Nunito, Helvetica, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  color: rgb(238, 130, 15);
  margin: 0 0 3px 0;
  font-weight: normal;
  line-height: 1.6em;
}

h6 {
  font-family: Nunito, Helvetica, Helvetica, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  text-align: left;
  margin: 0 0 10px 0;
}

p {
  margin: 0 0 15px 0;
  font-size: 1.1em;
  line-height: 1.6em;
  margin: 0 0 10px 0;
  text-align: left;
}

a {
  color: rgb(238, 130, 15);
  text-decoration: none;
}

a:hover {
  color: rgb(238, 130, 15);
  text-decoration: underline;
}

hr {
  color: rgb(238, 130, 15);
  background-color: rgb(238, 130, 15);
  height: 1px;
  margin: 10px 0 10px 0;
  border: 0;
  width: 100%;
  clear: both;
}

table {
  border-collapse: separate;
}

caption {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 5px;
  text-transform: lowercase;
  font-family: Nunito, Helvetica, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 2.3em;
  color: rgb(180, 180, 180);
}

ol {
  list-style: decimal;
  margin-left: 1.5em;
}

/* Colours */
.red {
  color: red;
}

.green {
  color: green;
}

.amber {
  color: rgb(238, 130, 15);
}

.blue {
  color: rgb(0, 105, 166);
}

.lightgrey {
  color: lightgrey;
}

/* Form elements */
label {
  margin-right: 10px;
  font-size: 1.1em;
  line-height: 1.2em;
  color: rgb(102, 102, 102);
  text-shadow: -1px -1px 1px white;
}

input[type=radio] + label,
input[type=checkbox] + label {
  margin-left: 5px;
}

select,
input {
  padding: 2px;
}

textarea {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  font-size: 1.2em;
  padding: 5px;
}

input:focus {
  background-color: white;
}

textarea:focus {
  background-color: white;
}

.buttonSubmit {
  margin-top: 10px;
}

td.buttonSubmit {
  padding-top: 10px;
  padding-bottom: 10px;
}

.generic {
  border: 1px solid rgb(200, 200, 200);
  background-color: rgb(245, 245, 245);
}

.row {
  clear: both;
  margin-bottom: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.rowHighlight {
  margin-left: -10px;
  padding: 7px 15px 7px 15px;
  border-left: 5px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
}

.rowError {
  border-left: 5px solid red;
}

.rowLowest {
  margin-bottom: 0;
}

.column {
  float: left;
  display: block;
  line-height: 2.4em;
}

.columnLeft {
  float: left;
  width: 50%;
}

.columnRight {
  float: right;
  width: 50%;
}

.inputWidth20 {
  width: 20px;
}

.inputWidth40 {
  width: 40px;
}

.inputWidth60 {
  width: 60px;
}

.inputWidth80 {
  width: 80px;
}

.inputWidth100 {
  width: 100px;
}

.inputWidth120 {
  width: 120px;
}

.inputWidth140 {
  width: 140px;
}

.inputWidth160 {
  width: 160px;
}

.inputWidth220 {
  width: 220px;
}

.inputWidth350 {
  width: 350px;
}

.inputWidth600 {
  width: 600px;
}

.inputWidth770 {
  width: 770px;
}

.inputInline {
  margin-right: 10px;
}

.replacecalendar {
  margin-right: 10px;
  position: relative;
  top: 2px;
}

.textareaLarge {
  width: 580px;
  height: 80px;
}

.textareaMedium {
  width: 542px;
  height: 80px;
}

.textareaSmall {
  width: 240px;
  height: 130px;
}

.textareaTiny {
  width: 260px;
  height: 50px;
}

.labelAlignTop {
  vertical-align: top;
}

.buttons {
  margin-left: 10px;
  vertical-align: middle;
  display: inline;
}

.buttonSmall {
  margin: 0 3px 0 3px;
  cursor: pointer;
}

.labelFixedWidth {
  display: block;
  float: left;
  width: 100px;
  line-height: 2em;
}

.labelFixedWidthSmall {
  width: 95px !important;
}

.labelFixedWidthBig {
  width: 130px !important;
}

.labelFixedWidth label {
  line-height: 2.4em;
}

.formTextNoInput {
  line-height: 2em;
  color: black;
}

.inlineLink {
  margin-left: 10px;
}

.inlineNote {
  display: inline;
  margin-left: 10px;
}

.inlineLabel {
  margin-left: 10px;
  margin-right: 10px;
}

.disabled {
  background-color: rgb(236, 236, 237);
}

.selectMultiple {
  width: 370px;
}

label.dark {
  font-weight: normal;
}

.linkHelp {
  border-bottom: 1px dotted black;
  cursor: help;
}

.underElement {
  margin-top: 10px;
}

.parsley-errors-list {
  margin-bottom: 5px;
}

.parsley-error {
  border-color: rgb(208, 2, 27);
}

.average {
  background-color: rgb(238, 130, 15);
  color: white !important;
}

.addUploadButton,
.addDesignerRiskUploadButton {
  display: block;
  margin-top: 10px;
  background-image: url("../images/icons/swp_add_small.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px;
  line-height: 2em;
}

.deleteUploadButton {
  margin-left: 25px;
  font-size: 0.8em;
}

.saved {
  display: inline-block;
  color: green;
}

.notsaved {
  display: inline-block;
  color: red;
}

.alertIcon {
  color: rgb(238, 130, 15);
  margin-right: 10px;
}

.required {
  font-style: italic;
  font-size: 9px;
  color: rgb(238, 130, 15);
}

/* Project Filter */
.filterRow {
  display: block;
  min-height: 20px;
}

.filterRow .filterColumn {
  float: left;
  display: block;
  vertical-align: middle;
}

.filterColumnRight {
  margin-left: 20px;
}

.filterColumn .linkOrange {
  line-height: 2em;
}

.labelFinishdate {
  margin-left: 10px;
}

.filterMPC {
  margin-right: 10px;
}

.project_archiveCheckbox {
  position: relative;
}

.project_deleteCheckbox {
  position: relative;
}

.archiveMultiple {
  margin: 0 0 0 -20px;
}

.deleteMultiple {
  margin: 0 0 0 -20px;
}

input.date-pick {
  width: 75px;
}

.filterButton {
  margin: 0 10px 0 10px;
}

.reportButton {
  display: inline;
}

.projects_filter .linkOrange {
  margin: 0 10px 0 0;
}

.filterLabel {
  margin: 0 15px 0 5px;
  line-height: 1.5em;
}

#filtermpccompany {
  width: 120px;
}

#adminReportFilter {
  margin-bottom: 20px;
}

/* Extra styles */
a.disabledAnchor,
a.disabledAnchor:hover {
  pointer-events: none !important;
  cursor: default;
}

.fullWidth #main,
.fullWidth #footer {
  width: auto !important;
  min-width: 960px;
}

.intro {
  font-size: 1.2em;
}

.clear {
  clear: both;
}

.dark {
  color: black;
  font-weight: bold;
}

.black {
  color: black;
}

.orange {
  color: rgb(238, 130, 15);
}

.red {
  color: red;
}

.float_right {
  float: right;
  margin: 0;
}

.orange_box {
  background-color: rgba(238, 130, 15, 0.2);
  margin: 0;
}

.grey_box {
  background-color: rgb(236, 236, 237) !important;
}

.heading {
  margin: 0 0px 20px 0px;
  display: block;
  color: black;
}

.headingCurrentPage {
  color: black;
}

.headingBreadcrumbArrow {
  color: rgb(238, 130, 15);
}

.headingSmall {
  color: black;
  margin-bottom: 15px;
}

.headingSmallMarginBottom {
  margin-bottom: 5px;
}

.headingMid {
  margin-top: 20px;
}

.alert {
  background-image: url("../images/icon_alert.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  line-height: 1.4em;
}

.alert.underTextField {
  margin-top: 5px;
  margin-left: 130px;
}

.largeAlert {
  background-color: black;
  padding: 15px;
  color: white;
  font-size: 120%;
}

.largeAlert p {
  margin: 0;
}

.tick {
  background-image: url("../images/icon_tick_green.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  line-height: 1.6em;
}

h4.tick,
h4.cross {
  margin-bottom: 0;
}

.cross {
  background-image: url("../images/icon_cross_red.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 30px;
  line-height: 1.6em;
}

.pending {
  background-image: url("../images/pending.gif");
  background-repeat: no-repeat;
  background-position: 5px;
  background-color: #EE820F;
  width: 250px;
  margin-top: 10px;
  padding: 5px 5px 5px 30px;
  color: white;
}

.menuDisabled {
  text-decoration: line-through;
}

.buttonRight {
  float: right;
  padding-right: 10px;
}

.buttonLowerOptions {
  margin: 10px 15px 20px 0px;
  cursor: pointer;
}

.linkLower {
  margin-top: 20px;
}

.linkOrange {
  text-align: left;
  font-weight: bold;
  color: rgb(238, 130, 15);
  text-decoration: underline;
  line-height: 1.5em;
}

.linkUnderline {
  text-decoration: underline;
}

.headingsBlack th,
.tableGeneric.headingsBlack th {
  color: black;
  font-weight: normal;
}

.watermark {
  color: rgb(150, 150, 150);
}

.headingWithSubHeading {
  margin-bottom: 5px;
}

.differentHSC {
  color: rgb(0, 198, 241) !important;
}

.messageSuccess {
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}

.messageSuccess * {
  margin: 0;
}

.messageLink {
  font-weight: bold;
}

.noteLower {
  margin-top: 20px;
}

.inlineLight {
  margin-top: 5px;
  margin-right: 10px;
}

.downloadRight {
  text-align: right;
  margin: 0;
}

.invalidInput {
  border: 1px solid red;
}

.validInput {
  border: 1px solid green;
}

.separatedLine {
  padding-top: 20px !important;
}

.columnUsername {
  background-position: right center !important;
  padding: 0;
}

.bottomMargin20 {
  margin-bottom: 20px;
}

.textWithRightMargin {
  margin-right: 300px;
}

/* Files */
.uploadedFiles {
  margin-bottom: 15px;
}

.uploadedFiles li {
  margin-bottom: 10px;
  color: rgb(150, 150, 150);
  font-size: 1.1em;
  line-height: 1.2em;
}

.filename {
  display: inline-block;
  width: 270px;
}

/* DatePicker */
.ui-datepicker-trigger {
  margin-left: 6px;
  cursor: pointer;
}

/* Loading */
#loading {
  position: absolute;
  top: 0;
  right: 0;
}

#loadingImage {
  display: inline;
  margin-left: 20px;
}

#loadingText {
  color: rgb(238, 130, 15);
  display: inline;
}

.loading-indicator {
  text-align: center;
  padding: 15px;
}

/* Main DIVs */
#container {
  width: 100%;
}

#logo_block {
  height: 168px;
  display: flex;
  align-items: center;
}
#logo_block #logo {
  flex: auto;
  padding-left: 60px;
}
#logo_block #logo img {
  max-height: 93px;
  max-width: 350px;
}

@supports not (display: flex) {
  #logo_block {
    padding-top: 60px;
    height: 93px;
  }
}
#main {
  width: 779px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#text {
  margin: 25px 50px 20px 60px;
  clear: both;
  position: relative;
  min-height: 650px;
}

#text_block {
  margin: 0;
  position: relative;
}

#page_Login #text_block {
  margin: 0 320px 0 0;
}

#picture {
  float: right;
  margin: 0 0 50px 0px;
  width: 280px;
}

/* Testing mode */
#testing {
  background-color: black;
  padding: 10px 10px 10px 60px;
}
#testing h4 {
  color: white;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}
#testing h4.alert {
  border: 0;
  padding: 0 0 0 20px;
  text-shadow: none;
  box-shadow: none;
}

/* IE warning */
#iewarning {
  background-color: rgb(255, 244, 154);
  border-bottom: 3px solid rgb(0, 0, 0);
  padding: 20px;
  color: black;
}

#iewarning h4 {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  display: block;
  float: left;
  font-weight: normal;
  font-size: 1.7em;
  line-height: 32px;
  margin: 0 20px 0 0;
  padding: 5px;
}

#iewarning img {
  margin-right: 5px;
  float: left;
}

#iewarning img a {
  text-decoration: none;
}

#iewarning h3 {
  font-family: Nunito, Helvetica, Arial, sans-serif;
  font-size: 1.9em;
  margin-bottom: 5px;
}

#iewarning p {
  font-size: 1.2em;
  color: rgb(102, 102, 102);
}

#iewarning a {
  color: black;
  text-decoration: none;
}

#iewarning a:hover {
  border-bottom: 1px black solid;
}

#iewarning .closebutton {
  float: right;
  font-size: 1.2em;
}

/* Adverts */
#homepage_advert {
  clear: both;
}

.adverts {
  color: white;
  background-color: rgb(86, 70, 61);
  border: 1px solid #999999;
  padding: 10px;
  width: 88px;
  height: 160px;
  float: left;
  margin-right: 6px;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-position: bottom;
}

.adverts .subheading {
  margin-bottom: 10px;
}

#advert1 {
  background-image: url("../images/pic_advert1_bkg.jpg");
}

#advert2 {
  background-image: url("../images/pic_advert2_bkg.jpg");
}

#advert3 {
  background-image: url("../images/pic_advert3_bkg.jpg");
}

.adverts p {
  line-height: 15px;
}

/* Header */
.headerTopRow {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.headerTopRow .headerLoggedInName {
  margin: 0;
}

.headerAddress {
  margin-top: 5px;
  text-align: right;
}

.headerProjectType {
  letter-spacing: 1px;
  position: relative;
  margin-left: 10px;
  top: -1px;
  right: -3px;
  background-color: rgb(102, 102, 102);
  padding: 0 7px 0 7px;
  border-radius: 2px;
  font-weight: normal;
  font-size: 0.8em;
  color: white;
  display: inline-block;
}

.cdm-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 35px 25px 35px;
  background-color: white;
  border-bottom: 1px solid #dee2e6;
  font-size: 12px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}
.cdm-header p {
  margin: inherit;
  line-height: inherit;
  font-size: 12px;
}

.cdm-header__left,
.cdm-header__right {
  display: flex;
  align-items: center;
}

.cdm-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-end;
}

.cdm-header__logo {
  height: 40px;
}

.cdm-header__user {
  font-weight: 500;
  font-size: 10px;
  color: #333;
}

.cdm-header__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.headerTopRow {
  display: flex;
  align-items: center;
  gap: 10px;
}

.headerLoggedInName {
  margin: 0;
}

.inlineHeaderMenu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}

.inlineHeaderMenu li {
  font-weight: bold;
}

#tabs {
  top: 0;
  z-index: 1020;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  overflow-x: auto;
  background-color: white;
  padding-right: 2.5rem;
}

#tabs > div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 40px;
  padding: 2px 10px;
  border-radius: 0 0 5px 5px;
  background-color: rgb(61, 60, 63);
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: pointer;
  transition: background 0.2s, transform 0.1s;
  white-space: nowrap;
  font-size: 10px;
}

.tab-text {
  margin-left: 10px;
}

#tabs > div:hover {
  background-color: rgb(238, 130, 15);
  transform: translateY(-1px);
}

/* Login */
#login_box {
  width: 280px;
  padding: 10px 12px 10px 15px;
  margin-bottom: 30px;
}

#login_box label {
  width: 60px;
  line-height: 1.8em;
  color: rgb(70, 70, 70);
  display: block;
  float: left;
  padding: 2px 0 1px 0;
}

#login_box input.login_text {
  float: right;
  margin: -31px 0 0 0;
}

#login_box select,
#login_box input,
#login_box textarea {
  line-height: 1.5em;
}

#login_box .row:last-of-type {
  margin-bottom: 0;
}

#page_Login #login_box {
  float: left;
  position: static;
  width: 100%;
}

/* Main menu */
.tabs {
  width: 100%;
  font-size: 10px;
}

.tabs ul {
  border-bottom: 1px solid #BBB;
  padding: 0px;
  background-image: url("../images/header_bg.jpg");
  text-indent: 10px;
  margin: 0 0 30px 0;
}

.tabs ul li {
  display: inline-block;
  color: white;
  font-size: 13px;
  height: auto;
  padding: 0 5px 0 0;
  white-space: nowrap;
}
.tabs ul li:first-child {
  margin-left: 25px;
}

.tabs ul li a {
  text-align: center;
  display: block;
  color: #333;
  padding: 5px 10px 5px 0;
  width: 100%;
  height: 100%;
}

.tabs ul li a.active {
  height: auto;
  background-image: url("../images/header_bg_active.jpg");
}

.tabs h3 {
  background: #EE820F;
  color: white;
  padding: 6px;
  margin-bottom: 0px;
  font-size: 13px;
  font-family: Tahoma, sans-serif;
  text-indent: 34px;
  cursor: pointer;
}

.tabs h3 a {
  float: right;
  color: white;
}

.tabs h3:hover {
  text-decoration: underline;
}

.tabs td a {
  color: #EE820F;
  text-decoration: none;
}

/* Breadcrumb trail */
#breadcrumb_trail {
  clear: both;
  margin-bottom: 20px;
  height: 40px;
}

#breadcrumb_trail li {
  float: left;
  font-size: 13px;
  display: block;
  padding-right: 15px;
  margin-bottom: 5px;
}

#breadcrumb_trail li.menuHide {
  display: none;
}

/* Panels */
.panelHeader {
  clear: both;
  position: relative;
}

.panelTitle {
  color: white;
  background-color: rgb(238, 130, 15);
  padding: 2px 5px 2px 40px;
  margin: 10px 0 0 0;
}

.panelTitle.grey {
  background-color: rgb(180, 180, 180);
}

.panelTitle.darkgrey {
  background-color: rgb(61, 60, 63);
}

.panelTitle_open h4 {
  margin: 0;
}

.panelTitle_closed h4 {
  margin: 0;
}

.panelTitle h4 {
  margin: 0;
}

.panelTitle a {
  color: white;
}

.panelTitle a:hover {
  color: white;
  text-decoration: underline;
}

.panelHeaderCheckboxes {
  position: absolute;
  /* right:20px; */
  left: 430px;
  top: 2px;
}

#page_general_information .panelHeaderCheckboxes {
  left: 310px;
}

.panelHeaderCheckboxes label {
  color: white;
  margin-left: 10px;
  margin-right: 5px;
  text-shadow: none;
}

.panelHeaderRadioPrefix {
  color: white;
  margin-right: 0;
  display: none;
}

.panelDisclosureArrow {
  display: block;
  float: left;
  width: 15px;
}

.panelContent {
  margin: 0 0 10px 0;
  padding: 0;
  background-color: rgba(238, 130, 15, 0.1);
  position: relative;
}
.panelContent td {
  vertical-align: middle;
  color: black;
}
.panelContent .row {
  overflow: hidden;
}

.panelHelp {
  padding: 10px 10px 10px 40px;
  background-color: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgb(180, 180, 180);
  overflow: auto;
  /* background-image:url('../images/bkg_arrow_paneloptions.png'); background-repeat:no-repeat; background-position:800px top; */
}

.panelHelp h6 {
  color: rgb(61, 60, 63);
  margin: 0;
  text-shadow: 1px 1px 1px white;
  line-height: 1.4em;
}

.panelOptions {
  padding: 10px 10px 10px 40px;
  background-color: rgba(238, 130, 15, 0.15);
  overflow: auto;
}

.panelOptions ul {
  list-style: none;
}

.panelOptions li {
  margin-right: 40px;
  display: block;
  float: left;
  line-height: 2em;
}

.panelOptions label {
  color: black;
}

.panelInset {
  padding: 15px 15px 15px 40px;
}

.panelInset .panelTitle {
  padding-left: 15px;
}

.panelInset .panelInset {
  padding-left: 15px;
}

.panelInset .panelContent {
  background-color: white;
}

.panelFooter {
  padding: 9px 10px 9px 40px;
  border-top: 1px solid rgba(238, 130, 15, 0.2);
  background-color: rgba(238, 130, 15, 0.3);
  overflow: auto;
  /*background-image:url('../images/bkg_arrow_panelfooter.png'); background-repeat:no-repeat; background-position:40px top; */
}

.panelFooter.withMarginTop {
  margin-top: 10px;
}

.panelFooter label {
  color: black;
}

.panelFooter * {
  margin-bottom: 0;
}

.panelJoined .columnLeft {
  display: none;
}
.panelJoined .columnRight {
  float: none;
}
.panelJoined .conAddress {
  display: none;
}
.panelJoined .panelTitle {
  margin-top: -20px;
  background-color: rgba(238, 130, 15, 0.2);
  color: black;
  padding-top: 20px;
}

.conDetails {
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 0;
  color: black;
}

.changeAddressLink {
  font-size: 0.7em;
  margin-left: 10px;
}

.conName {
  font-size: 1.3em;
  margin: 5px 0;
  color: black;
}

.conAddress {
  overflow: auto;
}
.conAddress .companyAddress {
  color: black;
}
.conAddress .companyAssessmentStatus {
  float: right;
  width: 285px;
  padding: 5px 5px 10px 20px;
  border-left: 1px solid rgb(180, 180, 180);
}
.conAddress .companyAssessmentStatus.assessed .companyAssessmentStatusText {
  color: rgb(70, 192, 0);
}
.conAddress .companyAssessmentStatus.not-assessed .companyAssessmentStatusText {
  color: rgb(208, 2, 27);
}
.conAddress .companyAssessmentStatus .companyAssessmentStatusText {
  font-size: 14px;
  margin-bottom: 5px;
}
.conAddress .companyAssessmentStatus .companyAssessmentStatusHint {
  font-size: 10px;
  color: rgb(102, 102, 102);
}
.conAddress .companyAssessmentStatus .companyAssessmentStatusIcon {
  margin-right: 5px;
}

.signoff-force {
  margin-top: 20px;
  font-size: 1.2em;
}

/* Comments */
.commentDelete {
  font-size: 1.1em;
  line-height: 1.6em;
}

/* Projects listing */
.notifiable {
  background-color: rgba(238, 130, 15, 0.1);
}

.notifiable:hover td {
  background-color: rgba(238, 130, 15, 0.2) !important;
}

.onhold td,
.onhold,
li.onhold {
  color: rgb(120, 120, 120) !important;
}

.onhold a {
  color: rgb(102, 102, 102);
}

.ignoredates,
li.ignoredates {
  text-decoration: line-through;
}

/* .projects_filter { margin:10px 0 25px 0; } */
.table_wrapper {
  position: relative;
  text-align: center;
}

.signoff_required {
  position: absolute;
  top: -3px;
  left: 30px;
  width: 35px;
  z-index: 200;
  text-align: left;
  padding: 2px 2px 2px 5px;
}

.legend {
  padding-bottom: 20px;
  color: black;
  clear: both;
}

.legend li {
  display: inline;
  margin-right: 20px;
  font-size: 1.1em;
}

.projectIcon {
  margin-right: 3px;
}

.project_buttoncommentsasbestos {
  border-left: 2px solid rgba(238, 130, 15, 0.1);
  padding-left: 5px !important;
  text-align: center !important;
}

.project_lights_asbestos,
th.project_buttoncommentsasbestos {
  border-right: 2px solid rgba(238, 130, 15, 0.1);
  padding-right: 5px !important;
  text-align: center !important;
}

.project_livesites_popout {
  visibility: hidden;
}

tr.tableRow:hover .project_livesites_popout {
  visibility: visible;
}

.popoutPanel {
  position: absolute;
  z-index: 300;
  background-color: white;
  padding: 5px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  margin-left: -5px;
  margin-top: -15px;
  width: 170px;
  height: 22px;
}

.popoutPanel .commentButton {
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.buttonProjectComplete {
  margin-left: 10px;
}

.hs_contact_select {
  width: 50px;
}

.arrow_box:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: white;
  border-width: 16px;
  top: 50%;
  margin-top: -16px;
}

/* Properties: Calendar */
#calendar {
  margin-top: 20px;
}

.fc-day-header,
th.fc-widget-header.fc-sun,
th.fc-widget-header.fc-mon,
th.fc-widget-header.fc-tue,
th.fc-widget-header.fc-wed,
th.fc-widget-header.fc-thu,
th.fc-widget-header.fc-fri,
th.fc-widget-header.fc-sat {
  background-color: rgb(238, 130, 15);
  color: white;
  padding: 6px !important;
}

.fc-event,
.qtip-content {
  font-family: Helvetica, Arial, sans-serif;
}

.fc-event:hover {
  background-color: rgb(238, 130, 15) !important;
  border-color: rgb(238, 130, 15) !important;
  cursor: pointer;
}

.qtip-content {
  font-size: 80%;
}

.ui-icon-close {
  background-color: rgb(255, 255, 255) !important;
  opacity: 0.7 !important;
}

.ui-icon-close:hover {
  opacity: 1 !important;
}

/* Properties listing */
.address_bun {
  width: 80px;
}

.address_town {
  width: 120px;
}

.address_projects {
  padding-right: 10px !important;
}

/* Property */
/* #panelPropertyDetails.panelContent { padding:10px 15px 0 0; } */
#panelPropertyDetails .row {
  margin-bottom: 5px;
  overflow: visible;
}

#linkEditProperty {
  float: right;
}

#propertyColumnRight {
  float: right;
  width: 282px;
}

#propertyAccommodation,
#propertyComments {
  clear: both;
  margin-top: 20px;
  border-top: 1px solid rgb(180, 180, 180);
  padding-top: 15px;
}

#propertyPicture img {
  display: block;
  width: 280px;
  border: 1px solid rgb(180, 180, 180);
  margin-bottom: 10px;
}

#propertyStatus {
  margin-bottom: 10px;
  padding: 5px 15px 5px 15px;
  background-color: rgb(102, 102, 102);
}

#propertyStatus label {
  text-shadow: none;
  color: white;
}

#propertyStatus h4 {
  color: white;
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
  line-height: 2em;
}

#panelPropertyDetails h4.addressName {
  color: black;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 2.2em;
}

#propertyDetailsFields {
  padding-top: 5px;
}

#propertyDetailsFields .row {
  clear: left;
}

.telephone {
  color: black;
}

#propertyDetailsFields {
  margin-right: 315px;
}

.telephone {
  font-size: 1.3em;
}

#propertyBuildingManager {
  margin-top: 40px;
}

#propertyBuildingManager h2 {
  color: black;
  font-size: 1.4em;
}

#address_comments {
  height: 100px;
}

#address_status2 {
  width: 446px;
}

/* Just to make it line up with the fields below */
.propertyInfo {
  border-collapse: collapse;
  font-size: 1em;
}

.propertyInfo th {
  padding-bottom: 10px !important;
}

.propertyInfo td {
  vertical-align: top !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.propertyInfo td p {
  margin-bottom: 0;
  font-size: 1em;
  line-height: 1em;
}

.linkViewLatest {
  padding-bottom: 10px;
}

.inspection_name {
  width: 130px;
  padding-left: 5px !important;
}

.inspection_contractor {
  width: 160px;
}

.inspection_on {
  width: 80px;
}

.inspection_next {
  width: 80px;
}

.propertyFileTitle {
  width: 600px;
}

.propertyFileDate {
  width: 100px;
}

.inspectionContractorDropdown + .status {
  margin-left: 10px;
}

.contractor-add {
  right: 15px;
  position: absolute;
  cursor: pointer;
}

.contractor-remove {
  margin-left: 10px;
  cursor: pointer;
}

/* Generic table */
.tableGeneric {
  width: 100%;
  /* width:610px; */
  position: relative;
}

.tableGeneric th,
.tableGeneric td {
  padding: 3px 0 3px 0;
  text-align: left;
}

.tableGeneric th {
  font-weight: bold;
  text-align: left;
  color: rgb(238, 130, 15);
  padding: 0 0 5px 0;
  vertical-align: bottom;
}

.tableGeneric .tableContactHeading {
  width: 100px;
}

.tableGeneric .tableContactName {
  width: 170px;
}

.tableGeneric .tableContactTel {
  width: 130px;
}

.tableGeneric.files .tableRow {
  font-size: 1.1em;
}
.tableGeneric.files .tableRow td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tableGeneric.files .tableRow td:first-child {
  padding-left: 5px;
}

.tableGeneric .project_lights_status {
  width: 45px !important;
  text-align: center !important;
}

.tableGeneric th.project_lights_signoffs,
.tableGeneric td.project_lights_signoffs {
  width: 45px;
  text-align: center;
}

.tableGeneric td {
  padding: 4px 4px 4px 0;
  vertical-align: middle;
  border-top: 1px solid rgba(238, 130, 15, 0.05);
  border-bottom: 1px solid rgba(238, 130, 15, 0.05);
}

.tableRow:hover td {
  background-color: rgba(238, 130, 15, 0.2);
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.withDividingLines td {
  border-top: 1px solid rgb(238, 130, 15);
  border-bottom: 1px solid rgb(238, 130, 15);
}

.withoutDividingLines td {
  border-top: 0;
  border-bottom: 0;
}

.itemHeading {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* Other tables */
.tableStats {
  width: 100%;
  border-collapse: separate;
}

.tableStats th {
  border-collapse: inherit;
  border-left: 2px solid rgba(238, 130, 15, 0.1);
  border-right: 2px solid rgba(238, 130, 15, 0.1);
  padding: 0 8px 8px 8px;
}

.tableStats td {
  border-collapse: inherit;
  font-size: 1.5em;
  background-color: white;
  padding: 8px;
  border-left: 2px solid rgba(238, 130, 15, 0.1);
  border-right: 2px solid rgba(238, 130, 15, 0.1);
}

.tableReports th {
  padding: 6px;
  text-align: center;
}

.tableReports td {
  color: rgb(61, 60, 63);
  font-size: 1.1em;
  padding: 6px;
  text-align: center;
}

/* Generic form */
.formGeneric td {
  padding: 3px 0 3px 0;
}

.formGeneric td.right_column {
  padding-left: 30px;
}

.formNewDetails {
  margin: 10px 0 10px 0;
}

/* Alert box */
.jqiwarning .jqi {
  background-color: white;
}

.jqifade {
  background-color: #56463D;
}

div.jqi {
  border: 8px solid rgb(238, 130, 15);
  position: absolute;
  background-color: white;
  /* background-image:url('../images/icon_alert_large.png'); background-position:25px center; background-repeat:no-repeat; padding: 20px 20px 20px 120px; */
  padding: 20px;
  width: 280px;
  -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
}

div.jqi .jqiclose {
  float: right;
  margin: -35px -10px 0 0;
  cursor: pointer;
  display: none;
}

div.jqi .jqicontainer {
  padding: 5px;
  color: black;
}

div.jqi .jqimessage {
  font-size: 1.2em;
  line-height: 1.6em;
  color: black;
  margin-bottom: 10px;
  text-align: center;
}

div.jqi .jqimessage textarea {
  font-size: 0.8em;
}

div.jqi .jqibuttons {
  text-align: center;
  padding: 5px 0 0 0;
}

div.jqi button {
  margin: 0 10px 0 0;
}

/* User Types */
#usertypesPassword {
  margin-top: 5px;
}

/* Edit Company */
.alertBar {
  background-color: black;
  padding: 15px 15px 10px 15px;
  color: white;
}
.alertBar ul {
  padding-left: 20px;
  margin: 0;
}
.alertBar ul li {
  color: white;
  margin-bottom: 5px;
  font-size: 11px;
}

.panelContent .alertBar {
  margin-bottom: 0;
  padding: 10px 10px 10px 40px;
  font-size: 11px;
}

.companyDetails {
  width: 64% !important;
}
.companyDetails .columnLeft, .companyDetails .columnRight {
  width: 50%;
}

.contactDetails {
  width: 34%;
}

#contactSelect {
  width: 100%;
}

.companyRoleSelect {
  display: block;
  margin-left: 130px;
  line-height: 2.2em;
  /* labelFixedWidth = 120px + 10px margin-right */
}

.companyRoleSelect * {
  line-height: inherit;
}

.contactUsertypes {
  column-count: 2;
  margin-top: 15px;
}
.contactUsertypes .contactUsertypeSelect {
  display: block;
  line-height: 2.2em;
  /* labelFixedWidth = 120px + 10px margin-right */
}

.contactUsertypeSelect * {
  line-height: inherit;
}

.contact_requirement_notrequired {
  display: inline-block;
  margin-left: 30px;
  font-size: 0.8em;
}

#contactQualifications {
  margin-top: 20px;
}

.reasonDescription {
  display: block;
  font-style: italic;
  line-height: 14px;
}

textarea.contact_requirements_reasons {
  width: 220px;
  height: 50px;
}

.admin_verified_date {
  margin-left: 10px;
}

.qualificationAlert {
  display: block;
}

/* Edit Site */
#idPrefix {
  margin-right: 5px;
  font-size: 1.1em;
}

/* Dashboard columns */
#columnLeft {
  margin-right: 275px;
}

#columnRight {
  float: right;
  width: 260px;
}

/* Dashboard boxes */
.boxGradient {
  position: relative;
  background-image: url("../images/bkg_gradientlight.gif");
  background-repeat: repeat-x;
  background-position: top left;
  background-color: white;
  padding: 15px;
  margin-bottom: 15px;
}

.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.shadow {
  border: 1px solid rgb(210, 210, 210);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.grid {
  background-image: url("../images/bkg_panel_grid.png");
  background-repeat: repeat;
}

.dashboardBoxHeader {
  margin-bottom: 20px;
  position: relative;
}
.dashboardBoxHeader h2 {
  font-size: 20px;
  font-weight: normal;
}

.dashboardIcon {
  position: absolute;
  right: 0;
  width: 27px;
  text-align: center;
}

.article {
  clear: left;
  margin-bottom: 10px;
}

.article a {
  text-decoration: underline;
  color: rgb(238, 130, 15);
}

.articleDate {
  display: block;
  float: left;
  width: 70px;
  line-height: 2.2em;
}

.articleContent {
  margin-left: 85px;
}

.articleTitle h5 {
  color: rgb(102, 102, 102);
}

.articleTitle h5 a {
  text-decoration: none;
}

.articleTitle h5 a:hover {
  text-decoration: underline;
}

.iconNew {
  margin-left: 5px;
}

/* #dashboardNotices { border:2px solid $colour-main; } */
#dashboardNotices h5, #dashboardNews h5 {
  font-size: 1.4em;
  margin-bottom: 1em;
}
#dashboardNotices p, #dashboardNews p {
  font-size: 1.2em;
}
#dashboardNotices ul, #dashboardNews ul {
  list-style-type: disc;
}
#dashboardNotices ul, #dashboardNotices ol, #dashboardNews ul, #dashboardNews ol {
  padding-left: 1.5rem;
  margin-left: 0;
  margin-bottom: 1.5rem;
}
#dashboardNotices ul li, #dashboardNotices ol li, #dashboardNews ul li, #dashboardNews ol li {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  font-size: 1.2em;
  line-height: 1.6em;
}
#dashboardNotices ul li p, #dashboardNotices ol li p, #dashboardNews ul li p, #dashboardNews ol li p {
  font-size: inherit;
}

#dashboardAttendance.boxGradient,
#dashboardNotices.boxGradient {
  background-color: rgba(238, 130, 15, 0.1);
  background-image: none;
}

#dashboardAttendance h2, #dashboardNotices h2 {
  color: black;
}

#linksList .listing {
  margin-bottom: 2.5em;
}

.dashboardNotice {
  margin-bottom: 25px;
}

.dashboardNotice h4 {
  font-size: 1.4em;
  margin-bottom: 10px;
}

/* Dashboard - reports */
#dashboardReports {
  background-color: rgba(238, 130, 15, 0.1);
  background-image: none;
}

#reportsContent {
  overflow: auto;
  color: rgb(102, 102, 102);
}

#reportsContent .columnLeft {
  width: 45%;
}

#reportsContent .columnRight {
  width: 55%;
}

#reportsContent .columnLeftContent {
  padding-right: 15px;
  padding-bottom: 10px;
  border-right: 1px solid rgb(180, 180, 180);
}

#reportsContent .columnRightContent {
  padding-left: 15px;
  padding-bottom: 10px;
}

.reportContractorColumn {
  text-align: left !important;
}

.tabsSmall {
  margin-top: 20px;
  background-image: url("../images/bkgTabLowerGradient.png");
  background-repeat: repeat-x;
  background-position: 0px 31px;
  height: 100px;
  margin-bottom: -65px;
  position: relative;
}
.tabsSmall li {
  font-size: 1.1em;
  display: block;
  float: left;
  background-color: rgb(238, 130, 15);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px;
  border-radius: 5px 5px 0 0;
  margin-right: 3px;
}
.tabsSmall li.selected {
  background-color: rgb(61, 60, 63);
  border-bottom: 0;
}
.tabsSmall li a {
  color: white;
}

#dashboardReportsContractorsDetail {
  min-height: 150px;
}

.aieItem {
  border-left: solid 3px rgb(238, 130, 15);
  padding-left: 15px;
  margin-bottom: 15px;
}

.removeAIE {
  float: right;
}

.dashboardPolicyBreach {
  color: rgb(0, 105, 166);
}

#dashboardAttendance p {
  color: rgb(102, 102, 102);
}

.attendanceProject, .dateConfirmationProject {
  padding: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  color: rgb(61, 60, 63);
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px dashed rgb(180, 180, 180);
  overflow: hidden;
}
.attendanceProject .name, .dateConfirmationProject .name {
  margin-bottom: 5px;
  color: black;
  font-weight: bold;
}
.attendanceProject .ref, .dateConfirmationProject .ref {
  margin-bottom: 2px;
}
.attendanceProject .overdue, .dateConfirmationProject .overdue {
  color: rgb(208, 2, 27);
}
.attendanceProject .icon, .dateConfirmationProject .icon {
  color: rgb(238, 130, 15);
}
.attendanceProject .icon.iconTick, .dateConfirmationProject .icon.iconTick {
  color: rgb(70, 192, 0);
}
.attendanceProject .files li, .dateConfirmationProject .files li {
  margin-bottom: 5px;
}
.attendanceProject .files .attendanceProjectFileTick, .dateConfirmationProject .files .attendanceProjectFileTick {
  color: rgb(70, 192, 0);
}
.attendanceProject .date, .dateConfirmationProject .date {
  color: rgb(102, 102, 102);
}
.attendanceProject .dateHighlight, .dateConfirmationProject .dateHighlight {
  color: black;
}
.attendanceProject .dateConfirmationStatus, .dateConfirmationProject .dateConfirmationStatus {
  display: inline-block;
}
.attendanceProject p, .dateConfirmationProject p {
  color: rgb(102, 102, 102);
}
.attendanceProject p:last-child, .dateConfirmationProject p:last-child {
  margin-bottom: 0;
}
.attendanceProject:last-child, .dateConfirmationProject:last-child {
  margin-bottom: 0;
}
.attendanceProject:hover, .dateConfirmationProject:hover {
  background-color: white;
}
.attendanceProject.uploaded, .dateConfirmationProject.uploaded {
  border-color: rgb(70, 192, 0);
}

.attendanceUploadAdd {
  color: rgb(238, 130, 15);
  margin-top: 10px;
  display: block;
  float: right;
}

.attendanceUploadDelete {
  color: rgb(208, 2, 27);
}

#dashboardLower {
  clear: both;
}

/* Dashboard - bubble */
.bubble {
  position: absolute;
  z-index: 1000;
  top: -50px;
  right: 0;
  width: 413px;
  background-color: rgb(238, 130, 15);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  padding: 15px;
  color: white;
}

.bubble h2 {
  color: white;
  margin-bottom: 5px;
}

.bubble h3 {
  margin-bottom: 15px;
  margin-top: 20px;
}

.bubble h3.bubbleHeading {
  margin-top: 0;
  font-size: 2em;
}

.bubble p {
  margin: 0 0 15px 0;
  clear: both;
}

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

.bubble a {
  color: white;
}

.bubble_close {
  text-transform: uppercase;
  float: right;
  font-size: 0.9em;
}

.bubble_close a {
  text-decoration: underline;
}

.bubble.largeAlert {
  width: 400px;
  padding: 30px;
  top: 170px;
  left: 190px;
}

.bubble.largeAlert h1 {
  font-size: 4.5em;
  margin-bottom: 40px;
}

.bubble.largeAlert p {
  font-size: 1.8em;
  margin-bottom: 15px;
}

.bubble.largeAlert .bubble_close {
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 1.4em;
}

.bubbleRight {
  width: 200px;
  height: 120px;
  top: -33px;
}

.bubbleLeft {
  right: 240px;
  width: 200px;
  height: 120px;
  top: -33px;
}

.bubbleAcross {
  width: auto;
  height: auto;
  top: auto;
  position: static;
  margin-top: -15px;
  margin-bottom: 25px;
}

.bubble p.reveal {
  margin-top: 20px;
  margin-bottom: 0;
}

/* Dashboard - countdown box */
#dashboardCountdowns .articleContent {
  margin-left: 0;
}

.countdownTimer {
  margin: 0 0 15px 0;
  clear: left;
}

/* Dashboard - contact box */
#dashboardContact {
  overflow: auto;
}

#dashboardContact label {
  width: 50px;
  vertical-align: top;
  display: block;
  float: left;
  line-height: 2.2em;
}

#dashboardContact .generic {
  width: 150px;
}

#dashboardContact select {
  width: 150px;
}

textarea#inputContactMessage {
  height: 100px;
}

input#inputContactSubmit {
  float: right;
}

/* Dashboard - links box */
#dashboardLinks {
  overflow: auto;
}

ul#linksList li {
  display: block;
  float: left;
  margin: 5px 5px 0 0;
  text-align: center;
  width: 110px;
  height: 75px;
  vertical-align: middle;
  overflow: hidden;
  padding: 5px;
}

ul#linksList li:hover {
  cursor: pointer;
}

ul#linksList li.listing {
  text-align: left;
  width: auto;
  height: auto;
  color: rgb(238, 130, 15);
  float: none;
  padding: 0 0 0 0;
  margin-bottom: 20px;
  cursor: auto;
}

.listing h4 {
  font-size: 1.4em;
}

ul#linksList li.new {
  background-image: url("../images/icon_new.gif");
  background-position: left 6px;
  background-repeat: no-repeat;
}

ul#linksList li.new.listing {
  background-position: 4px left;
}

.linkLabel {
  display: block;
  margin-top: 5px;
  line-height: 1.2em;
  color: rgb(238, 130, 15);
}

ul#linksList li:hover .linkLabel {
  text-decoration: underline;
}

#dashboardNotices p.linkStrapline {
  color: rgb(102, 102, 102);
  font-size: 1.2em;
  line-height: 1.4em;
}

#noticesContent p {
  color: rgb(61, 60, 63);
}

.bottomLink {
  margin-bottom: 0 !important;
}

#panelNewsletters,
#usefulDownloads {
  overflow: auto;
}

#panelNewsletters,
#usefulDownloads ul#linksList li {
  width: 95px;
}

#panelNewsletters,
#usefulDownloads ul#linksList li.listing {
  width: auto;
  height: auto;
  margin-bottom: 15px;
}

#panelNewsletters,
#usefulDownloads ul#linksList li:hover {
  background-color: rgba(238, 130, 15, 0.2);
  cursor: pointer;
}

#panelNewsletters,
#usefulDownloads ul#linksList li.nolink:hover {
  cursor: default;
}

.fileOption {
  margin-right: 5px;
}

/* Projects - Useful Downloads */
.listSmallPDF {
  background-image: url("../images/pic_pdf_icon_sl.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  line-height: 2.5em;
  font-size: 1.2em;
}

/* Table (from Reporting System) */
.trBackLight {
  background-color: transparent;
}

.trBackDark {
  background-color: rgba(238, 130, 15, 0.1);
}

.tableBackLight {
  background-color: #FAFAFA;
  border-left-width: thin;
  border-left-style: solid;
  border-left-color: #FFFFFF;
}

.tableBackDark {
  background-color: #F4F4F4;
  border-left-width: thin;
  border-left-color: #FFFFFF;
}

.generated_report {
  background-color: rgba(238, 130, 15, 0.2);
}

.generated_report_inset {
  padding: 20px 30px 10px 40px;
}

table.themeGrey {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid white;
  border-bottom: 1px solid rgb(150, 150, 150);
  font-size: 1.1em;
}

table.themeGrey th {
  text-align: left;
  font-weight: bold;
  color: black;
  padding: 5px;
  background-image: url("../images/header_bg.jpg");
  border-bottom: 1px solid #BBB;
  border-left: 1px solid white;
}

table.themeGrey th.centre {
  text-align: center;
}

table.themeGrey td {
  color: black;
  padding: 5px;
}

/* Projects */
#searchResults,
#searchResultsHeader,
#searchResultsContent {
  display: none;
}

#searchResults2,
#searchResultsHeader2,
#searchResultsContent2 {
  display: none;
}

#searchResults3,
#searchResultsHeader3,
#searchResultsContent3 {
  display: none;
}

#searchResults4,
#searchResultsHeader4,
#searchResultsContent4 {
  display: none;
}

/* Privileges */
.privilegesTop {
  padding-bottom: 20px;
}

.privilegesBottom {
  padding: 15px 0 15px 0;
}

#tablePrivileges {
  border-collapse: collapse;
}

#tablePrivileges th {
  text-align: center;
  padding: 10px 2px 10px 2px;
  background-color: rgba(238, 130, 15, 0.5);
  border-right: 1px dotted rgba(238, 130, 15, 0.2);
  width: 30px;
}

#tablePrivileges td {
  border-bottom: 1px solid white;
  border-right: 1px dotted white;
  line-height: 1.3em;
}

#tablePrivileges td.privilegeColumnCheckbox {
  text-align: center;
}

#tablePrivileges td.privilegeColumnName {
  padding-left: 15px;
}

#tablePrivileges td h2 {
  margin: 20px 0 10px 15px;
}

#tablePrivileges tr.rowPrivilegeCheckboxes:hover {
  background-color: rgba(238, 130, 15, 0.1);
}

.privilegeShortName {
  color: rgb(102, 102, 102);
  font-size: 0.9em;
}

.redborder {
  border: solid #ff0000 1px;
}

.tableFloatingHeader {
  background-color: #FEE8D2;
  height: 60px;
}

.hover {
  background-color: white;
}

.isUsertype {
  background-color: rgba(238, 130, 15, 0.3) !important;
}

.isRole {
  background-color: rgba(238, 130, 15, 0.2) !important;
}

/* Initial Information */
#page_initial_information #projectButtonBack {
  display: none;
}

#page_initial_information .row select {
  width: 240px;
}

#page_initial_information .columnRight select {
  width: 180px !important;
}

#projectRef {
  float: right;
  display: none;
}

#reference {
  width: 250px;
  margin-bottom: 15px;
}

#durationReason {
  display: none;
}

#alertUrgent {
  margin-left: 10px;
}

.indentedRow {
  padding-top: 30px;
  margin-left: 250px;
}

.hsNoteTextarea {
  margin-left: -250px;
}

.workinghours {
  width: 50px !important;
}

#panelProjectType .panelContent {
  font-size: 1.3em;
}

#panelProjectType .buttonProjectComplete {
  margin-left: 30px;
}

.initialProjectType {
  display: inline-block;
}

/* Notifications panel */
#notifications h2 {
  margin: 0;
  padding-bottom: 2px;
}

/* To solve tick being cut-off */
#notifications ul {
  margin-bottom: 5px;
  display: block;
}

#notifications li {
  font-size: 1.3em;
  line-height: 1.7em;
}

#notifications .notificationsFiles {
  padding-left: 30px;
}

#notifications .inline {
  display: inline;
}

#notifications .notificationNoInformation {
  padding-left: 10px;
}

/* Project Status panel */
.alert_onhold {
  font-size: 1.3em;
  line-height: 1.8em;
  background-image: url("../images/icon_warning_triangle.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 35px;
  margin-bottom: 0;
}

/* Additional Information */
.questionAdditionalInformation h4 {
  margin-bottom: 0;
}

.addInfoPictureName * {
  vertical-align: middle;
}

.suggestionsDropdown {
  position: relative;
  z-index: 999;
  width: 300px;
}

#asbestosInfo {
  margin-top: 20px;
}

/* File uploads (Additional Information) */
.log {
  margin: 10px 0 0 0;
  padding: 0;
  width: 592px;
}

.log li {
  list-style-position: inside;
  padding: 10px;
  background: #fff;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 99% 5px;
  position: relative;
}

.log li .progressbar {
  border: 1px solid rgb(238, 130, 15);
  margin: 5px 0 5px 0;
  height: 5px;
  background: #fff;
}

.log li .progress {
  background: rgb(238, 130, 15);
  width: 0%;
  height: 5px;
}

.log li p {
  margin: 0;
  line-height: 18px;
}

.log .status {
  line-height: 2.5em;
}

.log li.success {
  display: block;
  background-color: rgba(238, 130, 15, 0.1);
  background-image: url("../images/icon_tick_green.png");
}

.log li.error {
  background-image: url("../images/icon_cross_red.png");
}

.addInfoFilename {
  position: absolute;
  right: 10px;
}

/* General Information */
td.answer_heading {
  color: rgb(238, 130, 15);
  text-align: center;
}

.plan_form td {
  vertical-align: top;
  color: black;
  padding: 2px 20px 2px 0;
  height: 20px;
}

.questions {
  width: 260px;
}

/* Asbestos & HS File checkboxes */
.checkboxElements label {
  line-height: 2.3em;
}

.checkboxElements input[type=checkbox] {
  margin-top: 7px;
}

.columnName {
  width: 250px;
}

.columnName.large {
  width: 380px;
}

.columnCheckbox {
  width: 50px;
}

.columnDate {
  width: 250px;
}

.columnNote {
  width: 200px;
}

.columnRadio {
  width: 110px;
}

.hsCategoryName {
  margin-top: 25px;
  color: black;
}

/* Preview/Sign-offs */
.previewInfoBox {
  padding: 15px;
  background-color: rgb(236, 236, 237);
  margin-bottom: 20px;
  border-radius: 10px;
}
.previewInfoBox p {
  margin-bottom: 0;
}

#page_preview #projectButtonSave {
  display: none;
}

#previewColumnRight {
  float: right;
  width: 40%;
}

.linkpreview {
  width: 53%;
  float: left;
}

.linkpreview .panelTitle {
  margin-top: 0;
}

.unansweredQuestions {
  background-color: rgba(238, 130, 15, 0.2);
  padding: 5px 0 5px 0;
}

.unansweredQuestions th {
  font-size: 1.2em;
  line-height: 1.3em;
  padding-bottom: 15px;
}

.unansweredQuestions td {
  padding: 0 0 5px 0;
  font-size: 1.1em;
  text-align: center;
  width: 50%;
}

.boxSignoffRight {
  border: 5px solid rgb(238, 130, 15);
  padding: 10px 15px 10px 15px;
  margin-bottom: 20px;
}

.boxSignoffRight h2 {
  text-align: center;
  margin: 10px 0 20px 0;
}

.boxSignoffRight th {
  text-align: center;
}

.boxSignoffRight td {
  vertical-align: middle;
}

.signoffUnansweredQuestions {
  width: 100%;
}

#signoffAlert {
  margin-top: 20px;
}

#conditionsdiv {
  width: 53%;
  float: left;
}

.textareaCondition {
  width: 310px;
  height: 70px;
}

.condition_saved {
  margin-left: 10px;
}

#signoffReasonSelect {
  margin-bottom: 20px;
  width: 252px;
}

.downloadLink {
  font-size: 1.7em;
  margin-bottom: 0;
}

#panelDemolition {
  width: 53%;
  float: left;
}

#previewDemolitionFiles {
  margin-top: 20px;
}

#conditionsGroup .group {
  margin: 0;
}

#conditionsGroup .groupDetail {
  margin-bottom: 10px;
}

#conditionsGroup .groupMember {
  cursor: default;
}

#conditionsGroup .dragger {
  cursor: default;
}

#conditionsGroup .dragger:hover * {
  text-decoration: none;
}

#conditionsGroup textarea {
  width: 333px;
}

.conditionCheckbox {
  margin-bottom: 0;
}

.conditionButtons {
  margin: 10px 0 0 0 !important;
}

.conditionComment {
  margin-top: 5px !important;
}

.groupMember .row {
  margin: 0;
}

.asbestosStatus {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.hsElementChecklistCheckbox {
  text-align: center !important;
}

.hsElementChecklistComments {
  text-align: center !important;
}

.hsNoteText {
  margin-top: 5px;
  display: block;
  line-height: 1.2em;
}

.hsCheckboxProvided {
  margin-top: 5px;
  display: block;
}

#projectDoNotInvoice-Reason {
  width: 158px;
  height: 100px;
}

#siteVisits {
  margin-top: 20px;
}

#siteVisitsList li {
  font-size: 11px;
  margin-bottom: 5px;
}

/* Downloads */
.downloadBox {
  border: 1px solid rgb(102, 102, 102);
  padding: 15px;
  width: 60%;
  margin-bottom: 20px;
}

.downloadBox td {
  padding: 5px;
}

.rowDark {
  background-color: #FEE8D2;
}

.downloadBox .heading {
  margin-bottom: 10px;
}

.downloadHeading h4 {
  margin: 0 0 0 10px;
}

.downloadHeading p {
  margin: 0 0 0 10px;
}

.downloadCheckbox {
  width: 10%;
}

.downloadStatus {
  width: 10%;
  background-color: white;
}

.downloadStatus span {
  margin-left: 10px;
  display: none;
  font-weight: bold;
}

.files {
  margin-right: 10px;
}

.downloadButtons {
  float: right;
  margin: 30px 0 0 0;
  text-align: right;
}

.downloadButtons h3 {
  margin-top: 15px;
  color: black;
}

/* Risk Assessments */
#risksHeader {
  margin: 15px 0 20px 0;
}

#risksHeader td {
  vertical-align: top;
}

#risksTop {
  margin: 15px 0 15px 0;
}

#risksMiddle {
  margin: 15px 0 20px 0;
}

#risksBottom {
  margin: 15px 0 10px 0;
}

#risksFooter td {
  vertical-align: middle;
}

#risksFooter td#saveTemplateCheckbox {
  text-align: right;
}

#Questions,
#measures {
  width: 440px;
  margin-right: 20px;
}

#RAcolumnLeft {
  float: left;
  width: 300px;
}

#RAcolumnRight {
  padding-top: 10px;
  margin-left: 300px;
  position: relative;
}

.input-watermarked {
  color: rgb(180, 180, 180);
}

#RATemplateSelectTD {
  width: 200px;
}

select#risk_templates {
  width: 200px;
}

.tickOrange,
.ungroupRA {
  color: rgb(238, 130, 15);
}

.risksMainLeftColumn {
  width: 480px;
}

.riskAssessmentBoxes {
  overflow: auto;
}

.riskAssessmentBoxes li {
  display: block;
  float: left;
  font-size: 1.1em;
  margin: 0 8px 8px 0;
}

.riskAssessmentBoxes .rounded {
  width: 235px;
  background-color: white;
  padding: 8px;
  position: relative;
  border: 1px solid rgb(180, 180, 180);
  cursor: pointer;
}

.riskAssessmentBoxes .rounded:hover {
  background-color: white;
  border: 1px solid rgb(238, 130, 15);
}

#RAcolumnLeft .riskAssessmentBoxes li {
  float: none;
  margin: 10px 0 10px 0;
}

#RAcolumnLeft .riskAssessmentBoxes li.rounded {
  margin: 0 0 4px 0;
}

.riskAssessmentBoxes li.dimmed {
  background-color: rgba(238, 130, 15, 0.1);
}

.riskAssessmentBoxes li .tickOrange {
  margin-left: 4px;
}

.riskAssessmentBoxes input {
  position: absolute;
  top: 5px;
  right: 5px;
}

.riskAssessmentBoxes li .ungroupRA {
  position: absolute;
  top: 8px;
  right: 5px;
  width: 15px;
  text-align: center;
}

#risk_description_label {
  margin-left: 10px;
}

#RAcompleted,
#RAcompleted .panelInset {
  overflow: auto;
}

.viewRAs {
  background-color: rgba(238, 130, 15, 0.1);
  padding: 10px;
  margin-bottom: 5px;
}

.viewRAs h2 {
  margin-bottom: 5px;
}

.viewRAs p {
  color: black;
  margin: 0 0 0 10px;
}

.viewRisk {
  float: right;
  text-transform: uppercase;
  color: rgb(238, 130, 15);
  font-size: 1.2em;
  padding: 0 0 15px 30px;
}

#instructionUngroup {
  margin-top: 20px;
}

.messageBottom {
  margin: 20px 0 10px 0;
}

#page_risk_assessment .buttonRight {
  margin-top: 10px;
}

/* Reports */
#select_reportsupload {
  width: 500px;
}

.columnReportDate {
  width: 100px;
}

.columnReportDelete {
  width: 50px;
}

/* Ask the Expert */
#newsAndInfo ul {
  margin: 10px 0 10px 0;
}

#newsAndInfo li {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.2em;
}

#newsAndInfo li .delete {
  float: right;
}

#askexpertDetail {
  height: 80px;
  margin-top: 5px;
}

.newsTitle {
  width: 550px;
}

#newsArchive {
  margin-top: 20px;
}

/* PCI Info */
.logoNHS img {
  border: 5px solid white;
  max-width: 200px;
  display: block;
}

#hospitalDetail {
  margin-top: 15px;
}
#hospitalDetail #hospitalAddress, #hospitalDetail #hospitalTel {
  margin-bottom: 0;
}
#hospitalDetail #hospitalWebsite {
  margin-top: 10px;
}

.pciQuestion {
  padding-bottom: 15px;
  margin-bottom: 10px;
}

.pciQuestionHeading {
  margin: 10px 0 10px 0;
  color: black;
}

.listPCI li {
  margin-bottom: 10px;
}

#pciPDFDownload {
  margin-left: 15px;
}

#pciPDFSaveIndicator, #pciPDFUploadIndicator {
  display: none;
  margin-left: 15px;
}

#uploadPCIBlock {
  display: inline-block;
  margin-left: 20px;
}

/* Appraisal List */
.appraisalName {
  width: 260px;
}

.appraisalCategory {
  width: 150px;
}

.appraisalLocation {
  width: 180px;
}

.appraisalTelephone {
  width: 110px;
}

.genericListing th.appraisalStatus,
td.appraisalStatus {
  text-align: center;
}

/* Training List */
#trainingAddStatus {
  margin-bottom: 10px;
}

#tableTraining {
  border-collapse: collapse;
}

.employer {
  font-weight: bold;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 0 !important;
}

/* Merge */
.merge-panel {
  padding: 20px;
  background-color: rgba(238, 130, 15, 0.1);
}
.merge-panel .alert-text {
  margin-top: 20px;
}

.merge-project-details {
  margin-top: 20px;
  margin-bottom: 0 !important;
}

.merge-copy-icon {
  color: rgb(238, 130, 15);
  margin-left: 10px;
}

.merge-panel-ref-search-block {
  margin-top: 20px;
}

/* Action feed */
#feedFilter {
  margin-bottom: 20px;
}

ul#feed li {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 4px 10px 4px 35px;
  margin-bottom: 2px;
  background-position: 7px center;
  background-repeat: no-repeat;
  background-color: rgba(238, 130, 15, 0.1);
  overflow: auto;
}

.feedText {
  margin-right: 50px;
}

.feedUser {
  color: black;
}

.feedAction {
  margin: 0 2px 0 2px;
}

.feedObject {
  font-weight: bold;
}

.feedTime {
  margin: 0 0 0 10px;
  font-size: 0.8em;
  float: right;
}

#pagingBlock {
  overflow: auto;
}

.paging {
  margin-top: 10px;
  list-style: none;
}

.paging li {
  color: white;
}

.paging li.selected {
  background-color: rgb(150, 150, 150);
  padding: 5px;
  margin-right: 5px;
  display: block;
  float: left;
}

.paging li a {
  background-color: rgb(238, 130, 15);
  color: white;
  padding: 5px;
  margin-right: 5px;
  display: block;
  float: left;
}

.paging li a:hover {
  text-decoration: none;
  background-color: rgba(238, 130, 15, 0.1);
  color: rgb(238, 130, 15);
}

#addressSearch {
  position: relative;
  display: inline;
}

#searchResultsFeed {
  position: absolute;
  left: 0;
  margin-top: -3px;
  z-index: 500;
}

#searchResultsFeed ul {
  background-color: rgb(150, 150, 150);
  width: 226px;
}

#searchResultsFeed li {
  border-bottom: 1px solid white;
  clear: both;
}

#searchResultsFeed li a {
  display: block;
  margin-bottom: 1px solid white;
  padding: 8px;
  color: white;
  background-color: rgb(150, 150, 150);
}

#searchResultsFeed li a:hover {
  background-color: rgb(238, 130, 15);
  text-decoration: none;
}

#actionFeedSearchRow {
  overflow: visible;
}

/* Action feed icons */
.PROJDEL, .CATDEL {
  background-image: url("../images/actions/icon_PROJDEL.png");
}

.PROJARC, .PROJPENDING {
  background-image: url("../images/actions/icon_PROJARC.png");
}

.PROJEDIT, .PROJLIVESITESSHOW {
  background-image: url("../images/actions/icon_PROJEDIT.png");
}

.PROJCOPY {
  background-image: url("../images/actions/icon_PROJCOPY.png");
}

.PROJADD {
  background-image: url("../images/actions/icon_PROJADD.png");
}

.PROJVIEW {
  background-image: url("../images/actions/icon_PROJVIEW.png");
}

.PROJSTART {
  background-image: url("../images/actions/icon_PROJSTART.png");
}

.ADDRDEL {
  background-image: url("../images/actions/icon_ADDRDEL.png");
}

.ADDRADD {
  background-image: url("../images/actions/icon_ADDRADD.png");
}

.ADDREDIT {
  background-image: url("../images/actions/icon_ADDREDIT.png");
}

.ADDRARC {
  background-image: url("../images/actions/icon_ADDRARC.png");
}

.ADDRVER {
  background-image: url("../images/actions/icon_ADDRVER.png");
}

.USERDEL {
  background-image: url("../images/actions/icon_USERDEL.png");
}

.USERADD {
  background-image: url("../images/actions/icon_USERADD.png");
}

.USEREDIT {
  background-image: url("../images/actions/icon_USEREDIT.png");
}

.COMDEL {
  background-image: url("../images/actions/icon_COMDEL.png");
}

.COMADD {
  background-image: url("../images/actions/icon_COMADD.png");
}

.COMEDIT {
  background-image: url("../images/actions/icon_COMEDIT.png");
}

.COMARC {
  background-image: url("../images/actions/icon_COMARC.png");
}

.COMVER {
  background-image: url("../images/actions/icon_COMVER.png");
}

.CONDEL {
  background-image: url("../images/actions/icon_CONDEL.png");
}

.CONADD {
  background-image: url("../images/actions/icon_CONADD.png");
}

.CONEDIT {
  background-image: url("../images/actions/icon_CONEDIT.png");
}

.CONARC {
  background-image: url("../images/actions/icon_CONARC.png");
}

.CONVER {
  background-image: url("../images/actions/icon_CONVER.png");
}

.COMMADD {
  background-image: url("../images/actions/icon_COMMADD.png");
}

.COMMEDIT {
  background-image: url("../images/actions/icon_COMMEDIT.png");
}

.COMMDEL {
  background-image: url("../images/actions/icon_COMMDEL.png");
}

.COMMREAD {
  background-image: url("../images/actions/icon_COMMREAD.png");
}

.CONDITIONADD {
  background-image: url("../images/actions/icon_CONDITIONADD.png");
}

.CONDITIONDEL {
  background-image: url("../images/actions/icon_CONDITIONDEL.png");
}

.CONDITIONMET {
  background-image: url("../images/actions/icon_CONDITIONMET.png");
}

.REPADD {
  background-image: url("../images/actions/icon_REPADD.png");
}

.REPDEL {
  background-image: url("../images/actions/icon_REPDEL.png");
}

.REPREAD {
  background-image: url("../images/actions/icon_REPREAD.png");
}

.FILEREAD {
  background-image: url("../images/actions/icon_REPREAD.png");
}

.FILEDEL {
  background-image: url("../images/actions/icon_FILEDEL.png");
}

.FILEARC {
  background-image: url("../images/actions/icon_PROJARC.png");
}

.FILEADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.PROPERTYCERTADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.HSFILEADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.HSFILEREAD {
  background-image: url("../images/actions/icon_REPREAD.png");
}

.ASBESTOSADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.ASBESTOSEAD {
  background-image: url("../images/actions/icon_REPREAD.png");
}

.PCIFILEADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.PCIFILEREAD {
  background-image: url("../images/actions/icon_REPREAD.png");
}

.PROPERTYDOCADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.PROPERTYDOCREAD {
  background-image: url("../images/actions/icon_REPREAD.png");
}

.PCIQUESTIONADD {
  background-image: url("../images/actions/icon_QUESADD.png");
}

.PCIQUESTIONEDIT {
  background-image: url("../images/actions/icon_QUESEDIT.png");
}

.PCIQUESTIONDEL {
  background-image: url("../images/actions/icon_QUESDEL.png");
}

.PCRANSWERADD {
  background-image: url("../images/actions/icon_QUESADD.png");
}

.OUTPLANFILEADD {
  background-image: url("../images/actions/icon_FILEADD.png");
}

.SIGNMPC {
  background-image: url("../images/actions/icon_SIGNMPC.png");
}

.SIGNHSC {
  background-image: url("../images/actions/icon_SIGNHSC.png");
}

.SIGNBM {
  background-image: url("../images/actions/icon_SIGNBM.png");
}

.SIGNPCI {
  background-image: url("../images/actions/icon_MARKHS.png");
}

.SIGNCPP {
  background-image: url("../images/actions/icon_MARKHS.png");
}

.PDSIGNOFF {
  background-image: url("../images/actions/icon_MARKHS.png");
}

.MARKHS {
  background-image: url("../images/actions/icon_MARKHS.png");
}

.LOGIN {
  background-image: url("../images/actions/icon_LOGIN.png");
}

.PAGEINITSAVE {
  background-image: url("../images/actions/icon_PAGEINITSAVE.png");
}

.PAGEGENSAVE {
  background-image: url("../images/actions/icon_PAGEGENSAVE.png");
}

.PAGEADDSAVE {
  background-image: url("../images/actions/icon_PAGEADDSAVE.png");
}

.REPORTINGCATEGORYCHOOSE {
  background-image: url("../images/actions/icon_PAGEINITSAVE.png");
}

.DESCEDIT {
  background-image: url("../images/actions/icon_DESCEDIT.png");
}

.DATESTARTEDIT, .PROJECTDATESTARTCONF, .SITEVISITREQUEST {
  background-image: url("../images/actions/icon_DATESTARTEDIT.png");
}

.DATEENDEDIT, .PROJECTDATEENDCONF {
  background-image: url("../images/actions/icon_DATEENDEDIT.png");
}

.DUREDIT {
  background-image: url("../images/actions/icon_DUREDIT.png");
}

.HOURSEDIT {
  background-image: url("../images/actions/icon_DUREDIT.png");
}

.VALEDIT {
  background-image: url("../images/actions/icon_VALEDIT.png");
}

.STATEDIT {
  background-image: url("../images/actions/icon_STATEDIT.png");
}

.PROJMERGE {
  background-image: url("../images/actions/icon_PROJMERGE.png");
}

.LOGOUTACT {
  background-image: url("../images/actions/icon_LOGOUTACT.png");
}

.LOGOUTPASS {
  background-image: url("../images/actions/icon_LOGOUTPASS.png");
}

.LOGOUTFORCED {
  background-image: url("../images/actions/icon_LOGOUTPASS.png");
}

.SIGNOFFCANC {
  background-image: url("../images/actions/icon_SIGNOFFCANC.png");
}

.SIGNOFFCANCREQ {
  background-image: url("../images/actions/icon_SIGNOFFCANCREQ.png");
}

.CANCELHS {
  background-image: url("../images/actions/icon_CANCELHS.png");
}

.CANCELCPP {
  background-image: url("../images/actions/icon_CANCELHS.png");
}

.VIEWACTFEED {
  background-image: url("../images/actions/icon_VIEWACTFEED.png");
}

.CREATETEMPL {
  background-image: url("../images/actions/icon_CREATETEMPL.png");
}

.DELTEMPLOWN {
  background-image: url("../images/actions/icon_DELTEMPL.png");
}

.DELTEMPL {
  background-image: url("../images/actions/icon_DELTEMPL.png");
}

.RISKADD {
  background-image: url("../images/actions/icon_RISKADD.png");
}

.RISKEDIT {
  background-image: url("../images/actions/icon_RISKEDIT.png");
}

.RISKDEL {
  background-image: url("../images/actions/icon_RISKDEL.png");
}

.RISKVIEW {
  background-image: url("../images/actions/icon_RISKVIEW.png");
}

.PROJCAT {
  background-image: url("../images/actions/icon_PROJCAT.png");
}

.PROJONHOLD {
  background-image: url("../images/actions/icon_PROJHOLD.png");
}

.PROJOFFHOLD {
  background-image: url("../images/actions/icon_PROJSTART.png");
}

.DATEIGNOREON {
  background-image: url("../images/actions/icon_DATEIGNOREON.png");
}

.ADDRNAMECHANGE {
  background-image: url("../images/actions/icon_ADDRNAMECHANGE.png");
}

.PROJUNARC {
  background-image: url("../images/actions/icon_UNARCHIVE.png");
}

.PROJECTUNLOCK {
  background-image: url("../images/actions/icon_UNARCHIVE.png");
}

.CHANGEPROJSTATUS5 {
  background-image: url("../images/actions/icon_UNARCHIVE.png");
}

.URGENTON {
  background-image: url("../images/actions/icon_CONDITIONADD.png");
}

.URGENTOFF {
  background-image: url("../images/actions/icon_CONDITIONDEL.png");
}

.URGENTDISCUSSEDON {
  background-image: url("../images/actions/icon_CONDITIONADD.png");
}

.URGENTDISCUSSEDOFF {
  background-image: url("../images/actions/icon_CONDITIONDEL.png");
}

.ASBESTOSELEMENTEDIT {
  background-image: url("../images/actions/icon_ASBESTOSELEMENTEDIT.png");
}

.ASBESTOSELEMENTDEL {
  background-image: url("../images/actions/icon_ASBESTOSELEMENTDEL.png");
}

.ASBESTOSELEMENTADD {
  background-image: url("../images/actions/icon_ASBESTOSELEMENTADD.png");
}

.ASBESTOSINHAND {
  background-image: url("../images/actions/icon_ASBESTOSINHAND.png");
}

.ASBESTOSAPPROVED {
  background-image: url("../images/actions/icon_ASBESTOSAPPROVED.png");
}

.HSFILEON {
  background-image: url("../images/actions/icon_HSFILEON.png");
}

.HSFILEOFF {
  background-image: url("../images/actions/icon_HSFILEOFF.png");
}

.HSFILECHECKBOXON {
  background-image: url("../images/actions/icon_HSFILECHECKBOXON.png");
}

.HSFILECHECKBOXOFF {
  background-image: url("../images/actions/icon_HSFILECHECKBOXOFF.png");
}

.CHANGEPROJSTATUS5 {
  background-image: url("../images/actions/icon_CHANGEPROJSTATUS5.png");
}

.APPRAISALADD {
  background-image: url("../images/actions/icon_CHANGEPROJSTATUS5.png");
}

.APPRAISALEDIT {
  background-image: url("../images/actions/icon_CHANGEPROJSTATUS5.png");
}

.APPRAISALDATECHANGE {
  background-image: url("../images/actions/icon_CHANGEPROJSTATUS5.png");
}

.HSFILEITEMRECEIVED {
  background-image: url("../images/actions/icon_HSFILECHECKBOXON.png");
}

.COMMASBADD {
  background-image: url("../images/actions/icon_COMMADD.png");
}

.COMMASBEDIT {
  background-image: url("../images/actions/icon_COMMEDIT.png");
}

.COMMASBDEL {
  background-image: url("../images/actions/icon_COMMDEL.png");
}

.COMMASBREAD {
  background-image: url("../images/actions/icon_COMMREAD.png");
}

.COMMHSADD {
  background-image: url("../images/actions/icon_COMMADD.png");
}

.COMMHSEDIT {
  background-image: url("../images/actions/icon_COMMEDIT.png");
}

.COMMHSDEL {
  background-image: url("../images/actions/icon_COMMDEL.png");
}

.COMMHSREAD {
  background-image: url("../images/actions/icon_COMMREAD.png");
}

.COMMHSCADD {
  background-image: url("../images/actions/icon_COMMADD.png");
}

.COMMHSCEDIT {
  background-image: url("../images/actions/icon_COMMEDIT.png");
}

.COMMHSCDEL {
  background-image: url("../images/actions/icon_COMMDEL.png");
}

.COMMHSCREAD {
  background-image: url("../images/actions/icon_COMMREAD.png");
}

.PROJINVOICEFEE {
  background-image: url("../images/actions/icon_VALEDIT.png");
}

.PROJDONOTINVOICE {
  background-image: url("../images/actions/icon_VALEDIT.png");
}

.PROJDOINVOICE {
  background-image: url("../images/actions/icon_VALEDIT.png");
}

.COMMLSADD {
  background-image: url("../images/actions/icon_COMMADD.png");
}

.COMMLSEDIT {
  background-image: url("../images/actions/icon_COMMEDIT.png");
}

.COMMLSDEL {
  background-image: url("../images/actions/icon_COMMDEL.png");
}

.COMMLSREAD {
  background-image: url("../images/actions/icon_COMMREAD.png");
}

.SYSNOTIFICATION {
  background-image: url("../images/actions/icon_HSFILECHECKBOXOFF.png");
}

.PROJTYPE {
  background-image: url("../images/actions/icon_STATEDIT.png");
}

.PROJCOMPLETE {
  background-image: url("../images/actions/icon_PROJCOMPLETE.png");
}

.CHECKON {
  background-image: url("../images/actions/icon_CHECKON.png");
}

.CHECKOFF {
  background-image: url("../images/actions/icon_CHECKOFF.png");
}

.HSCCONTACTCHOOSE {
  background-image: url("../images/actions/icon_CONEDIT.png");
}

.SIGNOFFFORCEUSER, .SIGNOFFFORCEUSEROFF {
  background-image: url("../images/actions/icon_SIGNBM.png");
}

.PROJSIGNOFFEMAILSUPPRESS {
  background-image: url("../images/actions/icon_PROJSIGNOFFEMAILSUPPRESS.png");
}

.PROJSIGNOFFEMAILENABLE {
  background-image: url("../images/actions/icon_PROJSIGNOFFEMAILENABLE.png");
}

tr.coloured td {
  background-color: #FFCC66;
}

/* Structures */
/* Drag and drop */
.newGroup {
  border-width: 1px;
  border-style: solid;
  border-color: #CD851C;
  background-color: #FFA500;
  height: 80px;
  width: 120px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  z-index: 200;
  position: relative;
}

.newGroup a {
  color: white;
}

#createdGroups {
  border-width: 2px;
  border-style: solid;
  border-color: green;
  position: relative;
  width: 100% px;
  height: 500px;
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 100;
}

#groups {
  margin-top: 20px;
  margin-bottom: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
  position: relative;
  width: 100%;
  min-height: 1000px;
}

#groupsDiv .panelInset {
  padding-right: 40px;
}

.clear {
  clear: both;
}

#backPopup {
  display: none;
  position: fixed;
  _position: absolute;
  /* hack for internet explorer 6*/
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: black;
  z-index: 1;
}

#insidePopup {
  display: none;
  position: fixed;
  _position: absolute;
  /* hack for internet explorer 6*/
  max-height: 550px;
  width: 500px;
  height: 10px;
  background-color: rgba(238, 130, 15, 0.2);
  border: 5px solid white;
  z-index: 2;
  padding-bottom: 15px;
}

#popupClose {
  font-size: 14px;
  line-height: 14px;
  right: 8px;
  top: 5px;
  position: absolute;
  color: white;
  display: block;
  cursor: pointer;
  z-index: 100;
}

.ui-state-highlight {
  background-color: rgb(180, 180, 180);
}

.drophover {
  background-color: white;
}

/* New groups */
.groupList {
  margin-left: -20px;
}

.structureGroup {
  position: relative;
  margin-left: 20px;
  margin-top: 20px;
}
.structureGroup select {
  width: 200px;
}
.structureGroup .structureGroupDetail {
  margin-bottom: 20px;
}
.structureGroup .structureGroupOptions {
  margin-bottom: 10px;
}
.structureGroup .structureGroupRemove {
  position: absolute;
  right: 20px;
}
.structureGroup .structureGroupMember {
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: white;
  padding: 8px;
}
.structureGroup .structureGroupMember.newGroupMemberLi {
  margin-bottom: 15px;
  background-color: transparent;
  padding: 0;
}
.structureGroup .structureGroupList2 {
  padding-bottom: 10px;
}

.borderLeft {
  margin-top: -10px;
  padding: 30px 0 0 5px;
  border-left-color: rgba(238, 130, 15, 0.1);
  border-left-style: dotted;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-width: 3px;
}

.roundedCornersRight {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 10px;
}

.structureGroup h1 {
  margin-top: 0;
}

#new_groups {
  margin-bottom: 50px;
}

.buttonAdd {
  clear: both;
  margin: 10px 0;
}

.buttonAdd:hover {
  color: #eb6e00;
}

.buttonAddSmall {
  font-size: 1.2em;
}

.groupDetail {
  height: auto;
  padding: 15px;
  background-color: rgba(238, 130, 15, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.groupMember {
  margin-bottom: 5px;
  background-color: white;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.groupMember:hover {
  cursor: move;
}

.groupMemberList {
  margin: 15px 0 15px 0;
}

.removeGroup {
  float: right;
  position: relative;
  top: 5px;
}

.ui-state-hover {
  border: 4px dotted red;
}

.dragger {
  font-size: 1.2em;
  color: white;
  width: auto;
  position: relative;
  margin: -15px -15px 15px -15px;
  background-color: rgb(238, 130, 15);
  padding: 10px 10px 10px 15px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomleft: 0px;
}

.dragger:hover {
  cursor: pointer;
}

.dragger:hover .currentName {
  text-decoration: underline;
}

/* PD pages */
.tablePD {
  border-collapse: collapse;
}

.tablePD th,
.tablePD td {
  padding: 10px;
  vertical-align: middle;
}

.tablePD th {
  padding-top: 0;
}

.tablePD h4 {
  margin: 0;
}

.highlightedColumn {
  background-color: rgba(255, 255, 255, 0.3);
}

.infoLabelPD {
  width: 160px;
}

.PDInfoStatus {
  margin-top: 20px;
}

.PDInfoStatus .textareaLarge {
  width: 320px !important;
  height: 35px;
}

#adequate_entries {
  padding: 10px 20px 20px 0;
}

#adequate_entries.column {
  width: 360px;
}

#inadequate_entries {
  padding: 10px 0 20px 20px;
  border-left: 1px dotted rgb(180, 180, 180);
}

.adequacy_reason {
  width: 260px;
}

.pdPCIRadioButtons {
  width: 30px;
}

/*#page_principal_designer2 #projectButtonSave { display:none; }*/
.designerRiskItem {
  margin-bottom: 15px;
}

.designerRiskItem .removeItem {
  vertical-align: top;
  text-align: center;
  padding-left: 25px;
}

.designerRiskItemCheckboxes {
  vertical-align: top;
  text-align: left;
  padding-top: 10px;
}

.designerRiskItemFiles {
  padding-top: 15px;
}

.includedAlert {
  margin-top: 5px;
  display: none;
}

.designerRiskItemAction {
  padding-top: 15px;
}

.designerRiskItemAction label {
  display: block;
  margin-bottom: 10px;
}

.pdHSFileList .fa {
  margin-right: 10px;
}

.hsInfoProvidedBy {
  width: 180px;
}

.removeOtherButton {
  font-size: 20px;
  position: relative;
  top: 3px;
  margin-left: 20px;
}

/* Footer */
#footer {
  margin: 80px 0 0 60px;
  padding: 0 0 30px 0;
  color: rgb(102, 102, 102);
  clear: both;
  position: relative;
  line-height: 1.5em;
}

#footer img {
  position: absolute;
  right: 50px;
  top: -12px;
}

#version {
  display: inline;
  color: rgb(180, 180, 180);
}

/* Styles - 960px width */
#container {
  background-image: url("../images/bkg_shadow.gif");
  background-position: top center;
  background-repeat: repeat-y;
}

.fullWidth #container {
  background-image: none;
  background-color: white;
}

#main {
  width: 960px;
}

/* Login */
/* Check that this works on the Dashboard */
#page_login #text_block {
  margin: 0 400px 0 0;
}

#page_login #login_box {
  width: 100%;
}

/* Dashboard */
#dashboardNotices p {
  font-size: 1.3em;
}

/* Other styles */
.labelFixedWidthSmall {
  width: 80px !important;
}

.labelFixedWidth {
  width: 120px;
}

.labelFixedWidthBig {
  width: 160px !important;
}

/* .inputWidths - enlarged by a factor of 1.2 */
.inputWidth20 {
  width: 24px;
}

.inputWidth40 {
  width: 48px;
}

.inputWidth60 {
  width: 72px;
}

.inputWidth80 {
  width: 96px;
}

.inputWidth100 {
  width: 120px;
}

.inputWidth120 {
  width: 144px;
}

.inputWidth140 {
  width: 168px;
}

.inputWidth160 {
  width: 192px;
}

.inputWidth220 {
  width: 264px;
}

.inputWidth350 {
  width: 420px;
}

.textareaLarge {
  width: 760px;
}

/* Initial Information */
.columnLeft.hsFileCheckboxesLabel {
  width: 150px !important;
}

.columnRight.hsFileCheckboxes {
  width: 580px !important;
}

/* General Information */
.questions {
  width: 312px;
}

/* Approved List */
.appraisalName {
  width: 200px;
  line-height: 1.2em;
}

.appraisalCategory {
  width: 190px;
}

.appraisalTelephone {
  width: auto;
}

/* Action Feed */
#searchResultsFeed ul {
  width: 270px;
}

.parsley-errors-list {
  margin-top: 10px;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgb(238, 130, 15);
}

.admin-dashboard-links {
  margin-top: 30px;
}

.admin-dashboard-link-large {
  padding: 20px;
  background-color: rgb(61, 60, 63);
  border-radius: 5px;
  cursor: pointer;
  color: white;
  height: 100px;
  margin-bottom: 20px;
}
.admin-dashboard-link-large .admin-dashboard-link-icon {
  float: left;
  width: 40px;
}
.admin-dashboard-link-large .admin-dashboard-link-icon i {
  font-size: 200%;
  color: rgb(238, 130, 15);
}
.admin-dashboard-link-large .admin-dashboard-link-name {
  margin-left: 40px;
}
.admin-dashboard-link-large .admin-dashboard-link-name h4 {
  margin: 0;
}
.admin-dashboard-link-large .admin-dashboard-link-name h4 a {
  color: white;
}
.admin-dashboard-link-large .admin-dashboard-link-name h4 a:hover {
  text-decoration: none;
}
.admin-dashboard-link-large .admin-dashboard-link-name p {
  margin-top: 5px;
  font-size: 12px;
  line-height: 15px;
}
.admin-dashboard-link-large .admin-dashboard-link-name p a:hover {
  color: rgb(0, 198, 241);
  text-decoration: none;
}
.admin-dashboard-link-large:hover {
  background-color: rgb(86.2926829268, 84.8780487805, 89.1219512195);
}

ul#linksList ul.bulletList,
ul.bulletList {
  margin: 10px 0 15px 0;
  list-style-type: disc;
  list-style-position: inside;
}
ul#linksList ul.bulletList li,
ul.bulletList li {
  display: list-item;
  margin-bottom: 8px;
  font-size: 1.1em;
  line-height: 1.6em;
  float: none;
  width: auto;
  height: auto;
  text-align: left;
  overflow: auto;
  cursor: default;
}

.group {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
  cursor: pointer;
}
.group td {
  background-color: rgb(102, 102, 102);
  padding: 0.6rem 2rem 0.6rem 2rem !important;
}