/* Minification failed. Returning unminified contents.
(3254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3258,50): run-time error CSS1039: Token not allowed after unary operator: '-cherry-color'
(3270,33): run-time error CSS1039: Token not allowed after unary operator: '-purplish-brown-color'
(3312,26): run-time error CSS1039: Token not allowed after unary operator: '-cherry-color'
(3790,23): run-time error CSS1063: Expected calculation unit, found '$'
(3790,23): run-time error CSS1064: Expected calculation product, found '$'
(3790,23): run-time error CSS1065: Expected calculation sum, found '$'
(3790,23): run-time error CSS1034: Expected closing parenthesis, found '$'
(3790,23): run-time error CSS1042: Expected function, found '$'
(3790,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
 */
/*
    This mixin has a lot of caveats.

    Webkit browsers support full range of styling via scrollbar pseudo-elements. This support is not on standards track
    Standards-track CSS support is spotty, and limited to color and width.
*/
/* Zeplin uses 238px but so far that's too narrow for most forms */
.nav-links ul li:not(.selected) > .nav-link {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 2.5; }

.collapsed-section-documents div.collapsed-header, .collapsed-section-purchase div.collapsed-header, .user-permission-manager .user-type-header, .shopping-receipt div.invoice-header {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.17px;
  line-height: 1.2; }

.account-menu-link, .item-saved-controls .success, .item-saved-controls .upload, .item-saved-controls .add-new-item, .item-saved-controls .my-people, .item-saved-controls .my-plant, .item-saved-controls .my-compliance {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.17px;
  line-height: 1.2; }

.layout-content-body a {
  color: #070707;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 1.2; }

.project-report-preview .value, .stats-panel .breakdown .total {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.43px;
  line-height: 1.17; }

.return-link a, .shopping-receipt div.invoice-header > div a, .shopping-receipt div.invoice-header > div span.return-link {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.13px;
  line-height: 1.2; }

.layout-content-body h5, .account-menu h6, .create-user .input-error, .create-user .input-custom-error, .modal .modal-content .invalid, .modal .modal-content .modal-header h3, .pagination-pages .pagination-page.aspNetDisabled, .pagination-container .pagination .pagination-page.aspNetDisabled, .pagination-container .pagination li.aspNetDisabled, .search-controls legend {
  color: #94002a;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.2px;
  line-height: 1.2; }

.layout-content-body select, .layout-content-body table th, .chosen-container a span,
.chosen-container ul li span, .drop-down, .form .field-rows > div input[type=text], .form .field-rows > div p, .form .field-rows > div select, .modal .modal-content .modal-body, .nav-tabs li > a, .pagination-container .pagination li a, .pagination-container .pagination li span, .pagination-content .page-size, .pagination-container tr .page-size, .pagination-pages .pagination-page, .pagination-container .pagination .pagination-page, .pagination-container .pagination li, .payment-panel .back-link, .payment-panel .checkbox-label-row span, .payment-panel .checkbox-label-row span > a, .payment-panel p, .search-controls table tr td select,
.search-controls table tr td input[type=text],
.search-controls table tr th select,
.search-controls table tr th input[type=text], .search-controls .button-column .tickbox-list label, .search-controls .second-column .tickbox-list label, .search-controls .button-column .tickbox-list-asp span, .search-controls .second-column .tickbox-list-asp span, .search-results .checkbox label, .select2-container .select2-dropdown .select2-results__option, .wrapper-stack.compact, .wrapper-stack input[type=text], .compliance-details .checkbox-title, .plant-details .checkbox-title, .shopping-cart .item-header, .shopping-cart .item-small-header, .shopping-receipt .small-header, .staff-details .checkbox-title {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1.36; }

.btn-3ds-secondary, .item-photo-upload .no-photo button, .upload-button label,
.column.upload-button label,
.modal .modal-body .upload-button label, .button-small {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.13px;
  line-height: 1.2; }

.layout-content-crumbtrail, .item-details-form .item-row > div.nav-title, .project-report-preview .description, .search-bar-wide .search-call-to-action, .search-controls .third-column .aside .info, .search-controls .third-column .aside .info table tr td, .stats-panel .search-text, .shopping-cart .item-title {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 1.14; }

.layout-content-body h4, .item-details-form .column > table.summary tr > th, .item-details-form .column > table.summary tr > td label, .nav-tabs .tab, .process table tr > th, .shopping-cart .item-name {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1.2; }

.footer-export-data #ExportButton, .footer-export-data #PrintButton, .footer-export-data .footer-button, .pagination-content .label-results-per-page, .pagination-container tr .label-results-per-page, .pagination-content .summary, .pagination-container tr .summary, .shopping-cart .item-small-title, .shopping-cart .item-update-link {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.13px;
  line-height: 1.2; }

.layout-content-body h1, .inductee h2, .process .header-title, .shopping-receipt .paid-stamp {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.2px;
  line-height: 1.2; }

.status-banner, .status-bar, .layout-content-body table, .chosen-container .chosen-drop, .email-broadcast p, .email-broadcast span, .email-broadcast label, .form .field-rows > div, .form .validation-summary ul li, .info-popup-container .msg-inner, .info-popup-container > span, .info-popup-container .msg-inner a, .info-popup-container > span a, .item-saved-controls .success, .modal .modal-content .modal-body label, .msg.error .msg-inner, .msg.error > span, .msg.error .msg-inner a, .msg.error > span a, .msg.info .msg-inner, .msg.info > span, .msg.info .msg-inner a, .msg.info > span a, .msg.info-blue .msg-inner, .msg.info-blue > span, .msg.info-blue .msg-inner a, .msg.info-blue > span a, .msg.warning .msg-inner, .msg.warning > span, .msg.warning .msg-inner a, .msg.warning > span a, .msg.success .msg-inner, .msg.success > span, .msg.success .msg-inner a, .msg.success > span a, .msg-triangle.error .msg-inner, .msg-triangle.error > span, .msg-triangle.error .msg-inner a, .msg-triangle.error > span a, .msg-triangle.error-centered .msg-inner, .msg-triangle.error-centered > span, .msg-triangle.error-centered .msg-inner a, .msg-triangle.error-centered > span a, .msg-triangle.info .msg-inner, .msg-triangle.info > span, .msg-triangle.info .msg-inner a, .msg-triangle.info > span a, .msg-triangle.info-centered .msg-inner, .msg-triangle.info-centered > span, .msg-triangle.info-centered .msg-inner a, .msg-triangle.info-centered > span a, .msg-triangle.success .msg-inner, .msg-triangle.success > span, .msg-triangle.success .msg-inner a, .msg-triangle.success > span a, .msg-triangle.success-centered .msg-inner, .msg-triangle.success-centered > span, .msg-triangle.success-centered .msg-inner a, .msg-triangle.success-centered > span a, .payment-panel table th, .print-induction-cards .card-number-controls, .search-controls table tr td,
.search-controls table tr th, .search-controls table tr td label,
.search-controls table tr th label, .search-controls .button-column ul li, .search-controls .second-column ul li, .search-results p, .search-results label, .search-results span, section.form #custom-question-page.staff-fields-control .tooltip-tip, .stats-panel .totals, .table-base tr:not(.pager-row) td, .user-permission-panel table tr td,
.user-permission-panel table tr th, .user-security-panel .tab-content span, .user-security-panel label, .user-security-panel table tr td,
.user-security-panel table tr th, .wrapper-stack:not(.compact), .entries-exits-report .total, .gate-report .total, .inductee p, .plant-details span, .shopping-cart .item-price, .shopping-receipt div.invoice-section > div.invoice-item-container, .shopping-receipt div.modal-content-container, .staff-details span, .workers-on-site-report .total {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 1.2; }

.home-landing-nav-bar .link .page-name {
  color: black;
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 1.19; }

.btn-3ds, .search-controls input[type=submit],
.search-controls button, .search-controls .button-row input[type=submit],
.search-controls .button-row button, .search-results .new-button-container input[type=submit],
.search-results .new-button-container button, .wrapper-stack input[type=submit], .inductee .btn-logout, .inductee .btn-orientation, .btn-3ds-medium, .entries-exits-report .wrapper-send-safety-check input[type=button], .gate-report .wrapper-send-safety-check input[type=button], .workers-on-site-report .wrapper-send-safety-check input[type=button], .button, .email-broadcast .file-upload, .search-results .button-large, .search-bar-wide .btn-search, .search-controls .third-column .aside .button-row .button-wide, .wrapper-gate-page .gate-panel h4, .wrapper-gate-page .gate-panel p, .wrapper-gate-page-inductee .gate-panel h4, .wrapper-gate-page-inductee .gate-panel p, .activities-form .in-out-container .in-out-icon, .pass-form .in-out-container .in-out-icon, .quiz-login .gate-panel ul, .quiz-login .gate-panel li, .quiz-login .gate-panel h4, .shopping-cart button.promo-code-button {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 1.2; }

.layout-content-footer .footer-links li, .layout-content-footer .footer-links li a, .account-menu p, .disclaimer, .project-report-preview .retrieved, .wrapper-gate-page .gate-panel .tiny, .wrapper-gate-page-inductee .gate-panel .tiny {
  color: #9b9b9b;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.13px;
  line-height: 1.2; }

.layout-content-body select::placeholder,
.layout-content-body input[type=text]::placeholder,
.layout-content-body input[type=password]::placeholder,
.layout-content-body input[type=date]::placeholder,
.layout-content-body input[type=email]::placeholder,
.layout-content-body input[type=number]::placeholder, .chosen-container.chosen-container-multi .chosen-choices .search-field input[type=text].default, .chosen-container.chosen-container-multi .chosen-choices .search-field input[type=text], .item-details-form #attachmentInfoPopup > table td,
.item-details-form #attachmentInfoPopup > table th,
.item-details-form #attachmentInfoPopup > table td span,
.item-details-form #attachmentInfoPopup > table th span, .item-details-form #versionInfoPopup > table td,
.item-details-form #versionInfoPopup > table th,
.item-details-form #versionInfoPopup > table td span,
.item-details-form #versionInfoPopup > table th span, .search-controls table tr td .required-text,
.search-controls table tr th .required-text, .table-base thead th a:link, .table-base thead th a:visited, .table-base thead th a:hover, .table-base thead th a:active, .company-library .upload, .item-details #documentInfoPopup > table td,
.item-details #documentInfoPopup > table th,
.item-details #documentInfoPopup > table td span,
.item-details #documentInfoPopup > table th span {
  color: #4c4d55;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1.2; }

.footnote, .label-no-data, .wrapper-gate-page .gate-panel, .wrapper-gate-page .gate-panel label, .wrapper-gate-page .gate-panel .mfa-explanation p, .wrapper-gate-page-inductee .gate-panel, .wrapper-gate-page-inductee .gate-panel label, .wrapper-gate-page-inductee .gate-panel .mfa-explanation p {
  color: #9b9b9b;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 1.2; }

.wrapper-gate-page .gate-panel h3, .wrapper-gate-page-inductee .gate-panel h3 {
  color: #f4f4f4;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 1.12; }

.wrapper-gate-page .gate-panel h2, .wrapper-gate-page-inductee .gate-panel h2 {
  color: #f4f4f4;
  font-family: "Roboto", sans-serif;
  font-size: 25px;
  font-weight: 300;
  letter-spacing: 0.36px;
  line-height: 1.12; }

.nav-links .nav-link {
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 2.86; }

.nav-links ul li.selected > .nav-link {
  color: #f4f4f4;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.17px;
  line-height: 2.5; }

.layout-content-body input[type=date],
.layout-content-body input[type=email],
.layout-content-body input[type=number],
.layout-content-body input[type=password],
.layout-content-body input[type=text],
.layout-content-body textarea {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.24px;
  line-height: 1.36; }

/*
    This mixin has a lot of caveats.

    Webkit browsers support full range of styling via scrollbar pseudo-elements. This support is not on standards track
    Standards-track CSS support is spotty, and limited to color and width.
*/
.layout-content-body input[type=checkbox]::before, .layout-content-body input[type=radio]::before {
  background: none;
  border: solid 1px #9b9b9b;
  content: ' ';
  display: block;
  height: 13px;
  width: 13px; }

.layout-content-body input[type=checkbox]:checked::before, .layout-content-body input[type=radio]:checked::before {
  background-color: #d4f9f2;
  background-repeat: no-repeat; }

.layout-content-body input[type=checkbox]:active, .layout-content-body input[type=radio]:active, .layout-content-body input[type=checkbox]:focus, .layout-content-body input[type=radio]:focus {
  outline: none; }

.layout-content-body input[type=checkbox]:active::before, .layout-content-body input[type=radio]:active::before, .layout-content-body input[type=checkbox]:focus::before, .layout-content-body input[type=radio]:focus::before {
  box-shadow: 0 0 2px #36dec0; }

.error .layout-content-body input[type=checkbox]::before, .layout-content-body .error input[type=checkbox]::before, .error .layout-content-body input[type=radio]::before, .layout-content-body .error input[type=radio]::before {
  border-color: #e00040; }

.layout-content-body input[type=checkbox] + label, .layout-content-body input[type=radio] + label {
  font-weight: normal;
  margin: auto 6px; }

.item-details-form .container-3ds, .item-details-form .container-3ds-align-edges, .item-details-form .container-3ds-align-center, .item-details-form .container-3ds-flex-right {
  display: flex;
  flex-flow: row wrap;
  font-weight: bold; }
  .item-details-form .container-3ds > *, .item-details-form .container-3ds-align-edges > *, .item-details-form .container-3ds-align-center > *, .item-details-form .container-3ds-flex-right > * {
    padding-right: 10px; }

.btn-icon[disabled=disabled], .pagination-container .PagedList-skipToNext a, .pagination-container .PagedList-skipToPrevious a, .pagination-container .pagination .disabled .btn-icon, .pagination-container span.pagination-page {
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none; }

.layout-content-body select, .chosen-container .chosen-single {
  border: solid 1px #d1d3d4;
  border-radius: 2px;
  box-shadow: none;
  outline: none; }

/* Safety dropdown button override */
.layout-content-body select, .chosen-container .chosen-single {
  /* important is necessary here to override chosen's important background */
  background-color: white !important;
  background-image: url("/images/kickstand/buttons/button-dropdown.png") !important;
  background-position: 100% 0 !important;
  background-repeat: no-repeat !important;
  background-size: 23px 28px !important; }

.layout-content-body a {
  text-decoration: underline; }

.layout-content-body select::placeholder,
.layout-content-body input[type=text]::placeholder,
.layout-content-body input[type=password]::placeholder,
.layout-content-body input[type=date]::placeholder,
.layout-content-body input[type=email]::placeholder,
.layout-content-body input[type=number]::placeholder, .chosen-container.chosen-container-multi .chosen-choices .search-field input[type=text].default {
  opacity: 0.3; }

.layout-content-body input[type=checkbox], .layout-content-body input[type=radio], .layout-content-body select {
  /* Removes the default appearance from form elements */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.account-menu-link:link, .account-menu-link:visited, .account-menu-link:hover, .account-menu-link:active, .footer-export-data #ExportButton, .footer-export-data #PrintButton, .footer-export-data .footer-button, .pagination-pages .pagination-page, .pagination-container .pagination .pagination-page, .pagination-container .pagination li, .project-report-preview .link-carousel, .table-base.clickable, .table-base.sortable, .table-base thead th a:link, .table-base thead th a:visited, .table-base thead th a:hover, .table-base thead th a:active, .table-base tr:not(.pager-row) td a {
  text-decoration: none; }

.status-banner, .status-bar {
  border: 1px solid;
  border-radius: 2px;
  padding: 3px 8px 2px 8px;
  white-space: nowrap; }

.info.status-banner, .info.status-bar {
  background: none;
  border: 0; }

.documentation_required.status-banner, .documentation_required.status-bar {
  background: #fffcc8;
  border-color: #fbee01; }

.expired.status-banner, .expired.status-bar {
  background: #fffcc8;
  border-color: #fbee01; }

.warning.status-banner, .warning.status-bar, .for_review.status-banner, .for_review.status-bar {
  background: #ffe1cb;
  border-color: #ff6a00; }

.success.status-banner, .success.status-bar, .accepted.status-banner, .accepted.status-bar {
  background: #d4f9f2;
  border-color: #36dec0; }

.error.status-banner, .error.status-bar, .rejected.status-banner, .rejected.status-bar {
  background: #ffbace;
  border-color: #e00040; }

.pending_inspection.status-banner, .pending_inspection.status-bar {
  background: #36dec0;
  border-color: #d1d3d4; }

/* Make text (or our text-icons) thicker than font-weight:900 can make them */
.icon-check, .icon-x {
  text-shadow: 0.05em 0em; }

.underline {
  text-decoration: underline; }

/* Zeplin uses 238px but so far that's too narrow for most forms */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../../fonts/roboto/Roboto-Black.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../../fonts/roboto/Roboto-BlackItalic.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../../fonts/roboto/Roboto-Bold.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../../fonts/roboto/Roboto-BoldItalic.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../../fonts/roboto/Roboto-Medium.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../../fonts/roboto/Roboto-MediumItalic.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../../fonts/roboto/Roboto-Light.ttf"); }

@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../../fonts/roboto/Roboto-LightItalic.ttf"); }

.block-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.flex {
  display: flex; }

.flex-center {
  align-items: center;
  display: flex;
  justify-content: center; }

.flip {
  transform: rotate(180deg); }

.no-padding {
  padding: 0; }

.info-popup:hover {
  cursor: pointer; }

/**
 * Basic typography style for copy text
 */
.chat-bot {
  bottom: 25px;
  display: none;
  position: fixed;
  right: 25px;
  z-index: 9999; }
  .chat-bot .clickable {
    cursor: pointer; }
  .chat-bot .close-chat-bot {
    float: right;
    margin-right: 4px; }
  .chat-bot .maximised {
    bottom: 25px;
    box-shadow: 2px 2px 8px -3px #000;
    display: inline-block;
    height: 50%;
    max-width: 400px;
    position: fixed;
    right: 25px;
    width: 400px; }
    .chat-bot .maximised .chat-content {
      height: 100%;
      max-height: 500px;
      overflow-y: auto; }
    .chat-bot .maximised .chat-header {
      background-color: #94002a;
      color: #f4f4f4;
      padding: 4px; }
  .chat-bot .minimised {
    background-color: #94002a;
    border: none;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-shadow: 2px 2px 8px -3px #000;
    color: #f4f4f4;
    display: inline-block;
    font-size: 23px;
    height: 55px;
    line-height: 55px;
    margin-top: 10px;
    text-align: center;
    width: 55px; }
  .chat-bot #webchat {
    height: 100%; }

.layout-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-left: 1.6%;
  width: calc(100% - 1.6% - 273px);
  min-width: auto; }

.layout-content-body {
  font-family: 'Roboto';
  flex-grow: 1;
  margin-right: 42px;
  margin-top: 46px;
  /* Hide Input Number Arrows */
  /* Firefox */
  /* start of css style for react components */
  /* end of css style for react components */ }
  .layout-content-body.edgeless {
    margin-right: 0; }
  .layout-content-body a[href]:after {
    content: none !important;
    /* !important, to override vendor code that is out of our control (Website/css/bootstrap.css) */ }
  .layout-content-body a[disabled="disabled"], .layout-content-body .aspNetDisabled {
    cursor: not-allowed;
    opacity: 0.4; }
  .layout-content-body .chosen-items-required {
    border: 1px solid #e00040; }
  .layout-content-body .clear th {
    background: white; }
  .layout-content-body h1 {
    margin-bottom: 2em;
    margin-top: 0; }
  .layout-content-body h4 {
    color: #40383b;
    margin: 0 0 10px 0; }
  .layout-content-body h5 {
    text-transform: uppercase; }
  .layout-content-body input[type=date],
  .layout-content-body input[type=email],
  .layout-content-body input[type=number],
  .layout-content-body input[type=password],
  .layout-content-body input[type=text],
  .layout-content-body textarea {
    border: 1px solid #d1d3d4;
    border-radius: 2px;
    height: 25px; }
    .layout-content-body input[type=date].expanding-text-area,
    .layout-content-body input[type=email].expanding-text-area,
    .layout-content-body input[type=number].expanding-text-area,
    .layout-content-body input[type=password].expanding-text-area,
    .layout-content-body input[type=text].expanding-text-area,
    .layout-content-body textarea.expanding-text-area {
      height: 120px;
      width: 400px; }
    .layout-content-body input[type=date].warning-border,
    .layout-content-body input[type=email].warning-border,
    .layout-content-body input[type=number].warning-border,
    .layout-content-body input[type=password].warning-border,
    .layout-content-body input[type=text].warning-border,
    .layout-content-body textarea.warning-border {
      border: 1px solid #e00040;
      border-radius: 2px; }
    .layout-content-body input[type=date].success-border,
    .layout-content-body input[type=email].success-border,
    .layout-content-body input[type=number].success-border,
    .layout-content-body input[type=password].success-border,
    .layout-content-body input[type=text].success-border,
    .layout-content-body textarea.success-border {
      border: 1px solid #08873c;
      border-radius: 2px; }
  .layout-content-body input[type=number] {
    padding: 6px 0 6px 6px; }
  .layout-content-body div.required-field.error,
  .layout-content-body input[type=text].error,
  .layout-content-body input[type=file].error {
    border: 1px solid #e00040; }
  .layout-content-body div.required-field.full-width,
  .layout-content-body input[type=text].full-width,
  .layout-content-body input[type=file].full-width {
    width: 100%; }
  .layout-content-body input ~ span.invalid,
  .layout-content-body select ~ span.invalid,
  .layout-content-body span.error ~ span.invalid,
  .layout-content-body .chosen-container ~ span.invalid {
    display: none;
    /* Hide the spans created by Validator controls */ }
  .layout-content-body input[type=checkbox]::before {
    background-color: white; }
  .layout-content-body input[type=checkbox]:checked::before {
    background-image: url("/images/kickstand/icons/tick-black.png");
    background-size: 11.9px 9px; }
  .layout-content-body input[type=radio]::before {
    background-color: #d4f9f2;
    border-radius: 7px; }
  .layout-content-body input[type=radio]:checked::before {
    background-image: url("/images/kickstand/bullet-points/charcoal-small.png");
    background-position: 2px 2px;
    background-size: 7px 7px; }
  .layout-content-body input[type=radio]:active::before, .layout-content-body input[type=radio]:focus::before {
    box-shadow: 0 0 4px #36dec0; }
  .layout-content-body input::-webkit-outer-spin-button,
  .layout-content-body input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .layout-content-body input[type=number] {
    -moz-appearance: textfield; }
  .layout-content-body .red-link {
    color: #94002a;
    text-decoration: underline !important;
    text-transform: uppercase; }
  .layout-content-body .required {
    color: #e00040; }
  .layout-content-body select {
    height: 25px;
    padding-left: 0.7em; }

@-moz-document url-prefix() {
  .layout-content-body select {
    text-indent: 0.3em; } }
    .layout-content-body select.error {
      border: solid 1px #e00040; }
  .layout-content-body select.error + div.chosen-container .chosen-single,
  .layout-content-body select.error + div.chosen-container .chosen-multi,
  .layout-content-body select.error + div.chosen-container .chosen-choices {
    border: solid 1px #e00040; }
  .layout-content-body span.warning-color {
    color: #e00040;
    text-align: right; }
  .layout-content-body span.success-color {
    color: #08873c;
    text-align: right; }
  .layout-content-body table th {
    background: #f4f4f4;
    border-right: 1px solid white; }
  .layout-content-body table td, .layout-content-body table th {
    height: 38px;
    padding: 10px; }
    .layout-content-body table td > select, .layout-content-body table th > select {
      width: 100%;
      min-width: 100px; }
  .layout-content-body ul li.disabled {
    list-style-image: url("/images/kickstand/bullet-points/light-gray.png"); }
    .layout-content-body ul li.disabled > * {
      padding-left: 2%; }
    .layout-content-body ul li.disabled a {
      color: #938f90;
      cursor: not-allowed;
      text-decoration: none; }
  .layout-content-body ul li.selected {
    list-style-image: url("/images/kickstand/bullet-points/cyan-small.png"); }
    .layout-content-body ul li.selected > * {
      padding-left: 2%; }
  .layout-content-body ul li:not(.disabled):not(.selected) {
    list-style-type: inherit; }
  .layout-content-body .arrow-down-left-space {
    margin-right: 44%; }
  .layout-content-body .error-span {
    width: 90%;
    color: red; }
  .layout-content-body .full-width {
    width: 100%; }
  .layout-content-body .full-width-text {
    height: auto;
    min-width: 100px;
    width: 100%; }
  .layout-content-body .max-width-50px {
    max-width: 50px; }
  .layout-content-body .min-width-180px {
    min-width: 180px; }
  .layout-content-body .question-text {
    width: 600px; }
  .layout-content-body .react-radio-label + label {
    margin-left: 80px; }
  .layout-content-body .react-fieldset {
    padding: 0 10px 10px;
    border: 1px solid #666;
    border-radius: 8px;
    box-shadow: 0 0 10px #666;
    padding-top: 10px; }
  .layout-content-body .react-legend {
    padding: 2px 4px;
    background: #fff; }
  .layout-content-body .react-fieldset > .react-legend {
    float: left;
    margin-top: -8px;
    font-size: 10px; }
  .layout-content-body .react-fieldset > .react-legend + * {
    clear: both; }
  .layout-content-body .small-selector {
    width: 120px; }
  .layout-content-body .unit-tooltip-cell {
    width: 30px; }
  .layout-content-body .unit-value-cell {
    width: 100px; }
  .layout-content-body .width-10-pc {
    width: 10%; }
  .layout-content-body .width-30-pc {
    width: 30%; }
  .layout-content-body .width-50-pc {
    width: 50%; }
  .layout-content-body .width-70-pc {
    width: 70%; }
  .layout-content-body .width-90-pc {
    width: 90%; }

.layout-content-crumbtrail {
  margin-bottom: 0.4em;
  display: flex;
  justify-content: space-between; }
  .layout-content-crumbtrail a {
    font-size: 14px; }

.layout-content-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 35px;
  margin-right: 42px;
  margin-top: 35px; }
  @media print {
    .layout-content-footer {
      display: none !important;
      /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }
  .layout-content-footer .footer-links {
    display: flex;
    flex-flow: row wrap;
    line-height: 1.2;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .layout-content-footer .footer-links li {
      margin-right: 12px;
      font-size: 10px;
      text-decoration: none; }
      .layout-content-footer .footer-links li a {
        font-size: 10px;
        text-decoration: none; }

.layout-content-page p.clear {
  clear: both; }

.layout-content-page p.repeat-image {
  display: block;
  float: left;
  height: 200px;
  margin: 2px;
  object-fit: scale-down;
  width: 200px;
  transition: transform 0.25s ease; }
  .layout-content-page p.repeat-image > a > img {
    background: url(../../images/loading-square.jpg) no-repeat scroll 0 0;
    width: 100%; }

.layout-header {
  background: #d1d3d4;
  height: 6px;
  position: absolute;
  width: 100%; }

.layout-shell {
  display: flex;
  flex-direction: row;
  min-height: 100vh; }

.layout-sidebar {
  display: flex;
  flex-direction: row;
  padding-top: 6px;
  position: relative; }
  @media print {
    .layout-sidebar {
      display: none !important;
      /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }
  .layout-sidebar.collapsed.peeking .layout-sidebar-primary {
    overflow: visible;
    width: 205px; }
    .layout-sidebar.collapsed.peeking .layout-sidebar-primary > * {
      display: initial; }
  .layout-sidebar.collapsed.peeking .sidebar-tab {
    background-image: url("../../images/kickstand/buttons/sidebar-tab-open.png"); }
  .layout-sidebar.collapsed:not(.peeking) .layout-sidebar-primary {
    overflow: hidden;
    width: 5px; }
    .layout-sidebar.collapsed:not(.peeking) .layout-sidebar-primary > * {
      display: none; }
  .layout-sidebar.collapsed:not(.peeking) .sidebar-tab {
    background-image: url("../../images/kickstand/buttons/sidebar-tab-open.png"); }
  .layout-sidebar:not(.collapsed) .layout-sidebar-primary {
    overflow: visible;
    width: 205px; }
    .layout-sidebar:not(.collapsed) .layout-sidebar-primary > * {
      display: initial; }
  .layout-sidebar:not(.collapsed) .sidebar-tab {
    background-image: url("../../images/kickstand/buttons/sidebar-tab-close.png"); }
  .layout-sidebar .layout-sidebar-primary {
    background: #40383b;
    display: flex;
    flex-direction: column;
    transition: width 0.15s;
    white-space: nowrap; }
    .layout-sidebar .layout-sidebar-primary ul {
      overflow-x: hidden; }
  .layout-sidebar .layout-sidebar-secondary {
    background: #94002a;
    overflow: visible;
    width: 40px; }

.access-change-answers .modal {
  padding-left: 21px;
  /* balance out weird inline style padding-right:21px added by something at runtime */ }
  .access-change-answers .modal .question-row {
    display: flex;
    justify-content: space-between;
    margin-top: 2em; }
    .access-change-answers .modal .question-row .answer {
      font-weight: 800;
      text-align: right;
      width: 6em; }
  .access-change-answers .modal .comment {
    font-weight: 800;
    margin-top: 1em; }

.account-menu {
  background: #fffffe;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  left: 0;
  margin-left: 15.8px;
  margin-top: -19px;
  min-width: 206px;
  padding: 18px 18px 18px 21px;
  position: absolute;
  top: 0;
  z-index: 1; }
  .account-menu .account-name {
    text-transform: uppercase; }
  .account-menu h6 {
    margin: 3px 0px; }
  .account-menu p {
    margin-top: 0; }

.account-menu-link {
  align-items: center;
  border-radius: 2px;
  display: flex;
  flex: 1 1 100%;
  padding: 8.5px 0; }
  .account-menu-link:hover {
    background: #f4f4f4; }

.account-menu-links {
  list-style-type: none;
  margin: 16px 0 0 0;
  padding: 0; }
  .account-menu-links .divider {
    margin: 8px 2px; }
  .account-menu-links li {
    display: flex;
    text-transform: uppercase; }
    .account-menu-links li a:hover {
      color: #e00040; }
    .account-menu-links li .icon {
      font-size: 1.33em;
      margin-right: 0.25em;
      position: relative;
      left: -0.3em;
      height: 1.7em; }
    .account-menu-links li:last-child .account-menu-link {
      padding-bottom: 0; }

.account-notifications-panel {
  flex-direction: column; }
  .account-notifications-panel .search-results, .account-notifications-panel tr {
    width: 100%; }
  .account-notifications-panel .search-results {
    display: table; }

.account-scheduled-reports-panel {
  flex-direction: column; }

.account-settings-panel {
  justify-content: space-between; }
  .account-settings-panel input[type=text],
  .account-settings-panel select#SelectedTimezone {
    padding: 1px 2.333%;
    width: 80%; }
  .account-settings-panel .plain-table {
    width: 100%; }
    .account-settings-panel .plain-table td {
      padding: 6.5px 0; }
  .account-settings-panel .wrapper-summary, .account-settings-panel .wrapper-rundown {
    flex: 1 1 45%; }

.auto-column-width {
  white-space: nowrap;
  width: 1%; }

.admin-activity-content-preview {
  border: 1px solid black;
  width: 100%; }

.asset-image {
  margin: 0.1em 2.5em;
  max-height: 300px;
  max-width: 300px; }

.atlwdg-trigger.atlwdg-SUBTLE {
  display: none; }

.back-arrow {
  height: 12px;
  width: 15px; }

.bookmark-container {
  justify-content: left;
  width: 3.665%; }
  .bookmark-container .bookmark {
    border-bottom-right-radius: 14px;
    border-top-right-radius: 14px;
    height: 14px;
    width: 7px;
    background: #36dec0; }

.btn-3ds, .search-controls input[type=submit],
.search-controls button, .search-controls .button-row input[type=submit],
.search-controls .button-row button, .search-results .new-button-container input[type=submit],
.search-results .new-button-container button, .wrapper-stack input[type=submit], .inductee .btn-logout, .inductee .btn-orientation {
  transition: filter 0.1s;
  align-items: center;
  border: 0;
  border-radius: 2px;
  display: flex;
  height: 28px;
  justify-content: center;
  text-transform: uppercase;
  background: #94002a;
  width: 100%;
  max-width: 138px; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
  .btn-3ds:link, .search-controls input[type=submit]:link,
  .search-controls button:link, .search-results .new-button-container input[type=submit]:link,
  .search-results .new-button-container button:link, .wrapper-stack input[type=submit]:link, .inductee .btn-logout:link, .inductee .btn-orientation:link, .btn-3ds:visited, .search-controls input[type=submit]:visited,
  .search-controls button:visited, .search-results .new-button-container input[type=submit]:visited,
  .search-results .new-button-container button:visited, .wrapper-stack input[type=submit]:visited, .inductee .btn-logout:visited, .inductee .btn-orientation:visited, .btn-3ds:hover, .search-controls input[type=submit]:hover,
  .search-controls button:hover, .search-results .new-button-container input[type=submit]:hover,
  .search-results .new-button-container button:hover, .wrapper-stack input[type=submit]:hover, .inductee .btn-logout:hover, .inductee .btn-orientation:hover, .btn-3ds:active, .search-controls input[type=submit]:active,
  .search-controls button:active, .search-results .new-button-container input[type=submit]:active,
  .search-results .new-button-container button:active, .wrapper-stack input[type=submit]:active, .inductee .btn-logout:active, .inductee .btn-orientation:active {
    color: white;
    text-decoration: none; }
  .btn-3ds:hover, .search-controls input[type=submit]:hover,
  .search-controls button:hover, .search-results .new-button-container input[type=submit]:hover,
  .search-results .new-button-container button:hover, .wrapper-stack input[type=submit]:hover, .inductee .btn-logout:hover, .inductee .btn-orientation:hover {
    filter: brightness(110%); }
  .btn-3ds:active, .search-controls input[type=submit]:active,
  .search-controls button:active, .search-results .new-button-container input[type=submit]:active,
  .search-results .new-button-container button:active, .wrapper-stack input[type=submit]:active, .inductee .btn-logout:active, .inductee .btn-orientation:active {
    animation: flash 1s; }
  .btn-3ds[disabled], .search-controls input[disabled][type=submit],
  .search-controls button[disabled], .search-results .new-button-container input[disabled][type=submit],
  .search-results .new-button-container button[disabled], .wrapper-stack input[disabled][type=submit], .inductee [disabled].btn-logout, .inductee [disabled].btn-orientation {
    opacity: 0.5; }
  .btn-3ds.medium-button, .search-controls input.medium-button[type=submit],
  .search-controls button.medium-button, .search-results .new-button-container input.medium-button[type=submit],
  .search-results .new-button-container button.medium-button, .wrapper-stack input.medium-button[type=submit], .inductee .medium-button.btn-logout, .inductee .medium-button.btn-orientation {
    max-width: 200px; }
  .btn-3ds.large-button, .search-controls input.large-button[type=submit],
  .search-controls button.large-button, .search-results .new-button-container input.large-button[type=submit],
  .search-results .new-button-container button.large-button, .wrapper-stack input.large-button[type=submit], .inductee .large-button.btn-logout, .inductee .large-button.btn-orientation {
    max-width: 300px; }

.btn-3ds-medium, .entries-exits-report .wrapper-send-safety-check input[type=button], .gate-report .wrapper-send-safety-check input[type=button], .workers-on-site-report .wrapper-send-safety-check input[type=button] {
  transition: filter 0.1s;
  align-items: center;
  border: 0;
  border-radius: 2px;
  display: flex;
  height: 28px;
  justify-content: center;
  text-transform: uppercase;
  background: #94002a;
  width: 100%;
  max-width: 200px; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
  .btn-3ds-medium:link, .entries-exits-report .wrapper-send-safety-check input[type=button]:link, .gate-report .wrapper-send-safety-check input[type=button]:link, .workers-on-site-report .wrapper-send-safety-check input[type=button]:link, .btn-3ds-medium:visited, .entries-exits-report .wrapper-send-safety-check input[type=button]:visited, .gate-report .wrapper-send-safety-check input[type=button]:visited, .workers-on-site-report .wrapper-send-safety-check input[type=button]:visited, .btn-3ds-medium:hover, .entries-exits-report .wrapper-send-safety-check input[type=button]:hover, .gate-report .wrapper-send-safety-check input[type=button]:hover, .workers-on-site-report .wrapper-send-safety-check input[type=button]:hover, .btn-3ds-medium:active, .entries-exits-report .wrapper-send-safety-check input[type=button]:active, .gate-report .wrapper-send-safety-check input[type=button]:active, .workers-on-site-report .wrapper-send-safety-check input[type=button]:active {
    color: white;
    text-decoration: none; }
  .btn-3ds-medium:hover, .entries-exits-report .wrapper-send-safety-check input[type=button]:hover, .gate-report .wrapper-send-safety-check input[type=button]:hover, .workers-on-site-report .wrapper-send-safety-check input[type=button]:hover {
    filter: brightness(110%); }
  .btn-3ds-medium:active, .entries-exits-report .wrapper-send-safety-check input[type=button]:active, .gate-report .wrapper-send-safety-check input[type=button]:active, .workers-on-site-report .wrapper-send-safety-check input[type=button]:active {
    animation: flash 1s; }
  .btn-3ds-medium[disabled], .entries-exits-report .wrapper-send-safety-check input[disabled][type=button], .gate-report .wrapper-send-safety-check input[disabled][type=button], .workers-on-site-report .wrapper-send-safety-check input[disabled][type=button] {
    opacity: 0.5; }

.btn-3ds-secondary, .item-photo-upload .no-photo button, .upload-button label,
.column.upload-button label,
.modal .modal-body .upload-button label {
  transition: filter 0.1s;
  align-items: center;
  border: 0;
  border-radius: 2px;
  display: flex;
  height: 23px;
  justify-content: center;
  text-transform: uppercase;
  background: #40383b;
  width: 100%; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
  .btn-3ds-secondary:link, .item-photo-upload .no-photo button:link, .upload-button label:link,
  .modal .modal-body .upload-button label:link, .btn-3ds-secondary:visited, .item-photo-upload .no-photo button:visited, .upload-button label:visited,
  .modal .modal-body .upload-button label:visited, .btn-3ds-secondary:hover, .item-photo-upload .no-photo button:hover, .upload-button label:hover,
  .modal .modal-body .upload-button label:hover, .btn-3ds-secondary:active, .item-photo-upload .no-photo button:active, .upload-button label:active,
  .modal .modal-body .upload-button label:active {
    color: white;
    text-decoration: none; }
  .btn-3ds-secondary:hover, .item-photo-upload .no-photo button:hover, .upload-button label:hover,
  .modal .modal-body .upload-button label:hover {
    filter: brightness(110%); }
  .btn-3ds-secondary:active, .item-photo-upload .no-photo button:active, .upload-button label:active,
  .modal .modal-body .upload-button label:active {
    animation: flash 1s; }
  .btn-3ds-secondary[disabled], .item-photo-upload .no-photo button[disabled], .upload-button label[disabled],
  .modal .modal-body .upload-button label[disabled] {
    opacity: 0.5; }

.btn-account-menu {
  border-radius: 100%;
  height: 31.6px;
  margin: 48px auto auto auto;
  position: relative;
  width: 31.6px;
  z-index: 10000; }
  .btn-account-menu:hover {
    background-color: #40383b;
    cursor: pointer; }
  .btn-account-menu:not(.selected) .account-menu {
    display: none; }
  .btn-account-menu:not(.selected) .bg-icon {
    background: none; }
  .btn-account-menu:not(.selected) use {
    fill: #fffffe; }
  .btn-account-menu.selected .account-menu {
    display: block; }
  .btn-account-menu.selected .bg-icon {
    background: #fffffe; }
  .btn-account-menu.selected use {
    fill: #94002a; }
  .btn-account-menu .bg-icon {
    border-radius: 100%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10; }
  .btn-account-menu .icon-user {
    z-index: 100; }

/*
    Styles radio boxes as a button group. Apply to the wrapping div.
*/
.btn-group-wrapper {
  display: inline-block;
  min-width: 280px; }
  .btn-group-wrapper input[type=radio] {
    display: none;
    opacity: 0; }
    .btn-group-wrapper input[type=radio] + label {
      background-color: #eeeeee;
      border: 1px solid #000;
      cursor: pointer;
      margin-left: 0px;
      margin-right: 0px;
      padding: .5em 1em;
      text-align: left;
      width: auto; }
    .btn-group-wrapper input[type=radio]:checked + label {
      background-color: #b0b0b0; }
    .btn-group-wrapper input[type=radio]:checked + label.radio-flag-success {
      background-color: #59b04a;
      border-color: #d4f9f2;
      color: #f4f4f4 !important; }
    .btn-group-wrapper input[type=radio]:checked + label.radio-flag-error {
      background-color: #e00040;
      border-color: #ffbace;
      color: #f4f4f4 !important; }
    .btn-group-wrapper input[type=radio]:checked + label.radio-flag-default {
      background-color: #9b9b9b;
      border-color: #f4f4f4;
      color: #f4f4f4 !important; }

.btn-icon {
  align-items: center;
  border-radius: 2px;
  display: inline-flex;
  height: 24px;
  padding: 0;
  text-align: center;
  width: 24px; }
  .btn-icon[disabled=disabled] {
    background: #9f9b9c;
    color: #fffffe;
    opacity: 1; }
  .btn-icon:not([disabled=disabled]) {
    background: #40383b;
    color: #fffffe; }
    .btn-icon:not([disabled=disabled]):hover {
      background: #36dec0;
      color: #40383b; }
  .btn-icon .icon {
    font-size: 6.4px;
    /* px size, to make 3ds icon appear as a specific height */
    height: auto;
    width: 100%; }

.btn-inline {
  min-width: 150px;
  width: auto; }

.btn-inline-block {
  display: inline-block !important;
  margin-right: 20px; }

.btn-pagination {
  background: #40383b;
  border-radius: 2px;
  height: 24px;
  width: 24px; }
  .btn-pagination[disabled] {
    opacity: 0.5; }

.btn-submitting {
  cursor: none;
  opacity: 0.4;
  pointer-events: none; }

.button, .email-broadcast .file-upload, .search-results .button-large {
  transition: filter 0.1s;
  align-items: center;
  border: 0;
  border-radius: 2px;
  display: flex;
  height: 28px;
  justify-content: center;
  text-transform: uppercase;
  background: #94002a;
  width: 22.489%;
  max-width: 150px;
  text-transform: uppercase;
  cursor: pointer; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
  .button:link, .email-broadcast .file-upload:link, .search-results .button-large:link, .button:visited, .email-broadcast .file-upload:visited, .search-results .button-large:visited, .button:hover, .email-broadcast .file-upload:hover, .search-results .button-large:hover, .button:active, .email-broadcast .file-upload:active, .search-results .button-large:active {
    color: white;
    text-decoration: none; }
  .button:hover, .email-broadcast .file-upload:hover, .search-results .button-large:hover {
    filter: brightness(110%); }
  .button:active, .email-broadcast .file-upload:active, .search-results .button-large:active {
    animation: flash 1s; }
  .button[disabled], .email-broadcast [disabled].file-upload, .search-results [disabled].button-large {
    opacity: 0.5; }
  .button.margin-bottom, .email-broadcast .margin-bottom.file-upload, .search-results .margin-bottom.button-large {
    margin-bottom: 20px; }

.button-small {
  transition: filter 0.1s;
  align-items: center;
  border: 0;
  border-radius: 2px;
  display: flex;
  height: 23px;
  justify-content: center;
  text-transform: uppercase;
  background: #40383b;
  width: 100%;
  display: inline-block;
  max-width: 150px; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
  .button-small:link, .button-small:visited, .button-small:hover, .button-small:active {
    color: white;
    text-decoration: none; }
  .button-small:hover {
    filter: brightness(110%); }
  .button-small:active {
    animation: flash 1s; }
  .button-small[disabled] {
    opacity: 0.5; }

.chosen-container {
  height: 28px;
  /* !important required, to override chosen.js vendor style */ }
  .chosen-container.chosen-container-multi {
    height: auto !important; }
    .chosen-container.chosen-container-multi:not(.chosen-with-drop) .chosen-drop {
      top: -9999px;
      /* This prevents large hidden dropdowns overflowing page bounds. Whilst ChosenJS applies "left: -9999px", it leaves "top" at "0px", possibly because they didnt anticipate monstrously large multi-select lists */ }
    .chosen-container.chosen-container-multi.chosen-container-active .chosen-choices {
      box-shadow: none; }
    .chosen-container.chosen-container-multi .chosen-choices {
      background: none;
      background-color: white;
      border: solid 1px #d1d3d4;
      /* Fix inconsistences created by the 'chosen' control's built-in styles */ }
      .chosen-container.chosen-container-multi .chosen-choices .search-choice {
        background: none;
        background-color: white;
        border: solid 1px #d1d3d4 !important;
        border-radius: 2px !important;
        box-shadow: none; }
      .chosen-container.chosen-container-multi .chosen-choices .search-field input[type=text] {
        text-indent: 5px; }
  .chosen-container.chosen-with-drop {
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
    .chosen-container.chosen-with-drop .chosen-single {
      border: solid 1px #d1d3d4;
      box-shadow: none; }
  .chosen-container a span,
  .chosen-container ul li span {
    padding-left: 0em !important;
    /* stop chosen multi-select items from having weird indent that appears only on the first line */
    vertical-align: middle; }
  .chosen-container .chosen-drop {
    border: solid 1px #d1d3d4;
    border-radius: 2px;
    border-top: 0;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
  .chosen-container .chosen-search input[type=text] {
    border: solid 1px #d1d3d4 !important;
    /* !important required, to override chosen.js vendor style */ }
  .chosen-container .chosen-single {
    align-items: center;
    display: flex;
    height: 28px; }
    .chosen-container .chosen-single div b {
      background: none !important;
      /* !important required, to override chosen.js vendor style */ }
    .chosen-container .chosen-single span {
      text-indent: 3px; }

.collapsed-section-documents div.collapsed-header {
  align-items: center;
  background-color: white;
  border-bottom: none;
  color: #94002a;
  display: flex;
  height: 34px;
  line-height: 12px;
  text-transform: uppercase; }
  .collapsed-section-documents div.collapsed-header > div {
    flex: 1;
    margin-top: 4px;
    margin-left: 6px; }
  .collapsed-section-documents div.collapsed-header > h5 {
    color: #94002a; }

.collapsed-section-documents div.collapsed-header > div > span {
  padding-left: 20px; }

.collapsed-section-documents div.collapsed-header > div > span.arrow-direction {
  float: right;
  padding-right: 12px;
  font-weight: bold;
  color: #94002a; }

.collapsed-section-purchase div.collapsed-header {
  align-items: center;
  background-color: #40383b;
  border-bottom: none;
  color: white;
  display: flex;
  height: 34px;
  line-height: 12px;
  text-transform: uppercase; }
  .collapsed-section-purchase div.collapsed-header > div {
    flex: 1;
    margin-top: 4px;
    margin-left: 12px; }
  .collapsed-section-purchase div.collapsed-header > h5 {
    color: white; }

.collapsed-section-purchase div.collapsed-header > div > span {
  padding-left: 20px; }

.collapsed-section-purchase div.collapsed-header > div > span.arrow-direction {
  float: right;
  padding-right: 12px;
  font-weight: bold;
  color: white; }

.confidence-label {
  display: inline-block;
  /* 'width:' does nothing without this */
  margin-top: 2px;
  text-align: center;
  width: 100%; }

.configurable-fields-report #btn-add-column, .configurable-fields-report #btn-add-filter, .configurable-fields-report .btn-filter {
  padding: 0 2%;
  width: auto; }

.configurable-fields-report .btn-filter {
  margin-bottom: 28px;
  min-width: 153px; }

.configurable-fields-report .btn-filter-field {
  cursor: pointer; }

.configurable-fields-report .filter-control-header {
  align-items: center;
  margin-bottom: 2em; }
  .configurable-fields-report .filter-control-header .btn-3ds, .configurable-fields-report .filter-control-header .search-controls input[type=submit], .search-controls .configurable-fields-report .filter-control-header input[type=submit], .configurable-fields-report .filter-control-header
  .search-controls button,
  .search-controls .configurable-fields-report .filter-control-header button, .configurable-fields-report .filter-control-header .search-results .new-button-container input[type=submit], .search-results .new-button-container .configurable-fields-report .filter-control-header input[type=submit], .configurable-fields-report .filter-control-header
  .search-results .new-button-container button,
  .search-results .new-button-container .configurable-fields-report .filter-control-header button, .configurable-fields-report .filter-control-header .wrapper-stack input[type=submit], .wrapper-stack .configurable-fields-report .filter-control-header input[type=submit], .configurable-fields-report .filter-control-header .inductee .btn-logout, .inductee .configurable-fields-report .filter-control-header .btn-logout, .configurable-fields-report .filter-control-header .inductee .btn-orientation, .inductee .configurable-fields-report .filter-control-header .btn-orientation {
    margin-left: 2%;
    padding: 0 5%; }

.configurable-fields-report .filter-options {
  min-width: 200px; }

.configurable-fields-report .search-controls {
  margin-bottom: 0; }
  .configurable-fields-report .search-controls td {
    vertical-align: middle; }
    .configurable-fields-report .search-controls td input[type=radio] {
      padding-right: 0px;
      margin-right: 0px; }
  .configurable-fields-report .search-controls .tickbox-list {
    margin-bottom: 10px; }

.contacts-panel {
  display: none; }
  .contacts-panel .statusicon {
    background-repeat: no-repeat; }
    .contacts-panel .statusicon.intrained {
      background-image: url(/images/rr/NotActive.gif); }
    .contacts-panel .statusicon.trained {
      background-image: url(/images/rr/Active.gif); }

.content-placeholder {
  background: white;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
  overflow: hidden;
  padding: 20px;
  position: relative; }
  .content-placeholder::after {
    animation: shine 1.2s infinite ease-out;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 46%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 46%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 46%, rgba(125, 185, 232, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position-x: -30%;
    background-repeat: no-repeat;
    background-size: 30% 100%;
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#007db9e8',GradientType=1 );
    /* IE6-9 */
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%; }
  .content-placeholder .heading, .content-placeholder .sentence {
    background: #f4f4f4;
    border-radius: 1px;
    margin: 0 0 1% 0; }
  .content-placeholder .heading {
    height: 25px; }
    .content-placeholder .heading.short {
      width: 40%; }
    .content-placeholder .heading.long {
      width: 55%; }
  .content-placeholder .sentence {
    height: 22px;
    width: 95%; }

@keyframes shine {
  to {
    background-position-x: 100%;
    opacity: 0.3;
    transition-duration: 0.7s, 0.15s;
    transition-property: background-position-x, opacity;
    transition-timing-function: ease; } }

.context-menu {
  background-color: white;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  z-index: 10000; }
  .context-menu a:hover, .context-menu td:hover {
    background: whitesmoke;
    cursor: pointer; }

.create-user .checkbox-with-label > * {
  vertical-align: middle; }

.create-user input[type=checkbox], .create-user label {
  margin: 0; }

.create-user input[type=password], .create-user input[type=text] {
  padding-left: 10px; }

.create-user .input-error {
  float: right;
  font-style: italic; }

.create-user .input-custom-error {
  float: left;
  font-style: italic; }

.create-user .stack-buttons {
  margin-top: 40px; }

.create-user .user-categories {
  line-height: 2; }
  .create-user .user-categories label {
    margin-left: 1.842%; }

.create-user .validated-field-heading {
  display: flex;
  justify-content: space-between; }

.create-user .wrapper-margin-bottom:not(.compact) {
  margin-bottom: 14px; }

.cron-container select {
  min-width: 100px;
  max-width: 100%; }

#CrumbTrail {
  display: inline-block;
  margin-bottom: 6px; }

.date-picker {
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 5px 10px; }

.detail-summary {
  cursor: pointer;
  display: list-item; }
  .detail-summary h5 {
    display: inline-block; }

.disclaimer {
  margin-bottom: 35px;
  margin-left: 9.756%;
  margin-top: auto; }
  .disclaimer .website-version {
    flex: 1 1 100%;
    overflow: hidden; }

.dismissable-banner .btn-update {
  display: inline; }

.dismissable-banner .content {
  width: 100%; }
  .dismissable-banner .content a {
    padding-left: 0;
    padding-right: 0; }

.dismissable-banner .dismiss {
  cursor: pointer;
  float: right; }

.div-column-container {
  display: grid;
  gap: 10px; }

.div-column {
  width: 100%; }

.divider {
  background: #d1d3d4;
  height: 1px;
  width: 100%; }

.document-categories {
  width: 100%;
  border: 1px solid #cccccc;
  margin-top: 10px; }
  .document-categories th {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    background: #eee;
    color: #000; }
  .document-categories tr {
    vertical-align: middle;
    border: 1px solid #cccccc; }
  .document-categories td {
    text-align: left;
    vertical-align: middle;
    padding: 5px; }
  .document-categories td.pressable img {
    float: right; }
  .document-categories input[type=checkbox] {
    margin: 0; }

.document-categories-tooltip {
  position: absolute;
  background: #ddd;
  display: none;
  color: #000000;
  padding: 5px;
  width: 325px;
  border: 2px solid #ccc; }

.donut-chart {
  height: auto !important;
  width: 100% !important; }

/* start of drag-and-drop file uploader css style setting*/
.drag-drop-container {
  padding: 10px;
  width: 80%; }
  .drag-drop-container.upload-container {
    margin-top: 10px;
    margin-left: 20px; }

.box {
  position: relative;
  background: #ffffff;
  width: 100%; }

.dropzone-wrapper {
  border: 2px dashed #91b0b3;
  color: #92b0b3;
  position: relative;
  height: 120px; }

.dropzone-desc {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  width: 40%;
  top: 35px;
  font-size: 16px; }

.dropzone,
.dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  height: 120px;
  cursor: pointer;
  opacity: 0; }

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  background: #ecf0f5; }

.preview-zone {
  text-align: center; }

.preview-zone .box {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
  padding-top: 10px; }

.upload-label {
  color: #40383b;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.27px;
  line-height: 1.2;
  margin-left: 20px;
  margin-bottom: 20px; }

/* end of drag-and-drop file uploader css style setting*/
.drop-down {
  border: 1px solid #d1d3d4;
  border-radius: 2px;
  height: 25px;
  width: 71.39%; }

.email-broadcast a.chosen-single {
  width: 738px; }

.email-broadcast input[type="file"] {
  display: none; }

.email-broadcast h4 {
  margin-top: 4em; }

.email-broadcast table tr:not(.pager-row) {
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8; }
  .email-broadcast table tr:not(.pager-row):hover {
    background: whitesmoke; }

.email-broadcast .broadcast-attachment-upload-button {
  display: none; }

.email-broadcast .checkbox-section {
  margin-top: 2em;
  margin-bottom: 2em; }
  .email-broadcast .checkbox-section label {
    padding-right: 10em; }

.email-broadcast .documents {
  margin-bottom: 15px; }

.email-broadcast .form input[type='text'], .email-broadcast .form textarea {
  width: 500px; }

.email-broadcast .form textarea {
  height: 200px;
  margin-top: 12px; }

.email-broadcast .form .chosen-search input[type="text"] {
  width: 718px; }

.email-broadcast .sub-heading {
  margin-bottom: 20px; }

.external-logins .external-login, .external-logins .external-login-button {
  color: #444;
  margin-top: 1em;
  min-width: 240px;
  white-space: nowrap; }
  .external-logins .external-login .sso-icon, .external-logins .external-login-button .sso-icon, .external-logins .external-login .sso-icon-google, .external-logins .external-login-button .sso-icon-google, .external-logins .external-login .sso-icon-microsoft, .external-logins .external-login-button .sso-icon-microsoft {
    display: inline-block;
    height: 24px;
    margin-bottom: 4px;
    margin-top: 4px;
    vertical-align: middle;
    width: 24px; }
  .external-logins .external-login .sso-icon-google, .external-logins .external-login-button .sso-icon-google {
    background: url("/images/logos/google-logo.png"); }
  .external-logins .external-login .sso-icon-microsoft, .external-logins .external-login-button .sso-icon-microsoft {
    background: url("/images/logos/microsoft-logo.png"); }
  .external-logins .external-login .sso-text, .external-logins .external-login-button .sso-text {
    display: inline-block;
    font-size: 14px;
    padding-left: 21px;
    padding-right: 21px;
    vertical-align: middle; }

.external-logins .external-login-button {
  background: white;
  border: thin solid #888;
  border-radius: 2px;
  padding: 0 10px 0 10px;
  text-align: left; }

.field-icon.date {
  background: url("../../images/rr/ico/16/calendar16.gif") no-repeat right; }

.field-icon.time {
  background: url("../../images/rr/ico/16/clock16.png") no-repeat right; }

.filter-data {
  margin-bottom: 28px;
  width: 100%; }
  .filter-data select, .filter-data input[type=text] {
    width: auto; }
  .filter-data tr {
    animation: slide-in 1s ease-out;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8; }

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateX(-2%); }
  to {
    opacity: 1;
    transform: translateX(0); } }

.footer-export-data {
  margin-top: 52px;
  text-transform: uppercase; }
  @media print {
    .footer-export-data {
      display: none !important;
      /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }
  .footer-export-data #ExportButton, .footer-export-data #PrintButton, .footer-export-data .footer-button {
    cursor: pointer;
    display: inline-block;
    margin-right: 2.269%; }
    .footer-export-data #ExportButton::before, .footer-export-data #PrintButton::before, .footer-export-data .footer-button::before {
      margin-right: 5px;
      vertical-align: middle; }
    .footer-export-data #ExportButton:hover, .footer-export-data #PrintButton:hover, .footer-export-data .footer-button:hover {
      color: #e00040; }
  .footer-export-data .icon {
    font-size: 11.7px;
    /* this specific font size makes the icon (from the 3ds icon set) 20px high */
    margin-left: 0;
    vertical-align: middle; }
    .footer-export-data .icon::before {
      margin: 0 5px 0 0; }

.form {
  display: table;
  margin-right: 5em; }
  .form .field-rows > div {
    display: table-row;
    /* First question on the whole page: reduce vertical padding above */
    /* The text of each question, e.g.: "Is this worker classified as a Cadet?" */ }
    .form .field-rows > div.required-field-row > span:first-of-type:not(.spacer)::after,
    .form .field-rows > div.required-field-row > label:first-of-type:not(.spacer)::after {
      content: ' *'; }
    .form .field-rows > div:first-of-type > span:first-of-type,
    .form .field-rows > div:first-of-type > label:first-of-type {
      padding-top: 0; }
    .form .field-rows > div > span:first-child,
    .form .field-rows > div > label:first-child {
      display: table-cell;
      max-width: 400px;
      min-width: 175px;
      padding-right: 2.5em;
      padding-top: 1.5em; }
    .form .field-rows > div > span.short-attach,
    .form .field-rows > div > label.short-attach {
      display: table-cell;
      max-width: 40px;
      padding-top: 1.5em;
      padding-left: 8px; }
    .form .field-rows > div > span.react-select-container > div,
    .form .field-rows > div .chosen-container {
      min-width: 300px; }
    .form .field-rows > div input[type=text], .form .field-rows > div p, .form .field-rows > div select {
      width: 300px; }
    .form .field-rows > div input[type=text] {
      text-indent: 1em; }
    .form .field-rows > div p {
      text-indent: 0.5em; }
    .form .field-rows > div select {
      text-indent: 0.25em; }
    .form .field-rows > div.address .street {
      display: block;
      margin-bottom: 1.25em; }
    .form .field-rows > div.address .city {
      margin-right: 1em;
      width: 10.25em; }
    .form .field-rows > div.address .state {
      margin-right: 1em;
      width: 8em; }
    .form .field-rows > div.address .postcode {
      width: 7em; }
    .form .field-rows > div.dob .day {
      margin-right: 1em;
      width: 4.5em; }
    .form .field-rows > div.dob .month {
      margin-right: 1em;
      width: 15.75em; }
    .form .field-rows > div.dob .year {
      width: 5em; }
    .form .field-rows > div.emergency .name {
      display: block;
      margin-bottom: 1.25em; }
    .form .field-rows > div.emergency .relationship {
      margin-right: 1em;
      width: 13.25em; }
    .form .field-rows > div.emergency .mobile {
      width: 13em; }
    .form .field-rows > div.experience .years {
      margin-right: 1em;
      width: 13.25em; }
    .form .field-rows > div.experience .months {
      width: 13em; }
    .form .field-rows > div input,
    .form .field-rows > div .chosen-container {
      /* Offset icon's affect on layout */ }
      .form .field-rows > div input ~ i[class^="icon-"],
      .form .field-rows > div .chosen-container ~ i[class^="icon-"] {
        display: table-cell;
        margin-right: -2.5em;
        padding-top: 1.1em;
        vertical-align: middle; }
  .form .buttons {
    clear: both;
    margin-top: 2em; }
    .form .buttons input[type=button],
    .form .buttons input[type=submit] {
      float: left;
      width: 34.385%; }
      .form .buttons input[type=button]:first-of-type,
      .form .buttons input[type=submit]:first-of-type {
        margin-right: 2em; }
  .form .validation-summary {
    background: #ffbace;
    border: 1px solid #e00040;
    border-radius: 2px;
    clear: both;
    margin-bottom: 3em;
    margin-top: 3em;
    padding: 15px 15px; }
    .form .validation-summary ul {
      list-style-type: square;
      margin: 0;
      padding: 1em; }
  .form a.disabled {
    cursor: default;
    color: gray; }

.global-admin-panel .ga-controls {
  display: flex;
  flex-direction: column; }
  .global-admin-panel .ga-controls .container-principals, .global-admin-panel .ga-controls .container-companies {
    flex: 1 1 100%; }

.global-admin-panel h1 {
  margin-bottom: 0; }

.global-admin-panel .principals {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  width: 100%; }
  .global-admin-panel .principals li {
    flex: 1 0 25%;
    padding-right: 0.5em; }

.home-landing-nav-bar {
  display: flex;
  margin-bottom: 38px;
  padding-left: 1.675%;
  padding-right: 1.675%;
  flex-flow: row wrap;
  justify-content: space-around; }
  .home-landing-nav-bar .link-communication .icon {
    background-position: -400px 0; }
  .home-landing-nav-bar .link-communication:not([disabled=disabled]):hover .icon {
    background-position: -500px 0; }
  .home-landing-nav-bar .link-compliance .icon {
    background-position: -200px 0; }
  .home-landing-nav-bar .link-compliance:not([disabled=disabled]):hover .icon {
    background-position: -300px 0; }
  .home-landing-nav-bar .link-contractor .icon {
    background-position: -800px 0; }
  .home-landing-nav-bar .link-contractor:not([disabled=disabled]):hover .icon {
    background-position: -894px 0; }
  .home-landing-nav-bar .link-process .icon {
    background-position: -600px 0; }
  .home-landing-nav-bar .link-process:not([disabled=disabled]):hover .icon {
    background-position: -700px 0; }
  .home-landing-nav-bar .link-reports .icon {
    background-position: 0 0; }
  .home-landing-nav-bar .link-reports:not([disabled=disabled]):hover .icon {
    background-position: -100px 0; }
  .home-landing-nav-bar .link {
    flex-direction: column;
    margin: 0 3.048%;
    text-decoration: none; }
  .home-landing-nav-bar .icon {
    background-image: url("/images/kickstand/icons/home-landing-nav-bar.png");
    background-repeat: no-repeat;
    height: 68px;
    margin-bottom: 19px;
    margin-top: 30px;
    width: 100px; }
  .home-landing-nav-bar .link-contractor .icon {
    height: 93px;
    margin-bottom: 4px;
    margin-top: 19px;
    width: 94px; }
  .home-landing-nav-bar .plant-icon {
    height: 68px;
    margin-bottom: 19px;
    margin-top: 30px;
    width: 100px; }
    .home-landing-nav-bar .plant-icon > img {
      height: 100%;
      padding-left: 18px; }

.icon-green {
  color: #08873c; }

.icon-large-size {
  font-size: 18px;
  line-height: 20px; }

.icon-medium-size, span.icon-medium-size {
  font-size: 10px;
  line-height: 12px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .icon-medium-size, span.icon-medium-size {
    font-size: 6px;
    line-height: 10px; } }

.icon-orange {
  color: #ff6a00; }

.icon-red {
  color: #e00040; }

.icon-small-size {
  font-size: 9px !important;
  line-height: 9px; }
  .icon-small-size.icon-edit-2:hover, .icon-small-size.icon-upload:hover {
    cursor: pointer; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .icon-small-size {
      font-size: 5px !important; }
      .icon-small-size.icon-edit-2:hover, .icon-small-size.icon-upload:hover {
        cursor: pointer; } }

#inductee-notification-popup {
  border-radius: 0.2em;
  border-width: 1px;
  width: 40%;
  height: 50%; }
  #inductee-notification-popup::backdrop {
    background-color: rgba(0, 0, 0, 0.5); }
  #inductee-notification-popup .dialog-inner {
    display: flex;
    flex-direction: column; }
    #inductee-notification-popup .dialog-inner h3 {
      margin-bottom: 20px;
      margin-top: 20px; }
    #inductee-notification-popup .dialog-inner .dialog-buttons {
      display: flex;
      flex-direction: row;
      margin-bottom: 20px;
      margin-top: 20px; }
      #inductee-notification-popup .dialog-inner .dialog-buttons button[type="reset"] {
        background: none;
        border: none;
        color: black;
        cursor: pointer;
        text-decoration: underline;
        text-transform: none; }

.inductions-panel .induction-name-wrapper {
  margin-top: 1em;
  margin-bottom: 1em; }
  .inductions-panel .induction-name-wrapper .inductions-module-list {
    margin-top: 0.6em; }
    .inductions-panel .induction-name-wrapper .inductions-module-list li {
      height: 25px; }
      .inductions-panel .induction-name-wrapper .inductions-module-list li.assign-module-item {
        list-style-type: circle; }
        .inductions-panel .induction-name-wrapper .inductions-module-list li.assign-module-item select.assign-module {
          width: 20em; }

.info-popup-container {
  filter: drop-shadow(0 0 4px rgba(76, 77, 85, 0.3));
  max-width: 20%;
  pointer-events: none;
  z-index: 10000; }
  @media print {
    .info-popup-container {
      display: none !important;
      /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }
  .info-popup-container .msg-inner, .info-popup-container > span {
    align-items: center;
    background: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 2px;
    color: black;
    display: flex;
    margin-bottom: 12px;
    padding: 12px;
    flex-flow: column wrap; }
    .info-popup-container .msg-inner a, .info-popup-container > span a {
      color: black;
      /* since we're using flex, spacing around links doesn't work so we put padding instead */
      padding-left: 0.5ch;
      padding-right: 0.5ch; }
      .info-popup-container .msg-inner a:hover, .info-popup-container > span a:hover {
        color: #e00040; }
    .info-popup-container .msg-inner ul, .info-popup-container > span ul {
      margin-bottom: 0;
      margin-top: 0; }

.item-details-form {
  display: flex;
  flex-direction: column;
  /* for Lysa or GA user to change company id for staff/plant item */ }
  .item-details-form .column {
    display: flex;
    flex-direction: column;
    padding: 0, 1em; }
    .item-details-form .column > table.summary {
      width: 32em; }
      .item-details-form .column > table.summary tr {
        display: table-row; }
        .item-details-form .column > table.summary tr > th {
          background-color: #fffffe;
          font-weight: bold;
          height: 28px;
          padding-bottom: 0.2em;
          padding-left: 0;
          width: 170px;
          vertical-align: top; }
        .item-details-form .column > table.summary tr > td {
          display: flex;
          height: 100%;
          padding-bottom: 0.2em; }
          .item-details-form .column > table.summary tr > td > span.status-bar {
            flex-grow: 1; }
    .item-details-form .column > textarea {
      height: 75px;
      width: 100%; }
  .item-details-form .container-3ds {
    align-items: baseline;
    justify-content: flex-start;
    width: 100%; }
  .item-details-form .container-3ds-align-edges {
    align-items: baseline;
    width: 100%; }
  .item-details-form .container-3ds-align-center {
    align-items: center; }
  .item-details-form .container-3ds-flex-column {
    align-content: center;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center; }
  .item-details-form .container-3ds-flex-right {
    align-items: flex-start;
    justify-content: flex-end; }
  .item-details-form .forLysasEyesOnly {
    padding-top: 2px;
    padding-left: 8px; }
  .item-details-form .header-hide {
    visibility: hidden; }
  .item-details-form .header-show {
    display: contents; }
  .item-details-form .item {
    flex: 0 1 auto; }
  .item-details-form .item-2x-size {
    flex: 0 2 auto; }
  .item-details-form .item-3x-size {
    flex: 3 auto; }
  .item-details-form .item-4x-size {
    flex: 4 auto; }
  .item-details-form .margin-left {
    margin-left: 10px; }
  .item-details-form .margin-left-4px {
    margin-left: 4px; }
  .item-details-form .margin-top-26 {
    margin-top: 26px; }
  .item-details-form .item-row {
    display: flex;
    justify-content: flex-start;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%; }
    .item-details-form .item-row > div.nav-bar {
      flex: 1 0 100%; }
      .item-details-form .item-row > div.nav-bar > ul.nav-tabs {
        flex: 1 0 100%;
        min-width: 850px; }
        .item-details-form .item-row > div.nav-bar > ul.nav-tabs > li > a {
          padding-left: 10px; }
    .item-details-form .item-row > div.nav-title {
      display: flex;
      flex: 1 1 100%;
      margin-bottom: 6px; }
    .item-details-form .item-row > div.tab-content {
      width: 100%; }
      .item-details-form .item-row > div.tab-content > div {
        padding-top: 24px; }
      .item-details-form .item-row > div.tab-content .review-hidden {
        display: none; }
      .item-details-form .item-row > div.tab-content.narrow-cells td {
        padding-bottom: 0px;
        padding-left: 5.5px;
        padding-right: 5.5px;
        padding-top: 0px; }
      .item-details-form .item-row > div.tab-content.narrow-cells th {
        padding-bottom: 0px;
        padding-left: 5.5px;
        padding-right: 5.5px;
        padding-top: 0px; }
  .item-details-form .item-row.nav-back {
    margin-top: 26px; }
  .item-details-form .item-row.submit {
    background-color: #fffffe !important;
    border-bottom: none !important;
    margin-left: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    padding-top: 25px; }
  .item-details-form .item-row.file-upload {
    background-color: #f4f4f4; }
  .item-details-form a {
    text-decoration: none; }
  .item-details-form a.btn-3ds, .item-details-form .inductee a.btn-logout, .inductee .item-details-form a.btn-logout, .item-details-form .inductee a.btn-orientation, .inductee .item-details-form a.btn-orientation {
    width: 153px; }
  .item-details-form a.chosen-single, .item-details-form .item-drop-down-list, .item-details-form div.chosen-container {
    min-width: 238px; }
  .item-details-form div.chosen-container.chosen-container-single {
    width: 238px; }
  .item-details-form div.column > label {
    font-weight: normal !important;
    margin-bottom: 12px !important; }
  .item-details-form input[type='button'],
  .item-details-form input[type='submit'] {
    width: 153px; }
  .item-details-form input[type='text'] {
    width: 238px; }
  .item-details-form td.review-cell, .item-details-form td.upload-cell, .item-details-form td.icon-cell {
    text-align: center; }
  .item-details-form td.narrow-cell {
    width: 4%; }
  .item-details-form tr.contentSection > td {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .item-details-form tr.contentSection > td,
  .item-details-form tr.contentSection > td > section {
    background-color: #f4f4f4; }
    .item-details-form tr.contentSection > td > div,
    .item-details-form tr.contentSection > td > section > div {
      padding-bottom: 15px;
      padding-left: 20px; }
      .item-details-form tr.contentSection > td > div > ul,
      .item-details-form tr.contentSection > td > section > div > ul {
        margin-bottom: 0; }
    .item-details-form tr.contentSection > td > div.div-inside-td,
    .item-details-form tr.contentSection > td > section > div.div-inside-td {
      padding-bottom: 0 !important;
      padding-left: 20px; }
  .item-details-form tr.contentSection > td > div.div-inside-td {
    padding-left: 0 !important;
    width: 100%; }
    .item-details-form tr.contentSection > td > div.div-inside-td > section > div.item-row {
      padding-bottom: 15px;
      padding-left: 20px; }
  .item-details-form tr.contentSection div.item-row {
    align-items: baseline;
    display: flex;
    margin-left: 0px;
    padding-bottom: 15px;
    padding-top: 0px; }
    .item-details-form tr.contentSection div.item-row div.column {
      margin-right: 16px; }
    .item-details-form tr.contentSection div.item-row div.column:first-child {
      flex: 0 1 160px; }
    .item-details-form tr.contentSection div.item-row div.column:last-child {
      margin-right: 0px; }
    .item-details-form tr.contentSection div.item-row div.column:nth-child(2) {
      flex: 0 1 238px; }
    .item-details-form tr.contentSection div.item-row img.photo-preview {
      max-width: 300px;
      max-height: 400px; }
  .item-details-form tr.contentSection > td > div > div.item-row.first,
  .item-details-form tr.contentSection > td > div.div-inside-td > section > div.item-row.first,
  .item-details-form tr.contentSection > td > div.item-row.first,
  .item-details-form tr.contentSection > td > section > div.item-row.first {
    padding-top: 26px !important; }
  .item-details-form tr.contentSection > td > div > div.item-row.last,
  .item-details-form tr.contentSection > td > div.item-row.last,
  .item-details-form tr.contentSection > td > section > div.item-row.last {
    padding-bottom: 26px !important; }
  .item-details-form tr.contentSection > td > div.div-inside-td > section > div.item-row.submit,
  .item-details-form tr.contentSection > td > div.item-row.submit,
  .item-details-form tr.contentSection > td > section > div.item-row.submit {
    background-color: #fffffe !important;
    border-bottom: none !important;
    margin-left: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    padding-top: 25px; }
  .item-details-form ul.chosen-choices {
    width: 363px; }
  .item-details-form #attachmentInfoPopup, .item-details-form #versionInfoPopup {
    background-color: #f2f2f2;
    border: 1px solid #cecece;
    position: absolute;
    padding: 6px 5px;
    text-align: left;
    max-width: 500px;
    z-index: 4;
    line-height: 1.2em; }
    .item-details-form #attachmentInfoPopup .doc-info-header, .item-details-form #versionInfoPopup .doc-info-header {
      margin: 0.5em; }
    .item-details-form #attachmentInfoPopup > table, .item-details-form #versionInfoPopup > table {
      margin-top: 0.5em; }
      .item-details-form #attachmentInfoPopup > table td,
      .item-details-form #attachmentInfoPopup > table th,
      .item-details-form #attachmentInfoPopup > table td span,
      .item-details-form #attachmentInfoPopup > table th span, .item-details-form #versionInfoPopup > table td,
      .item-details-form #versionInfoPopup > table th,
      .item-details-form #versionInfoPopup > table td span,
      .item-details-form #versionInfoPopup > table th span {
        border: none;
        height: 1.5em;
        vertical-align: top; }
      .item-details-form #attachmentInfoPopup > table td, .item-details-form #versionInfoPopup > table td {
        white-space: normal;
        padding-bottom: 0px;
        padding-left: 5.5px;
        padding-right: 5.5px;
        padding-top: 0px; }
      .item-details-form #attachmentInfoPopup > table tr.uploader_row, .item-details-form #versionInfoPopup > table tr.uploader_row {
        font-size: 0.9em;
        font-style: italic;
        padding-top: 5px; }

/* Send Training Invite button and dialog */
.training-emails {
  width: 80%; }

.training-send-btn {
  max-width: 185px;
  margin-top: 0 !important; }

.training-cancel-btn {
  align-self: center;
  background: none;
  border: none;
  height: 1.5em;
  line-height: 1.5em;
  margin-left: 1.5em;
  text-decoration: underline; }

.minor-worker {
  align-self: center;
  border: none;
  height: 4.0em;
  cursor: pointer; }

.item-documents-table i.required-class-missing {
  color: #e00040;
  font-style: normal; }

.item-documents-table .required-document-classes-message {
  color: #e00040; }

.item-photo-upload {
  display: flex; }
  .item-photo-upload button {
    background-color: #e8e8e8;
    border: none;
    border-bottom-left-radius: 2px;
    font-size: 8px;
    margin: 0;
    position: absolute;
    top: 0; }
  .item-photo-upload button.add {
    padding: 1px 2px 4px 3px; }
  .item-photo-upload button.delete {
    padding: 2px 3px 3px 3px; }
  .item-photo-upload button.edit {
    padding: 1px 2px 4px 3px; }
  .item-photo-upload button.rightmost {
    right: 0px; }
  .item-photo-upload button.second-rightmost {
    right: 22px; }
  .item-photo-upload .no-photo {
    background-color: #f4f4f4;
    border: solid 1px #e8e8e8;
    height: 198px;
    position: relative;
    width: 148px; }
    .item-photo-upload .no-photo img {
      display: block;
      height: 36px;
      margin: 67px auto 15px auto;
      width: 43px; }
    .item-photo-upload .no-photo button {
      margin: 0 auto;
      position: relative;
      width: 80%; }
  .item-photo-upload .main-photo {
    align-items: center;
    background-color: #f4f4f4;
    border: solid 1px #e8e8e8;
    display: flex;
    flex-direction: row;
    height: 198px;
    overflow: hidden;
    position: relative;
    width: 148px; }
    .item-photo-upload .main-photo img {
      max-height: 198px;
      max-width: 148px; }
  .item-photo-upload .other-photos {
    margin-left: 2em;
    margin-right: -15px; }
    .item-photo-upload .other-photos ul {
      list-style-type: none;
      max-width: 319.5px;
      padding: 0; }
      .item-photo-upload .other-photos ul li {
        align-items: center;
        background-color: #f4f4f4;
        border: solid 1px #e8e8e8;
        display: flex;
        float: left;
        height: 91.5px;
        justify-content: center;
        margin-bottom: 15px;
        margin-right: 15px;
        overflow: hidden;
        position: relative;
        width: 91.5px; }
        .item-photo-upload .other-photos ul li img {
          max-height: 100%;
          max-width: 100%; }

.modal-dialog .form-row {
  margin-bottom: 3em; }

.modal-dialog .item-photo-manage {
  margin-top: 2em; }
  .modal-dialog .item-photo-manage h4 {
    color: #94002a; }
  .modal-dialog .item-photo-manage ul {
    padding-left: 1.5em; }

/*
    Styling for links shown after an item (plant/person/compliance) has been successfully added/edited.
*/
.item-saved-controls .success, .item-saved-controls .upload, .item-saved-controls .add-new-item, .item-saved-controls .my-people, .item-saved-controls .my-plant, .item-saved-controls .my-compliance {
  display: table;
  /* only as wide as it needs to be like inline but inserts line breaks like block */
  height: 24px;
  margin-top: 18px;
  text-decoration: none;
  text-transform: uppercase; }
  .item-saved-controls .success:hover, .item-saved-controls .upload:hover, .item-saved-controls .add-new-item:hover, .item-saved-controls .my-people:hover, .item-saved-controls .my-plant:hover, .item-saved-controls .my-compliance:hover {
    color: #e00040; }
  .item-saved-controls .success i:before, .item-saved-controls .upload i:before, .item-saved-controls .add-new-item i:before, .item-saved-controls .my-people i:before, .item-saved-controls .my-plant i:before, .item-saved-controls .my-compliance i:before {
    font-size: 24px;
    margin-right: 12px;
    vertical-align: middle; }

.item-saved-controls .success {
  margin-top: 0;
  text-transform: none; }
  .item-saved-controls .success i:before {
    color: #08873c;
    font-weight: bold; }

.item-saved-controls .upload {
  margin-top: 48px; }

.label-no-data {
  align-items: center;
  font-style: italic; }

.loading {
  height: 32px;
  margin: auto;
  width: 32px; }

.login-message-banner {
  background-color: #fffcc8;
  border-bottom: 1px dashed #fbee01;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding-top: 5px;
  padding-bottom: 5px;
  position: absolute;
  width: 100%;
  z-index: 1000; }
  .login-message-banner .login-message {
    color: #e00040;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3px;
    line-height: 1.19;
    font-family: Arial, Helvetica, sans-serif; }

.logo-company {
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 78.5%;
  background-position: left top;
  height: 100px;
  margin-top: 54px;
  margin-left: 22px; }

.logo-company-3dsafety {
  background-image: url("/images/kickstand/logos/3dsafety.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  width: 75.122%;
  margin-bottom: 16px; }

.modal {
  overflow: visible; }
  .modal .modal-content {
    background-color: white;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .modal .modal-content.validation-summary {
      background: #ffbace;
      border: 1px solid #e00040; }
    .modal .modal-content .btn-3ds, .modal .modal-content .search-controls input[type=submit], .search-controls .modal .modal-content input[type=submit], .modal .modal-content
    .search-controls button,
    .search-controls .modal .modal-content button, .modal .modal-content .search-results .new-button-container input[type=submit], .search-results .new-button-container .modal .modal-content input[type=submit], .modal .modal-content
    .search-results .new-button-container button,
    .search-results .new-button-container .modal .modal-content button, .modal .modal-content .wrapper-stack input[type=submit], .wrapper-stack .modal .modal-content input[type=submit], .modal .modal-content .inductee .btn-logout, .inductee .modal .modal-content .btn-logout, .modal .modal-content .inductee .btn-orientation, .inductee .modal .modal-content .btn-orientation {
      clear: both;
      display: inline-block;
      margin-top: 30px; }
      .modal .modal-content .btn-3ds:only-of-type, .modal .modal-content .search-controls input[type=submit]:only-of-type, .search-controls .modal .modal-content input[type=submit]:only-of-type, .modal .modal-content
      .search-controls button:only-of-type,
      .search-controls .modal .modal-content button:only-of-type, .modal .modal-content .search-results .new-button-container input[type=submit]:only-of-type, .search-results .new-button-container .modal .modal-content input[type=submit]:only-of-type, .modal .modal-content
      .search-results .new-button-container button:only-of-type,
      .search-results .new-button-container .modal .modal-content button:only-of-type, .modal .modal-content .wrapper-stack input[type=submit]:only-of-type, .wrapper-stack .modal .modal-content input[type=submit]:only-of-type, .modal .modal-content .inductee .btn-logout:only-of-type, .inductee .modal .modal-content .btn-logout:only-of-type, .modal .modal-content .inductee .btn-orientation:only-of-type, .inductee .modal .modal-content .btn-orientation:only-of-type {
        margin-right: 0px; }
    .modal .modal-content .btn-3ds.inline, .modal .modal-content .search-controls input.inline[type=submit], .search-controls .modal .modal-content input.inline[type=submit], .modal .modal-content
    .search-controls button.inline,
    .search-controls .modal .modal-content button.inline, .modal .modal-content .search-results .new-button-container input.inline[type=submit], .search-results .new-button-container .modal .modal-content input.inline[type=submit], .modal .modal-content
    .search-results .new-button-container button.inline,
    .search-results .new-button-container .modal .modal-content button.inline, .modal .modal-content .wrapper-stack input.inline[type=submit], .wrapper-stack .modal .modal-content input.inline[type=submit], .modal .modal-content .inductee .inline.btn-logout, .inductee .modal .modal-content .inline.btn-logout, .modal .modal-content .inductee .inline.btn-orientation, .inductee .modal .modal-content .inline.btn-orientation {
      margin-top: 0px; }
    .modal .modal-content .invalid {
      font-style: italic; }
      .modal .modal-content .invalid::before {
        content: '*'; }
    .modal .modal-content .modal-body {
      padding: 30px;
      padding-top: 0.7em; }
      .modal .modal-content .modal-body input[type=text] {
        display: inline-block; }
      .modal .modal-content .modal-body img,
      .modal .modal-content .modal-body p {
        margin-bottom: 1.5em; }
      .modal .modal-content .modal-body .photo-preview {
        max-height: 400px;
        max-width: 300px; }
      .modal .modal-content .modal-body .modal-content-items > div {
        margin-top: 12px; }
      .modal .modal-content .modal-body .upload-button label {
        color: white; }
    .modal .modal-content .modal-body.wide-inputs input:not([type='button']),
    .modal .modal-content .modal-body.wide-inputs .chosen-container {
      width: 100% !important; }
    .modal .modal-content .modal-footer {
      padding: 30px; }
      .modal .modal-content .modal-footer button,
      .modal .modal-content .modal-footer input {
        margin: 0px; }
    .modal .modal-content .modal-header {
      border: none;
      padding: 4px;
      padding-left: 30px; }
      .modal .modal-content .modal-header:before, .modal .modal-content .modal-header:after {
        display: none; }
      .modal .modal-content .modal-header h3 {
        padding-top: 30px;
        text-transform: uppercase; }
      .modal .modal-content .modal-header .close {
        color: #40383b;
        font-size: 10px;
        margin: 0;
        opacity: 1;
        text-shadow: none; }
        .modal .modal-content .modal-header .close:hover {
          color: #e00040; }

.modal-scrollable .modal-content {
  max-height: 90vh;
  overflow-y: auto; }
  .modal-scrollable .modal-content > div.validation-summary {
    background: #ffbace;
    border: 1px solid #e00040;
    margin: 12px 24px; }

.msg.error .msg-inner, .msg.error > span {
  align-items: center;
  background: #ffbace;
  border: 1px solid #e00040;
  border-radius: 2px;
  color: black;
  display: flex;
  margin-bottom: 12px;
  padding: 12px; }
  .msg.error .msg-inner a, .msg.error > span a {
    color: black;
    /* since we're using flex, spacing around links doesn't work so we put padding instead */
    padding-left: 0.5ch;
    padding-right: 0.5ch; }
    .msg.error .msg-inner a:hover, .msg.error > span a:hover {
      color: #e00040; }
  .msg.error .msg-inner ul, .msg.error > span ul {
    margin-bottom: 0;
    margin-top: 0; }
  .msg.error .msg-inner::before, .msg.error > span::before {
    background-image: url("/images/kickstand/icons/warning-red.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    padding-right: 30px;
    width: 20px; }

.msg.info .msg-inner, .msg.info > span {
  align-items: center;
  background: #fffcc8;
  border: 1px solid #fbee01;
  border-radius: 2px;
  color: black;
  display: flex;
  margin-bottom: 12px;
  padding: 12px; }
  .msg.info .msg-inner a, .msg.info > span a {
    color: black;
    /* since we're using flex, spacing around links doesn't work so we put padding instead */
    padding-left: 0.5ch;
    padding-right: 0.5ch; }
    .msg.info .msg-inner a:hover, .msg.info > span a:hover {
      color: #e00040; }
  .msg.info .msg-inner ul, .msg.info > span ul {
    margin-bottom: 0;
    margin-top: 0; }
  .msg.info .msg-inner::before, .msg.info > span::before {
    background-image: url("/images/kickstand/icons/info-small.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    padding-right: 30px;
    width: 20px; }

.msg.info-blue .msg-inner, .msg.info-blue > span {
  align-items: center;
  background: #d4f9f2;
  border: 1px solid #d1d3d4;
  border-radius: 2px;
  color: black;
  display: flex;
  margin-bottom: 12px;
  padding: 12px; }
  .msg.info-blue .msg-inner a, .msg.info-blue > span a {
    color: black;
    /* since we're using flex, spacing around links doesn't work so we put padding instead */
    padding-left: 0.5ch;
    padding-right: 0.5ch; }
    .msg.info-blue .msg-inner a:hover, .msg.info-blue > span a:hover {
      color: #e00040; }
  .msg.info-blue .msg-inner ul, .msg.info-blue > span ul {
    margin-bottom: 0;
    margin-top: 0; }
  .msg.info-blue .msg-inner::before, .msg.info-blue > span::before {
    background-image: url("/images/kickstand/icons/info-small.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    padding-right: 30px;
    width: 20px; }

.msg.warning .msg-inner, .msg.warning > span {
  align-items: center;
  background: #ffe1cb;
  border: 1px solid #ff6a00;
  border-radius: 2px;
  color: black;
  display: flex;
  margin-bottom: 12px;
  padding: 12px; }
  .msg.warning .msg-inner a, .msg.warning > span a {
    color: black;
    /* since we're using flex, spacing around links doesn't work so we put padding instead */
    padding-left: 0.5ch;
    padding-right: 0.5ch; }
    .msg.warning .msg-inner a:hover, .msg.warning > span a:hover {
      color: #e00040; }
  .msg.warning .msg-inner ul, .msg.warning > span ul {
    margin-bottom: 0;
    margin-top: 0; }
  .msg.warning .msg-inner::before, .msg.warning > span::before {
    background-image: url("/images/kickstand/icons/warning-red.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    padding-right: 30px;
    width: 20px; }

.msg.success .msg-inner, .msg.success > span {
  align-items: center;
  background: #d4f9f2;
  border: 1px solid #08873c;
  border-radius: 2px;
  color: black;
  display: flex;
  margin-bottom: 12px;
  padding: 12px; }
  .msg.success .msg-inner a, .msg.success > span a {
    color: black;
    /* since we're using flex, spacing around links doesn't work so we put padding instead */
    padding-left: 0.5ch;
    padding-right: 0.5ch; }
    .msg.success .msg-inner a:hover, .msg.success > span a:hover {
      color: #e00040; }
  .msg.success .msg-inner ul, .msg.success > span ul {
    margin-bottom: 0;
    margin-top: 0; }
  .msg.success .msg-inner::before, .msg.success > span::before {
    background-image: url("/images/kickstand/icons/tick-green-small.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    content: '';
    display: inline-block;
    height: 20px;
    padding-right: 30px;
    width: 20px; }

.msg div.margin-bottom-small {
  margin-bottom: 0.5em; }

.msg-triangle.error .msg-inner, .msg-triangle.error > span {
  background: #ffbace;
  border: 1px solid #e00040;
  border-radius: 2px;
  color: black;
  padding: 12px;
  text-align: left;
  display: block; }
  .msg-triangle.error .msg-inner a, .msg-triangle.error > span a {
    color: black; }
    .msg-triangle.error .msg-inner a:hover, .msg-triangle.error > span a:hover {
      color: #e00040; }
  .msg-triangle.error .msg-inner::before, .msg-triangle.error > span::before {
    content: url("/images/kickstand/icons/warning-red.png");
    display: block;
    margin-bottom: 10px;
    text-align: center; }

.msg-triangle.error .triangle {
  pointer-events: none;
  position: relative;
  text-align: center; }
  .msg-triangle.error .triangle .triangle-inner {
    display: inline-block;
    margin-left: -40px;
    pointer-events: none;
    width: 40px; }
    .msg-triangle.error .triangle .triangle-inner::after, .msg-triangle.error .triangle .triangle-inner::before {
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      content: "";
      display: inline-block;
      height: 0;
      pointer-events: none;
      position: relative;
      top: 0;
      width: 0; }
    .msg-triangle.error .triangle .triangle-inner::after {
      border-top: 20px solid #ffbace;
      margin-top: -1px;
      position: absolute; }
    .msg-triangle.error .triangle .triangle-inner::before {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #e00040;
      margin-top: 0;
      position: absolute; }

.msg-triangle.error-centered .msg-inner, .msg-triangle.error-centered > span {
  background: #ffbace;
  border: 1px solid #e00040;
  border-radius: 2px;
  color: black;
  padding: 12px;
  text-align: center;
  display: block; }
  .msg-triangle.error-centered .msg-inner a, .msg-triangle.error-centered > span a {
    color: black; }
    .msg-triangle.error-centered .msg-inner a:hover, .msg-triangle.error-centered > span a:hover {
      color: #e00040; }
  .msg-triangle.error-centered .msg-inner::before, .msg-triangle.error-centered > span::before {
    content: url("/images/kickstand/icons/warning-red.png");
    display: block;
    margin-bottom: 10px;
    text-align: center; }

.msg-triangle.error-centered .triangle {
  pointer-events: none;
  position: relative;
  text-align: center; }
  .msg-triangle.error-centered .triangle .triangle-inner {
    display: inline-block;
    margin-left: -40px;
    pointer-events: none;
    width: 40px; }
    .msg-triangle.error-centered .triangle .triangle-inner::after, .msg-triangle.error-centered .triangle .triangle-inner::before {
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      content: "";
      display: inline-block;
      height: 0;
      pointer-events: none;
      position: relative;
      top: 0;
      width: 0; }
    .msg-triangle.error-centered .triangle .triangle-inner::after {
      border-top: 20px solid #ffbace;
      margin-top: -1px;
      position: absolute; }
    .msg-triangle.error-centered .triangle .triangle-inner::before {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #e00040;
      margin-top: 0;
      position: absolute; }

.msg-triangle.info .msg-inner, .msg-triangle.info > span {
  background: #fffcc8;
  border: 1px solid #fbee01;
  border-radius: 2px;
  color: black;
  padding: 12px;
  text-align: left;
  display: block; }
  .msg-triangle.info .msg-inner a, .msg-triangle.info > span a {
    color: black; }
    .msg-triangle.info .msg-inner a:hover, .msg-triangle.info > span a:hover {
      color: #e00040; }
  .msg-triangle.info .msg-inner::before, .msg-triangle.info > span::before {
    content: url("/images/kickstand/icons/info-small.png");
    display: block;
    margin-bottom: 10px;
    text-align: center; }

.msg-triangle.info .triangle {
  pointer-events: none;
  position: relative;
  text-align: center; }
  .msg-triangle.info .triangle .triangle-inner {
    display: inline-block;
    margin-left: -40px;
    pointer-events: none;
    width: 40px; }
    .msg-triangle.info .triangle .triangle-inner::after, .msg-triangle.info .triangle .triangle-inner::before {
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      content: "";
      display: inline-block;
      height: 0;
      pointer-events: none;
      position: relative;
      top: 0;
      width: 0; }
    .msg-triangle.info .triangle .triangle-inner::after {
      border-top: 20px solid #fffcc8;
      margin-top: -1px;
      position: absolute; }
    .msg-triangle.info .triangle .triangle-inner::before {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #fbee01;
      margin-top: 0;
      position: absolute; }

.msg-triangle.info-centered .msg-inner, .msg-triangle.info-centered > span {
  background: #fffcc8;
  border: 1px solid #fbee01;
  border-radius: 2px;
  color: black;
  padding: 12px;
  text-align: center;
  display: block; }
  .msg-triangle.info-centered .msg-inner a, .msg-triangle.info-centered > span a {
    color: black; }
    .msg-triangle.info-centered .msg-inner a:hover, .msg-triangle.info-centered > span a:hover {
      color: #e00040; }
  .msg-triangle.info-centered .msg-inner::before, .msg-triangle.info-centered > span::before {
    content: url("/images/kickstand/icons/info-small.png");
    display: block;
    margin-bottom: 10px;
    text-align: center; }

.msg-triangle.info-centered .triangle {
  pointer-events: none;
  position: relative;
  text-align: center; }
  .msg-triangle.info-centered .triangle .triangle-inner {
    display: inline-block;
    margin-left: -40px;
    pointer-events: none;
    width: 40px; }
    .msg-triangle.info-centered .triangle .triangle-inner::after, .msg-triangle.info-centered .triangle .triangle-inner::before {
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      content: "";
      display: inline-block;
      height: 0;
      pointer-events: none;
      position: relative;
      top: 0;
      width: 0; }
    .msg-triangle.info-centered .triangle .triangle-inner::after {
      border-top: 20px solid #fffcc8;
      margin-top: -1px;
      position: absolute; }
    .msg-triangle.info-centered .triangle .triangle-inner::before {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #fbee01;
      margin-top: 0;
      position: absolute; }

.msg-triangle.success .msg-inner, .msg-triangle.success > span {
  background: #d4f9f2;
  border: 1px solid #08873c;
  border-radius: 2px;
  color: black;
  padding: 12px;
  text-align: left;
  display: block; }
  .msg-triangle.success .msg-inner a, .msg-triangle.success > span a {
    color: black; }
    .msg-triangle.success .msg-inner a:hover, .msg-triangle.success > span a:hover {
      color: #e00040; }
  .msg-triangle.success .msg-inner::before, .msg-triangle.success > span::before {
    content: url("/images/kickstand/icons/tick-green-small.png");
    display: block;
    margin-bottom: 10px;
    text-align: center; }

.msg-triangle.success .triangle {
  pointer-events: none;
  position: relative;
  text-align: center; }
  .msg-triangle.success .triangle .triangle-inner {
    display: inline-block;
    margin-left: -40px;
    pointer-events: none;
    width: 40px; }
    .msg-triangle.success .triangle .triangle-inner::after, .msg-triangle.success .triangle .triangle-inner::before {
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      content: "";
      display: inline-block;
      height: 0;
      pointer-events: none;
      position: relative;
      top: 0;
      width: 0; }
    .msg-triangle.success .triangle .triangle-inner::after {
      border-top: 20px solid #d4f9f2;
      margin-top: -1px;
      position: absolute; }
    .msg-triangle.success .triangle .triangle-inner::before {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #08873c;
      margin-top: 0;
      position: absolute; }

.msg-triangle.success-centered .msg-inner, .msg-triangle.success-centered > span {
  background: #d4f9f2;
  border: 1px solid #08873c;
  border-radius: 2px;
  color: black;
  padding: 12px;
  text-align: center;
  display: block; }
  .msg-triangle.success-centered .msg-inner a, .msg-triangle.success-centered > span a {
    color: black; }
    .msg-triangle.success-centered .msg-inner a:hover, .msg-triangle.success-centered > span a:hover {
      color: #e00040; }
  .msg-triangle.success-centered .msg-inner::before, .msg-triangle.success-centered > span::before {
    content: url("/images/kickstand/icons/tick-green-small.png");
    display: block;
    margin-bottom: 10px;
    text-align: center; }

.msg-triangle.success-centered .triangle {
  pointer-events: none;
  position: relative;
  text-align: center; }
  .msg-triangle.success-centered .triangle .triangle-inner {
    display: inline-block;
    margin-left: -40px;
    pointer-events: none;
    width: 40px; }
    .msg-triangle.success-centered .triangle .triangle-inner::after, .msg-triangle.success-centered .triangle .triangle-inner::before {
      border-bottom: 20px solid transparent;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      content: "";
      display: inline-block;
      height: 0;
      pointer-events: none;
      position: relative;
      top: 0;
      width: 0; }
    .msg-triangle.success-centered .triangle .triangle-inner::after {
      border-top: 20px solid #d4f9f2;
      margin-top: -1px;
      position: absolute; }
    .msg-triangle.success-centered .triangle .triangle-inner::before {
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #08873c;
      margin-top: 0;
      position: absolute; }

.nav-bar {
  display: flex; }
  .nav-bar h1 {
    margin-bottom: 0;
    margin-right: 4.809%; }
  .nav-bar h1.expand-margin-right {
    margin-bottom: 0;
    margin-right: 9.40%; }
  .nav-bar .tab {
    height: 38px; }

.nav-links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative; }
  .nav-links > li > ul {
    background: linear-gradient(to bottom, #2c2628 0%, #373032 100%);
    padding-bottom: 12px;
    padding-top: 10px; }
  .nav-links .nav-link {
    border-radius: 2px;
    flex-grow: 1;
    margin-left: 7px;
    margin-right: 14px;
    padding-left: 7px;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .nav-links .nav-link:hover {
      background: #4c4d55; }
    .nav-links .nav-link.has-sub-menu {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .nav-links .nav-link.has-sub-menu > .arrow-direction > i {
        font-size: 8px; }
  .nav-links li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .nav-links li:not(.selected) .bookmark-container {
      visibility: hidden; }
    .nav-links li:not(.selected) ul {
      display: none; }
    .nav-links li .selected .bookmark-container {
      visibility: visible; }
    .nav-links li .selected ul {
      display: block; }
  .nav-links ul {
    flex-basis: 100%;
    flex-grow: 1;
    padding-left: 16px;
    padding-right: 0; }
    .nav-links ul .nav-link.disabled {
      pointer-events: none;
      color: currentColor;
      opacity: 0.4;
      background: #9b9b9b; }

.nav-tabs .icon {
  height: 16px;
  margin-right: 9px; }

.nav-tabs .tab {
  margin-right: 7px;
  padding: 12px 10px 10px 10px;
  text-decoration: none; }

.nav-tabs li > a {
  background-color: #f4f4f4;
  height: 100%;
  border-radius: 2px 2px 0 0;
  border-top-color: #d1d3d4;
  border-left-color: #d1d3d4;
  border-right-color: #d1d3d4;
  margin-right: 5px; }

.nav-tabs li.active :hover > span {
  background-color: #fffffe; }

.nav-tabs li:not(.active) > a {
  border-bottom-color: #d1d3d4; }

.nav-tabs li:not(.active) > a.tab,
.nav-tabs li:not(.active) > a.tab > span {
  color: #938f90; }

.nav-tabs li:not(.active) :hover {
  background-color: #d4f9f2; }

.nav-tabs-home {
  /*Override Bootstrap values for nav-tabs*/
  border-bottom: none !important; }
  .nav-tabs-home li {
    margin-bottom: 0px !important; }
    .nav-tabs-home li > a {
      border: none !important;
      background-color: #e8e8e8; }

.pagination-container {
  position: relative;
  /*
        Selectors not in kebab case because these X.PagedList class names are outside our control, due to X.PagedList bug fix #121 not released yet (as of 10 July 2019)
        https://github.com/dncuug/X.PagedList/issues/121
        https://github.com/dncuug/X.PagedList/releases
    */ }
  .pagination-container .PagedList-skipToNext a, .pagination-container .PagedList-skipToPrevious a {
    border: 0;
    color: #40383b;
    padding: 0; }
    .pagination-container .PagedList-skipToNext a:hover, .pagination-container .PagedList-skipToPrevious a:hover {
      background: none; }
  .pagination-container .pagination {
    display: flex;
    margin: 0;
    padding-top: 0; }
    .pagination-container .pagination .disabled .btn-icon {
      background: #9f9b9c;
      color: #fffffe;
      opacity: 1; }
    .pagination-container .pagination li {
      align-items: center;
      background: none;
      border: 0;
      display: flex;
      padding: 0;
      /* deep selector required, to override X.PagedList vendor styles */
      /* deep selector required, to override X.PagedList vendor styles */ }
      .pagination-container .pagination li .pagination-page, .pagination-container .pagination li li {
        padding: 0; }
      .pagination-container .pagination li.active > span {
        color: #94002a; }
    .pagination-container .pagination .prev, .pagination-container .pagination .next {
      padding: 0; }
  .pagination-container .pagination-page:not([rel="prev"]):not([rel="next"]), .pagination-container .pagination li:not([rel="prev"]):not([rel="next"]) {
    background: none;
    border: 0; }
  .pagination-container .prev, .pagination-container .next {
    padding: 0; }
    .pagination-container .prev .btn-icon, .pagination-container .next .btn-icon {
      color: #fffffe; }
    .pagination-container .prev .pagination-page, .pagination-container .prev .pagination li, .pagination-container .pagination .prev li, .pagination-container .next .pagination-page, .pagination-container .next .pagination li, .pagination-container .pagination .next li {
      border: 0; }

.pagination-content, .pagination-container tr {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  margin: initial;
  text-transform: uppercase; }
  .pagination-content .label-results-per-page, .pagination-container tr .label-results-per-page {
    margin: 0 10px 0 0;
    padding-top: 4px;
    white-space: nowrap; }
  .pagination-content .next, .pagination-container tr .next {
    margin-left: 7.5px; }
  .pagination-content .page-size, .pagination-container tr .page-size {
    min-width: 60px;
    padding: 0; }
  .pagination-content .prev, .pagination-container tr .prev {
    margin-right: 7.5px; }
  .pagination-content .summary, .pagination-container tr .summary {
    margin: 0 10px 0 20px;
    padding-top: 4px;
    white-space: nowrap; }

.pagination-gutter.bottom {
  margin-bottom: 24px; }

.pagination-gutter.top {
  margin-top: 24px; }

.pagination-pages, .pagination-container .pagination {
  align-items: center;
  align-self: stretch;
  display: flex; }
  .pagination-pages .pagination-page, .pagination-container .pagination .pagination-page, .pagination-container .pagination li {
    padding: 3px 7.5px 0; }
    .pagination-pages .pagination-page.aspNetDisabled, .pagination-container .pagination .pagination-page.aspNetDisabled, .pagination-container .pagination li.aspNetDisabled {
      opacity: 1; }
    .pagination-pages .pagination-page:not(.ellipsis):not(.aspNetDisabled):hover, .pagination-container .pagination .pagination-page:not(.ellipsis):not(.aspNetDisabled):hover, .pagination-container .pagination li:not(.ellipsis):not(.aspNetDisabled):hover {
      color: #e00040; }

.pagination-with-scrolling-gridview table tfoot .pager-row {
  margin-top: 33px; }

.payment-panel .back-link {
  cursor: pointer;
  padding-top: 20px;
  text-decoration: none; }

.payment-panel .card {
  background-color: #0066b2;
  border-radius: 2px;
  height: 26px;
  width: 42px; }

.payment-panel .checkbox-label-row label {
  float: left;
  white-space: nowrap;
  width: 100%; }

.payment-panel .checkbox-label-row input {
  vertical-align: top; }

.payment-panel .checkbox-label-row label span {
  vertical-align: baseline; }

.payment-panel .checkbox-label-row span {
  padding-left: 8px; }

.payment-panel .clickable {
  text-decoration: underline;
  cursor: pointer; }

.payment-panel .cvv {
  max-width: 140px; }

.payment-panel .grey-out {
  opacity: 0.4; }

.payment-panel .invalid {
  outline-color: #e00040;
  border-color: #e00040 !important; }

.payment-panel .privacy {
  margin-top: 20px; }

.payment-panel .processing-message {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center; }

.payment-panel .purchase-buttons {
  margin-top: 40px; }

.payment-panel div.chosen-container {
  width: 58px !important; }

.payment-panel div.payment-header {
  padding-top: 10px !important; }

.payment-panel div.payment-header > h5 {
  border-bottom: none;
  margin: 0 0 20px 0;
  padding-bottom: 0;
  padding-top: 0; }
  .payment-panel div.payment-header > h5 > i {
    margin-right: 12px; }

.payment-panel form {
  padding-bottom: 20px; }

.payment-panel #processing {
  display: none; }

.payment-panel span.info-popup {
  padding-left: 0px !important; }

.payment-panel table input[type=text] {
  width: 100%; }

.payment-panel table {
  width: 100%; }
  .payment-panel table th:first-child, .payment-panel table td:first-child {
    padding-left: 0;
    padding-right: 0; }
  .payment-panel table th {
    width: 80px;
    border: none; }

.payment-panel td.credit-card {
  padding-left: 0;
  text-align: right; }
  .payment-panel td.credit-card img {
    height: 26px; }
  .payment-panel td.credit-card img.mastercard {
    padding-left: 5px; }

.print-induction-cards .card-number-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em; }

.print-induction-cards .card-number-controls {
  flex-grow: 2;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.print-induction-cards .card-number-header {
  display: flex;
  margin-right: 15em; }

.print-induction-cards .filter-column {
  position: relative; }
  .print-induction-cards .filter-column .generate-cards-buttons {
    bottom: 0;
    left: 0;
    margin-bottom: 5px;
    position: absolute; }
    .print-induction-cards .filter-column .generate-cards-buttons .generate-electronic-cards-btn {
      width: 220px !important; }

.print-induction-cards input.minutes[type=text] {
  width: 40px; }

.print-induction-cards input.number[type=text] {
  padding-left: 7px; }

.print-induction-cards .save-button {
  margin-left: 8em; }

@media (max-width: 1500px) {
  .print-induction-cards .card-number-controls {
    margin-right: 0; }
  .print-induction-cards .search-controls .filter-column {
    margin-right: 4em; }
  .print-induction-cards .save-button {
    margin-left: 2em; } }

.project-report-preview {
  margin-top: -4.745%; }
  .project-report-preview .description {
    margin: auto 22px; }
  .project-report-preview .retrieved {
    margin-bottom: 26px;
    margin-top: 8px; }

.wrapper-gate-page {
  --cherry-color: #e00040;
  --purplish-brown-color: #40383b; }

.registration-sidebar {
  background-image: linear-gradient(to top, var(--cherry-color), white 200%), url("/images/rego-bg.jpg");
  background-blend-mode: multiply;
  background-size: cover;
  font-size: 16px;
  justify-self: flex-end;
  width: 35%;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  padding: 8em 5em 0 5em;
  color: white;
  text-shadow: 1px 1px 2px var(--purplish-brown-color); }

.registration-sidebar h3 {
  text-align: center;
  font-size: 2.1em; }

.registration-sidebar ol {
  margin: 2em 0; }

.registration-sidebar ol li {
  margin-top: 1em; }

.registration-sidebar ol li.current {
  font-weight: bold;
  font-size: 1.25em;
  text-decoration: underline; }

@media screen and (min-width: 1025px) {
  .gate-panel.registration {
    width: 65%;
    margin-right: 35%; } }

@media screen and (max-width: 1024px) {
  .registration-sidebar {
    display: none; } }

.registration-progress {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: white; }

.registration-progress span {
  align-self: flex-end;
  margin-bottom: 0.5em; }

.registration-progress > div {
  background-color: white;
  height: 0.5em;
  width: 100%; }

.registration-progress > div > div {
  background-color: var(--cherry-color);
  height: 100%; }

.registration-progress > div > div.fill-1\/4 {
  width: calc(1 * 25%); }

.registration-progress > div > div.fill-2\/4 {
  width: calc(2 * 25%); }

.registration-progress > div > div.fill-3\/4 {
  width: calc(3 * 25%); }

.registration-progress > div > div.fill-4\/4 {
  width: calc(4 * 25%); }

.return-link {
  align-items: center;
  display: flex; }
  .return-link a {
    align-items: center;
    display: flex;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase; }
  .return-link a:hover {
    align-items: center;
    color: #e00040;
    display: flex; }
  .return-link i {
    margin-top: 2px; }

.scheduled-reports-list .create-schedule-btn {
  display: inline-flex; }

.scheduled-reports-list .edit-btn {
  width: 50px; }

.search-bar-wide {
  display: flex;
  flex: 1 1 100%; }
  .search-bar-wide > * {
    flex-grow: 1;
    flex-shrink: 0; }
  .search-bar-wide .btn-search {
    flex-basis: 23.859%;
    max-width: 240px; }
  .search-bar-wide .search-call-to-action {
    align-items: center;
    display: flex;
    flex: 1 0 21.000%;
    justify-content: flex-start;
    margin-right: 1.315%; }
  .search-bar-wide .search-box {
    flex: 0 1 100%;
    margin-left: 15%; }

/* flexbox that controls the layout of all the sets of controls in the header (there can be 1, 2 or 3 "columns" of controls) */
.search-controls {
  background: none;
  border: none;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 2em;
  width: 100%;
  /* All buttons */
  /* Widen gap between tickboxes and their labels, make them line up vertically */
  /* All table cells */
  /* First column of table, the labels */
  /* When you want two small inputs, side by side, instead of one long one, e.g.: To and From date textboxes */
  /* When you want wider inputs */
  /* the first column, which is a table containing a th column with names and a td column with dropdowns/textboxes/etc  */
  /* the second column, which can have a list of tickboxes in it */
  /* row for submit button (and clear filters button - if in use) */
  /* a third column, for images */
  /* third column aligned to the right*/ }
  .search-controls .filter-column, .search-controls .first-column, .search-controls .button-column, .search-controls .second-column, .search-controls .image-column, .search-controls .third-column {
    border: inherit; }
  .search-controls input[type=submit],
  .search-controls button {
    width: 153px; }
  .search-controls input[type=checkbox],
  .search-controls input[type=radio] {
    margin-right: 10px;
    margin-top: 0px;
    position: relative;
    top: 2px; }
    .search-controls input[type=checkbox].zero-margin-right,
    .search-controls input[type=radio].zero-margin-right {
      margin-right: 0px; }
  .search-controls legend {
    border: none;
    text-transform: uppercase; }
  .search-controls table tr td,
  .search-controls table tr th {
    background: none;
    height: auto;
    padding: 7px 0px;
    vertical-align: top;
    /* DropDowns and TextBoxes */
    /* DropDown and TextBox content (container and content can be different html tags for many of these because they are "chosen" dropdowns) */ }
    .search-controls table tr td select,
    .search-controls table tr td input[type=datetime],
    .search-controls table tr td input[type=number],
    .search-controls table tr td input[type=text],
    .search-controls table tr th select,
    .search-controls table tr th input[type=datetime],
    .search-controls table tr th input[type=number],
    .search-controls table tr th input[type=text] {
      border: solid 1px #d1d3d4;
      height: 25px;
      width: 280px; }
    .search-controls table tr td div.chosen-container ul li:not(.disabled):not(.selected),
    .search-controls table tr th div.chosen-container ul li:not(.disabled):not(.selected) {
      list-style-type: none; }
    .search-controls table tr td select[multiple],
    .search-controls table tr td select[size],
    .search-controls table tr td div.chosen-container-multi,
    .search-controls table tr th select[multiple],
    .search-controls table tr th select[size],
    .search-controls table tr th div.chosen-container-multi {
      height: auto !important;
      /* !important to override chosen.js vendor style & to allow this component to be page-agnostic */ }
    .search-controls table tr td input[type=file],
    .search-controls table tr th input[type=file] {
      margin-top: 12px; }
    .search-controls table tr td input[type=text],
    .search-controls table tr th input[type=text] {
      padding-left: 7px;
      margin-right: 12px; }
    .search-controls table tr td textarea,
    .search-controls table tr th textarea {
      height: 5em; }
  .search-controls table tr th {
    padding-right: 4em;
    /* make gap between labels in first column and dropdowns/boxes in second */
    padding-top: 10px !important;
    /* stop filter labels being too high */ }
  .search-controls table tr td.two-controls input {
    margin-left: 28px;
    width: 124.6px; }
  .search-controls table tr td.two-controls input:first-child {
    margin-left: 0px; }
  .search-controls table.wide-inputs tr td input {
    width: 560px; }
  .search-controls .filter-column, .search-controls .first-column {
    margin-bottom: 1em;
    margin-right: 8em;
    order: 1; }
    .search-controls .filter-column .additional-text, .search-controls .first-column .additional-text {
      margin-left: 60px; }
  .search-controls .button-column, .search-controls .second-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 1em;
    margin-right: 8em;
    order: 2; }
    .search-controls .button-column .tickbox-list label, .search-controls .second-column .tickbox-list label {
      display: block;
      margin-bottom: 5px;
      margin-top: 5px;
      /* to align top with table rows in filter-column */ }
    .search-controls .button-column .tickbox-list-asp, .search-controls .second-column .tickbox-list-asp {
      /* web forms controls render label differently to mvc, so need separate styling */ }
      .search-controls .button-column .tickbox-list-asp span, .search-controls .second-column .tickbox-list-asp span {
        display: block;
        margin-bottom: 5px;
        margin-top: 5px; }
    .search-controls .button-column ul li, .search-controls .second-column ul li {
      margin-bottom: 4px; }
  .search-controls .button-row {
    flex-basis: 100%;
    order: 4;
    /* All buttons */
    /* Clear filters link button */ }
    .search-controls .button-row input[type=submit],
    .search-controls .button-row button {
      display: inline-block;
      /* so clear filters button can sit up next to it */
      width: 153px; }
    .search-controls .button-row .clear-filters-button {
      cursor: pointer;
      margin-left: 2em;
      margin-right: 2em;
      text-decoration: underline; }
    .search-controls .button-row .schedule-reports-button {
      border: none;
      background: none;
      color: #333;
      display: inline-flex;
      font-size: 14px;
      font-weight: normal;
      justify-content: left;
      text-transform: none;
      text-decoration: none; }
      .search-controls .button-row .schedule-reports-button span {
        text-decoration: underline; }
  .search-controls .image-column {
    margin-bottom: 1em;
    order: 3;
    padding-top: 4.2em; }
    .search-controls .image-column .rectangle-border {
      border: solid 1px #e8e8e8; }
  .search-controls .no-bottom-margin input[type=submit],
  .search-controls button {
    margin-bottom: 0px;
    /* In some instances the button aligns better with no margin*/ }
  .search-controls .right-padding td {
    padding-right: 4em;
    /* Some cells still need padding to space things out correctly*/ }
  .search-controls .third-column {
    margin-bottom: 1em;
    margin-left: auto;
    order: 3; }
    .search-controls .third-column .aside {
      align-self: center;
      background-color: #f4f4f4;
      border: solid 1px #e8e8e8;
      border-radius: 2px;
      padding: 20px;
      min-width: 420px; }
      .search-controls .third-column .aside h5 {
        margin-top: 0px; }
      .search-controls .third-column .aside .button-row {
        display: flex;
        gap: 10px;
        margin-top: 20px; }
        .search-controls .third-column .aside .button-row .button-wide {
          transition: filter 0.1s;
          align-items: center;
          border: 0;
          border-radius: 2px;
          display: flex;
          height: 25px;
          justify-content: center;
          text-transform: uppercase;
          background: #40383b;
          max-width: 240px;
          min-width: 180px;
          white-space: nowrap; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
          .search-controls .third-column .aside .button-row .button-wide:link, .search-controls .third-column .aside .button-row .button-wide:visited, .search-controls .third-column .aside .button-row .button-wide:hover, .search-controls .third-column .aside .button-row .button-wide:active {
            color: white;
            text-decoration: none; }
          .search-controls .third-column .aside .button-row .button-wide:hover {
            filter: brightness(110%); }
          .search-controls .third-column .aside .button-row .button-wide:active {
            animation: flash 1s; }
          .search-controls .third-column .aside .button-row .button-wide[disabled] {
            opacity: 0.5; }
      .search-controls .third-column .aside .info table {
        width: 100%; }
        .search-controls .third-column .aside .info table tr td {
          padding: 0px; }

/* Respond to smaller screen sizes a bit better */
@media screen and (max-width: 1750px) {
  .search-controls .filter-column,
  .search-controls .button-column {
    margin-right: 2em; }
  .search-controls table tr th {
    padding-right: 1em; } }

/* If we don't squish the third column, the main left filters squish first and that looks much worse */
@media screen and (max-width: 1520px) {
  .search-controls .third-column,
  .search-controls .image-column {
    max-width: 40%; } }

@media screen and (max-width: 1400px) {
  /* Go to single column */
  .search-controls .filter-column,
  .search-controls .button-column,
  .search-controls .third-column,
  .search-controls .image-column {
    max-width: 100%; }
  .search-controls .third-column,
  .search-controls .image-column {
    margin-left: 0;
    max-width: 100%;
    /* Place after button-row if we're too small to have 3 cols */
    order: 4; }
  .search-controls .button-row {
    margin-bottom: 1em;
    /* Place above third column if we're too small to have 3 cols */
    order: 3; } }

.search-results {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
  position: relative;
  /* Necessary for scrolling */ }
  .search-results .button-large {
    max-width: 300px;
    margin-top: 28px; }
  .search-results .checkbox label {
    border: none; }
  .search-results .disabled {
    color: #aaaaaa; }
  .search-results .hidden {
    display: none; }
  .search-results .new-button-container {
    height: 50px;
    /* All buttons */ }
    .search-results .new-button-container input[type=submit],
    .search-results .new-button-container button {
      display: inline-block;
      /* so clear filters button can sit up next to it */
      width: 153px; }
  .search-results .wrapper-scroll, .search-results .doubleScroll-scroll-wrapper {
    scrollbar-color: #40383b rgba(232, 232, 232, 0.5);
    scrollbar-width: auto;
    background-attachment: local, local, scroll, scroll;
    background-image: linear-gradient(to right, white, white), linear-gradient(to left, white, white), linear-gradient(to right, #f4f4f4, transparent), linear-gradient(to left, #f4f4f4, transparent);
    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-size: 25px 100%, 25px 100%, 25px 100%, 25px 100%;
    overflow-y: visible;
    /*Fix scrollbar overlapping bottom row in IE*/
    /*Fix scrollbar overlapping bottom row in Edge*/ }
    .search-results .wrapper-scroll::-webkit-scrollbar, .search-results .doubleScroll-scroll-wrapper::-webkit-scrollbar {
      width: auto; }
      .search-results .wrapper-scroll::-webkit-scrollbar-thumb, .search-results .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb {
        background-color: #40383b; }
        .search-results .wrapper-scroll::-webkit-scrollbar-thumb:hover, .search-results .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb:hover {
          background-color: #5b5054; }
      .search-results .wrapper-scroll::-webkit-scrollbar-track, .search-results .doubleScroll-scroll-wrapper::-webkit-scrollbar-track {
        background-color: rgba(232, 232, 232, 0.5); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .search-results .wrapper-scroll, .search-results .doubleScroll-scroll-wrapper {
        padding-bottom: 17px; } }
    @supports (-ms-ime-align: auto) {
      .search-results .wrapper-scroll, .search-results .doubleScroll-scroll-wrapper {
        padding-bottom: 17px; } }
    .search-results .wrapper-scroll::-webkit-scrollbar-thumb, .search-results .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb {
      border-radius: 2px; }
  .search-results .urgent {
    color: #e00040; }

.select2-container .select2-selection {
  border: solid 1px #d1d3d4;
  border-radius: 0px; }

.select2-container .select2-search {
  margin-right: 5px;
  margin-top: 5px; }

.select2-container .select2-dropdown {
  border-radius: 0px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-container .select2-selection__rendered .select2-selection__choice {
  background: none;
  background-color: white;
  border: solid 1px #d1d3d4 !important;
  border-radius: 0px;
  padding: 3px 5px 3px 5px; }

.sidebar-tab {
  transition: filter 0.1s;
  background-size: cover;
  height: 56px;
  margin-top: 36px;
  width: 28px; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
  .sidebar-tab:link, .sidebar-tab:visited, .sidebar-tab:hover, .sidebar-tab:active {
    color: white;
    text-decoration: none; }
  .sidebar-tab:hover {
    filter: brightness(110%); }
  .sidebar-tab:active {
    animation: flash 1s; }

.sms-dialog .buttons {
  margin-top: 2em; }
  .sms-dialog .buttons a {
    float: right;
    line-height: 20px; }
  .sms-dialog .buttons input[type=button] {
    margin-top: 0; }

.sms-dialog textarea {
  min-height: 5em; }

.spinner {
  animation: rotating 0.9s linear infinite; }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.stack-buttons {
  display: flex; }
  .stack-buttons.horizontal {
    flex-direction: row; }
    .stack-buttons.horizontal > * {
      margin-right: 16px; }
  .stack-buttons.vertical {
    flex-direction: column; }
    .stack-buttons.vertical > * {
      margin-bottom: 8px; }

.stack-panel {
  display: flex;
  flex-direction: column;
  margin: 18px 0; }
  .stack-panel.required-field > span:first-of-type:not(.spacer)::after,
  .stack-panel.required-field > label:first-of-type:not(.spacer)::after {
    content: ' *';
    color: #94002a; }
  .stack-panel > div.chosen-container, .stack-panel > chosen-container-multi {
    padding-top: 6px; }

section.form .staff-fields-control {
  /* The text of each question, e.g.: "Is this worker classified as a Cadet?" */ }
  section.form .staff-fields-control > div > span:first-child {
    width: 25em;
    max-width: 25em;
    min-width: 25em; }

section.form #custom-question-page.staff-fields-control {
  padding-top: 12px;
  /* Custom properties of tooltip */
  /* wrapping */
  /* Absolute positioning */
  /* CSS border triangles */
  /* Absolute positioning */
  /* CSS border triangles */ }
  section.form #custom-question-page.staff-fields-control > div.custom-question:first-of-type > span:first-of-type,
  section.form #custom-question-page.staff-fields-control > div.custom-question:first-of-type > label:first-of-type {
    padding-top: 1.5em; }
  section.form #custom-question-page.staff-fields-control .react-select-container > div {
    width: 18em; }
  section.form #custom-question-page.staff-fields-control .react-drop-down-icon {
    background-image: url("/images/kickstand/buttons/button-dropdown.png") !important;
    height: 28px;
    width: 23px;
    background-size: 23px 28px !important; }
  section.form #custom-question-page.staff-fields-control .react-info-icon {
    background-image: url("/images/kickstand/icons/info-small.png") !important;
    height: 23px;
    width: 23px;
    background-size: 23px 23px !important; }
  section.form #custom-question-page.staff-fields-control .tooltip-wrapper {
    display: inline-block;
    position: relative; }
  section.form #custom-question-page.staff-fields-control .tooltip-tip {
    position: absolute;
    width: 400px;
    border-radius: 4px;
    left: 50%;
    transform: translate(-50%, -60%);
    padding: 12px;
    color: black;
    background: #f4f4f4;
    z-index: 100; }
  section.form #custom-question-page.staff-fields-control .tooltip-tip::before {
    content: " ";
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 6px;
    margin-left: calc($tooltip-arrow-size * -1); }
  section.form #custom-question-page.staff-fields-control .tooltip-tip.top {
    position: absolute;
    top: -40px; }
  section.form #custom-question-page.staff-fields-control .tooltip-tip.top::before {
    top: 100%;
    border-top-color: #f4f4f4; }

.stats-panel {
  flex: 1 0 100%;
  padding: 27px 0% 27px 0%; }
  .stats-panel .breakdown {
    display: flex;
    flex: 1 0 67.778%;
    justify-content: space-between; }
  .stats-panel .breakdown-stats-container {
    flex: 0 1 13.825%; }
    .stats-panel .breakdown-stats-container .bullet-point {
      border-radius: 100%;
      height: 7px;
      margin-right: 9px;
      width: 7px; }
    .stats-panel .breakdown-stats-container .container-status-data {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 7px; }
    .stats-panel .breakdown-stats-container .container-pending-checkbox {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-top: 10px; }
      .stats-panel .breakdown-stats-container .container-pending-checkbox > label {
        margin-top: 4px;
        font-weight: 400; }
  .stats-panel .btn-go-to-entity {
    max-width: 240px;
    padding: 0 2%;
    white-space: nowrap; }
  .stats-panel .go-to-button {
    flex: 1 0 27.65%; }
  .stats-panel .hover-stats-container {
    background: #f4f4f4;
    cursor: pointer; }
  .stats-panel .info {
    align-items: center;
    display: flex;
    flex: 1 0 32.222%;
    flex-direction: row;
    justify-content: space-between; }
    .stats-panel .info button {
      margin-right: 2.264%;
      max-width: 240px; }
  .stats-panel .stats {
    flex: 1 1 86.142%;
    flex-direction: column; }
  .stats-panel .tab-pane.active {
    display: flex; }
  .stats-panel .totals {
    display: flex;
    flex: 1 1 44.805%;
    margin-right: 12.104%; }
  .stats-panel .wrapper-donut-chart {
    height: 126px;
    margin-right: 2.336%;
    width: 126px; }
  .stats-panel .search-text {
    margin-right: 8.336%;
    padding-top: 7px;
    width: 126px;
    white-space: nowrap; }

/* IE11 broken padding fix */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .stats-panel .stats {
    padding-right: 6%; } }

.status-banner {
  align-items: center;
  display: flex;
  padding: 12px;
  white-space: initial; }
  .status-banner.info {
    border: 1px solid #40383b; }
  .status-banner .btn-3ds, .status-banner .search-controls input[type=submit], .search-controls .status-banner input[type=submit], .status-banner
  .search-controls button,
  .search-controls .status-banner button, .status-banner .search-results .new-button-container input[type=submit], .search-results .new-button-container .status-banner input[type=submit], .status-banner
  .search-results .new-button-container button,
  .search-results .new-button-container .status-banner button, .status-banner .wrapper-stack input[type=submit], .wrapper-stack .status-banner input[type=submit], .status-banner .inductee .btn-logout, .inductee .status-banner .btn-logout, .status-banner .inductee .btn-orientation, .inductee .status-banner .btn-orientation {
    margin-left: auto; }
  .status-banner .icon {
    margin-right: 12px; }

.status-bar {
  display: inline-block;
  /* 'width:' does nothing without this */
  width: 100%;
  text-align: center; }

.tab-pane .active {
  flex-direction: column; }
  @media print {
    .tab-pane .active {
      display: flex !important;
      /* !important required, to allow this "shallow selector mixin" to override any display css we've applied using "deep selectors" */
      opacity: 1; } }
  @media print {
    .tab-pane .active {
      border-top: 1px solid #e8e8e8;
      padding: 10px 0; } }

/* This is not named 'table' as it's impossible to search for */
.table-base {
  border: 1px white none;
  width: 100%;
  /* Result rows can be clicked */
  /* For large list-type tables, show a highlight on hover */
  /* Header rows can be clicked to sort the results */
  /* make full width of table cell clickable */ }
  .table-base.clickable tbody tr:not(.pager-row):hover,
  .table-base.clickable tbody tr:not(.pager-row):hover td {
    background: whitesmoke;
    cursor: pointer; }
  .table-base.editable tbody tr td:first-child, .table-base.editable tbody tr th:first-child, .table-base.editable thead tr th:first-child {
    left: -34px;
    position: absolute;
    top: auto;
    width: 34px;
    word-wrap: break-word;
    padding-left: 0px;
    padding-right: 0px;
    visibility: hidden; }
  .table-base.editable tbody tr:hover td:first-child {
    visibility: visible; }
  .table-base.editable tbody tr td:first-child {
    /* We're absolutely positioning these so they lose their table-ness, so use flex to center icon again */
    align-items: center;
    background-color: #e8e8e8 !important;
    border: none;
    border-bottom-left-radius: 2px;
    border-right: solid 1px white;
    border-top-left-radius: 2px;
    display: flex; }
    .table-base.editable tbody tr td:first-child:hover {
      background-color: #94002a !important;
      color: #f4f4f4; }
      .table-base.editable tbody tr td:first-child:hover a span {
        color: #f4f4f4; }
  .table-base.editable tr.empty-result-message td:first-child {
    padding-left: 34px;
    width: 100%;
    pointer-events: none; }
  .table-base.hoverable tbody tr:not(.pager-row):hover,
  .table-base.hoverable tbody tr:not(.pager-row):hover td {
    background: whitesmoke; }
  .table-base .highlighted {
    color: #94002a !important; }
    .table-base .highlighted td {
      color: #94002a !important; }
      .table-base .highlighted td a {
        color: #94002a !important; }
  .table-base.narrow-cells td {
    padding-bottom: 0px;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-top: 0px; }
  .table-base.narrow-cells th {
    padding-bottom: 0px;
    padding-left: 5.5px;
    padding-right: 5.5px;
    padding-top: 0px; }
  .table-base.no-border {
    border: none; }
    .table-base.no-border td {
      border: none; }
    .table-base.no-border th {
      border: none; }
  .table-base.sortable .icon-sort-direction {
    float: right; }
  .table-base.sortable thead tr:not(.pager-row):hover th {
    cursor: pointer; }
  .table-base.table-form td {
    width: 800px; }
    .table-base.table-form td input {
      width: 500px; }
    .table-base.table-form td textarea {
      width: 500px; }
  .table-base.table-form th {
    width: 200px; }
  .table-base thead th {
    background-color: #f4f4f4;
    padding-bottom: 5.5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5.5px;
    white-space: nowrap; }
    .table-base thead th.not-clickable {
      cursor: default !important; }
  .table-base tbody .nowrap {
    padding: 8px 3px;
    white-space: nowrap; }
  .table-base tbody .status {
    padding: 8px 3px; }
  .table-base tbody .statusicon.active {
    background-image: url(/images/rr/Active.gif); }
  .table-base tbody .statusicon.inactive {
    background-image: url(/images/rr/NotActive.gif); }
  .table-base tr:not(.pager-row) td {
    border-bottom: 1px solid #e8e8e8;
    vertical-align: middle; }
    .table-base tr:not(.pager-row) td.urgent {
      color: #e00040; }
    .table-base tr:not(.pager-row) td.wrap {
      white-space: nowrap; }
    .table-base tr:not(.pager-row) td i {
      align-content: center;
      align-items: center; }
  .table-base tr.header-title-wrap th {
    max-width: 100px;
    white-space: normal; }
  .table-base tr.pager-row td, .table-base tr.no-border td {
    border: none; }
  .table-base tr.no-top-padding td {
    padding-top: 0; }
  .table-base .table-cell-clickable {
    padding: 0 !important; }
  .table-base .table-cell-link {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0px;
    width: 100%; }
    .table-base .table-cell-link.padded {
      padding: 10px; }
  .table-base .table-cell-edit {
    padding: 0px; }
    .table-base .table-cell-edit .fill {
      align-items: center;
      display: flex;
      height: 100%;
      justify-content: center;
      width: 100%; }
  .table-base .td-link a {
    display: block; }
  .table-base .truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 600px; }

@media print {
  .tablesorter-sticky-visible {
    display: none !important;
    /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }

.large.tooltip-inner {
  padding: 12px 2px;
  max-width: 450px;
  width: 450px;
  text-align: left;
  margin-left: 100px;
  background-color: white;
  color: black; }

.upload-button,
.column.upload-button,
.modal .modal-body .upload-button {
  align-items: flex-start;
  display: flex;
  flex-direction: row; }
  .upload-button input[type=file],
  .column.upload-button input[type=file],
  .modal .modal-body .upload-button input[type=file] {
    visibility: hidden;
    /* better for accessibility/keyboard than just display:none, I'm told */
    width: 0px; }
  .upload-button label,
  .column.upload-button label,
  .modal .modal-body .upload-button label {
    cursor: pointer;
    width: 14em; }
  .upload-button span,
  .column.upload-button span,
  .modal .modal-body .upload-button span {
    margin-left: 0.8em;
    padding-top: 4px; }

.user-permission-manager .column {
  display: flex;
  flex-direction: column;
  padding: 0, 1em; }

.user-permission-manager .item-row {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  width: 100%; }

.user-permission-manager .nav-back {
  margin-top: 20px; }

.user-permission-manager .user-permission-panel > div > table {
  min-width: 600px; }
  .user-permission-manager .user-permission-panel > div > table td:first-child {
    min-width: 150px; }
  .user-permission-manager .user-permission-panel > div > table td > input:not([type="checkbox"]) {
    width: 90%;
    min-width: 150px; }

.user-permission-manager .user-type-header {
  align-items: center;
  background-color: #40383b;
  border-bottom: none;
  display: flex;
  height: 34px;
  line-height: 12px;
  text-transform: uppercase; }
  .user-permission-manager .user-type-header > div {
    flex: 1;
    margin-top: 8px;
    margin-left: 12px; }

.user-permission-manager .user-type-header > div {
  color: white; }
  .user-permission-manager .user-type-header > div > span.arrow-direction {
    float: right;
    padding-right: 12px; }

.user-permission-panel .nav-bar h1 {
  margin-bottom: 0; }

.user-permission-panel .nav-tabs a {
  margin-right: 0;
  padding-left: 10px; }

.user-permission-panel table {
  margin-top: 10px; }

.user-permission-panel table tr td,
.user-permission-panel table tr th {
  background: none;
  height: auto;
  padding: 7px 0px;
  vertical-align: top; }

.user-permission-panel table tr th {
  padding-right: 8em;
  /* make gap between labels in first column and dropdowns/boxes in second */
  padding-top: 10px !important;
  /* stop filter labels being too high */ }

.user-permission-panel ul li:not(.disabled):not(.selected) > * {
  padding-left: 10px; }

.user-security-panel .bottom-margin {
  margin-bottom: 30px; }

.user-security-panel .nav-bar h1 {
  margin-bottom: 10px; }

.user-security-panel select,
.user-security-panel input[type=number],
.user-security-panel input[type=text] {
  border: solid 1px #d1d3d4;
  height: 25px;
  width: 280px;
  padding-left: 7px; }

.user-security-panel table tr td,
.user-security-panel table tr th {
  background: none;
  height: auto;
  padding: 7px 0px;
  vertical-align: top; }

.user-security-panel table tr th {
  width: 150px;
  padding-top: 10px !important;
  /* stop filter labels being too high */ }

.user-security-panel table tr td {
  width: 300px; }

.warning-box-red {
  background: #ffbace;
  border: 1px solid #e00040;
  border-radius: 2px;
  padding: 15px 8.911%; }
  .warning-box-red .icon {
    width: 7.921%; }

.wrapper-donut-chart {
  flex-shrink: 0;
  position: relative; }

@keyframes scale-in {
  from {
    opacity: 0;
    transform: scale(0); }
  to {
    opacity: 1;
    transform: scale(1); } }
  .wrapper-donut-chart .icon {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    animation: scale-in 0.25s ease-out 0s forwards;
    opacity: 0;
    transform: scale(0);
    width: 20px; }

.wrapper-full-screen {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

.wrapper-gate-page {
  background: #40383b;
  display: flex;
  min-height: 100vh;
  justify-content: center;
  left: 0;
  min-width: 100%;
  position: absolute;
  top: 0;
  overflow-x: auto;
  align-items: center; }
  .wrapper-gate-page a {
    color: #9b9b9b; }
    .wrapper-gate-page a:hover {
      color: #f4f4f4; }
  .wrapper-gate-page button,
  .wrapper-gate-page input[type=button],
  .wrapper-gate-page input[type=submit] {
    display: block;
    margin: auto;
    margin-top: 4em;
    width: 11em; }
  .wrapper-gate-page .button.wider, .wrapper-gate-page .email-broadcast .wider.file-upload, .email-broadcast .wrapper-gate-page .wider.file-upload, .wrapper-gate-page .search-results .wider.button-large, .search-results .wrapper-gate-page .wider.button-large {
    width: 20em; }
    .wrapper-gate-page .button.wider.success, .wrapper-gate-page .email-broadcast .wider.success.file-upload, .email-broadcast .wrapper-gate-page .wider.success.file-upload, .wrapper-gate-page .search-results .wider.success.button-large, .search-results .wrapper-gate-page .wider.success.button-large {
      background-color: #59b04a;
      color: white;
      max-width: 100%; }
      .wrapper-gate-page .button.wider.success:hover, .wrapper-gate-page .email-broadcast .wider.success.file-upload:hover, .email-broadcast .wrapper-gate-page .wider.success.file-upload:hover, .wrapper-gate-page .search-results .wider.success.button-large:hover, .search-results .wrapper-gate-page .wider.success.button-large:hover {
        background-color: #448439; }
  .wrapper-gate-page .gate-panel {
    max-width: 320px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 96%; }
    .wrapper-gate-page .gate-panel h2 {
      color: white;
      margin-bottom: 1.25em; }
    .wrapper-gate-page .gate-panel h3 {
      color: white;
      margin-bottom: 1.25em; }
    .wrapper-gate-page .gate-panel input[type=checkbox] + label,
    .wrapper-gate-page .gate-panel input[type=checkbox] + input[type=hidden] + label {
      margin-left: 0.4em;
      position: relative;
      top: -0.15em; }
      .wrapper-gate-page .gate-panel input[type=checkbox] + label.mvc-checkbox-label,
      .wrapper-gate-page .gate-panel input[type=checkbox] + input[type=hidden] + label.mvc-checkbox-label {
        margin-top: 0px; }
    .wrapper-gate-page .gate-panel label {
      margin-top: 2.5em; }
      .wrapper-gate-page .gate-panel label.mvc-radio-button-label {
        margin-top: 8px;
        margin-bottom: 8px; }
    .wrapper-gate-page .gate-panel .btn-resend {
      height: 25px;
      margin: unset;
      padding-bottom: 5px;
      padding-top: 5px; }
    .wrapper-gate-page .gate-panel .button-bar {
      align-items: flex-end;
      justify-content: space-between; }
      .wrapper-gate-page .gate-panel .button-bar .already-registered {
        flex-grow: 2; }
    .wrapper-gate-page .gate-panel .company-name {
      margin-bottom: 10px;
      margin-top: 10px; }
    .wrapper-gate-page .gate-panel .company-prompt {
      margin-left: 18px;
      margin-top: 5px; }
    .wrapper-gate-page .gate-panel .confirm-button {
      margin-top: 5px;
      width: 100%; }
    .wrapper-gate-page .gate-panel .divider-label {
      margin-bottom: 20px;
      margin-top: 30px; }
    .wrapper-gate-page .gate-panel .empty-answer-error,
    .wrapper-gate-page .gate-panel .field-error {
      color: #e00040;
      margin-top: 2px; }
    .wrapper-gate-page .gate-panel .full-width {
      width: 100%; }
    .wrapper-gate-page .gate-panel .gate-logo {
      display: block;
      margin-bottom: 20px;
      max-width: 320px;
      width: 90%; }
    .wrapper-gate-page .gate-panel .memory-row {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .wrapper-gate-page .gate-panel .memory-row a,
      .wrapper-gate-page .gate-panel .memory-row input,
      .wrapper-gate-page .gate-panel .memory-row label {
        margin-top: 2.5em; }
    .wrapper-gate-page .gate-panel .msg h2, .wrapper-gate-page .gate-panel .msg p {
      color: black; }
    .wrapper-gate-page .gate-panel .sign-out-form {
      background-color: white;
      padding: 6px; }
      .wrapper-gate-page .gate-panel .sign-out-form .company-section {
        background-color: #d1d3d4;
        color: #f4f4f4;
        line-height: 220px;
        padding: 10px 6px;
        text-align: center;
        text-transform: uppercase; }
        .wrapper-gate-page .gate-panel .sign-out-form .company-section table {
          padding: 20px 10px; }
          .wrapper-gate-page .gate-panel .sign-out-form .company-section table td {
            text-align: left; }
      .wrapper-gate-page .gate-panel .sign-out-form .flex-container {
        display: flex; }
      .wrapper-gate-page .gate-panel .sign-out-form .flex-child {
        flex: 1; }
      .wrapper-gate-page .gate-panel .sign-out-form .flex-child:first-child {
        flex-grow: 2;
        text-align: left;
        padding-left: 12px; }
      .wrapper-gate-page .gate-panel .sign-out-form .flex-child:last-child div {
        margin: 6px 10px;
        border-radius: 6px;
        background-color: gray; }
      .wrapper-gate-page .gate-panel .sign-out-form .project-section {
        background-color: #59b04a;
        color: #f4f4f4;
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 40px;
        text-align: center;
        text-transform: uppercase; }
      .wrapper-gate-page .gate-panel .sign-out-form .sign-out-section {
        background-color: #94002a;
        border-radius: 4px;
        color: #f4f4f4;
        font-size: 16px;
        line-height: 40px;
        margin-top: 50px;
        width: 100%; }
      .wrapper-gate-page .gate-panel .sign-out-form .driver-section,
      .wrapper-gate-page .gate-panel .sign-out-form .visitor-section {
        background-color: #aaaaaa;
        color: black;
        line-height: 40px;
        font-size: 16px;
        margin-bottom: 6px;
        align-items: center; }
    .wrapper-gate-page .gate-panel .rectangle {
      background-color: #9b9b9b;
      display: inline-block;
      height: 1px;
      line-height: 20px;
      vertical-align: super;
      width: 46%; }
    .wrapper-gate-page .gate-panel .row {
      margin: 0 0 0 0; }
  .wrapper-gate-page .msg.error,
  .wrapper-gate-page .msg.info {
    margin-bottom: 20px; }
  .wrapper-gate-page .orientation-declaration h1 {
    color: #f4f4f4; }
  .wrapper-gate-page .orientation-declaration .declaration {
    background-color: inherit; }
  .wrapper-gate-page .wider.gate-panel {
    max-width: 450px; }
  .wrapper-gate-page.inductee {
    background: #f4f4f4 !important;
    margin: inherit !important; }

.wrapper-gate-page-inductee {
  background: white;
  display: flex; }
  .wrapper-gate-page-inductee a {
    color: #9b9b9b; }
    .wrapper-gate-page-inductee a:hover {
      color: #f4f4f4; }
  .wrapper-gate-page-inductee button,
  .wrapper-gate-page-inductee input[type=button],
  .wrapper-gate-page-inductee input[type=submit] {
    display: block;
    margin: auto;
    margin-top: 4em;
    width: 11em; }
  .wrapper-gate-page-inductee .button.wider, .wrapper-gate-page-inductee .email-broadcast .wider.file-upload, .email-broadcast .wrapper-gate-page-inductee .wider.file-upload, .wrapper-gate-page-inductee .search-results .wider.button-large, .search-results .wrapper-gate-page-inductee .wider.button-large {
    width: 15em; }
    .wrapper-gate-page-inductee .button.wider.success, .wrapper-gate-page-inductee .email-broadcast .wider.success.file-upload, .email-broadcast .wrapper-gate-page-inductee .wider.success.file-upload, .wrapper-gate-page-inductee .search-results .wider.success.button-large, .search-results .wrapper-gate-page-inductee .wider.success.button-large {
      background-color: #59b04a;
      color: white;
      max-width: 100%; }
      .wrapper-gate-page-inductee .button.wider.success:hover, .wrapper-gate-page-inductee .email-broadcast .wider.success.file-upload:hover, .email-broadcast .wrapper-gate-page-inductee .wider.success.file-upload:hover, .wrapper-gate-page-inductee .search-results .wider.success.button-large:hover, .search-results .wrapper-gate-page-inductee .wider.success.button-large:hover {
        background-color: #448439; }
  .wrapper-gate-page-inductee .gate-panel {
    max-width: 320px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 96%; }
    .wrapper-gate-page-inductee .gate-panel h2 {
      color: black;
      margin-bottom: 1.25em; }
    .wrapper-gate-page-inductee .gate-panel h3 {
      color: black;
      margin-bottom: 1.25em; }
    .wrapper-gate-page-inductee .gate-panel h4 {
      color: black; }
    .wrapper-gate-page-inductee .gate-panel input[type=checkbox] + label,
    .wrapper-gate-page-inductee .gate-panel input[type=checkbox] + input[type=hidden] + label {
      margin-left: 0.4em;
      position: relative;
      top: -0.15em; }
      .wrapper-gate-page-inductee .gate-panel input[type=checkbox] + label.mvc-checkbox-label,
      .wrapper-gate-page-inductee .gate-panel input[type=checkbox] + input[type=hidden] + label.mvc-checkbox-label {
        margin-top: 0px; }
    .wrapper-gate-page-inductee .gate-panel label {
      color: black;
      margin-top: 2.5em; }
    .wrapper-gate-page-inductee .gate-panel p {
      color: black; }
    .wrapper-gate-page-inductee .gate-panel .btn-resend {
      height: 25px;
      margin: unset;
      padding-bottom: 5px;
      padding-top: 5px; }
    .wrapper-gate-page-inductee .gate-panel .button-bar {
      align-items: flex-end;
      justify-content: space-between; }
      .wrapper-gate-page-inductee .gate-panel .button-bar .already-registered {
        flex-grow: 2; }
    .wrapper-gate-page-inductee .gate-panel .company-name {
      margin-bottom: 10px;
      margin-top: 10px; }
    .wrapper-gate-page-inductee .gate-panel .company-prompt {
      margin-left: 18px;
      margin-top: 5px; }
    .wrapper-gate-page-inductee .gate-panel .confirm-button {
      margin-top: 5px;
      width: 100%; }
    .wrapper-gate-page-inductee .gate-panel .divider-label {
      margin-bottom: 20px;
      margin-top: 30px; }
    .wrapper-gate-page-inductee .gate-panel .empty-answer-error,
    .wrapper-gate-page-inductee .gate-panel .field-error {
      color: #e00040;
      margin-top: 2px; }
    .wrapper-gate-page-inductee .gate-panel .full-width {
      width: 100%; }
    .wrapper-gate-page-inductee .gate-panel .gate-logo {
      display: block;
      margin-bottom: 20px;
      max-width: 320px;
      width: 90%; }
    .wrapper-gate-page-inductee .gate-panel .memory-row {
      align-items: flex-start;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      .wrapper-gate-page-inductee .gate-panel .memory-row a,
      .wrapper-gate-page-inductee .gate-panel .memory-row input,
      .wrapper-gate-page-inductee .gate-panel .memory-row label {
        margin-top: 2.5em; }
    .wrapper-gate-page-inductee .gate-panel .msg h2, .wrapper-gate-page-inductee .gate-panel .msg p {
      color: black; }
    .wrapper-gate-page-inductee .gate-panel .sign-out-form {
      background-color: white;
      padding: 6px; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .company-section {
        background-color: #d1d3d4;
        color: #f4f4f4;
        line-height: 220px;
        padding: 10px 6px;
        text-align: center;
        text-transform: uppercase; }
        .wrapper-gate-page-inductee .gate-panel .sign-out-form .company-section table {
          padding: 20px 10px; }
          .wrapper-gate-page-inductee .gate-panel .sign-out-form .company-section table td {
            text-align: left; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .flex-container {
        display: flex; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .flex-child {
        flex: 1; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .flex-child:first-child {
        flex-grow: 2;
        text-align: left;
        padding-left: 12px; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .flex-child:last-child div {
        margin: 6px 10px;
        border-radius: 6px;
        background-color: gray; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .project-section {
        background-color: #59b04a;
        color: #f4f4f4;
        font-size: 16px;
        line-height: 50px;
        margin-bottom: 40px;
        text-align: center;
        text-transform: uppercase; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .sign-out-section {
        background-color: #94002a;
        border-radius: 4px;
        color: #f4f4f4;
        font-size: 16px;
        line-height: 40px;
        margin-top: 50px;
        width: 100%; }
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .driver-section,
      .wrapper-gate-page-inductee .gate-panel .sign-out-form .visitor-section {
        background-color: #aaaaaa;
        color: black;
        line-height: 40px;
        font-size: 16px;
        margin-bottom: 6px;
        align-items: center; }
    .wrapper-gate-page-inductee .gate-panel .rectangle {
      background-color: #9b9b9b;
      display: inline-block;
      height: 1px;
      line-height: 20px;
      vertical-align: super;
      width: 46%; }
    .wrapper-gate-page-inductee .gate-panel .row {
      margin: 0 0 0 0; }
  .wrapper-gate-page-inductee .msg.error,
  .wrapper-gate-page-inductee .msg.info {
    margin-bottom: 20px; }
  .wrapper-gate-page-inductee .orientation-declaration h1 {
    color: black; }
  .wrapper-gate-page-inductee .orientation-declaration .declaration {
    background-color: inherit; }
  .wrapper-gate-page-inductee .wider.gate-panel {
    max-width: 450px; }
  .wrapper-gate-page-inductee canvas {
    border: 1px solid #9b9b9b; }

.wrapper-inner {
  background: #fffffe;
  display: flex;
  padding: 25px 2.422%; }
  .wrapper-inner.wrapper-search {
    background: #f4f4f4; }

.wrapper-margin-bottom:not(.compact) {
  margin-bottom: 35px; }

.wrapper-margin-bottom.compact {
  margin-bottom: 25px; }

.wrapper-margin-top:not(.compact) {
  margin-top: 35px; }

.wrapper-margin-top.compact {
  margin-top: 25px; }

.wrapper-outer {
  background: #f4f4f4;
  border: 1px solid #e8e8e8;
  padding: 20px 1.793% 21px 1.793%; }
  .wrapper-outer.non-background {
    background: white;
    border: 0;
    padding: 12px 1.793%; }

.wrapper-pagination .pager-row, .pagination-container tr .pager-row {
  position: absolute;
  right: 0; }
  .wrapper-pagination .pager-row td, .pagination-container tr .pager-row td {
    height: auto;
    padding: 0; }

.wrapper-pagination tfoot .pager-row, .pagination-container tr tfoot .pager-row {
  bottom: auto;
  margin-top: 20px; }

.wrapper-pagination thead .pager-row, .pagination-container tr thead .pager-row {
  margin-top: -57px;
  top: auto; }

.wrapper-pagination thead .pager-row.small-margin-top, .pagination-container tr thead .pager-row.small-margin-top {
  margin-top: -37px;
  top: auto; }

.wrapper-stack {
  display: flex;
  flex-direction: column; }
  .wrapper-stack.compact > *:not(:last-child) {
    margin-bottom: 8px; }
  .wrapper-stack:not(.compact) > *:not(:last-child) {
    margin-bottom: 13px; }
  .wrapper-stack > div {
    align-items: center;
    display: flex; }
  .wrapper-stack * {
    flex: 1 1 100%; }
  .wrapper-stack input[type=text] {
    padding: 6px 8px 4px; }
  .wrapper-stack label {
    margin-bottom: 0; }

.activities-form {
  /* Public page specific styling */ }
  .activities-form .content-section {
    display: inline-block;
    margin-top: 2.5em;
    text-align: left;
    width: 280px; }
  .activities-form .date-time {
    background-color: white;
    border: 1px solid #d1d3d4;
    border-radius: 2px;
    height: 25px;
    width: 280px; }
  .activities-form .hidden {
    display: none; }
  .activities-form .in-out-container .in-out-icon {
    transition: filter 0.1s;
    align-items: center;
    border: 0;
    border-radius: 2px;
    display: flex;
    height: 125px;
    justify-content: center;
    text-transform: uppercase;
    background: #94002a;
    width: 100%;
    flex-grow: 1;
    flex-basis: 0;
    font-size: 26px;
    margin: 5px; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
    .activities-form .in-out-container .in-out-icon:link, .activities-form .in-out-container .in-out-icon:visited, .activities-form .in-out-container .in-out-icon:hover, .activities-form .in-out-container .in-out-icon:active {
      color: white;
      text-decoration: none; }
    .activities-form .in-out-container .in-out-icon:hover {
      filter: brightness(110%); }
    .activities-form .in-out-container .in-out-icon:active {
      animation: flash 1s; }
    .activities-form .in-out-container .in-out-icon[disabled] {
      opacity: 0.5; }
  .activities-form .inactive {
    color: #9b9b9b; }
  .activities-form input[type=button] {
    display: inline-block; }
  .activities-form input[type=submit] {
    display: inline-block; }
  .activities-form input[type=text] {
    width: 280px; }
    .activities-form input[type=text].warning-border {
      border-color: #e00040;
      border-width: 2px; }
  .activities-form label {
    text-align: left;
    white-space: pre-line; }
  .activities-form label.activities-form-radio {
    color: #000000 !important; }
  .activities-form li {
    text-align: left; }
  .activities-form.public {
    margin: auto;
    text-align: center; }
    .activities-form.public label {
      margin-top: 3em;
      margin-bottom: 1.5em;
      width: 280px; }
  .activities-form.inductee label {
    margin-top: 3em;
    margin-bottom: 1.5em;
    width: 280px; }
  @media only screen and (max-width: 600px) {
    .activities-form .content-section {
      font-size: 16px !important; }
    .activities-form .intro {
      font-size: 16px !important; }
    .activities-form .activities-form-label {
      font-size: 16px !important; }
    .activities-form label.activities-form-radio {
      width: 40%; } }

.company-logo {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 320px;
  min-width: 250px; }

.powered-by {
  width: 100px; }

.admin-backups #sas-warning {
  background-color: #fffcc8;
  border: 1px #fbee01 solid;
  border-radius: 2px;
  margin-bottom: 2em;
  margin-top: 1em;
  padding: 10px; }

.admin-custom-questions-create .nav-tabs {
  width: 30em; }

.admin-custom-questions-create th {
  width: 12em; }

.admin-feature-flags table.searchControls {
  width: 80%; }

.admin-integriti-access-group-doors .growable {
  height: auto; }

.admin-integriti-access-group-workers table.stripey tr:nth-child(even) td {
  background-color: #f4f4f4; }

.admin-integriti-access-group-workers .faded {
  filter: alpha(opacity=25);
  opacity: .25; }

.admin-integriti-sites-and-zones .inactive {
  filter: alpha(opacity=25);
  opacity: .25; }

.admin-user-details .details-box {
  min-width: 30%;
  margin: 10px; }

.admin-user-details .details-box h3 {
  margin-left: 10px;
  margin-bottom: 5px; }

.admin-user-details .load {
  min-height: 100px;
  background-color: whitesmoke;
  padding: 10px;
  cursor: pointer; }

.admin-user-details .details {
  min-height: 100px;
  padding: 10px;
  display: none;
  border: 1px solid whitesmoke; }

.account-settings .nav-tabs {
  flex-grow: 1; }

.api-tokens #example-title {
  cursor: pointer; }

.api-tokens .minimised {
  display: none; }

.asset-templates .pagination-gutter.top {
  margin-top: 18px; }

.booking-form {
  margin: auto;
  max-width: 900px !important;
  text-align: center; }

.company-compliance .header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  /* page links to far right */
  align-items: flex-end;
  /* New button to bottom */
  /* buttons on the top right */ }
  .company-compliance .header .links {
    width: 20em; }
    .company-compliance .header .links a {
      margin-top: 0.5em;
      /* space between the buttons */ }

.company-library .search-results {
  margin-top: 1em; }

.company-library .icon-x {
  text-decoration: none; }

.company-library .icon-x::before {
  font-size: 1em; }

.company-library a {
  text-decoration: none; }

.company-library .upload {
  margin-top: 4em;
  margin-bottom: 8em; }
  .company-library .upload .field-rows > div > span:first-of-type {
    width: 8em; }
  .company-library .upload .button, .company-library .upload .email-broadcast .file-upload, .email-broadcast .company-library .upload .file-upload, .company-library .upload .search-results .button-large, .search-results .company-library .upload .button-large {
    margin-bottom: 1em;
    margin-top: 1em; }

.company-library .modal-body table {
  width: 100%; }

.compliance-details .btn-3ds, .compliance-details .search-controls input[type=submit], .search-controls .compliance-details input[type=submit], .compliance-details
.search-controls button,
.search-controls .compliance-details button, .compliance-details .search-results .new-button-container input[type=submit], .search-results .new-button-container .compliance-details input[type=submit], .compliance-details
.search-results .new-button-container button,
.search-results .new-button-container .compliance-details button, .compliance-details .wrapper-stack input[type=submit], .wrapper-stack .compliance-details input[type=submit], .compliance-details .inductee .btn-logout, .inductee .compliance-details .btn-logout, .compliance-details .inductee .btn-orientation, .inductee .compliance-details .btn-orientation,
.compliance-details input[type='button'],
.compliance-details input[type='submit'] {
  width: 250px; }

.compliance-details input [type=checkbox] + label {
  border: dotted; }

.compliance-details .wrapper-inner {
  background-color: #ffbace; }

.compliance-expiry .push-right {
  margin-left: auto;
  text-align: right; }
  .compliance-expiry .push-right select {
    width: 150px; }

.contractors .chosen-container {
  flex: 1 1 100%; }

.contractors .divider {
  margin: 35px 0; }

.contractors .filter-column input, .contractors .filter-column select {
  flex: 1 1 100%;
  padding-left: 8px; }

.contractors .filter-column td {
  align-items: center;
  padding-right: 0;
  white-space: nowrap; }
  .contractors .filter-column td:first-child {
    padding: 6px 11.253% 6px 0; }

#CustomQuestionsForm textarea {
  height: unset; }

.daily-safety-coordinator-report .icon-sort-direction {
  float: right; }

.document-expiry-report .pagination-gutter.bottom {
  margin-bottom: 0; }

.document-expiry-report .pagination-gutter.top {
  margin-top: 36px; }

.document-expiry-report .second-row {
  flex-basis: 100%;
  order: 3; }

.document-expiry-report .second-row-table {
  min-width: 400px;
  width: 95%; }
  .document-expiry-report .second-row-table td {
    min-width: 300px;
    width: 80%; }
  .document-expiry-report .second-row-table th {
    min-width: 100px;
    width: 20%; }

.entries-exits-report .avg-worker-hours-disclaimer {
  position: absolute;
  right: 1%;
  top: 6px; }

.entries-exits-report .btn-filter {
  margin-top: auto; }

.entries-exits-report .btn-send-safety-check-to-all {
  margin: 25px 0;
  width: auto; }

.entries-exits-report .doors tbody {
  display: flex;
  flex-direction: column; }

.entries-exits-report .doors td {
  padding: 5px 0; }

.entries-exits-report .search-controls .button-column {
  flex-grow: 1;
  justify-content: initial; }
  .entries-exits-report .search-controls .button-column td, .entries-exits-report .search-controls .button-column td span {
    display: flex; }
  .entries-exits-report .search-controls .button-column .tickbox-list {
    margin-bottom: 7px; }
    .entries-exits-report .search-controls .button-column .tickbox-list input[type=radio] {
      top: 0; }
    .entries-exits-report .search-controls .button-column .tickbox-list label {
      margin: 0; }
    .entries-exits-report .search-controls .button-column .tickbox-list td {
      align-items: center; }

.entries-exits-report .search-controls .chosen-container {
  border: 0; }

.entries-exits-report .search-controls .compact {
  width: 50%; }

.entries-exits-report .search-controls .project-report-preview {
  /* Revert base style's -ve margin */
  margin-top: 0; }

.entries-exits-report #tab-by-company {
  position: relative; }

.entries-exits-report .tab-content {
  flex-grow: 1; }

.entries-exits-report .total {
  margin-top: 25px; }

.environment-form h1 {
  margin-bottom: 15px; }

.environment-form input.red-border, .environment-form select.red-border {
  border: 2px solid #e00040; }

.environment-form input.orange-border, .environment-form select.orange-border {
  border: 2px solid #ff6a00; }

.environment-form input[type=text] {
  max-width: 200px;
  min-width: 70px;
  padding: 6px;
  width: 100%; }

.environment-form select.small-size {
  min-width: 50px; }

.environment-form select.medium-size {
  min-width: 92px; }

.environment-form .search-controls th, .environment-form .search-controls td {
  vertical-align: middle; }

.environment-form .search-controls th {
  padding-bottom: 10px; }

.environment-form .status-banner input[type=checkbox] {
  margin: 0 0 0 12px; }

.environment-form textarea {
  min-width: 160px;
  resize: vertical;
  width: 100%; }

@media print {
  .environment-form thead {
    display: table-row-group; }
  .environment-form .wrapper-scroll {
    overflow-x: visible; } }

@media print {
  .environment-report #StaticFooter {
    display: none !important;
    /* !important necessary, to override inline-level "display:block" on legacy footer, which should have been designed to only use class-level styles in the first place */ } }

.environment-report .status-banner input[type=checkbox] {
  margin: 0 0 0 12px; }

.environment-report.fuel .joined-table {
  height: 0px;
  visibility: collapse; }

.environment-report.fuel .total {
  font-weight: bold; }

.environment-report.fuel .total-worked,
.environment-report.fuel .total-consumed,
.environment-report.fuel .total-total {
  font-weight: bold; }

@media print {
  .environment-report.waste table, .environment-report.water table {
    page-break-inside: auto; }
  .environment-report.waste tr, .environment-report.water tr {
    page-break-inside: avoid;
    page-break-after: auto; } }

.environment-report.waste .total-amount,
.environment-report.waste .total-cubic-metres,
.environment-report.waste .total-tonnes, .environment-report.water .total-amount,
.environment-report.water .total-cubic-metres,
.environment-report.water .total-tonnes {
  font-weight: bold; }

.environment-report.waste table.newgrid, .environment-report.water table.newgrid {
  margin-bottom: 25px; }
  .environment-report.waste table.newgrid th, .environment-report.waste table.newgrid td, .environment-report.water table.newgrid th, .environment-report.water table.newgrid td {
    max-width: 150px; }
  .environment-report.waste table.newgrid th.col-10, .environment-report.water table.newgrid th.col-10 {
    width: 10%; }
  .environment-report.waste table.newgrid th.col-15, .environment-report.water table.newgrid th.col-15 {
    width: 15%; }
  .environment-report.waste table.newgrid input[type="text"],
  .environment-report.waste table.newgrid select,
  .environment-report.waste table.newgrid textarea, .environment-report.water table.newgrid input[type="text"],
  .environment-report.water table.newgrid select,
  .environment-report.water table.newgrid textarea {
    font-size: 11pt;
    height: 100%;
    margin: 0; }

.fatigue-report .nav-tabs {
  flex-grow: 1; }

.fatigue-report .pager-row {
  margin-right: 4.2%; }

.fatigue-report .tab-content {
  width: 100%; }

.fatigue-report .wrapper-pagination.bottom .pager-row, .fatigue-report .pagination-container tr.bottom .pager-row, .pagination-container .fatigue-report tr.bottom .pager-row {
  margin-top: 5px; }

.fatigue-rules .action-item-container {
  max-width: 360px;
  padding-top: 6px;
  padding-bottom: 0px;
  display: flex;
  justify-content: space-between; }

.fatigue-rules .action-item {
  width: 20px;
  margin-right: 6px; }

.fatigue-rules .action-summary {
  flex-grow: 4; }

.fatigue-rules .link-action,
.fatigue-rules .link-rule {
  flex: 1;
  padding-bottom: 20px;
  padding-top: 10px; }

.fatigue-rules .link-action-container,
.fatigue-rules .link-rule-container {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  width: 80%; }

.fatigue-rules .msg {
  width: 50%; }

.fatigue-rules .section-rule-edit {
  width: 50%; }

.fatigue-rules input[type="text"],
.fatigue-rules input[type="number"],
.fatigue-rules select {
  height: 30px;
  max-width: 360px;
  padding-left: 10px; }

.fatigue-rules table.first-td-wider tbody tr td:first-child {
  width: 40%; }

.fatigue-report .rule-check-list {
  margin-top: 40px; }
  .fatigue-report .rule-check-list > div {
    padding-bottom: 14px; }
    .fatigue-report .rule-check-list > div > label {
      font-weight: normal; }

.gate-report .avg-worker-hours-disclaimer {
  position: absolute;
  right: 1%;
  top: 6px; }

.gate-report .btn-filter {
  margin-top: auto; }

.gate-report .btn-send-safety-check-to-all {
  margin: 25px 0;
  width: auto; }

.gate-report .doors tbody {
  display: flex;
  flex-direction: column; }

.gate-report .doors td {
  padding: 5px 0; }

.gate-report .search-controls .button-column {
  flex-grow: 1;
  justify-content: initial; }
  .gate-report .search-controls .button-column td, .gate-report .search-controls .button-column td span {
    display: flex; }
  .gate-report .search-controls .button-column .tickbox-list {
    margin-bottom: 7px; }
    .gate-report .search-controls .button-column .tickbox-list input[type=radio] {
      top: 0; }
    .gate-report .search-controls .button-column .tickbox-list label {
      margin: 0; }
    .gate-report .search-controls .button-column .tickbox-list td {
      align-items: center; }

.gate-report .search-controls .chosen-container {
  border: 0; }

.gate-report .search-controls .compact {
  width: 50%; }

.gate-report #tab-by-company {
  position: relative; }

.gate-report .tab-content {
  flex-grow: 1; }

.gate-report .total {
  margin-top: 25px; }

.global-list-editor {
  /* Training Course list */ }
  .global-list-editor .table-base.training .item-text {
    width: 20%; }
  .global-list-editor .table-base.training.edit .item-text {
    width: 15%; }
  .global-list-editor .table-base.training .stack-buttons {
    justify-content: space-between; }
    .global-list-editor .table-base.training .stack-buttons input[type=submit] {
      width: unset;
      margin-right: 0; }
  .global-list-editor .table-base.training input[type=text].days-valid,
  .global-list-editor .table-base.training input[type=text].course-duration,
  .global-list-editor .table-base.training input[type=text].course-cost {
    width: 6em; }
  .global-list-editor .table-base.training input[type=file] {
    display: inline-block; }

.home-landing .btn-go-to-entity {
  flex: 0 0 30.976%;
  margin-right: 4.35%; }

.home-landing .container-principals {
  margin-top: 15px; }

.home-landing .ddl-company, .home-landing ddl-enterprise-company {
  width: auto; }

.home-landing .form-control {
  width: auto; }

.home-landing h1 .icon:hover {
  color: #e00040; }

.home-landing .plant {
  margin-bottom: 14px; }

.home-landing .principals {
  margin-bottom: 20px;
  margin-top: 20px; }
  .home-landing .principals a:hover {
    color: #e00040; }

.home-landing .projects-filter {
  display: flex;
  height: 40px; }

.home-landing .search-button {
  flex: 1 0 27.65%; }

.home-landing .search-panel {
  flex: 1 0 100%;
  padding: 0 1.566% 0 0; }

.home-landing .text-title {
  width: 15%; }

.home-landing .welcome {
  margin: 16px 0 26px; }

.home-landing .wrapper-inner {
  padding-bottom: 0;
  padding-top: 0; }

.home-landing .wrapper-search {
  display: flex; }

.home-reports {
  margin-top: 35px; }
  .home-reports .column {
    flex: 1 0 0; }
    .home-reports .column ul {
      list-style-position: inside;
      padding-left: 0; }
      .home-reports .column ul:not(.compact) {
        line-height: 266.667%; }
      .home-reports .column ul.compact {
        line-height: 228.571%; }
  .home-reports .date {
    margin-bottom: 17px; }
  .home-reports .flex-center {
    flex-direction: column; }
  .home-reports .link-go-to-report {
    margin: 0 auto; }
  .home-reports .tab-content {
    flex: 2 0 0; }
  .home-reports .tab-pane.active {
    display: flex; }
  .home-reports .wrapper-company h1 {
    margin-bottom: 10px; }

.inductee {
  /*
        Override form component's width
    */ }
  .inductee h2 {
    text-transform: uppercase; }
  .inductee .btn-logout {
    float: right;
    width: 153px; }
  .inductee .btn-orientation {
    margin: 0 auto;
    max-width: 250px; }
  .inductee .my-audit-cell {
    display: none; }
  .inductee .review-cell {
    visibility: hidden; }
  .inductee .form-row > span:first-of-type,
  .inductee .form-row > label:first-of-type {
    max-width: 700px;
    width: 100%; }

.item-details tr#additionalDocumentsRow > td {
  padding-top: 26px; }
  .item-details tr#additionalDocumentsRow > td > div {
    padding-bottom: 0; }

.item-details #documentInfoPopup {
  background-color: #f2f2f2;
  border: 1px solid #cecece;
  position: absolute;
  padding: 6px 5px;
  text-align: left;
  max-width: 500px;
  z-index: 4; }
  .item-details #documentInfoPopup .doc-info-header {
    margin: 0.5em; }
  .item-details #documentInfoPopup > table {
    margin-top: 0.5em; }
    .item-details #documentInfoPopup > table td,
    .item-details #documentInfoPopup > table th,
    .item-details #documentInfoPopup > table td span,
    .item-details #documentInfoPopup > table th span {
      border: none;
      height: 1.5em;
      vertical-align: top; }
    .item-details #documentInfoPopup > table td {
      white-space: normal; }
    .item-details #documentInfoPopup > table tr.uploader_row {
      font-size: 0.9em;
      font-style: italic;
      padding-top: 5px; }

.item-details #mandatoryDocumentsTable td, .item-details #mandatoryDocumentsTable th {
  padding: 0.5em 0.1em;
  vertical-align: middle; }

.item-details #mandatoryDocumentsTable td.plantIconCell {
  width: 16px; }

.item-details #SiteChangeAccess {
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 7px 9px 7px -4px rgba(136, 136, 136, 0.79);
  -webkit-box-shadow: 7px 9px 7px -4px rgba(136, 136, 136, 0.79);
  box-shadow: 7px 9px 7px -4px rgba(136, 136, 136, 0.79);
  font-size: 14px;
  left: 50%;
  margin-left: -37.5%;
  overflow-y: scroll;
  padding: 20px 10px;
  position: fixed;
  top: 10px;
  width: 75%;
  z-index: 999; }

.item-details #SiteChangeAccess table {
  margin: 0 auto; }

.item-details #SiteChangeAccess td {
  line-height: 50px; }

.item-details #uploadFormRow > td {
  padding-top: 26px; }
  .item-details #uploadFormRow > td > div {
    padding-bottom: 15px; }

.item-details #uploadFormRow #card-crop-container, .item-details #uploadFormRow #card-crop-container-back {
  height: 400px;
  width: 550px; }

.item-details #uploadFormRow #card-crop-container-back {
  margin-left: 60px; }

.item-details #uploadFormRow #card-crop-container img, .item-details #uploadFormRow #card-crop-container-back img {
  max-width: 100%; }

.manage-company .company-details .map {
  height: 100%;
  width: 400px; }

.manage-company .company-details input {
  font-size: 12px;
  width: 100%; }

.manage-company .approval-selected-documents input {
  margin: 0; }

.manage-company .button-column .btn-3ds, .manage-company .button-column .search-controls input[type=submit], .search-controls .manage-company .button-column input[type=submit], .manage-company .button-column
.search-controls button,
.search-controls .manage-company .button-column button, .manage-company .button-column .search-results .new-button-container input[type=submit], .search-results .new-button-container .manage-company .button-column input[type=submit], .manage-company .button-column
.search-results .new-button-container button,
.search-results .new-button-container .manage-company .button-column button, .manage-company .button-column .wrapper-stack input[type=submit], .wrapper-stack .manage-company .button-column input[type=submit], .manage-company .button-column .inductee .btn-logout, .inductee .manage-company .button-column .btn-logout, .manage-company .button-column .inductee .btn-orientation, .inductee .manage-company .button-column .btn-orientation {
  margin-bottom: 2em;
  min-width: 180px; }

.manage-company .button-row {
  display: flex;
  flex-direction: row; }
  .manage-company .button-row .btn-3ds:first-of-type, .manage-company .button-row .search-controls input[type=submit]:first-of-type, .manage-company .button-row
  .search-controls button:first-of-type, .manage-company .search-controls .button-row input[type=submit]:first-of-type, .search-controls .manage-company .button-row input[type=submit]:first-of-type, .manage-company
  .search-controls .button-row button:first-of-type,
  .search-controls .manage-company .button-row button:first-of-type, .manage-company .button-row .search-results .new-button-container input[type=submit]:first-of-type, .search-results .new-button-container .manage-company .button-row input[type=submit]:first-of-type, .manage-company .button-row
  .search-results .new-button-container button:first-of-type,
  .search-results .new-button-container .manage-company .button-row button:first-of-type, .manage-company .button-row .wrapper-stack input[type=submit]:first-of-type, .wrapper-stack .manage-company .button-row input[type=submit]:first-of-type, .manage-company .button-row .inductee .btn-logout:first-of-type, .inductee .manage-company .button-row .btn-logout:first-of-type, .manage-company .button-row .inductee .btn-orientation:first-of-type, .inductee .manage-company .button-row .btn-orientation:first-of-type {
    margin-right: 2em; }
  .manage-company .button-row .btn-offset {
    margin-left: 2em; }

.manage-company .tab-content > .tab-pane {
  padding-top: 24px; }

.manage-company .shortcuts {
  width: 90px; }

.manage-company .td10 {
  width: 10%; }

.manage-company .td20 {
  width: 20%; }

.manage-company .td50 {
  width: 50%; }

.manage-company .td80 {
  width: 80%; }

.manage-company .td90 {
  width: 90%; }

.manage-company ul.chosen-choices {
  width: 100%; }

.modules-reminders table {
  min-width: 500px; }
  .modules-reminders table td:first-child {
    width: 50%; }
    .modules-reminders table td:first-child > input {
      max-width: 150px; }
  .modules-reminders table td:last-child > input, .modules-reminders table td:last-child select {
    width: 90%; }

.open-source-attribution .library-name {
  font-weight: bold; }

.open-source-attribution .license {
  margin-top: 2em; }
  .open-source-attribution .license div {
    width: 60%;
    background-color: #eee;
    padding: 15px;
    font-family: monospace;
    white-space: pre-wrap; }

.orientation-report .search-results-summary {
  margin: 0; }

.pass-form {
  margin: auto;
  text-align: center; }
  .pass-form .apple img {
    width: 169px; }
  .pass-form .content-section {
    display: inline-block;
    margin-top: 2.5em;
    text-align: left;
    width: 280px; }
  .pass-form .download-buttons > div {
    margin: 20px auto 20px auto; }
  .pass-form .gate-logo {
    margin: 0 auto 20px auto; }
  .pass-form .hidden {
    display: none; }
  .pass-form .in-out-container .in-out-icon {
    transition: filter 0.1s;
    align-items: center;
    border: 0;
    border-radius: 2px;
    display: flex;
    height: 125px;
    justify-content: center;
    text-transform: uppercase;
    background: #94002a;
    width: 100%;
    flex-basis: 0;
    flex-grow: 1;
    font-size: 26px;
    margin: 5px; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
    .pass-form .in-out-container .in-out-icon:link, .pass-form .in-out-container .in-out-icon:visited, .pass-form .in-out-container .in-out-icon:hover, .pass-form .in-out-container .in-out-icon:active {
      color: white;
      text-decoration: none; }
    .pass-form .in-out-container .in-out-icon:hover {
      filter: brightness(110%); }
    .pass-form .in-out-container .in-out-icon:active {
      animation: flash 1s; }
    .pass-form .in-out-container .in-out-icon[disabled] {
      opacity: 0.5; }
  .pass-form .inactive {
    color: #9b9b9b; }
  .pass-form .preview {
    background-color: #9B9B9B;
    border: solid 1px black;
    border-radius: 10px;
    color: white;
    display: flex;
    flex-direction: column;
    margin: auto;
    overflow: hidden;
    text-shadow: 0px 2px 3px black; }
    .pass-form .preview .name-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      max-height: 100px; }
      .pass-form .preview .name-container .worker-name {
        align-self: center;
        flex-grow: 1;
        font-size: 2em; }
      .pass-form .preview .name-container .worker-photo {
        flex-grow: 0;
        flex-shrink: 0;
        max-height: 100px;
        width: auto; }
    .pass-form .preview .preview-field {
      align-items: flex-start;
      display: flex;
      flex-direction: column;
      margin: 1em; }
      .pass-form .preview .preview-field .preview-label {
        display: block;
        font-size: 0.8em;
        text-transform: uppercase; }
    .pass-form .preview .worker-qr {
      height: 150px;
      margin: 2em auto;
      width: 150px; }
  .pass-form input[type=button] {
    display: inline-block; }
  .pass-form input[type=submit] {
    display: inline-block; }
  .pass-form input[type=text] {
    width: 280px; }
  .pass-form label {
    margin-bottom: 1.5em;
    margin-top: 3em;
    text-align: left;
    white-space: pre-line;
    width: 280px; }
  .pass-form li {
    text-align: left; }
  @media only screen and (max-width: 600px) {
    .pass-form .content-section {
      font-size: 16px !important; }
    .pass-form .intro {
      font-size: 16px !important; }
    .pass-form .activities-form-label {
      font-size: 16px !important; }
    .pass-form label.activities-form-radio {
      width: 40%; } }

.company-logo {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  max-width: 320px;
  min-width: 250px; }

.powered-by {
  width: 100px; }

.people {
  /* courtesy of https://stackoverflow.com/questions/13014808/is-there-anyway-to-animate-an-ellipsis-with-css-animations */ }
  .people .loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px; }
  .people .access-container {
    display: flex; }
  .people .access-item {
    flex-grow: 1; }
    .people .access-item ul {
      list-style: none;
      padding-left: 28px; }
  .people #notify-inductees-button {
    height: 25px; }

@keyframes ellipsis {
  to {
    width: 20px; } }

@-webkit-keyframes ellipsis {
  to {
    width: 20px; } }

.permissions-manager .create-user-label {
  margin-bottom: 6px; }

.permissions-manager .create-user-table {
  width: 100%; }
  .permissions-manager .create-user-table tr td {
    padding: 0 5px 0 5px;
    vertical-align: top; }

.permissions-manager .chosen-choices {
  list-style-type: none; }

.permissions-manager .modal-dialog {
  width: 800px; }

.permissions-manager .nav-tabs {
  flex-grow: 1; }

.permissions-manager .permission-name {
  width: 20%; }

.permissions-manager .shortcuts {
  display: inline-block;
  float: right;
  width: 10%; }

.permissions-manager .staff-documents-list {
  min-height: 25vh; }

.permissions-manager .tab-content {
  padding-top: 35px; }

.permissions-manager .total:not(.compact) {
  width: 30%; }

.permissions-manager .total.compact {
  width: 10%; }

.permissions-manager .users {
  display: inline-block;
  width: 90%; }

.permissions-manager .users-with-permission {
  width: 80%; }

.permissions-manager .users-with-permission-2-col {
  width: 40%; }

.roles-form table {
  width: 100%; }
  .roles-form table th {
    width: 30%; }
  .roles-form table td input {
    width: 100%; }
  .roles-form table td textarea {
    width: 100%;
    height: 4em; }

#delete-role-icon {
  float: right;
  cursor: pointer; }

#roles-permission table td .users-icon {
  float: right;
  margin-right: 1em; }

.photo-report .filter-header {
  background-color: #94002a;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
  width: 11.1%; }
  .photo-report .filter-header.selected {
    background: gray; }
  .photo-report .filter-header label {
    margin-bottom: 0px; }

.photo-report .filter-icon {
  float: right; }

.photo-report .thumbnail-container {
  display: flex;
  flex-direction: column; }
  .photo-report .thumbnail-container img.lazy {
    background: url(../../images/loading-square.jpg) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 200px;
    margin: 2px;
    object-fit: fill;
    width: 200px;
    transition: transform 0.25s ease; }
  .photo-report .thumbnail-container .pagination {
    margin-top: 20px;
    place-content: center;
    width: 100%; }
    .photo-report .thumbnail-container .pagination li {
      padding: 0; }
      .photo-report .thumbnail-container .pagination li.active a {
        background-color: #94002a;
        border-color: #94002a;
        color: white; }
      .photo-report .thumbnail-container .pagination li.disabled a {
        padding: 6px 12px; }

.thumbnail-caption {
  display: inline-block;
  max-width: 80%; }
  .thumbnail-caption.download {
    float: right; }
    .thumbnail-caption.download a {
      color: #ccc; }
      .thumbnail-caption.download a:hover {
        color: white; }

.view-selector {
  padding-top: 1em;
  position: absolute;
  /* layout-content-body margin */
  right: calc(1em + 45px);
  z-index: 1; }
  .view-selector .view-tabs {
    list-style-type: none;
    padding: 0; }
    .view-selector .view-tabs li a {
      background-color: #94002a;
      border: 1px solid #94002a;
      border-radius: 30px;
      color: white;
      display: inline-block;
      height: 60px;
      padding-top: 13px;
      text-align: center;
      width: 60px; }
    .view-selector .view-tabs li.active {
      display: none; }
    .view-selector .view-tabs li:not(.active) {
      display: block; }

.thumbnail-map #map {
  height: calc(100vh - 200px);
  width: 100%; }

.map-cluster-window {
  max-height: 450px; }

.map-info-window .map-thumbnail {
  height: auto;
  max-height: 300px;
  max-width: 300px;
  padding-bottom: 0.5em; }

.map-info-window .download {
  float: right; }
  .map-info-window .download a {
    color: #ccc; }
    .map-info-window .download a:hover {
      color: #94002a; }

.plant-condition-details .photo {
  text-decoration: none; }
  .plant-condition-details .photo img {
    background: url(../../images/loading-square.jpg) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 200px;
    object-fit: cover;
    width: 200px; }

.plant-condition-details .signature {
  display: inline-block;
  padding: 10px; }
  .plant-condition-details .signature img {
    width: 200px; }

.plant-details .none-padding-left {
  padding-left: 0 !important; }

.plant-details .padding-top-4 {
  padding-top: 4px; }

.plant-details input.inline-button {
  display: inline;
  width: 43px; }

.plant-details input[type='file'],
.plant-details input[type='file'] + input {
  background-color: transparent;
  display: inline-block;
  font-family: "Roboto";
  font-size: 12px;
  padding-top: 6px; }

.plant-details ::-webkit-file-upload-button {
  -webkit-appearance: none;
  background-color: #40383b;
  border: 1px solid gray;
  border-radius: 2px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Roboto";
  font-size: 8px;
  padding: 6px 12px;
  text-transform: uppercase;
  width: 111px; }

.plant-details ::-ms-browse {
  background-color: #00b7cd;
  border: 1px solid gray;
  font-size: 15px;
  padding: 8px; }

.plant-details input[type='file']::-ms-value {
  border: none; }

.plant-details span > i {
  margin-left: -6px; }

.plant-details span.pressable {
  cursor: pointer;
  text-decoration: underline; }

.plant-details .background-3ds {
  background: #f4f4f4;
  border-left: 1px solid white;
  vertical-align: middle; }

.plant-details .cursor-pointer {
  cursor: pointer; }

.plant-details .image-min-width {
  min-width: 400px; }

.plant-details img.profile {
  border: solid 1px #e8e8e8;
  height: 198px;
  width: 148px; }

.plant-details .div-inside-td {
  margin-left: 0px;
  margin-right: 0px; }
  .plant-details .div-inside-td > div > table.inside-table {
    width: 100%; }

.plant-details .margin-top-10 {
  margin-top: 10px !important; }

.plant-details .mass-option-row div {
  margin-right: 10px;
  min-width: 60px;
  text-align: end; }
  .plant-details .mass-option-row div span.unit {
    color: #aaaaaa;
    margin-left: 6px; }

.plant-details .padding-bottom-10 {
  padding-bottom: 10px !important; }

.plant-details .padding-bottom-16 {
  padding-bottom: 16px !important; }

.plant-details .padding-left-6 {
  padding-left: 6px !important; }

.plant-details .padding-left-10 {
  padding-left: 10px !important; }

.plant-details .padding-top-10 {
  padding-top: 10px !important; }

.plant-details .section-min-height {
  margin-left: 0px !important;
  min-height: 77px; }
  .plant-details .section-min-height > div {
    padding-left: 20px;
    padding-top: 26px; }

.plant-details .size-one-in-five {
  width: 20%; }

.plant-details .size-quarter {
  width: 25%; }

.plant-item input.mass-amount-tonnes,
.plant-item input.mass-amount-tonnes-pbs,
.plant-item input.mass-amount-tonnes-hml {
  font-size: 11px;
  width: 300px;
  text-indent: 0.6em; }
  .plant-item input.mass-amount-tonnes.error,
  .plant-item input.mass-amount-tonnes-pbs.error,
  .plant-item input.mass-amount-tonnes-hml.error {
    border: 1px solid #e00040; }

.plant-item .field-rows .required-field-row label:first-child {
  min-width: 270px; }

.principal-pre-start {
  width: 50%; }
  .principal-pre-start .list {
    list-style: decimal inside;
    font-size: 16px;
    padding: 0 20px 0 0;
    width: 100%; }
    .principal-pre-start .list li, .principal-pre-start .list.documents {
      padding-bottom: 5px;
      margin-bottom: 7px; }
    .principal-pre-start .list.documents a {
      font-weight: normal;
      text-decoration: none; }
      .principal-pre-start .list.documents a.download {
        color: black; }
  .principal-pre-start li.no-style {
    list-style-type: none;
    padding-left: 15px;
    color: #9b9b9b; }
  .principal-pre-start li.weather-item {
    list-style-type: none;
    padding-left: 15px; }
  .principal-pre-start .delete {
    float: right;
    color: red;
    margin-right: 10px;
    cursor: pointer; }
  .principal-pre-start .textBox {
    width: 90%; }
  .principal-pre-start .upload-button label {
    width: 20em; }
  .principal-pre-start .stack-buttons {
    margin-top: 20px; }
  .principal-pre-start .search-field input {
    display: none !important; }
  .principal-pre-start .search-choice {
    padding: 3px 6px 3px 5px !important; }
  .principal-pre-start .search-choice a {
    display: none !important; }
  .principal-pre-start .chosen-drop {
    display: none !important; }
  .principal-pre-start .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 0px; }

.process .wrapper-buttons {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  width: 300px; }
  .process .wrapper-buttons > .btn-3ds, .process .search-controls .wrapper-buttons > input[type=submit], .search-controls .process .wrapper-buttons > input[type=submit], .process
  .search-controls .wrapper-buttons > button,
  .search-controls .process .wrapper-buttons > button, .process .search-controls .button-row .wrapper-buttons > input[type=submit], .process
  .search-controls .button-row .wrapper-buttons > button, .process .search-results .new-button-container .wrapper-buttons > input[type=submit], .search-results .new-button-container .process .wrapper-buttons > input[type=submit], .process
  .search-results .new-button-container .wrapper-buttons > button,
  .search-results .new-button-container .process .wrapper-buttons > button, .process .wrapper-stack .wrapper-buttons > input[type=submit], .wrapper-stack .process .wrapper-buttons > input[type=submit], .process .inductee .wrapper-buttons > .btn-logout, .inductee .process .wrapper-buttons > .btn-logout, .process .inductee .wrapper-buttons > .btn-orientation, .inductee .process .wrapper-buttons > .btn-orientation {
    margin-bottom: 8px; }
  .process .wrapper-buttons > .btn-3ds.large-button, .process .search-controls .wrapper-buttons > input.large-button[type=submit], .search-controls .process .wrapper-buttons > input.large-button[type=submit], .process
  .search-controls .wrapper-buttons > button.large-button,
  .search-controls .process .wrapper-buttons > button.large-button, .process .search-controls .button-row .wrapper-buttons > input.large-button[type=submit], .process
  .search-controls .button-row .wrapper-buttons > button.large-button, .process .search-results .new-button-container .wrapper-buttons > input.large-button[type=submit], .search-results .new-button-container .process .wrapper-buttons > input.large-button[type=submit], .process
  .search-results .new-button-container .wrapper-buttons > button.large-button,
  .search-results .new-button-container .process .wrapper-buttons > button.large-button, .process .wrapper-stack .wrapper-buttons > input.large-button[type=submit], .wrapper-stack .process .wrapper-buttons > input.large-button[type=submit], .process .inductee .wrapper-buttons > .large-button.btn-logout, .inductee .process .wrapper-buttons > .large-button.btn-logout, .process .inductee .wrapper-buttons > .large-button.btn-orientation, .inductee .process .wrapper-buttons > .large-button.btn-orientation {
    margin-bottom: 8px;
    max-width: 300px; }
  .process .wrapper-buttons > .btn-3ds:last-child, .process .search-controls .wrapper-buttons > input[type=submit]:last-child, .search-controls .process .wrapper-buttons > input[type=submit]:last-child, .process
  .search-controls .wrapper-buttons > button:last-child,
  .search-controls .process .wrapper-buttons > button:last-child, .process .search-controls .button-row .wrapper-buttons > input[type=submit]:last-child, .process
  .search-controls .button-row .wrapper-buttons > button:last-child, .process .search-results .new-button-container .wrapper-buttons > input[type=submit]:last-child, .search-results .new-button-container .process .wrapper-buttons > input[type=submit]:last-child, .process
  .search-results .new-button-container .wrapper-buttons > button:last-child,
  .search-results .new-button-container .process .wrapper-buttons > button:last-child, .process .wrapper-stack .wrapper-buttons > input[type=submit]:last-child, .wrapper-stack .process .wrapper-buttons > input[type=submit]:last-child, .process .inductee .wrapper-buttons > .btn-logout:last-child, .inductee .process .wrapper-buttons > .btn-logout:last-child, .process .inductee .wrapper-buttons > .btn-orientation:last-child, .inductee .process .wrapper-buttons > .btn-orientation:last-child {
    margin-bottom: 0px; }

.process .form-column {
  display: flex;
  flex-direction: column; }
  .process .form-column textarea {
    min-height: 75px;
    min-width: 700px;
    padding-bottom: 10px; }

.process .form-row input[type=password] {
  width: 300px; }

.process .header-title {
  margin-bottom: 40px;
  padding-bottom: 40px; }

.process .map {
  height: 100%;
  width: 400px; }

.process .offset-anchor {
  padding-left: 37px; }
  .process .offset-anchor a {
    text-decoration-line: none; }

.process .push-right {
  margin-left: auto;
  text-align: right; }

.process table {
  border: none;
  padding: 0px;
  width: 100%; }
  .process table tr {
    display: table-row; }
    .process table tr > th {
      background-color: #fffffe;
      font-weight: bold;
      height: 28px;
      padding-bottom: 0.2em;
      padding-left: 0;
      width: 170px; }
    .process table tr > td {
      height: 28px;
      padding-bottom: 0.2em; }
  .process table tr:hover {
    background: none; }

.project-broadcast .create-button {
  margin-left: auto; }

.project-broadcast .icon {
  font-size: 11.7px;
  margin-left: 0;
  vertical-align: middle; }

.project-broadcast .email-container, .project-broadcast .app-container {
  background: none;
  border: none;
  display: flex;
  margin-bottom: 2em;
  width: 100%; }
  .project-broadcast .email-container #attachment-upload, .project-broadcast .app-container #attachment-upload {
    margin-top: 8px; }
  .project-broadcast .email-container .details .content, .project-broadcast .app-container .details .content {
    height: 250px;
    resize: vertical;
    width: 750px; }
  .project-broadcast .email-container .details .name, .project-broadcast .app-container .details .name {
    width: 750px; }
  .project-broadcast .email-container .details .recipients, .project-broadcast .app-container .details .recipients {
    width: 750px; }
  .project-broadcast .email-container .details .schedule-date, .project-broadcast .app-container .details .schedule-date {
    width: 500px; }
  .project-broadcast .email-container .details .schedule-time, .project-broadcast .app-container .details .schedule-time {
    width: 250px; }

.project-broadcast .loading {
  margin: 8px; }

.project-broadcast .recipients {
  align-content: flex-start;
  border: 1px solid #d1d3d4;
  border-radius: 2px;
  color: #40383b;
  cursor: text;
  display: flex;
  flex-flow: wrap;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 500;
  height: 100px;
  letter-spacing: 0.24px;
  line-height: 1.36;
  overflow-y: auto;
  padding: 2px;
  resize: vertical; }
  .project-broadcast .recipients .input {
    border: none;
    display: inline-block;
    flex-grow: 1;
    overflow: hidden;
    resize: none; }
    .project-broadcast .recipients .input:focus {
      outline: none; }
  .project-broadcast .recipients .option {
    background-color: whitesmoke;
    border-radius: 4px;
    display: flex;
    flex: none;
    margin: 2px; }
    .project-broadcast .recipients .option.bad-input {
      background-color: #ffbace; }
    .project-broadcast .recipients .option .text {
      white-space: nowrap;
      overflow: hidden;
      padding: 2px 4px 2px 4px; }

.project-broadcast .remove {
  cursor: pointer;
  padding: 2px;
  vertical-align: middle; }

.project-broadcast .sms-container {
  background: none;
  border: none;
  display: flex;
  margin-bottom: 2em;
  width: 100%; }
  .project-broadcast .sms-container .details .content {
    height: 125px;
    resize: vertical;
    width: 450px; }
  .project-broadcast .sms-container .details .name {
    width: 450px; }
  .project-broadcast .sms-container .details .recipients {
    width: 450px; }
  .project-broadcast .sms-container .details .schedule-date {
    width: 295px; }
  .project-broadcast .sms-container .details .schedule-time {
    width: 150px; }
  .project-broadcast .sms-container .first-column {
    margin-bottom: 1em;
    margin-right: 8em;
    order: 1; }
  .project-broadcast .sms-container .second-column {
    margin-bottom: 1em;
    margin-right: 8em;
    order: 2; }
  .project-broadcast .sms-container .sms-preview {
    height: 500px;
    width: 300px; }
    .project-broadcast .sms-container .sms-preview .phone {
      height: 500px;
      position: absolute; }
    .project-broadcast .sms-container .sms-preview .preview-box {
      left: 30px;
      max-height: 400px;
      overflow-y: auto;
      position: relative;
      top: 50px;
      width: 227px; }
      .project-broadcast .sms-container .sms-preview .preview-box .preview-text {
        background-color: whitesmoke;
        border-radius: 8px;
        display: inline-block;
        max-width: 190px;
        padding-bottom: 6px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 6px;
        white-space: pre-wrap;
        word-wrap: break-word; }

.project-evacuations .pagination-gutter.bottom {
  margin-bottom: 0; }

.project-evacuations .pagination-gutter.top {
  margin-top: 37px; }

.project-evacuations .eva-red {
  color: #94002a; }

.project-evacuations .eva-orange {
  color: #ff6a00; }

.project-evacuations .eva-green {
  color: #08873c; }

.quiz-login .gate-panel div.checkbox {
  margin: 0px;
  padding: 0 20px 10px 20px; }
  .quiz-login .gate-panel div.checkbox input[type=checkbox] {
    margin: 0; }

.quiz-login .gate-panel div.declaration {
  margin-top: 10px;
  padding-top: 10px; }

.quiz-login .gate-panel li {
  margin-bottom: 5px; }

.quiz-login #old-browser-panel {
  margin-bottom: 3em;
  /* override msg colour once again since gate-panel forces us to white... */ }
  .quiz-login #old-browser-panel .browser-list {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .quiz-login #old-browser-panel .browser-list li {
      margin: 0; }
      .quiz-login #old-browser-panel .browser-list li a img {
        height: 64px;
        width: 64px; }
  .quiz-login #old-browser-panel .msg-inner h3, .quiz-login #old-browser-panel .msg-inner p {
    color: black; }

.register-interest .gate-panel textarea {
  height: unset; }

.report-test-tracker-results .approval-button-row {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .report-test-tracker-results .approval-button-row .btn-3ds:first-of-type, .report-test-tracker-results .approval-button-row .search-controls input[type=submit]:first-of-type, .search-controls .report-test-tracker-results .approval-button-row input[type=submit]:first-of-type, .report-test-tracker-results .approval-button-row
  .search-controls button:first-of-type,
  .search-controls .report-test-tracker-results .approval-button-row button:first-of-type, .report-test-tracker-results .approval-button-row .search-results .new-button-container input[type=submit]:first-of-type, .search-results .new-button-container .report-test-tracker-results .approval-button-row input[type=submit]:first-of-type, .report-test-tracker-results .approval-button-row
  .search-results .new-button-container button:first-of-type,
  .search-results .new-button-container .report-test-tracker-results .approval-button-row button:first-of-type, .report-test-tracker-results .approval-button-row .wrapper-stack input[type=submit]:first-of-type, .wrapper-stack .report-test-tracker-results .approval-button-row input[type=submit]:first-of-type, .report-test-tracker-results .approval-button-row .inductee .btn-logout:first-of-type, .inductee .report-test-tracker-results .approval-button-row .btn-logout:first-of-type, .report-test-tracker-results .approval-button-row .inductee .btn-orientation:first-of-type, .inductee .report-test-tracker-results .approval-button-row .btn-orientation:first-of-type {
    margin-right: 1em; }
  .report-test-tracker-results .approval-button-row #sms-dialog {
    width: 150px;
    margin-right: 1em; }
    .report-test-tracker-results .approval-button-row #sms-dialog .btn-3ds, .report-test-tracker-results .approval-button-row #sms-dialog .search-controls input[type=submit], .search-controls .report-test-tracker-results .approval-button-row #sms-dialog input[type=submit], .report-test-tracker-results .approval-button-row #sms-dialog
    .search-controls button,
    .search-controls .report-test-tracker-results .approval-button-row #sms-dialog button, .report-test-tracker-results .approval-button-row #sms-dialog .search-results .new-button-container input[type=submit], .search-results .new-button-container .report-test-tracker-results .approval-button-row #sms-dialog input[type=submit], .report-test-tracker-results .approval-button-row #sms-dialog
    .search-results .new-button-container button,
    .search-results .new-button-container .report-test-tracker-results .approval-button-row #sms-dialog button, .report-test-tracker-results .approval-button-row #sms-dialog .wrapper-stack input[type=submit], .wrapper-stack .report-test-tracker-results .approval-button-row #sms-dialog input[type=submit], .report-test-tracker-results .approval-button-row #sms-dialog .inductee .btn-logout, .inductee .report-test-tracker-results .approval-button-row #sms-dialog .btn-logout, .report-test-tracker-results .approval-button-row #sms-dialog .inductee .btn-orientation, .inductee .report-test-tracker-results .approval-button-row #sms-dialog .btn-orientation {
      margin-right: 0; }

.search-results .flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.search-results .flex-item {
  flex: 1 0 25%; }
  .search-results .flex-item > input {
    padding-left: 8px;
    width: 90%; }

.shopping-cart {
  margin-left: -40px; }
  .shopping-cart .action-item {
    flex: 1;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0; }
    .shopping-cart .action-item > a {
      width: 90%; }
  .shopping-cart .align-center {
    text-align: center; }
  .shopping-cart .clear-single-item {
    cursor: pointer;
    padding-bottom: 2px; }
  .shopping-cart .disable div.product-list {
    opacity: 0.4;
    cursor: default; }
    .shopping-cart .disable div.product-list a, .shopping-cart .disable div.product-list input {
      cursor: default; }
    .shopping-cart .disable div.product-list input:focus {
      outline-width: 0; }
  .shopping-cart .flex-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row; }
  .shopping-cart .flex-item {
    flex: 1; }
  .shopping-cart .flex-item-2x {
    flex: 2; }
  .shopping-cart .flex-item-3x {
    flex: 3; }
  .shopping-cart .flex-item-4x {
    flex: 4; }
  .shopping-cart .flex-item-6x {
    flex: 6; }
  .shopping-cart .flex-item-8x {
    flex: 8; }
  .shopping-cart .flex-item-bottom {
    align-items: flex-end; }
  .shopping-cart .flex-item-center {
    align-items: center; }
  .shopping-cart .flex-item-top {
    align-items: flex-start; }
  .shopping-cart .float-left {
    margin-right: auto; }
  .shopping-cart .float-right {
    margin-left: auto; }
  .shopping-cart .item-header {
    margin-bottom: 19px; }
  .shopping-cart .item-input > input {
    padding-left: 6px; }
  .shopping-cart .item-name .item-warning {
    color: #94002a; }
  .shopping-cart .item-title.warning-title {
    color: #94002a; }
  .shopping-cart .item-update-link {
    cursor: pointer;
    text-decoration: none; }
  .shopping-cart .map {
    height: 350px;
    width: 400px; }
  .shopping-cart .no-wrap {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .shopping-cart .padding-right-10px {
    padding-right: 10px; }
  .shopping-cart .panel-title {
    position: relative; }
  .shopping-cart .panel-title::after {
    content: "\f107";
    color: white;
    font-family: "FontAwesome";
    font-size: 20px;
    position: absolute;
    right: 26px;
    top: 6px; }
  .shopping-cart .panel-title[aria-expanded="true"]::after {
    content: "\f106"; }
  .shopping-cart .purchase-section {
    margin-left: 40px;
    min-width: 640px; }
  .shopping-cart .required-field::after {
    content: "*";
    font-weight: bold;
    color: red; }
  .shopping-cart .summary-section {
    padding-left: 40px;
    margin-top: 42px;
    min-width: 472px; }
    .shopping-cart .summary-section > div, .shopping-cart .summary-section > form {
      background-color: #f4f4f4;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 20px; }
  .shopping-cart .total-price {
    color: #40383b;
    font-family: "Roboto";
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    height: 19px;
    letter-spacing: 0.36px;
    line-height: normal;
    text-align: right; }
  .shopping-cart .warning-border {
    border: 1px solid #e00040;
    border-radius: 2px; }
  .shopping-cart .wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .shopping-cart a.hiddenLink {
    display: none;
    visibility: hidden; }
  .shopping-cart button.promo-code-button {
    transition: filter 0.1s;
    align-items: center;
    border: 0;
    border-radius: 2px;
    display: flex;
    height: 23px;
    justify-content: center;
    text-transform: uppercase;
    background: #40383b;
    width: 100%;
    margin: 0 auto; }

@keyframes flash {
  from {
    filter: brightness(130%); }
  to {
    filter: brightness(100%); } }
    .shopping-cart button.promo-code-button:link, .shopping-cart button.promo-code-button:visited, .shopping-cart button.promo-code-button:hover, .shopping-cart button.promo-code-button:active {
      color: white;
      text-decoration: none; }
    .shopping-cart button.promo-code-button:hover {
      filter: brightness(110%); }
    .shopping-cart button.promo-code-button:active {
      animation: flash 1s; }
    .shopping-cart button.promo-code-button[disabled] {
      opacity: 0.5; }
  .shopping-cart div.product-list {
    margin-bottom: 30px; }
    .shopping-cart div.product-list .shopping-cart-item:not(:last-child) .item-content {
      border-bottom: solid 1px #d1d3d4; }
      .shopping-cart div.product-list .shopping-cart-item:not(:last-child) .item-content > a {
        width: auto; }
  .shopping-cart div.scrolling {
    max-height: 500px;
    overflow: auto; }
  .shopping-cart div.summary-action {
    align-items: center;
    display: flex;
    flex: 1;
    justify-content: flex-end; }
  .shopping-cart div.summary-header > div {
    padding-left: 6px;
    padding-top: 30px; }
  .shopping-cart div.summary-header > h5 {
    border-bottom: none;
    margin: 0;
    padding-bottom: 0;
    padding-top: 0; }
    .shopping-cart div.summary-header > h5 > i {
      margin-right: 12px; }
  .shopping-cart h1 {
    margin-bottom: 20px; }
  .shopping-cart input[type=text] {
    padding-left: 8px; }
  .shopping-cart input.invalid-promo-code {
    border: 1px solid #e00040; }
  .shopping-cart span.info-popup {
    padding-left: 16px; }
  .shopping-cart section.shopping-cart-item {
    background-color: #f4f4f4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 0; }
    .shopping-cart section.shopping-cart-item > .item-content {
      padding-bottom: 20px; }
  .shopping-cart table.bold-bottom-border {
    border-bottom: 2px black solid; }
  .shopping-cart table.bold-bottom-border tbody tr:last-child td {
    padding-bottom: 30px; }
  .shopping-cart table.light-bottom-border {
    border-bottom: 1px solid #d1d3d4; }
  .shopping-cart table.none-bottom-border tbody tr td {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0; }
  .shopping-cart table.shopping-cart-summary td {
    padding-right: 6px;
    padding-top: 10px; }
  .shopping-cart table.shopping-cart-summary th {
    border-right: 0; }
  .shopping-cart table.shopping-cart-summary tr:not(:last-child) > td {
    border-bottom: 1px solid #d1d3d4; }
  .shopping-cart table.shopping-cart-summary, .shopping-cart table.bold-bottom-border {
    width: 100%; }
    .shopping-cart table.shopping-cart-summary th:first-child, .shopping-cart table.shopping-cart-summary td:first-child, .shopping-cart table.bold-bottom-border th:first-child, .shopping-cart table.bold-bottom-border td:first-child {
      padding-left: 0; }
  .shopping-cart td.promo-code {
    width: 33%; }
    .shopping-cart td.promo-code > input {
      padding-left: 6px;
      max-width: 120px; }
  .shopping-cart tr.warning-box-red td:first-child {
    padding-left: 20px !important; }

.shopping-receipt .action-item {
  flex: 1;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0; }
  .shopping-receipt .action-item > a {
    width: 90%; }

.shopping-receipt .add-button {
  color: green !important;
  text-decoration: none !important; }

.shopping-receipt .bold {
  font-weight: bold; }

.shopping-receipt .edit-link {
  text-decoration: none; }

.shopping-receipt .flex-container {
  display: flex;
  flex-direction: row; }
  .shopping-receipt .flex-container.flex-space-evenly {
    justify-content: space-evenly; }

.shopping-receipt .full-bold-bottom-border {
  border-bottom: 2px black solid; }

.shopping-receipt .full-bottom-border {
  border-bottom: 1px #d1d3d4 solid; }

.shopping-receipt .gray-out {
  opacity: 0.2; }

.shopping-receipt .header-link {
  color: white;
  text-decoration: none; }

.shopping-receipt .item {
  flex: 1; }

.shopping-receipt .item-2x-size {
  flex: 2; }

.shopping-receipt .item-3x-size {
  flex: 3; }

.shopping-receipt .item-5x-size {
  flex: 5; }

.shopping-receipt .invoice-item-container div:last-child span {
  float: right; }

.shopping-receipt .invoice-print-header {
  display: flex;
  align-items: baseline;
  height: 30px;
  margin-top: 40px; }
  .shopping-receipt .invoice-print-header > img {
    height: 100%;
    padding-left: 20px;
    padding-right: 16px; }

.shopping-receipt .left {
  margin-right: auto; }

.shopping-receipt .none-border {
  border: none; }

.shopping-receipt .padding-left-20 {
  padding-left: 20px; }

.shopping-receipt .paid-stamp {
  border: dashed 0.1em #e00040;
  border-radius: 0.2em;
  color: #e00040;
  padding: 0.2em 0.4em; }

.shopping-receipt .remove-button {
  color: red !important;
  text-decoration: none !important; }

.shopping-receipt .right {
  margin-left: auto; }

.shopping-receipt .save-button {
  color: white;
  text-transform: uppercase;
  border: none;
  background: transparent; }

.shopping-receipt .shopping-outstanding-message, .shopping-receipt .total-price, .shopping-receipt .transaction-message {
  color: #40383b;
  font-family: "Roboto";
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  height: 19px;
  letter-spacing: 0.36px;
  line-height: normal; }

.shopping-receipt .small-title {
  color: #40383b;
  font-family: "Roboto";
  font-size: 9px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  line-height: normal; }

.shopping-receipt .text-center {
  text-align: center;
  width: 100%; }

.shopping-receipt .transaction-message {
  padding-top: 68px; }
  .shopping-receipt .transaction-message > .save-card-info {
    margin-top: 150px;
    margin-bottom: 150px; }
    .shopping-receipt .transaction-message > .save-card-info > p {
      font-size: 12px;
      text-align: center; }

.shopping-receipt #divCardVerification div {
  margin-top: 6px; }

.shopping-receipt div.first-div-none-bold-bottom-border {
  border-bottom: none; }
  .shopping-receipt div.first-div-none-bold-bottom-border div:not(:first-child) {
    border-bottom: 2px black solid; }

.shopping-receipt div.first-div-none-bottom-border {
  border-bottom: none; }
  .shopping-receipt div.first-div-none-bottom-border div:not(:first-child) {
    border-bottom: 1px solid #d1d3d4; }

.shopping-receipt div.invoice-action {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: flex-end; }

.shopping-receipt div.invoice-header {
  align-items: center;
  background-color: #40383b;
  border-bottom: none;
  color: white;
  display: flex;
  padding: 10px 20px;
  text-transform: uppercase; }
  @media print {
    .shopping-receipt div.invoice-header {
      display: none !important;
      /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }
  .shopping-receipt div.invoice-header > div {
    align-items: center; }
    .shopping-receipt div.invoice-header > div a, .shopping-receipt div.invoice-header > div span.return-link {
      color: white; }
      .shopping-receipt div.invoice-header > div a > i, .shopping-receipt div.invoice-header > div span.return-link > i {
        margin-right: 6px; }

.shopping-receipt div.invoice-section {
  padding-left: 20px;
  padding-right: 20px; }
  .shopping-receipt div.invoice-section > div.invoice-item-container {
    align-content: center;
    background-color: white;
    display: flex;
    justify-content: space-between; }
    .shopping-receipt div.invoice-section > div.invoice-item-container > div {
      padding: 12px 0; }

.shopping-receipt div.modal-content-container {
  align-content: center;
  background-color: white;
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .shopping-receipt div.modal-content-container div.title {
    margin-right: 10px;
    margin-top: 6px; }
  .shopping-receipt div.modal-content-container input {
    width: 96%; }

.shopping-receipt div.shopping-container {
  display: flex; }

.shopping-receipt div.shopping-left-side {
  flex: 3;
  margin-right: 40px; }

.shopping-receipt div.shopping-right-side {
  background-color: #f4f4f4;
  flex: 2;
  padding-left: 10px;
  padding-right: 10px; }
  @media print {
    .shopping-receipt div.shopping-right-side {
      display: none !important;
      /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }

.shopping-receipt div.status-banner {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  padding-top: 20px;
  width: 100%; }
  .shopping-receipt div.status-banner > div {
    padding-bottom: 12px; }

@media print {
  @page {
    size: auto;
    margin: 0; }
  .dont-print-border {
    border: hidden; }
  .no-print {
    display: none; }
  #section-to-print, #section-to-print * {
    visibility: visible; }
  #section-to-print {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
  div.paid-stamp,
  div.paid-stamp span {
    color: #e00040 !important; }
  div.print-font-color,
  div.print-font-color > span {
    color: white !important; } }

.site-diary {
  flex-direction: column; }
  .site-diary .breakdown {
    justify-content: unset; }
    .site-diary .breakdown .breakdown-stats-container {
      flex: 0 1 16%; }
      .site-diary .breakdown .breakdown-stats-container:not(:last-child) {
        margin-right: 8.186%; }
  .site-diary .btn-go-to-entity {
    flex-basis: inherit;
    flex-grow: 1;
    max-width: 360px; }
    @media print {
      .site-diary .btn-go-to-entity {
        display: none !important;
        /* !important required, to override any explicit inline "display" property we've applied at runtime, when we shouldve used class-level styles instead to avoid this mess like this in the first place (e.g.: legacy 3DS javascript) */ } }
  .site-diary .page-title {
    margin-bottom: 35px; }
  @media print {
    .site-diary .stats-panel {
      padding-bottom: 0; } }
  .site-diary .stats-panel .breakdown-stats-container .container-status-data {
    justify-content: left; }
  .site-diary .summary {
    justify-content: space-between; }
  .site-diary .tile:not(.wide) {
    flex: 0 1 48.412%; }
  .site-diary .tile.wide {
    flex: initial; }
  .site-diary .wrapper-inner {
    padding-bottom: 0;
    padding-top: 0; }

.sop-details .pagination-gutter.top {
  margin-top: 36px; }

.change-site-access-date {
  align-items: center;
  display: flex; }
  .change-site-access-date .access-change-info {
    margin-left: 5px; }

.staff-details h1#worker-name {
  margin-bottom: 0.7em;
  margin-top: 0.5em; }

.staff-details span > i {
  margin-left: -6px; }

.staff-details span.pressable {
  cursor: pointer;
  text-decoration: underline; }

.staff-details .card-number {
  max-width: 60px;
  padding-left: 2px !important; }

.staff-details .none-padding-left {
  padding-left: 0 !important; }

.staff-details .padding-top-4 {
  padding-top: 4px; }

.staff-details .background-3ds {
  background: #f4f4f4;
  border-left: 1px solid white;
  vertical-align: middle; }

.staff-details .cursor-pointer {
  cursor: pointer; }

.staff-details .image-min-width {
  min-width: 400px; }

.staff-details img.profile {
  border: solid 1px #e8e8e8;
  height: 198px;
  width: 148px; }

.staff-details .div-inside-td {
  margin-left: 0px;
  margin-right: 0px; }
  .staff-details .div-inside-td > div > table.inside-table {
    width: 100%; }

.staff-details .margin-top-10 {
  margin-top: 10px !important; }

.staff-details .padding-bottom-10 {
  padding-bottom: 10px !important; }

.staff-details .padding-bottom-16 {
  padding-bottom: 16px !important; }

.staff-details .padding-left-6 {
  padding-left: 6px !important; }

.staff-details .padding-left-10 {
  padding-left: 10px !important; }

.staff-details .padding-top-10 {
  padding-top: 10px !important; }

.staff-details .section-min-height {
  margin-left: 0px !important;
  min-height: 77px; }
  .staff-details .section-min-height > div {
    padding-left: 20px;
    padding-top: 26px; }

.staff-details .size-one-in-five {
  width: 20%; }

.staff-details .size-quarter {
  width: 25%; }

.staff-details .inline-input-date {
  width: 95px; }

.staff-details .inline-button-narrow {
  width: 43px; }

.terms-conditions .agreement {
  display: block;
  height: 400px;
  overflow: auto;
  width: 100%; }

.terms-conditions .licence-section th {
  background-color: white;
  font-weight: bold;
  vertical-align: top; }

.terms-conditions .licence-section td {
  padding: 4px; }

.terms-conditions .licence-heading {
  border-bottom: solid 1px black;
  font-size: 1.1em;
  font-weight: bold; }

.terms-conditions .licence-heading th, .terms-conditions .licence-heading td {
  padding-top: 14px; }

.terms-conditions .licence-sublist tr, .terms-conditions .licence-sublist td {
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px; }

.terms-conditions .wrapper-buttons input[type=submit] {
  flex: 0 1 12.977%;
  margin-right: 1.452%; }

.delete-file {
  color: #94002a;
  cursor: pointer; }

.upload-results-page .upload-results {
  width: 60%; }
  .upload-results-page .upload-results .company-logo {
    max-width: 300px;
    height: auto; }
  .upload-results-page .upload-results .csv-example {
    border: 1px solid #40383b; }
  .upload-results-page .upload-results .powered-by {
    width: 100px; }

.user-document-group .btn-3ds, .user-document-group .search-controls input[type=submit], .search-controls .user-document-group input[type=submit], .user-document-group
.search-controls button,
.search-controls .user-document-group button, .user-document-group .search-results .new-button-container input[type=submit], .search-results .new-button-container .user-document-group input[type=submit], .user-document-group
.search-results .new-button-container button,
.search-results .new-button-container .user-document-group button, .user-document-group .wrapper-stack input[type=submit], .wrapper-stack .user-document-group input[type=submit], .user-document-group .inductee .btn-logout, .inductee .user-document-group .btn-logout, .user-document-group .inductee .btn-orientation, .inductee .user-document-group .btn-orientation {
  max-width: 160px;
  width: 15em; }

.user-document-group .button-row {
  padding-top: 2em; }

.user-document-group .modal-content .chosen-container-multi, .user-document-group .modal-dialog .chosen-container-multi {
  padding-top: 5px; }

.user-document-group .modal-content .chosen-drop, .user-document-group .modal-dialog .chosen-drop {
  overflow: visible;
  width: 100%; }

.user-document-group .modal-footer {
  align-content: space-between;
  display: flex;
  flex-direction: row; }
  .user-document-group .modal-footer .btn-3ds:first-of-type, .user-document-group .modal-footer .search-controls input[type=submit]:first-of-type, .search-controls .user-document-group .modal-footer input[type=submit]:first-of-type, .user-document-group .modal-footer
  .search-controls button:first-of-type,
  .search-controls .user-document-group .modal-footer button:first-of-type, .user-document-group .modal-footer .search-results .new-button-container input[type=submit]:first-of-type, .search-results .new-button-container .user-document-group .modal-footer input[type=submit]:first-of-type, .user-document-group .modal-footer
  .search-results .new-button-container button:first-of-type,
  .search-results .new-button-container .user-document-group .modal-footer button:first-of-type, .user-document-group .modal-footer .wrapper-stack input[type=submit]:first-of-type, .wrapper-stack .user-document-group .modal-footer input[type=submit]:first-of-type, .user-document-group .modal-footer .inductee .btn-logout:first-of-type, .inductee .user-document-group .modal-footer .btn-logout:first-of-type, .user-document-group .modal-footer .inductee .btn-orientation:first-of-type, .inductee .user-document-group .modal-footer .btn-orientation:first-of-type {
    margin-right: 2em; }

.worker-diversity-report div[id$="-from-row"],
.worker-diversity-report div[id$="-to-row"] {
  padding-top: 14px; }

.workers-on-site-report .avg-worker-hours-disclaimer {
  position: absolute;
  right: 1%;
  top: 6px; }

.workers-on-site-report .btn-filter {
  margin-top: auto; }

.workers-on-site-report .btn-send-safety-check-to-all {
  margin: 25px 0;
  width: auto; }

.workers-on-site-report .doors tbody {
  display: flex;
  flex-direction: column; }

.workers-on-site-report .doors td {
  padding: 5px 0; }

.workers-on-site-report .safety-check-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

.workers-on-site-report .search-controls .button-column {
  flex-grow: 1;
  justify-content: initial; }
  .workers-on-site-report .search-controls .button-column td, .workers-on-site-report .search-controls .button-column td span {
    display: flex; }
  .workers-on-site-report .search-controls .button-column .tickbox-list {
    margin-bottom: 7px; }
    .workers-on-site-report .search-controls .button-column .tickbox-list input[type=radio] {
      top: 0; }
    .workers-on-site-report .search-controls .button-column .tickbox-list label {
      margin: 0; }
    .workers-on-site-report .search-controls .button-column .tickbox-list td {
      align-items: center; }

.workers-on-site-report .search-controls .chosen-container {
  border: 0; }

.workers-on-site-report .search-controls .compact {
  width: 50%; }

.workers-on-site-report .search-controls .project-report-preview {
  /* Revert base style's -ve margin */
  margin-top: 0; }

.workers-on-site-report #tab-by-company {
  position: relative; }

.workers-on-site-report .tab-content {
  flex-grow: 1; }

.workers-on-site-report .total {
  margin-top: 25px; }