From 96efcd84d5be57b38b966964d3d6a5cdc7757ff1 Mon Sep 17 00:00:00 2001 From: taoteg Date: Wed, 29 Nov 2023 16:10:44 -0600 Subject: [PATCH] Cleanedup mistake in css. Linting seems to regenerate unused style code locally. Investigating, but this commit is clean. --- .../modal-questionnaire-viewer.component.styl | 7767 +---------------- 1 file changed, 33 insertions(+), 7734 deletions(-) diff --git a/angular/src/app/components/modal-questionnaire-viewer/modal-questionnaire-viewer.component.styl b/angular/src/app/components/modal-questionnaire-viewer/modal-questionnaire-viewer.component.styl index 2a53eb6e..3e9aa97c 100644 --- a/angular/src/app/components/modal-questionnaire-viewer/modal-questionnaire-viewer.component.styl +++ b/angular/src/app/components/modal-questionnaire-viewer/modal-questionnaire-viewer.component.styl @@ -19,14 +19,14 @@ * by accessing https://rapid.apl.uw.edu/rapp/ and retreiving the code as the code is not minimized. */ -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** +//***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** // NOV 2023 Redesign for Hazmapper Integration. // Fix modal layout for Questionnaire viewer. // Testing against 1080px, 1280px, 1440px and 1920px widths. // Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal +::ng-deep body > modal-container > div.reveal margin 0 margin-left 8% margin-right auto @@ -34,7 +34,7 @@ width 57% -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * +::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * cursor default font-size 0.8rem line-height normal @@ -43,7713 +43,11 @@ pointer-events none -::ng-deep div.questionWrapper +::ng-deep div.questionWrapper border-top 2px solid #cccccc -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - -/***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper -::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**/ - - - /***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion - border-top 1px solid #aaaaaa - margin-left 30px !important - - -::ng-deep div.subQuestion:before - color #999999 - content " (sub-question)" - font-size 0.6rem - font-style italic - font-weight bold - - -::ng-deep div.subQuestionOptions - margin-left 20px !important - - -::ng-deep div.questionWrapper ::ng-deep div.subQuestion - margin-top 10px !important - margin-bottom 10px !important - - -::ng-deep div.questionHeaderWrapper - display flex - flex-direction row - justify-content space-between - padding-top 10px !important - - -::ng-deep p.questionNumber - font-size 1.2rem !important - font-weight bold - - -::ng-deep p.questionType - color #444444 - font-size 0.7rem !important - font-style normal - font-weight bold - - -::ng-deep p.questionType:before - color #999999 - content "Question Type: " - font-size 0.7rem - font-style italic - font-weight bold - margin-right 4px !important - - -// This is the "Required" tag on questions. -::ng-deep p.editFieldLabel - color #660000 - font-size 0.6rem !important - font-style italic - font-weight bold - margin-top 4px !important - - -::ng-deep p.headingText - font-weight bold - margin-bottom 10px !important - margin-top 10px !important - - -::ng-deep p.questionText - margin-bottom 10px !important - margin-left 10px !important - margin-top 10px !important - - -::ng-deep p.instructionText - font-size 0.9rem - margin-left 10px !important - margin-top 10px !important - - -/** -::ng-deep p.instructionText:before - content "Instructions " - display block - text-decoration underline - margin-bottom 4px !important -**//***** CUSTOM SELECTORS FOR HAZMAPPER QUESTIONNAIRE VIEWER ***** - -// NOV 2023 Redesign for Hazmapper Integration. -// Fix modal layout for Questionnaire viewer. -// Testing against 1080px, 1280px, 1440px and 1920px widths. - -// Positions the parent modal and adjusts the entire questionnaire. -::ng-deep body > modal-container > div.reveal - margin 0 - margin-left 8% - margin-right auto - padding 2% - width 57% - - -::ng-deep body > modal-container > div.reveal > div.modal-content > app-modal-questionnaire-viewer > div.view-only-questionnaire-container * - cursor default - font-size 0.8rem - line-height normal - margin 0 - padding 0 - pointer-events none - - -::ng-deep div.questionWrapper - border-top 2px solid #cccccc - - -::ng-deep div.subQuestion border-top 1px solid #aaaaaa margin-left 30px !important @@ -7766,13 +64,13 @@ margin-left 20px !important -::ng-deep div.questionWrapper +::ng-deep div.questionWrapper ::ng-deep div.subQuestion margin-top 10px !important margin-bottom 10px !important -::ng-deep div.questionHeaderWrapper +::ng-deep div.questionHeaderWrapper display flex flex-direction row justify-content space-between @@ -7809,19 +107,19 @@ margin-top 4px !important -::ng-deep p.headingText +::ng-deep p.headingText font-weight bold margin-bottom 10px !important margin-top 10px !important -::ng-deep p.questionText +::ng-deep p.questionText margin-bottom 10px !important margin-left 10px !important margin-top 10px !important -::ng-deep p.instructionText +::ng-deep p.instructionText font-size 0.9rem margin-left 10px !important margin-top 10px !important @@ -7836,51 +134,51 @@ **/ -::ng-deep div.dropDownViewModeContainer +::ng-deep div.dropDownViewModeContainer margin-left 20px !important margin-top 10px !important -::ng-deep textarea.instructionField +::ng-deep textarea.instructionField font-style italic ::ng-deep div.answerBubbleViewMode ::ng-deep div.answerBubbleViewModeSelected -::ng-deep div.questionOptionShape -::ng-deep div.matrixOptionBubble.optionSelected +::ng-deep div.questionOptionShape +::ng-deep div.matrixOptionBubble.optionSelected border solid 1px hsl(0, 0%, 10%) ::ng-deep div.answerBubbleViewMode -::ng-deep div.questionOptionShape -::ng-deep div.matrixOptionBubble.optionSelected +::ng-deep div.questionOptionShape +::ng-deep div.matrixOptionBubble.optionSelected height 0.5rem margin-right 4px !important width 0.5rem -::ng-deep div.questionOptionShape +::ng-deep div.questionOptionShape border-radius 50% ::ng-deep .optionSelected -::ng-deep .answerBubbleViewModeSelected +::ng-deep .answerBubbleViewModeSelected background-color rgb(51, 204, 255) !important -::ng-deep .questionnaireQuestion +::ng-deep .questionnaireQuestion margin-top 2px !important -::ng-deep input.RangeAnswerField +::ng-deep input.RangeAnswerField color hsl(180, 100%, 32%) margin 0 10px text-align center width 30px -::ng-deep .rangeAnswers +::ng-deep .rangeAnswers margin-left 20px !important @@ -7892,29 +190,30 @@ ::ng-deep p.rangeAnswer.selected -::ng-deep p.rangeAnswerDoubleDigit.selected +::ng-deep p.rangeAnswerDoubleDigit.selected border 2px solid #1779ba border-radius 50% -::ng-deep p.questionMatrixColumnLabel +::ng-deep p.questionMatrixColumnLabel font-weight bold text-decoration underline -::ng-deep table.matrixQuestionTable > tr - margin-bottom 3px !important +::ng-deep table.matrixQuestionTable > tr + margin-bottom 4px !important + margin-top 4px !important -::ng-deep table.matrixQuestionTable > tr:not(:first-child) +::ng-deep table.matrixQuestionTable > tr:not(:first-child) border-bottom 1px solid #dedede -::ng-deep td.spacer - visibility hidden +::ng-deep td.spacer + visibility: hidden -::ng-deep div.buttonDecline +::ng-deep div.buttonDecline display none font-color #660000 !important font-size 0.9rem @@ -7923,18 +222,18 @@ margin-top 6px !important -::ng-deep div.locationMapContainer .leaflet-control-container +::ng-deep div.locationMapContainer .leaflet-control-container display none -::ng-deep div.locationMapContainer +::ng-deep div.locationMapContainer display block height 500px position relative width 100% -::ng-deep p.locationQuestionDetails +::ng-deep p.locationQuestionDetails font-weight bold margin-bottom 5px !important margin-left 10px !important @@ -7945,7 +244,7 @@ margin-left 10px !important -::ng-deep textarea.locationAddress +::ng-deep textarea.locationAddress display block height auto margin-bottom 5px !important