/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  vertical-align: baseline;
  margin: 0;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 100%;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 1;
          flex-direction: column;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}

.wrapper {
  min-height: 100vh;
}

#root,
.wrapper,
.page,
.authComponent {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 1;
          flex-direction: column;
}

footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex: 0 1 auto;
          align-items: center;
          justify-content: center;
  border-top: 1px solid #eee;
  padding: 18px 0;
  width: 100%;
  height: 60px;
  color: #666;
  font-size: 13px;
}

footer a {
  margin-left: 0.5ch;
}

footer a:first-child {
  margin-right: 0.5ch;
}

.full-width .input {
  width: 100%;
}

.ui .dropdown.right {
  right: 0;
  left: auto;
  left: initial;
  margin-top: 15px;
  text-align: right;
}

.ui .dropdown.right .menu {
  right: 0;
  left: auto;
  left: initial;
  text-align: right;
}

.ui.striped.table {
  padding-top: 2px;
  padding-right: 2px;
  padding-left: 2px;
}

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

.align-right {
  text-align: right !important;
}

.ui.table {
  padding: 2px;
}

.ui.form .wide.field.ohw .ui.input input {
  width: 100% !important;
}

.ui.form .seven.wide.field.ohw {
  width: 100% !important;
}

.ui.tiny.button.link {
  -webkit-box-shadow: none;
  display: inline-block;
  margin: 0;
          box-shadow: none;
  border: none;
  background: none;
  padding: 10px 10px;
  font-size: 0.9em;
  font-weight: normal;
}

.ui.segment.inline {
  -webkit-box-shadow: none;
  margin-right: 0;
  margin-left: 0;
  box-shadow: none;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.remember-me {
  display: block !important;
  margin-bottom: 17px;
  text-align: left;
}

.ui.dropdown > .dropdown.icon {
  line-height: 2em;
}

.ui.dimmer {
  background-color: rgba(0, 0, 0, .25);
}

.normal.icon {
  vertical-align: middle;
}

.spacer {
  width: 100%;
  height: 20px;
}

.row-1 {
  -ms-grid-row: 1;
}

.row-2 {
  -ms-grid-row: 2;
}

a:hover:not(.item):not(.button) {
  color: #0052cc !important;
  text-decoration: underline !important;
}

.button.simple {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
}

tr.aligned.middle td {
  vertical-align: middle;
}

.ic-date-time-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 400px;
}

.ic-datepicker.time {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.ic-datepicker.date {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-right: 15px;
}

.ic-datepicker .form-control {
  text-align: center;
}

.ic-datepicker.open-upwards .rdtPicker {
  top: auto;
  bottom: 100%;
}

.ic-datepicker .rdtPicker {
  width: 100%;
}

.disclaimer p {
  margin-bottom: 15px;
  line-height: 19px;
}

svg.logo {
  fill: #fff;
  margin-top: 2px;
  height: 36px;
}

.page-container .ui.text.menu .active.item {
  border-bottom: solid 3px white !important;
  color: white !important;
}

.page-container .ui.text.menu .item {
  color: rgba(255, 255, 255, .7) !important;
}

.user-menu {
  color: white;
}

button.link-button {
  cursor: pointer;
  border: none;
  background: none !important;
  padding: 0 !important;
  /*optional*/
  /*input has OS specific font-family*/
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

button.link-button:hover {
  text-decoration: underline;
}

.custom-popover > div:not(:last-child) {
  display: block !important;
  margin-top: 4px !important;
}

.custom-popover__actions {
  float: right;
  margin-top: 15px !important;
}

.ui.button.basic.link,
.ui.button.basic.link:hover,
.ui.button.basic.link:focus {
  -webkit-box-shadow: 0 0 !important;
          box-shadow: 0 0 !important;
}

html {
  -webkit-font-smoothing: antialiased;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

body {
  color: #666;
  line-height: 1.333;
}

h1 {
  margin-top: 0;
  font-size: 3.998em;
}

h1,
h2 {
  font-size: 2.827em;
}

h3 {
  font-size: 1.999em;
}

h4 {
  font-size: 1.414em;
}

small,
.font_small {
  font-size: 0.707em;
}

a {
  cursor: pointer;
  color: rgba(0, 0, 0, .9);
  text-decoration: none;
}

a:hover {
  color: black;
}

a.active {
  color: black;
}

textarea {
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
}

.place-holder .pl-main-content {
  padding: 20px;
}

.page-container > .header {
  background: royalblue;
}

.page-container > .header .branding {
  margin-top: 17px;
}

.page-container > .header .branding__logo-text {
  margin-top: 2px !important;
  margin-left: 10px !important;
}

.page-container > .header .branding__logo-text > div {
  margin-top: -2px;
  margin-left: 2px;
}

.page-container > .header .branding__product-name {
  margin-top: 9px !important;
  margin-bottom: 5px !important;
  border-right: solid 1px lightblue;
  padding-right: 20px;
  color: white;
  font-size: 15px !important;
  line-height: 20px;
}

.page-container > .header .branding.column {
  padding-top: 10px !important;
  padding-bottom: 2px;
}

.page-container .header-menu {
  margin-top: 4px !important;
  padding-top: 0;
  min-height: 0 !important;
  min-height: initial !important;
}

.page-container .header-menu a:hover {
  color: inherit !important;
  text-decoration: inherit !important;
}

.page-container .ui.text.menu .active.item {
  border-bottom: solid 3px blue;
  font-weight: bold;
}

.page-container .ui.text.menu .item {
  margin-right: 0.5em;
  margin-left: 0.5em;
  padding-right: 0;
  padding-left: 0;
}

.audit-editor {
  -ms-grid-row: 2;
}

.audit-editor .common-header-bar {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  height: 65px;
}

.audit-editor .common-header-bar .common-header {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
}

.audit-editor .common-header-bar .common-header .common-header-bar-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.audit-editor .common-header-bar .common-header .common-header-bar-right {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  text-align: right;
}

.audit-editor .sidebar {
  display: block !important;
}

.audit-editor .section-list {
  cursor: default;
  margin-top: 15px;
  margin-right: 10px;
  margin-left: 10px;
}

.audit-editor .section-list .section {
  float: left;
  border: solid 1px transparent;
  padding: 15px 10px 10px 10px;
  width: 100%;
  color: black;
}

.audit-editor .section-list .section .status-bar {
  margin-top: 2px;
  margin-right: 10px;
}

.audit-editor .section-list .section .status-bar > div {
  display: inline-block;
  height: 10px;
}

.audit-editor .section-list .section .status-bar .success-bar {
  background: #0f9d58;
}

.audit-editor .section-list .section .status-bar .not-success-bar {
  background: #f77c00;
}

.audit-editor .section-list .section .status-bar .not-applicable-bar {
  background: #4285f4;
}

.audit-editor .section-list .section .status-bar .not-answered-bar {
  background: #c3c3c3;
}

.audit-editor .sections.disabled .section {
  border: solid 1px transparent;
  color: #b5b5b5;
}

.audit-editor .section-list .section:hover {
  cursor: pointer;
  background: #f0f0f0;
}

.audit-editor .section-list .section.selected {
  border: solid 1px #dadada;
  background: #eeeeee;
}

.audit-editor .section-container,
.audit-editor .question-container {
  border-top: solid #e8e8e8 2px;
  padding-top: 0;
  padding-left: 20px;
}

.audit-editor .question-container {
  padding-right: 10px;
  padding-bottom: 20px;
  height: calc(100vh - 123px);
  overflow-y: scroll;
}

.audit-editor .question-container .audit-field {
  margin-top: 20px;
}

.audit-editor .validation-error {
  margin: 20px 0;
  margin-bottom: 10px;
  background: #ffa700;
  padding: 15px 20px;
  color: white;
}

.audit-editor .question-list,
.audit-editor .section-list {
  overflow-x: hidden;
  overflow-y: auto;
}

.audit-editor .question-list {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.revert {
  display: inline-block;
  cursor: pointer;
  margin-left: 20px;
  background: red;
  padding: 5px;
}

.question-list h4 {
  margin-top: 5px;
  margin-bottom: 10px;
}

.audit-editor .sections .spacer {
  float: left;
  height: 10px;
}

.question.not-answered {
  color: #999;
}

.question {
  margin-top: 5px;
}

.question.success {
  color: black;
}

.question.success .icon {
  fill: green;
}

.question.not-answered .icon {
  fill: #4242c5;
}

.question.failed .icon {
  fill: red;
}

.question.failed {
  color: black;
}

.question .icon {
  width: 16px;
  height: 16px;
}

.icon.refresh {
  fill: #41ADDD;
  margin-right: 20px;
}

.section-toolbar-wrapper {
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 310px;
  border-top: solid 1px #eee;
  padding: 10px 0 10px 10px;
}

.section-toolbar {
  display: table;
  width: 100%;
  height: 46px;
}

.question-toolbar-actions svg {
  width: 13px;
}

.question-toolbar-actions .right svg {
  margin-right: 10px;
}

.question-toolbar-actions .primary svg {
  fill: white;
}

.question-toolbar-wrapper {
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 310px;
  border-top: solid 1px #eee;
  padding: 10px 0 10px 10px;
}

.question-toolbar {
  display: table;
  width: 100%;
  height: 46px;
}

.question-toolbar svg {
  fill: #999;
}

.question-navigation {
  position: absolute !important;
  bottom: 0;
}

.question .icon-col {
  display: table-cell;
  vertical-align: top;
  padding-top: 2px;
  width: 30px;
}

.question .question-label {
  display: table-cell;
  vertical-align: top;
  padding-top: 3px;
}

.question a {
  color: #333;
  text-decoration: none;
}

.validation-toolbar-wrapper {
  position: fixed;
  right: 20px;
  bottom: 10px;
  left: 320px;
}

.left-tabs {
  float: left;
  border-top: solid #e8e8e8 2px;
  border-right: solid 1px #e8e8e8;
  width: 300px;
}

.left-tabs > div:first-child {
  background-color: #fafafa !important;
}

.question:hover {
  background: #f0f0f0;
}

.audit-editor > .question-header {
  height: 50px;
}

.audit-editor .question-header {
  margin-top: 6px;
}

button.mark-as-success svg,
button.not-answer-questions svg {
  margin-left: 0;
}

button.mark-as-success svg {
  fill: #0052CC;
}

button.not-answer-questions svg {
  fill: #778899;
}

.question-header .buttons-col {
  float: right;
  margin-top: 2px;
  padding-right: 10px;
}

.question-header .buttons-col h4 {
  float: left;
  margin-top: 11px;
  margin-right: 20px;
  margin-bottom: 0;
  color: #0052CC;
}

.question-header .buttons-col > div {
  margin-left: 10px;
}

.question-header .detail-col {
  vertical-align: middle;
}

.question-header .detail-col h5,
.question-header .detail-col h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.question-header .detail-col h3 {
  font-size: 17px;
  font-weight: normal;
}

.question > div {
  display: table-row;
}

.audit-editor .audit-section-header > div {
  margin-top: 0;
  width: 100%;
}

.audit-section-header h2 {
  float: left;
  margin-top: 13px;
  margin-bottom: 0;
}

.audit-section-header .section-notes {
  display: block;
}

.audit-section-header__container {
  -ms-grid-columns: 1fr 500px;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 500px;
}

.audit-section-header__container__section-title {
  -ms-grid-column: 1;
}

.audit-section-header__container__section-title > h3 {
  max-height: 84px;
  overflow: hidden;
}

.audit-section-header__container__section-toolbar {
  -ms-grid-column: 2;
  text-align: right;
}

.section-container > .audit-section-header > h2 {
  margin-top: 0;
}

.question-header h2 {
  margin-top: 10px;
  font-size: 22px;
  font-weight: normal;
}

.question-header h3 {
  margin-bottom: 6px;
  font-weight: bold;
}

.question-header .top-row {
  display: table;
  width: 100%;
}

.question-header .back-col,
.question-header .detail-col {
  display: table-cell;
}

.question-header .back-col {
  vertical-align: middle;
  width: 64px;
}

.question-header .back-button {
  margin-right: 10px;
  min-width: 50px !important;
}

.question-header .back-button svg {
  margin-top: -3px;
}

.question-rationale {
  margin-top: 20px;
  color: #0052CC;
}

.question-container h4.subtitle {
  margin-bottom: 12px;
  color: #656565;
}

.section-toolbar-actions .compliant svg {
  fill: #0f9d58;
}

.section-toolbar-actions .notapp svg {
  fill: #4285f4;
}

/*fields*/

.radio-field {
  display: inline-block;
}

.radio-item {
  display: inline-block;
  float: left;
  margin-right: 10px;
  border: solid #ddd 1px;
  padding: 14px 20px;
  color: #555;
}

.radio-field:not(.disabled) {
  cursor: pointer;
}

.radio-field:not(.disabled) .radio-item:not(.selected):hover {
  background: #ccc;
  color: #000;
}

.radio-item.selected {
  cursor: default;
  border: solid #0052CC 1px;
  background: #0052CC;
  color: white;
}

.question-container .checkbox-item {
  display: block;
  margin-bottom: 5px;
}

.audit-details {
  background: white;
  padding: 10px;
}

.audit-complete {
  padding-right: 20px;
}

.audit-complete-title {
  margin-bottom: 0;
  padding-top: 0;
  font-weight: normal;
  text-align: center;
}

.audit-complete-percentage {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 68px;
  font-weight: normal;
  text-align: center;
}

.audit-complete-report-item {
  display: table-cell;
  text-align: center;
}

.audit-complete-reports {
  display: table;
  margin: 0 auto;
  margin-top: 30px;
  width: 75%;
}

#audit-index .audit-table {
  margin-top: 7px;
  background: white;
  overflow: hidden;
}

#audit-index .audit-filter-control {
  float: left;
  padding: 20px;
  width: 500px;
  height: calc(100% - 26px);
}

#audit-index {
  height: calc(100% - 71px);
  overflow: hidden;
}

.audit-index-page__body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.audit-index-page__body .sidebar {
  margin-top: 2px;
  height: calc(100vh - 125px);
}

.audit-index-page .audit-overview-content {
  -ms-grid-column: 2;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

.audit-index-page .audit-section-content {
  -ms-grid-column: 2;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
          flex-direction: column;
  padding-top: 20px;
  padding-left: 20px;
}

.audit-index-page .audit-section-content > :first-child {
  padding-right: 20px;
}

.audit-index-page .audit-section-content > :nth-child(2) {
  margin-right: 20px;
  border-bottom: solid 2px #e5e5e5;
}

.audit-index-page .audit-section-content > :nth-child(3) {
  height: calc(100vh - 420px);
  overflow-y: auto;
}

.audit-index-page .question-editor-container {
  -ms-grid-column: 2;
}

.audit-index-page .question-editor-container .question-container .question-body__toolbar {
  -ms-grid-columns: 1fr 580px;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 580px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.audit-index-page .question-editor-container .question-container .question-body__toolbar__title {
  -ms-grid-column: 1;
  margin-right: 20px;
}

.audit-index-page .question-editor-container .question-container .question-body__toolbar__actions {
  -ms-grid-column: 2;
  text-align: right;
}

.picky-date-time-calendar__table {
  width: 100%;
}

.picky-date-time-clock__input {
  font-size: 14px !important;
  text-align: center;
}

.picky-date-time-calendar__body-container.xs {
  height: 170px !important;
}

.picky-date-time__clock {
  margin-bottom: 15px !important;
}

.picky-date-time {
  padding: 0;
}

.picky-date-time__close {
  display: none;
}

.picky-date-time-clock__input {
  border: none !important;
}

.picky-date-time-clock__icon--remove_circle_outline {
  display: none;
}

.picky-date-time-clock__clock-hand--second {
  display: none;
}

.modal-body {
  padding: 20px;
}

.alpha-selector {
  margin-top: 8px;
}

.alpha-selector-item {
  float: left;
  margin-right: 5px;
  border: solid #e6e6e6 1px;
  padding: 10px 5px;
  width: 35px;
  color: #888;
  font-size: 14px;
  text-align: center;
}

.alpha-selector-item.selected {
  cursor: pointer;
  background: #0052CC;
  color: white;
}

.alpha-selector-item:hover:not(.selected) {
  cursor: pointer;
  background: #eee;
}

.toggle-button-group {
  border-radius: 3px;
}

.toggle-button {
  display: inline-block;
  cursor: pointer;
  margin: 3px;
  border: solid 1px #999;
  border-radius: 15px;
  background: white;
  padding: 5px 10px;
  color: #999;
}

.toggle-button.checked {
  border: solid 1px #6CC0E5;
  background: #0052CC;
  color: white;
}

/*!
 * https://github.com/YouCanBookMe/react-datetime
 */

.rdt {
  position: relative;
}

.rdtPicker {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  display: none;
  position: absolute;
  z-index: 99999 !important;
  margin-top: 1px;
          box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
  border: 1px solid #f9f9f9;
  background: #fff;
  padding: 4px;
  width: 250px;
}

.rdtOpen .rdtPicker {
  display: block;
}

.rdtStatic .rdtPicker {
  -webkit-box-shadow: none;
  position: static;
          box-shadow: none;
}

.rdtPicker .rdtTimeToggle {
  text-align: center;
}

.rdtPicker table {
  margin: 0;
  width: 100%;
}

.rdtPicker td,
.rdtPicker th {
  height: 28px;
  text-align: center;
}

.rdtPicker td {
  cursor: pointer;
}

.rdtPicker td.rdtDay:hover,
.rdtPicker td.rdtHour:hover,
.rdtPicker td.rdtMinute:hover,
.rdtPicker td.rdtSecond:hover,
.rdtPicker .rdtTimeToggle:hover {
  cursor: pointer;
  background: #eeeeee;
}

.rdtPicker td.rdtOld,
.rdtPicker td.rdtNew {
  color: #999999;
}

.rdtPicker td.rdtToday {
  position: relative;
}

.rdtPicker td.rdtToday:before {
  display: inline-block;
  position: absolute;
  right: 4px;
  bottom: 4px;
  border-bottom: 7px solid #428bca;
  border-left: 7px solid transparent;
  border-top-color: rgba(0, 0, 0, .2);
  content: '';
}

.rdtPicker td.rdtActive,
.rdtPicker td.rdtActive:hover {
  background-color: #428bca;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.rdtPicker td.rdtActive.rdtToday:before {
  border-bottom-color: #fff;
}

.rdtPicker td.rdtDisabled,
.rdtPicker td.rdtDisabled:hover {
  cursor: not-allowed;
  background: none;
  color: #999999;
}

.rdtPicker td span.rdtOld {
  color: #999999;
}

.rdtPicker td span.rdtDisabled,
.rdtPicker td span.rdtDisabled:hover {
  cursor: not-allowed;
  background: none;
  color: #999999;
}

.rdtPicker th {
  border-bottom: 1px solid #f9f9f9;
}

.rdtPicker .dow {
  cursor: default;
  border-bottom: none;
  width: 14.2857%;
}

.rdtPicker th.rdtSwitch {
  width: 100px;
}

.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  vertical-align: top;
  font-size: 21px;
}

.rdtPrev span,
.rdtNext span {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  display: block;
  /* Internet Explorer/Edge */
  user-select: none;
}

.rdtPicker th.rdtDisabled,
.rdtPicker th.rdtDisabled:hover {
  cursor: not-allowed;
  background: none;
  color: #999999;
}

.rdtPicker thead tr:first-child th {
  cursor: pointer;
}

.rdtPicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.rdtPicker tfoot {
  border-top: 1px solid #f9f9f9;
}

.rdtPicker button {
  cursor: pointer;
  border: none;
  background: none;
}

.rdtPicker button:hover {
  background-color: #eee;
}

.rdtPicker thead button {
  width: 100%;
  height: 100%;
}

td.rdtMonth,
td.rdtYear {
  cursor: pointer;
  width: 25%;
  height: 50px;
}

td.rdtMonth:hover,
td.rdtYear:hover {
  background: #eee;
}

.rdtCounters {
  display: inline-block;
}

.rdtCounters > div {
  float: left;
}

.rdtCounter {
  height: 100px;
}

.rdtCounter {
  width: 40px;
}

.rdtCounterSeparator {
  line-height: 100px;
}

.rdtCounter .rdtBtn {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  display: block;
  cursor: pointer;
  height: 40%;
  line-height: 40px;
  /* Internet Explorer/Edge */
  user-select: none;
}

.rdtCounter .rdtBtn:hover {
  background: #eee;
}

.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}

.rdtMilli {
  vertical-align: middle;
  padding-left: 8px;
  width: 48px;
}

.rdtMilli input {
  margin-top: 37px;
  width: 100%;
  font-size: 1.2em;
}

.rdtTime td {
  cursor: default;
}

.template-editor {
  margin: auto;
  padding: 10px 0px 10px 10px;
  width: 100%;
  font-family: "Roboto";
}

.templates {
  float: left;
  border-right: solid 2px #eee;
  width: 400px;
}

.templates .button-bar {
  text-align: right;
}

.template-manager {
  margin-left: 400px;
  padding-left: 20px;
  width: calc(100% - 400px);
}

.templates .search-panel {
  display: table;
  width: 100%;
}

.templates .search-panel > div {
  display: table-cell;
  vertical-align: middle;
}

.templates .search-panel .search-button-col {
  vertical-align: bottom;
  width: 48px;
}

.template-editor .template-list {
  float: left;
  cursor: default;
  width: 400px;
}

.template-editor .template-list .template-item {
  float: left;
  border-bottom: solid 4px transparent;
  padding: 15px 10px 15px 10px;
  width: 400px;
}

.template-editor .template-list .template-item:hover {
  cursor: pointer;
  background: #f0f0f0;
}

.template-editor .template-list .template-item.selected {
  border-bottom: solid 4px #0052CC;
  background: #eeeeee;
}

.template-editor .template-container {
  margin-left: 400px;
  border-top: solid #e8e8e8 2px;
  padding-top: 10px;
  padding-top: 20px;
  padding-left: 20px;
}

.template-editor .template-container {
  padding-right: 10px;
  overflow-y: scroll;
}

.template-editor .template-list {
  overflow-x: hidden;
  overflow-y: auto;
}

.template-header {
  display: table;
  width: 100%;
}

.template-header > div {
  display: table-cell;
}

.template-header-name {
  vertical-align: middle;
  margin-top: 5px;
  font-size: 26px;
}

.template-header-edit-button {
  margin-right: 20px;
  text-align: right;
}

.template-section-list {
  margin-top: 10px;
  padding-bottom: 10px;
}

.template-section-question {
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: grid;
  grid-template-columns: 20px 1fr 32px;
          align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  width: 100%;
  height: 34px;
  line-height: 34px;
}

.template-section-question:not(.isDragging):hover {
  cursor: default;
  background: #eee;
}

.template-section-question-handle {
  cursor: move;
  width: 20px;
  max-width: 20px;
}

.template-section-question-handle-icon {
  fill: #ccc;
}

.template-section-question-action-remove-icon {
  display: none;
  height: 10px;
  color: #ccc;
}

.template-section-question-action-remove-icon:hover {
  cursor: pointer;
  color: red;
}

.template-section-question-action {
  padding-right: 20px;
  text-align: center;
}

.template-section-question-title {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  width: 100%;
  font-size: 14px;
}

.template-section-question-title:hover {
  cursor: pointer;
  color: blue;
  text-decoration: underline;
}

.template-section-name {
  padding-left: 10px;
  font-size: 20px;
}

.template-section-actions {
  width: 100px;
  text-align: right;
}

.template-section {
  display: grid;
  grid-template-columns: 20px 1fr 32px;
  margin-right: 15px;
  margin-bottom: 8px;
  border-bottom: solid #6CC0E5 2px;
  height: 34px;
  line-height: 34px;
}

.template-section:not(:first) {
  margin-top: 20px;
}

.template-add-questions {
  margin-left: 400px;
  padding-left: 20px;
  width: calc(100% - 400px);
}

.template-add-questions h1 {
  margin-bottom: 5px;
  color: #CCC;
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
}

.add-question-search-panel {
  padding-right: 20px;
  width: 100%;
}

.add-question-search-panel .search-button-col {
  width: 32px;
}

.template-add-questions-list {
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.template-add-question-item-question {
  font-size: 14px;
}

.template-add-question-item-section .section-wrapper {
  margin-top: 8px;
  margin-bottom: 8px;
  border-bottom: solid #6CC0E5 2px;
  padding-bottom: 5px;
  width: 100%;
}

.template-add-question-item-section .section-wrapper .section-action {
  width: 42px;
}

.template-add-question-item-section .section {
  font-size: 20px;
}

.template-add-questions-footer {
  position: absolute;
  bottom: 10px;
  width: calc(100% - 440px);
  height: 45px;
  text-align: right;
}

.name-value-value {
  vertical-align: top;
  width: 100px;
}

.name-value-value input {
  width: 100px;
  text-align: center;
}

.name-value-text {
  width: 100%;
}

.name-value-text input,
.name-value-text textarea,
.name-value-text label {
  margin-left: 10px;
  width: 100%;
}

.template-section-question-list {
  width: 100%;
}

body {
  overflow: hidden;
}

.page-container {
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 60px 1fr;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px 1fr;
  width: 100vw;
  height: 100vh;
}

.page-container > .header {
  -ms-grid-row: 1;
  border-bottom: 1px solid lightgrey;
}

.page-container.no-sidebar .inner-body {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}

.page-container.no-sidebar .sidebar {
  display: none;
}

.page-container.no-sidebar .page-content {
  -ms-grid-column: 1;
}

.page-container .sidebar {
  -ms-grid-column: 1;
  border-right: 1px solid lightgrey;
}

.page-container .sidebar .ui.vertical.menu {
  -webkit-box-shadow: none;
  margin: 20px;
          box-shadow: none;
  border: 0;
}

.page-container .sidebar.scrolling {
  overflow-x: hidden;
  overflow-y: auto;
}

.page-container .footer {
  -ms-grid-row: 3;
  display: none;
  border-top: 1px solid lightgrey;
}

.page-container .inner-body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
  -ms-grid-columns: 252px 3fr;
  -ms-grid-rows: 1fr;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 252px 3fr;
          flex: 1;
  overflow: hidden;
}

.page-container .inner-body.wide {
  -ms-grid-columns: 290px 3fr;
  grid-template-columns: 290px 3fr;
}

.page-container .page-content {
  -ms-grid-column: 2;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  height: calc(100vh - 60px);
  overflow-y: scroll;
  overflow-y: auto;
}

.page-container .split-body {
  -ms-grid-row: 2;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}

.ui.vertical.menu {
  width: auto;
  width: initial;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  border: 0px none #ffffff;
  border-radius: 0px;
  background: #e1e1e1;
}

::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}

::-webkit-scrollbar-thumb:active {
  background: #000000;
}

::-webkit-scrollbar-track {
  border: 0px none #ffffff;
  border-radius: 50px;
  background: #666666;
}

::-webkit-scrollbar-track:hover {
  background: #666666;
}

::-webkit-scrollbar-track:active {
  background: #333333;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

.common-header {
  padding-right: 10px;
}

.common-header-bar {
  -webkit-box-shadow: 0 4px 2px -2px #d4d4d5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
  box-shadow: 0 4px 2px -2px #d4d4d5;
  height: 55px;
}

.common-header-bar .common-header-bar-left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
}

.common-header-bar .common-header-bar-right {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  padding-right: 12px;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: right;
  white-space: nowrap;
}

.common-header-bar .header-sub-text {
  font-weight: bold;
}

.client-facilities-page-body .card,
.client-facility-page-body .card {
  padding: 15px;
}

.client-facilities-page-body .card .header,
.client-facility-page-body .card .header {
  font-size: 110%;
  font-weight: bold;
}

.client-facilities-page-body .card :last-child.ui.card,
.client-facility-page-body .card :last-child.ui.card {
  padding-bottom: 2px;
}

.client-facilities-page-body .card .filter-wrapper,
.client-facility-page-body .card .filter-wrapper {
  height: 55px;
}

.facility-grid-container,
.location-grid-container {
  -ms-grid-row: 2;
  padding: 15px 20px 25px 5px;
  height: calc(100vh - 135px);
  overflow-y: auto;
}

.facility-grid,
.location-grid {
  display: -webkit-box;
  /* Not needed if autoprefixing */
  display: -ms-flexbox;
  /* Not needed if autoprefixing */
  display: flex;
  margin-left: -20px;
  /* gutter size offset */
  width: auto;
}

.facility-grid_column,
.location-grid-column {
  /* gutter size */
  background-clip: padding-box;
  padding-left: 20px;
}

/* Style your items */

.facility-grid_column > div {
  /* change div to reference your elements you put in <Masonry> */
  margin-bottom: 30px;
}

.archived-facility .header {
  color: #a50000;
}

.page-container .client-index-page .page-content {
  padding: 20px 0px 20px 20px;
  overflow-y: hidden;
}

.page-container .client-index-page .page-content .client-facilities-page-body {
  -ms-grid-rows: 55px 1fr;
  display: grid;
  grid-template-rows: 55px 1fr;
}

.page-container .client-index-page .main-content-wrapper {
  margin-right: 10px;
  height: calc(100vh - 208px);
  overflow-y: auto;
}

.page-container .client-index-page .content-header {
  padding: 0 30px 0 2px;
}

.page-container .user-index-page-body .page-content {
  padding: 20px 0px 20px 20px;
  overflow-y: hidden;
}

.page-container .user-index-page-body .page-content .client-facilities-page-body {
  -ms-grid-rows: 55px 1fr;
  display: grid;
  grid-template-rows: 55px 1fr;
}

.page-container .user-index-page-body .main-content-wrapper {
  -ms-grid-rows: 80px 1fr;
  display: grid;
  grid-template-rows: 80px 1fr;
  margin-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  height: calc(100vh - 154px);
}

.page-container .user-index-page-body .main-content-wrapper__user-list {
  margin-bottom: 20px;
}

.page-container .user-index-page-body .content-header {
  padding: 0 30px 0 2px;
}

.page-container .client-audit-plans-page-body .main-content-wrapper {
  -ms-grid-rows: 80px 1fr;
  display: grid;
  display: -ms-grid;
  grid-template-rows: 80px 1fr;
  padding-right: 20px;
  padding-bottom: 20px;
  height: calc(100vh - 135px);
}

.page-container .client-audit-plans-page-body .row-2 > div {
  margin-bottom: 20px;
}

.page-container .client-audit-plans-page-body .content-header {
  padding: 0 30px 0 2px;
}

.facility-grid .card-button {
  margin-top: 20px;
}

.facility-card-contact {
  margin-top: 5px;
  border-top: solid 1px #eee;
  padding: 5px 0;
  padding-top: 1em;
  color: #333;
}

.facility-card-contact .detail {
  font-weight: bold;
}

.facility-card-location {
  -ms-grid-columns: 1fr 120px;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 120px;
          align-items: center;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.facility-card-location__name {
  -ms-grid-column: 1;
  padding-top: 5px;
}

.facility-card-location__actions {
  -ms-grid-column: 2;
  text-align: right;
}

.location-card-contact {
  margin-top: 5px;
  border-top: solid 1px #eee;
  padding: 5px 0;
  padding-top: 1em;
  color: #333;
}

.location-card-contact .detail {
  font-weight: bold;
}

.location-card-secondary-contact {
  padding: 5px 0;
  color: #333;
}

.location-card-secondary-contact .detail {
  font-weight: bold;
}

.planner-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
          flex-direction: column;
  margin-top: 20px;
  height: calc(100vh - 155px);
}

.planner-wrapper__header {
  -ms-grid-columns: 1fr 270px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 270px;
  margin-right: 10px;
  border-bottom: solid #d0d0d0 5px;
  padding-bottom: 10px;
}

.planner-wrapper__locations {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  overflow-y: auto;
}

.planner-wrapper__locations > :first-child {
  -ms-grid-column: 1;
}

.planner-wrapper__locations > :nth-child(2) {
  -ms-grid-column: 2;
}

.card-header {
  -ms-grid-columns: 1fr 96px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 96px;
}

.card-header > :first-child {
  -ms-grid-column: 1;
  margin-top: 8px;
  margin-bottom: 0;
}

.card-header > :nth-child(2) {
  -ms-grid-column: 2;
  text-align: right;
}

.admin-clients-page-body .card,
.admin-clients-page-body .card {
  padding: 15px;
}

.admin-clients-page-body .card .header,
.admin-clients-page-body .card .header {
  font-size: 110%;
  font-weight: bold;
}

.admin-clients-page-body .card :last-child.ui.card,
.admin-clients-page-body .card :last-child.ui.card {
  padding-bottom: 2px;
}

.admin-clients-page-body .filter-wrapper .common-header-bar,
.admin-clients-page-body .filter-wrapper .common-header-bar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}

.admin-clients-page-body .filter-wrapper .admin-header-bar .search-panel,
.admin-clients-page-body .filter-wrapper .admin-header-bar .search-panel {
  margin-top: 15px;
}

.admin-client-grid-container {
  -ms-grid-row: 2;
  padding: 15px 20px 25px 5px;
  height: calc(100vh - 187px);
  overflow-y: auto;
}

.client-grid {
  display: -webkit-box;
  /* Not needed if autoprefixing */
  display: -ms-flexbox;
  /* Not needed if autoprefixing */
  display: flex;
  margin-left: -20px;
  /* gutter size offset */
  width: auto;
}

.client-grid-column {
  /* gutter size */
  background-clip: padding-box;
  padding-left: 20px;
}

/* Style your items */

.client-grid_column > div {
  /* change div to reference your elements you put in <Masonry> */
  margin-bottom: 30px;
}

.archived-facility .header {
  color: #a50000;
}

.page-container .admin-index-page .page-content {
  padding: 20px 0px 20px 20px;
  overflow: hidden;
}

.page-container .admin-index-page .page-content .admin-clients-page-body {
  -ms-grid-rows: 128px 1fr;
  display: grid;
  grid-template-rows: 128px 1fr;
}

.page-container .admin-index-page .main-content-wrapper {
  margin-right: 10px;
  height: calc(100vh - 208px);
  overflow-y: auto;
}

.page-container .admin-index-page .content-header {
  padding: 0 30px 0 2px;
}

.client-grid .card-button {
  margin-top: 20px;
}

.client-card-contact {
  margin-top: 5px;
  border-top: solid 1px #eee;
  padding: 5px 0;
  padding-top: 1em;
  color: #333;
}

.client-card-contact .detail {
  font-weight: bold;
}

.client-card-location {
  -ms-grid-columns: 1fr 120px;
  -webkit-box-align: center;
      -ms-flex-align: center;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 1fr 120px;
          align-items: center;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
}

.client-card-location__name {
  -ms-grid-column: 1;
  padding-top: 5px;
}

.client-card-location__actions {
  -ms-grid-column: 2;
  text-align: right;
}

.card-header {
  -ms-grid-columns: 1fr 96px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 96px;
}

.card-header > :first-child {
  -ms-grid-column: 1;
  margin-top: 8px;
  margin-bottom: 0;
}

.card-header > :nth-child(2) {
  -ms-grid-column: 2;
  text-align: right;
}

.add-question-condition-dialog ul {
  margin-left: 40px;
  font-size: 13px;
  list-style: disc outside none;
  list-style: initial;
}

.inner-body.report {
  -ms-grid-columns: 2fr 3fr;
  grid-template-columns: 2fr 3fr;
}

.report-index-page {
  -ms-grid-row: 2;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
}

.sidebar.report {
  padding: 20px;
  height: calc(100vh - 60px);
  overflow-y: auto;
}

.report-item {
  margin: 5px 0 15px 0 !important;
  border: solid #c3c3c3 1px;
  border-radius: 4px;
  min-width: 390px;
}

.report-item:hover {
  cursor: pointer;
  border: solid #bbb 1px;
  background: #eee;
}

.report-item h5 {
  margin-bottom: 5px !important;
}

.toolkit-sections-page-body .card,
.toolkit-templates-page-body .card {
  padding: 15px;
}

.toolkit-sections-page-body .card .header,
.toolkit-templates-page-body .card .header {
  font-size: 110%;
  font-weight: bold;
}

.toolkit-sections-page-body .card :last-child.ui.card,
.toolkit-templates-page-body .card :last-child.ui.card {
  padding-bottom: 2px;
}

.toolkit-sections-page-body .filter-wrapper .common-header-bar,
.toolkit-templates-page-body .filter-wrapper .common-header-bar {
  -webkit-box-flex: 1;
  -ms-flex: 1;
          flex: 1;
  margin-right: 10px;
}

.toolkit-sections-page-body .filter-wrapper .toolkit-header-bar .search-panel,
.toolkit-templates-page-body .filter-wrapper .toolkit-header-bar .search-panel {
  margin-top: 15px;
}

.page-container .toolkit-index-page .page-content {
  padding: 20px 0px 20px 20px;
  overflow: hidden;
}

.page-container .toolkit-index-page .page-content .admin-clients-page-body {
  -ms-grid-rows: 128px 1fr;
  display: grid;
  grid-template-rows: 128px 1fr;
}

.page-container .toolkit-index-page .main-content-wrapper {
  margin-right: 0px;
  height: calc(100vh - 154px);
  overflow-y: auto;
}

.page-container .toolkit-index-page .content-header {
  padding: 0 30px 0 2px;
}

.template-manager-page-body .page-content {
  padding: 20px 0px 20px 20px;
  overflow-y: hidden;
}

.template-manager-page-body .page-content .client-facilities-page-body {
  -ms-grid-rows: 55px 1fr;
  display: grid;
  grid-template-rows: 55px 1fr;
}

.template-manager-page-body .main-content-wrapper {
  -ms-grid-rows: 80px 1fr;
  display: grid;
  grid-template-rows: 80px 1fr;
  margin-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  height: calc(100vh - 154px);
  overflow-x: hidden;
}

.template-manager-page-body .content-header {
  padding: 0 30px 0 2px;
}

@media print {
  .sidebar.report {
    height: 100vh;
    overflow-y: visible;
  }
}


/*# sourceMappingURL=styles.css.map*/