/** * Copyright (C) 2015 NQC HOLDINGS LIMITED - All Rights Reserved * * NOTICE: All information contained herein is, and remains the property of NQC HOLDINGS LIMITED. * The intellectual and technical concepts contained herein are proprietary to NQC HOLDINGS LIMITED * and are protected by U.K. and U.S. Trade Secret or Copyright Law. * * Dissemination of this information or reproduction of this material is strictly forbidden * unless prior written permission is obtained from NQC HOLDINGS LIMITED. * * Unauthorized use, duplication, reverse engineering, any form of redistribution, * or use in part or in whole other than by prior, express, printed and signed * license for use is subject to civil and criminal prosecution. * If you have received this file in error, please notify the copyright holder * and destroy this and any other copies as instructed. */ /* COPY FROM cybersafe_style.css */ /* @import url('_variables.css'); */ @import 'variables.css'; .govuk-header-logo {overflow: visible!important} #cyber-safe-logo {display: block; margin-top: -7px; margin-left: 303px; height: 15px!important} #scan-2-icons PATH { fill:rgba(160,160,160,1); stroke: rgba(0,0,0,1); stroke-width:0.4; stroke-dashoffset: 1000; stroke-dasharray: 1000; animation-name: chuck; animation-duration: 30s; animation-timing-function: ease-in; } .com-inline { display: inline-block; width: 18%; text-align: center} .com-lmar1 { margin-left: 5px; } .com-lmar2 { margin-left: 10px; } .com-lmar3 { margin-left: 15px; } .com-lmar4 { margin-left: 20px; } .com-rmar1 { margin-right: 5px; } .com-rmar2 { margin-right: 10px; } .com-rmar3 { margin-right: 15px; } .com-tmar1 { margin-top: 5px; } .com-tmar2 { margin-top: 10px; } .com-tmar3 { margin-top: 15px; } .com-tmar4 { margin-top: 20px; } .com-bmar1 { margin-bottom: 5px; } .com-bmar2 { margin-bottom: 10px; } .com-bmar3 { margin-bottom: 15px; } .com-bmar4 { margin-bottom: 20px; } .com-lpad1 { padding-left: 5px; } .com-lpad2 { padding-left: 10px; } .com-lpad3 { padding-left: 15px; } .com-lpad4 { padding-left: 20px; } .com-rpad1 { padding-right: 5px; } .com-rpad2 { padding-right: 10px; } .com-rpad3 { padding-right: 15px; } .com-rpad4 { padding-right: 20px; } .com-tpad1 { padding-top: 5px; } .com-tpad2 { padding-top: 10px; } .com-tpad3 { padding-top: 15px; } .com-tpad4 { padding-top: 20px; } .com-bpad1 { padding-bottom: 5px; } .com-bpad2 { padding-bottom: 10px; } .com-bpad3 { padding-bottom: 15px; } .com-bpad4 { padding-bottom: 20px; } .com-fieldwidth { width: 70%; } .com-table { border-spacing: 10px; } .com-table-row {} #ports_icon PATH { animation-delay: 0s; } #services_icon PATH { animation-delay: 2s; } #products_icon PATH { animation-delay: 5s; } #certs_icon PATH{ animation-delay: 8s; } #others_icon PATH { animation-delay: 10s; } #vulns_icon PATH { animation-delay: 12s; } @keyframes chuck { to { stroke-dashoffset: 0; } } button { display: block; padding: 0; margin: 0; font-size: inherit; font-weight: inherit; font-family: inherit; background-color: transparent; color: #000000; /*prevent flashing of button when tapped on mobile*/ -webkit-tap-highlight-color: transparent; } .spreadsheet-rows-container button.button-inline { display: inline-block; } button.button-inline { display: inline-block; } button.standard-form-tertiary { height: 33px; } .button-inline { display: inline-block; } button.primary { background-color: var(--nqc-primary); } button.circle { border-radius: 500px; } .button {text-decoration: none!important} button > svg {display: block} SPAN.number-circle {background-color: #FFF; border: 3px solid #0B0C0C; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; font-weight: bold; line-height: 35px; margin-right: 5px; text-align: center; width: 35px} #start_scan {background-color: #149E2B; color: #FFF; float: left; border-color: #149E2B} .start-scan-disabled {background-color: #818181!important; border-color: #818181!important; cursor: not-allowed!important} #start_scan:HOVER {background-color: #006435; cursor: pointer} #scan-1 {height: 100px} .scan-section {border-left: 2px solid #FFFFFF; margin-left: 19px; width: 100%; float: left} .scan-section-active {border-left: 2px solid #818181!important} #target_ip {margin-left: 30px; font-weight: 300; color: #0B0C0C; display: none} .step-2-icon {margin-top: 15px; margin-bottom: 15px} .step-2-icon-holder {height: 60px; width: 100%} #main_scan H2 {float: left; width: 100%} #main_scan H3 {font-size: 18px} #scan-2-icons {float: left; width: 100%} #scan-2-icons .com-inline {float: left; width: 15%} #scan-3-advice A {vertical-align: 0em!important;} .scan-section FORM, #progress-bar {margin-left: 30px; margin-top: 15px; margin-bottom: 30px} #scan-1a, #scan-3 {border-color: #FFF} #scan-warning1 {margin-left: 30px; width: 100%; margin-top: 10px; float: left} #vulnerability-stats HR, #latest-vulnerabilities HR {margin-top: 5px; margin-bottom: 10px} #vulnerability-stats P, #latest-vulnerabilities P {font-size: 12px; color:#808080; margin-top: 5px; margin-bottom: 30px} .scan-name {font-size: 18px; color: #818181; height: 32px; line-height: 16px; width: 100%} .scan-num {font-weight: bold; font-size: 24px} #progress_num {margin-top: 22px; font-weight: bold; text-align: left; margin-left: 15px; width: 30px; display: inline-block} #table_details {width: 100%; margin-bottom: 30px; min-width: 750px; } #scan_details {margin-left: 30px; float: left; margin-top: 15px} #scan_details TD, #scan_details TH {vertical-align: text-top; float: left; padding-top: 15px; padding-bottom: 15px} #scan_details TH {text-align: left} .scan-table-number {width: 18%} .scan-table-family {width: 20%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .scan-table-summary {width: 60%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} #scan-3-holder {display: none; float: left} .com-table-dat1, .com-table-dat2 {text-align: center} #latest-vulnerabilities {margin-top: 60px} #latest-vulnerabilities H4 {height: 120px; text-overflow: ellipsis; overflow: hidden; color: #333333; min-height: 120px} #latest-vulnerabilities P {width: 100%; text-align: right; font-size: 14px} #latest-vulnerabilities DIV {float: left; width: 19%; margin-right: 1%} #table_details TR {float: left; border-bottom: 1px solid #EAEDEF; width: 100%} #main_form { float: left} #main_form P {margin-left: 30px;margin-top: 15px; float: left; color:#808080} #scan-1a .standard-form-option {float: left; width: 100%; display: inline} #scan-1a .scan-submit-option {width:25%} #target_input_label div, #target_email_label div { font-size: 12px; color: #808080; min-height: 29px; } #progress-bar {height: 30px; background-color: lightgray; width: 75%; display: inline-block; float: left; margin-left: 30px; position: relative} LABEL .validation-show {display: none} .standard-error {padding-left: 0px!important; border-left: 0px!important} .standard-error-prompt {border-left-color: #B10E1E !important} .standard-error-prompt .error-msg {color: #B10E1E; font-size: 1.2rem; margin-bottom: 5px} .progress-value {height: 100%; display: inline-block; position: absolute; left: 0; overflow: hidden;} #main_form.scan-error .standard-form-option:not(.standard-error){margin-top: 25px} #main_form.scan-error .scan-submit-option:not(.standard-error){margin-top: 51px} #scan-3-advice P:not(:first-child) {margin-top: 15px} .threat-count-number {font-size: 24px} .ie-warning {padding:10px; background-color: #ffbf47; width: 100%; display: block; float:left; margin-bottom: 10px} .ie-warning IMG, .ie-warning SPAN {display: inline-block; float: left} .ie-warning SPAN {width: 95%; margin-left: 10px} #scan-table-number {display: block} #scan-table-number-mobile {display: none} .progress-bkg { height: 100%; float: left; width: 1000px; box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5); background-image: -webkit-linear-gradient(45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, .5), rgba(0, 0, 0, .3)), -webkit-linear-gradient(left, #149E2B, #149E2B); background-size: 47px 29px, 100% 100%, 100% 100%; background-position: 0px 0px; animation-name: move-progress-bkg; animation-duration: 9000s; animation-iteration-count: infinite; animation-timing-function: linear; animation-play-state: running } @-webkit-keyframes move-progress-bkg { from { background-position: 99999% 0% } to { background-position: 0% 0% } } #scan-1a .text-field {width: 13em!important; max-width: 100%} #latest-vulnerabilities H4 {height: auto} #scan-2-icons .com-inline {width: 30%; float: none!important} .scan-icons-group {width: 100%; float: left} #scan-1a .text-field {width: 100%!important} .scan-section {margin-left: 0px} #progress-bar {width: 76%} #progress_num {margin-left: 10px} #scan_details {margin-left: 15px} #scan-table-number {display: none} #scan-table-number-mobile {display: block} .scan-table-summary {width: 100%} #table_header .scan-table-summary {width: 60%} .confirm-yes {padding-left: 10px; padding-right: 10px} /*END OF COPY FROM cybersafe_style.css*/ /* STANDARD Styles */ * {padding:0px; border:0px; margin:0px; box-sizing: border-box} HTML {overflow-y: scroll} BODY {font-family: Lato,Arial,sans-serif; color: #161616; font-size: 75%; font-weight: normal; direction: ltr; min-width:330px; text-decoration-skip-ink: none} H1 {font-size: 36px!important; font-weight: 700} H2 {font-size: 16px; font-weight:700;} H3 {font-size: 16px; font-weight:normal;} H4 {font-size: 1em; font-weight:normal;} H5 {font-size: 18px; font-weight:normal;} H3.top-info {margin-top: 26px} H3.faq {font-size: 22px; font-weight: 500; color: #6f777b; padding-top: 8px;} CODE {word-break: break-all; float: left; width: 100%} XMP {word-break: break-word} .bold, .page-contents-selected, .questionnaire-answers-section-question-prependreference {font-weight: 700} h1.new-size {font-size: 60px !important} h2.new-size {font-size: 48px !important} h3.new-size {font-size: 36px !important} h4.new-size {font-size: 24px !important} h5.new-size {font-size: 16px !important} h6.new-size {font-size: 15px !important} INPUT[type=submit] {-webkit-appearance: none;} BUTTON:hover {cursor: pointer} /*#body-outer-canvas {width: 978px; margin: 0 auto; padding-left: 5px; padding-right: 5px; background-color: #FFFFFF; padding-bottom: 5px}*/ #body-inner-canvas {border-top: 1px solid #FFFFFF} .body-rtl{direction: rtl!important} .body-ltr{direction: ltr!important} .grey-text {color: #9A9A9A !important} /*courtesy of https://justmarkup.com/articles/2015-07-31-dealing-with-long-words-in-css/ cross browser solution to include hyphens or broken words with long text*/ .break-word {overflow-wrap: break-word; word-wrap: break-word; /*-webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto*/} SELECT {font-family: Arial, sans-serif; height: 35px; color: #0B0C0C; border: 1px solid #808080; padding: 0.2em} /*SELECT.standard-select {width: 15.8em}*/ /*SELECT.standard-select-long{width:500px !important;}*/ /*SELECT.standard-select-short{width:97.5% !important;}*/ /*SELECT.standard-miniselect {width: 4.5em!important; margin-bottom: 0.2em}*/ SELECT.auto-select {width: auto!important} SELECT:disabled, INPUT[type=text]:disabled{background-color: #F2F2F2; border: 1px solid #808080; color: #0B0C0C} HR {height: 0.5px; background-color: #737373; width: 100%; margin-bottom: 1em; margin-top: 1em} .reverse-left-col HR {margin-left: 5px} .hint, DIV.length-check {color: #6F777B} #standard-single-col {width: 100%; min-height: 27em; background-color: transparent} #standard-left-col, #reverse-right-col {width: 100%; background-color: transparent} /*prevent inputs from overflowing containers when specific widths are given*/ input, select, textarea {max-width: 100% !important} /*.standard-body-form #standard-left-col {border-right: 1px solid #808080}*/ #standard-left-col SELECT.auto-select, #reverse-right-col SELECT.auto-select {min-width: 15.8em} #standard-left-col .standard-form-option-stacked SELECT.auto-select {min-width: 0} FIELDSET {direction: ltr!important; min-width: 0} /* min-width: 0 needed for chrome otherwise FIELDSET ignores width setting, similar to Firefox bug 504622 below */ INPUT, TEXTAREA {font-family: Arial, sans-serif} TEXTAREA {padding: 0.2em; border: 1px solid #808080; font-size: 18px} .text-source {margin-top: 10px; color: var(--nqc-mid-grey); width:100%} INPUT.standard-submit {vertical-align: top; color: #FFFFFF; font-size: 16px; padding-left: 26px; padding-right: 26px; padding-top: 0.25em; padding-bottom: 0.35em; cursor: pointer; overflow: visible; margin-bottom:6px} .questionnaire-question-spreadsheet INPUT.standard-submit {margin-bottom: 0} .questionnaire-question-option.questionnaire-question-spreadsheet.questionnaire-question-option-child-nomarker {padding: 0 0 10px 0; margin: 0 0 10px 0;} .questionnaire-question-option-tooltip, .questionnaire-spreadsheet-row-count-circle {display: inline-flex; vertical-align: middle;} .questionnaire-spreadsheet-row-count-circle {background-color: #343A40; color: white; width: 24px; height: 24px; justify-content: center; align-items: center; border-radius: 12px; font-size: 12px; font-weight: 700;} input.standard-submit.login-form-continue {width: 100%} INPUT.footer-submit { width:130px; background-color:#a2bce3; padding:3px; float:right !important; position:absolute; bottom:15px;} INPUT.contracts-button {font-size: 150%; background-color: #00823B!important} INPUT.standard-button, INPUT.standard-button-auto {color: #FFFFFF; float: right; display: block; width: 11em; margin-top: 0.4em; margin-bottom: 0.4em; margin-right: 0.2em; margin-left: 0.2em; height: 1.8em;cursor: pointer} INPUT.standard-action, INPUT.standard-action-auto {width: 5em!important; color: #FFFFFF; float: right; display: block; width: 11em; margin-top: 0.4em; margin-bottom: 0.4em; margin-right: 0.4em; margin-left: 0.2em; height: 1.8em;cursor: pointer} INPUT.standard-button-big {height: 34px; margin: 0 auto; float: left; font-size: 19px; width:95%} INPUT.standard-button-disabled {color: #333333!important; background-color: #EAEDEF!important} INPUT.link-button-disabled {color: #333333!important} INPUT.standard-button-auto {width: auto!important; padding-left: 0.5em; padding-right: 0.5em} .standard-secondary-upload {text-decoration: underline; text-underline-offset: 3px} INPUT.standard-secondary-submit, INPUT.standard-button {background-color: #737373; border: 1px solid #333333} INPUT.standard-button:HOVER, INPUT.search-submit:HOVER {background-color: #808080; color: #B4B4B4!important} INPUT.standard-button-priority {background-color: #179E14!important; border: 1px solid #179E14!important; height: 3.6em!important; width: 13em!important} INPUT.standard-button-priority:HOVER {background-color: #95E427!important} INPUT.standard-button-user {border-left: 0.5em #595959 solid!important} INPUT.standard-button-buyer {border-left: 0.5em #0A3B4F solid!important} INPUT.standard-button-support {border-left: 0.5em #0A214F solid!important} INPUT.standard-button-dev {border-left: 0.5em #E4A527 solid!important} INPUT.standard-button-menu {border-left: 0.5em #333333 solid!important} input:disabled + label .hint {opacity: 0.55} .standard-form-option.standard-indent{padding-left:5px} .standard-form-inset {border-left: 10px solid rgb(177, 180, 182); padding: 15px!important} INPUT#buyer_code {margin-left:3px} BUTTON.link-button {background: none!important; border: none!important; padding: 0!important; border-radius: 0rem!important} FORM .standard-gadget-label {float: left; margin-top: 1em} INPUT.image-submit {padding: 6px; margin-left: -0.78em} .gadget-viewbox-full {position: relative} .gadget-viewbox-full:after {content: ""; display: block; clear: both} /*fix introduced for highlight offsetting in random location*/ /*.gadget-viewbox-full A:focus > *:nth-child(1), .content-margin.imageshow.logoshow > div > a:focus > *:nth-child(1) {outline: 3px solid #FFBF47;} */ .gadget-viewbox-full A.gadget-record-link:focus {outline: 3px solid #FFBF47} /*CSS spinner for loading elements or pages*/ .cover-spin {position:absolute;width:100%;left:0;right:0;top:0;bottom:0;background-color: rgba(255,255,255,0.7);z-index:6000;display:none;} @-webkit-keyframes spin {from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);}} @keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} .cover-spin::after {background-image: url(/images/skins/sa/file-loading.gif); background-position: center; background-repeat: no-repeat; content:'';display:block; position:absolute;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;/*border-style:solid;border-color:black;border-top-color:transparent;border-width: 4px;border-radius:50%; -webkit-animation: spin .8s linear infinite;animation: spin .8s linear infinite;*/} .loading-placeholder {max-width: 100%} /*end CSS spinner*/ /*CSS loading dots*/ .loader, .loader:before, .loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: loaderdots 1.3s infinite ease-in-out; animation: loaderdots 1.3s infinite ease-in-out; } .loader { display: none; color: #1e2849; font-size: 5px; margin: 1px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.08s; z-index: 1000; } .loader:before, .loader:after { content: ''; position: absolute; top: 0; } .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.16s; } .loader:after { left: 3.5em; } @-webkit-keyframes loaderdots { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes loaderdots { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } /*end CSS loading dots*/ A.link-white {color: white !important} A.standard-button {display: inline-block; position: relative;padding: 0.25em 0.67em 0.35em 0.67em; margin-bottom: 15px; } A.standard-button:link, A.standard-button:visited { border-radius:0; text-decoration: none!important; text-align: center; color: #FFFFFF; cursor: pointer; vertical-align: top;} A.standard-button:hover, A.standard-button:active, A.standard-button:focus {text-decoration: none!important; color: #B4B4B4;} A.floatleft {float:left; } A.floatright {float:right; } a[data-ajax-success=pd-open] { text-decoration: underline; cursor: pointer; } .gadget-filter-holder INPUT.image-submit {display: inline; float: right; margin-right: 0} .standard-form-body {width: 100%} .standard-form-body INPUT.invisible {background-color: transparent; border: 0px none #FFFFFF!important} .standard-form-body.standard-error {padding-left: 15px;} #questionnaire-form SELECT.standard-error {padding-left: 0px!important} .standard-form-body .standard-form-option.input-30 {width: 30%} .standard-form-body .standard-form-option.input-60 {width: 60%; margin-right:1em} .standard-form-body .standard-form-option.input-60 INPUT {width: 99%} .standard-form-body .standard-form-option.standard-form-option-inline.indent-left {margin-left: 1em} .standard-form-body .standard-form-option-inline LABEL {width: 100%!important} .standard-form-body .standard-form-option-inline .selection-button-radio, .standard-form-body .standard-form-option-inline .selection-button-checkbox {width: auto!important} .gadget-header-form LABEL {font-size: 16px!important} .standard-form-body .standard-form-option-inline .standard-select {height: 1.96em} .standard-form-body .standard-form-option-inline.inline-form-icon {height: 1em; color: #149E2B!important; margin-left: -2em; margin-top: 0.7em; font-size: 1.5em} .standard-form-option-inline .standard-form-option-inline-cancel{vertical-align:-0.4em} .standard-form-body .form-field-group.left-indent {margin-left:2em} .standard-form-body DIV#terms_conditions { padding: 0.2em; float: left} .standrd-form-container:after {content: " "; display: block; clear: both} .skin-contractfinder .standard-form-body .standard-form-option-inline LABEL {width: auto!important} BUTTON.standard-submit {float: right; background: none; font-size: 19px; text-decoration: underline; cursor: pointer} BUTTON.delete-button {color: #808080} LABEL IMG {cursor: pointer} .gadget-body INPUT.standard-button {float: right; display: block; margin: 0.4em; margin-left: 1em} INPUT.file-upload {padding: 0.3em; width: 100%; max-width: 25em; margin-right: 1em; border: 1px solid #808080} .text-field, .questionnaire-question-option-exportbox {border: 1px solid #808080; height: 1.2em; padding: 0.3em; width: 15em; margin-right: 1em} .text-field-additional-info {width: 15em; font-weight: bold; font-size: 19px; text-align: center;} .text-field, .date-field {font-size: 1em} .text-field-cell{width: 7.5em!important; margin-right: 0.2rem!important} .time-field {width: 110px!important; float: none!important} .standard-form-option-daytimerange LABEL {margin-bottom: 15px; float: left; width: 80%} .standard-form-option-daytimerange LABEL P {padding-left: 0px!important} .standard-form-option-daytimerange-row {margin-bottom: 10px; float:left} .standard-form-option-daytimerange-row INPUT, .standard-form-option-daytimerange-row SELECT {height: 35px} .standard-form-option-daytimerange-row .standard-secondary-submit {float: none!important; padding: 1px; padding-left: 10px; padding-right: 10px} .standard-form-option-daytimerange-row SELECT {width: 120px!important} .standard-form-option-daytimerange-headings {width: 100%; float: left} .questionnaire-question-option-child .standard-form-option-daytimerange-headings {margin-left: 15px} .questionnaire-question-option .daytime-start, .questionnaire-question-option .daytime-end {margin-left:0px} .questionnaire-question-option .text-field-date-picker {margin-top: 6px} .standard-form-option-daytimerange-headings SPAN {width: 140px; float: left; margin-bottom: 5px} .questionnaire-question-option .standard-form-option-daytimerange-headings SPAN {width: 125px} .standard-form-option-daytime-button, .standard-form-option-daytime-fields {float: left; display: inline} .select-cell {height: 32px !important} .select-cell-small{width: 5em!important; margin-right: 0.2em!important; margin-left: 0em!important} .select-cell-large {width: 13em!important; margin-right: 0.2em!important; margin-left: 0em!important} .label-cell {width: 9.2em!important; margin-right: 0.6em!important; margin-left: 0em!important; margin-top: 0.5em; float: left; display: inline; font-weight: normal; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .label-cell-small {width: 5em!important} .label-cell-large {width: 15em!important} .text-field-short{width: 5em!important} .text-field-labeled{width: 13em!important} .text-field-character{width: 1.5em!important} .text-field-pin{width: 3.5em!important} .text-field-code{width: 4.5em!important} .text-field-passcode{width: 7em!important} .text-field-answer, .text-field-long {width: 25em; max-width: 100%} .text-field-extralong {width: 600px; max-width: 100%} .text-field-fill {width: 98%!important} .text-field-readonly {background-color: #F2F2F2} .text-field-error, .text-area-error, .select-error, .standard-error, .standard-infobox-alert, .questionnaire-question-option .date-picker-holder .standard-select.standard-error {border: 1px solid #B10E1E!important} .standard-form-option.standard-error {padding-left: 15px} .standard-infobox-alert {border: none !important; border-left: solid 10px #df3034 !important; background: #fceaeb !important; font-size: 15px; } .standard-infobox-alert .standard-infobox-body P{padding: 0px!important} .standard-infobox-error {background: #FFFFFF!important; border: 5px solid #B10E1E!important} .standard-infobox-error .standard-infobox-body P {margin-left: 0px!important} .infobox-message {float: left; display: inline; width: 85%} .infobox-link {float: left; display: inline} .guidance-error-extra{color: #E42737!important} .text-area-autoheight {height: auto!important} .standard-infobox {float: left; margin-bottom: 1em; box-sizing: border-box; width: 100% !important; position: relative} .standard-infobox-call {border: 1px solid #0A214F!important; background-color: #95E427!important} .tabbed-alerts-holder .standard-infobox {margin-top: 15px} .standard-gadget-label {margin-bottom: 1em} .text-field-cell-label{display: /*inline*/inline-block; /*margin-right: 0.2em SCB revert !important; */padding-right: 10px; margin-left:0px!important; width: 7.5em} .text-field-cell-label LABEL {margin-left:0px!important} .text-field-cell-small {width: 5.5em!important} .text-field-cell-large {width: 15.5em!important} .text-field-cell-answer{width: 7.5em!important; margin-right: 0.2em!important; display: inline-block; padding-right: 10px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .question-answer-spreadsheet{margin-left: 5rem; width: 100%; float: left} .questionnaire-question-spreadsheet .spreadsheet-cell {width: 100%; box-sizing: border-box; padding: 0.25rem} .questionnaire-question-spreadsheet .spreadsheet-cell:last-child {padding-right: 0} .questionnaire-question-spreadsheet .spreadsheet-cell > input, .questionnaire-question-spreadsheet .spreadsheet-cell > select {box-sizing: border-box; width: 100% !important; margin: 0 !important} .question-answer-child {border-left: 5px solid #ECE6E6; padding-left: 10px} .question-answer-select .question-answer-result-text {font-weight: normal} .questionnaire-question-option-spreadsheet-labels {width: 100%; float: left; margin-top: 5px} .questionnaire-question-option-spreadsheet-row {position: relative; box-sizing: border-box; display: flex; flex-flow: row wrap; align-items: flex-end; /*padding: 0.25rem 0 SCB revert*/} .spreadsheet-controls {/*margin-left: auto; SCB revert*/ padding: 0.25rem} .spreadsheet-controls button {vertical-align: bottom} .spreadsheet-controls .button, .spreadsheet-controls .standard-submit {min-width: 2.5rem !important} .standard-form-field-controls .button, .standard-form-field-controls .standard-submit {min-width: 2.5rem !important} .standard-form-field-controls .button.disabled svg g { stroke: lightgrey; } /* .standard-form-field-controls .button.disabled { cursor: default } */ .questionnaire-question-option-spreadsheet-row, .question-answer-spreadsheet-row {width: 100%; float: left; /*margin-bottom: 0.5em*/} .questionnaire-question-option-spreadsheet-row .selection-button-checkbox {display: inline-block; vertical-align: top; padding: 0; width: 30px; height: 30px; margin-right: 4px} .questionnaire-question-option-spreadsheet-row SELECT {margin-top: 0em!important; margin-right: 0.2rem !important; box-sizing: content-box; padding-left: 4px; padding-right: 4px} .questionnaire-question-option-spreadsheet-upload {width: 80%; float: left} #questionnaire-question-campaign-invitation-text P {word-break: break-word; word-wrap: break-word; display: inline-block; width: 100%} .standard-quote-holder {width: 55%; float: left; margin-left: 3em; margin-bottom: 2em} .standard-quote-holder H3{width: 100%; display: inline} .standard-quote-holder P{display: inline} /*.icon-important {height: 35px; width: 35px; background-image: url("../images/questionnaires/icon-important.png"); display: inline; float: left; background-repeat: no-repeat; margin-right: 10px} .award-text-red .icon-important {background-image: url("../images/questionnaires/icon-important-red.png");}*/ .icon-important::before { content: "!"; } .icon-important { float: left; margin-right: 9px; width: 36px; height: 36px; line-height: 39px; font-weight: bold; clear: left; background: #000000; color: white; text-align: center; border-radius: 50%; position: relative; font-size: 26px; font-style: normal; } .award-text-red .icon-important { background: #9C0020; } /*map styling*/ #standard-map-canvas {height: 100%; width: 100%} .standard-map-canvas-loading {position: relative; z-index: 2000; float: left; margin-left: 5px; margin-top: 5px} .standard-map-canvas-loading-start {background-image: url("../images/loading.gif"); background-repeat: no-repeat; width: 32px; height: 32px;} .map-popup DIV {margin-bottom: 7.5px} .map-popup IMG {margin-right: 5px} .map-popup-heading-container {display: flex} .map-popup-heading-container .fixed-width {flex-shrink: 0; flex-grow: 0} /*info windows*/ .gm-style-iw.gm-style-iw-c {opacity: 0.9;} .popup-header-content {font-family: Lato, Arial, sans-serif } .popup-header-content H3 {margin-left: 0px!important; padding: 0!important} .popup-content {font-family: Lato, Arial, sans-serif; max-height: 325px} .popup-content img {margin-right: 10px} .popup-content p {/*border-bottom: 1px dotted #d3d3d3; */padding: 0.25em 0 0.5em 0; border-bottom: 2px solid transparent} .popup-content p.selection:hover {cursor: pointer; border-bottom-color: #d3d3d3} .no-text-highlight {user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} /*gadget controls*/ .gadget-menu {float: left; margin-right: 0.5rem} .gadget-menu:hover {cursor: pointer} .gadget-menu:hover {cursor: pointer} .gadget-header-search {float: left} #standard-right-col .map-menu {display: none !important} .gadget-controls {display: none; position: absolute; left: 0; z-index: 1000; background-color: white; width: 100%; box-shadow: 0 22px 20px -16px #000000; padding: 0; box-sizing: border-box} #nqcmap_gadget .gadget-header {padding-bottom: 0.25rem !important} .wide-screen {transition: all 0.18s ease-in} .wide-screen:hover {cursor: pointer; transform: scale(1.15,1)} .active-wide-screen .wide-screen {transform: scale(1.15,1)} .active-wide-screen .wide-screen:hover {transform: scale(1,1)} .help-indicator:hover {cursor: pointer} #fullScreenSVG path, #fullScreenResetSVG path {transition: all 0.18s ease-in} #fullScreenResetSVG {display: none} #fullScreenSVG:hover, #fullScreenResetSVG:hover {cursor: pointer} .active-full-screen #fullScreenResetSVG {display: initial} .active-full-screen #fullScreenSVG {display: none} .active-full-screen .gadget-body, .active-wide-screen .gadget-body {height: calc(100% - 3rem) !important} .active-wide-screen #campaign_progress_chart_div{ min-height: 400px; height: 80%; } .active-full-screen #standard-googlemap-canvas, .active-wide-screen #standard-googlemap-canvas {height: 100% !important} .active-full-screen .hide-on-full-screen, .active-wide-screen .hide-on-wide-screen {display: none !important} #nqcmap_gadget .remove-map {margin-left: 0.5rem; display: inline-block; height: 100%; transform: scale(2)} #nqcmap_gadget .remove-map A {color: #777777 !important; text-decoration: none !important} #nqcmap_gadget .remove-map:hover {cursor: pointer} .active-full-screen .remove-map {display: none !important} .gadget-controls .tabs > * {display: inline-block; margin-right: 0.5rem; padding: 0.8rem; /*background: #f3f3f3*/; border: 1px solid transparent; user-select: none; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none;} .gadget-controls .tabs > *.active-filter {border-bottom: 1px solid #e3e3e3; background-color: #e3e3e3; color: #0a4f16; font-weight: bold;} .gadget-controls .tabs > *:hover {cursor: pointer; color: #0a4f16} .gadget-controls .controls-container, .map-controls .controls-container {position: absolute; width: 100%; z-index: 10; background-color: #e3e3e3; box-shadow: 0px 22px 20px -16px; opacity: 0.85} .gadget-controls .controls-container > div, .map-controls .controls-container > div {display: none; width: 100%; overflow-y: hidden; box-sizing: border-box; height: 0; transition: height 0.3s ease-in} .gadget-control-group, .map-control-group {padding: 0.5rem; box-sizing: border-box} .gadget-control-group p, .map-control-group p {margin-left: 0.5em; margin-top: 4px; font-weight: bold} .gadget-control label span {max-width: 90%; vertical-align: middle} .gadget-control-checkbox, .gadget-control-radio, .gadget-control-select, .gadget-control-btn, .map-control-checkbox, .map-control-radio, .map-control-select, .map-control-btn {display: inline-block; box-sizing: border-box; margin: 0.5em 0.25em} .gadget-control-checkbox input[type='checkbox'], .gadget-control-radio input[type='radio'], .map-control-checkbox input[type='checkbox'], .map-control-radio input[type='radio'] {vertical-align: middle; margin-right: 0.5em} .gadget-control-checkbox span, .gadget-control-radio span, .map-control-checkbox span, .map-control-radio span {display: inline-block; vertical-align: bottom} .gadget-control-checkbox label, .gadget-control-radio label, .map-control-checkbox label, .map-control-radio label {box-sizing: border-box; padding: 0.5em 1em; border-radius: 4px; margin: 0.1em; vertical-align: middle} .gadget-control-checkbox label:hover, .gadget-control-radio label:hover, .gadget-control-checkbox input:hover, .gadget-control-radio input:hover, .map-control-checkbox label:hover, .map-control-radio label:hover, .map-control-checkbox input:hover, .map-control-radio input:hover {cursor: pointer; background-color: #d3d3d3} /*.gadget-control-checkbox input[type='checkbox'], .gadget-control-radio input[type='radio'] {height: 1px; width: 1px}*/ .gadget-control-radio input[type='radio']:focus, .map-control-radio input[type='radio']:focus {outline: none !important; box-shadow: none !important} .gadget-control-checkbox input[type='checkbox']:focus, .map-control-checkbox input[type='checkbox']:focus {background-color: #e3e3e3} .gadget-control-radio input[type='radio']:focus, .map-control-radio input[type='radio']:focus {background-color: #e3e3e3} .gadget-control-checkbox input[type='checkbox']:checked, .map-control-checkbox input[type='checkbox']:checked {background-color: #00dd00} .gadget-control-radio input[type='radio']:checked, .map-control-radio input[type='radio']:checked {background-color: #00dd00} .gadget-control-btn button, .map-control-btn button {padding: 1em 1.5em; background-color: transparent; border: 1px solid #000000; transition: all 0.35s ease-in} .on-map-control {margin: 8px; border-radius: 3px; overflow: hidden; box-shadow: 0 0 9px -3px #000000; width: 30px; height: 30px; background-color: white;} .on-map-control .icon {box-sizing: border-box; width: 24px; height: 24px; line-height: 30px; text-align: center; border-bottom: 1px solid #d3d3d3; transition: border-color 0.2s linear; display: block; margin-left: auto; margin-right: auto;} .on-map-control .toggle {cursor: pointer} .on-map-control:hover {cursor: pointer; background-color: #e3e3e3} .on-map-control .icon:last-child {border-bottom: none} .icon.active-icon, .on-map-control.active-icon {/*border: 1px solid #d3d3d3; */background-color: #e3e3e3} .on-map-control-vertical-group {margin: 8px; box-shadow: 0 0 9px -3px #000000} .on-map-control-vertical-group .on-map-control {border-radius: 0; margin: 0; box-shadow: none} .on-map-control-vertical-group .on-map-control:first-child {border-radius: 3px 3px 0 0} .on-map-control-vertical-group .on-map-control:last-child {border-radius: 0 0 3px 3px} .map-mode-stage-container {position: absolute; left: 1rem; top: 1rem; width: calc(100% - 2rem); padding: 1rem; display: none; z-index: 1; overflow: hidden; background: #ffffff; border-radius: 1rem; box-shadow: 0 0 24px 0 #000000} .stage-instruction {display: flex; align-items: center; justify-content: space-between} /* *** for alternative styling as per AUTO-4251 *** .on-map-control.no-text-highlight { bottom: 12px !important; right: 38px !important; } */ /*end map styling*/ .border-box {box-sizing: border-box} /*tables*/ TABLE.table {display: table; table-layout: fixed; margin: 0 auto; width: 100%} TABLE.table th {padding: 0.4rem 0.8rem} TABLE.table td {padding: 0.8rem} TABLE.table th {text-align: left} /*the table class on a container DIV element will act so the table inside can overflow using scroll, for mobile widths*/ DIV.table {display: block; max-width: 100%; overflow-x: auto} /*OVERRIDE FOR SPECIFIC TABLES HERE*/ /*compliance search results - width and alignment adjustments*/ .compliance-search-results {margin-bottom: 2rem; transition: opacity 0.3s ease-in; opacity: 1; width: 68%; font-size: 0.8rem; padding: 1rem; border: 3px solid #40e0d0} .compliance-search-results.hide {opacity: 0} .compliance-search-results tr {width: 100%} .compliance-search-results th {text-transform: uppercase; font-weight: bolder} .compliance-search-results th, .compliance-search-results td {vertical-align: middle; width: 25%; text-align: center} .compliance-search-concern-icon {color: inherit; text-decoration: none; padding: 0 0.5rem} /*end tables*/ li.bubble-bullet::before {content: "\0025BC";position: absolute;left: 0px;top: 10px;} li.bubble-bullet a {display: table-cell;vertical-align: middle;} li.bubble-bullet {display: table;width: 100%;padding: 5px 20px;position: relative;height: 40px;border-bottom: 1px solid #bfc1c3;box-sizing: border-box;} .purpose_icons {width:100%;float: left;line-height: 0;} .purpose_icons img {border: 0;margin: 1px;padding: 3px;background: #bfc1c3;} .location-purpose-image {width: auto; height: 22px} #geopicker {height: 20em; width: 91%; float: left; margin-left: 0.5em} #standard-language-icon{height: 1em} .standard {color: #333333!important} .standard-centre {width: 100%!important; text-align: center} .critical, .critical A, .critical .standard-link-indent {color: #E42737!important} .distant {color: #808080!important} .italic {font-style: italic} .debug{width: 100%; float: left; background-color: #ffffff; color: #000000; font-weight: bold} .text-error {color: #E42737; font-size: 1.75em; line-height: 0.3em; vertical-align: -0.3em} .text-huge {font-size: 5.25em} .text-bigger {font-size: 2.5em} .text-big {font-size: 2.1em} .snap-in-total {font-size: 1.5em; color: #808080; margin-top: 0.5em} .text-small {font-size: 0.75em!important} .text-important{font-weight: bold; color: #B10E1E!important} .standard-image-holder {margin-top: 0.5em; margin-bottom: 0.5em; float: left; width: 100%} .standard-image-holder IMG {width: 100%; height: 100%} LABEL .standard-image-holder IMG {width: auto; height: auto} .standard-video-holder {margin-top: 0.5em; margin-bottom: 0.5em; float: left; width: 100%; position: relative; z-index: 0} .standard-link-arrow A {text-decoration: none!important} .standard-link-arrow:HOVER A {text-decoration: underline!important} .hidden-active{width: 0; height: 0; overflow: hidden} .hidden-active-visibility{visibility: hidden;} .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 100%; height: 0} .standard-graph-snap-in {width: 10em; height: 7.5em; float: left} .standard-graph-snap-in-legend {width: 100%; text-align: center; font-size: 0.8em} .standard-graph-snap-in-legend P {text-align: center; font-size: 1em} .standard-inlineimage-left {float: left; margin-right: 1.5em} .standard-inlineimage-right {float: right; margin-left: 1.5em} .standard-text-logo {width: 15em} #standard-left-col .standard-gauge .gadget-body, #reverse-right-col .standard-gauge .gadget-body {height: 12.500em} .standard-gauge #balancesheet000sbymonth_gadget_body{height: 15em!important} .standard-gauge .graph-body {margin:0!important; float: left; display: block; width: 100%} .standard-gauge .graph-body-container {margin:0 auto!important; float: left} .standard-gauge .graph-posneg-horizontal-bars {height: 1.9em!important; border: 1px solid #FFFFFF!important; width: 99%!important} .gauge-pie {position: relative; height: 12.4em} .gauge-pie-label {position: absolute} .gauge-pie-label-primary {color: #FFFFFF; margin-top: 4em} #standard-left-col .gauge-pie-label-secondary, #reverse-right-col .gauge-pie-label-secondary {color: #373737; margin-top: 10.75em; font-weight: bold} #standard-right-col .gauge-pie-label-secondary, #reverse-left-col .gauge-pie-label-secondary {color: #373737; font-weight: bold} #standard-right-col .pie-chart-target, #reverse-left-col .pie-chart-target {height: 250px} .chart-pie-legend {margin-bottom: 15px; float: left} .pie-legend-item {height: auto; float: left; width:90%; text-align: left; margin-bottom: 5px; margin-left: 5%; display:flex; display: -webkit-flex;} .pie-legend-award SPAN {width: 17px; height: 17px; float: left} .text-wrap {margin-left:5px; width:250px} .chart-pie-label{float: left; text-align: center; z-index: 200} #standard-left-col .chart-pie-label, #reverse-right-col .chart-pie-label {width: 18em} #standard-right-col .chart-pie-label, #reverse-left-col .chart-pie-label {width: 100%; height:2em} #supplierundermgt_gadget_body{height:21.3em} #standard-right-col #gauge-pie-count, #reverse-left-col #gauge-pie-count {height:18.5em} .quick-link-container {margin-bottom: 3em} .quick-link-container:last-child {margin-bottom: 0.8em} .quick-link {line-height:3em; width: 100%; height: 4em; margin-bottom: 0.6em; color: #FFFFFF!important; background-color: #737373; position:relative; padding:0.2em;} /*some classes to fix focus issues*/ A.focus-fix {display: inline-block;} A.focus-fix-1 {float: left; position: relative; top: 20px} A.focus-fix-1.left {left: 60px} A.focus-fix-1 .auto-button {margin: 0} A .quick-link:HOVER .quick-link-inner{text-decoration: underline !important} .quick-link-disabled {color: var(--nqc-primary-disabled) !important; cursor: not-allowed; box-shadow: none !important;} A .quick-link-disabled:HOVER .quick-link-inner {text-decoration: none!important} .quick-link-left {width: 49%; vertical-align:middle; color: #FFFFFF!important; float:left; margin-right:1em;} .quick-link-right {width: 49%; color: #FFFFFF!important; float:left; margin-bottom:1.5em;} .quick-link-break {width: 100%; height: 1px; clear: both;} .quick-link-title {margin-top: 0.7em; margin-right: 0.7em; margin-bottom: 1.5em!important} .quick-link-title-icon {float: left; margin-top: -0.6em; margin-right: 0.6em} .quick-link-inner {padding:0.3em; font-size: 1.3em; display: inline; float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .quick-link-icon {padding:0.3em; font-size: 1.3em; display: inline; float: right; width: 13%; text-align: right; position:absolute;} .quick-link-icon img{float:right;} .quick-link {background: transparent; margin-bottom: 0; padding-top: 0; padding-bottom: 0; height: 2em; line-height: 1em} A .quick-link-inner, .quick-link-disabled .quick-link-inner {margin-left: 1.5em} .quick-link-icon {padding: 0;} .quick-link-heading {font-weight: bold} .quick-link-inner {font-size: 1.2em; width: 90%; padding: 0; height: 1em} .quick-link-inner-prepend {padding-right: 0.5em} .small-quick-links, .content-help {width: 100%; padding: 5px; padding-bottom: 1em;} .small-quick-links-title, .content-help H2 {padding: 12px 0; margin-left: -5px;} .content-help P {margin-bottom: 5px} .help-image{margin-top:15px;margin-bottom:15px; width: 100%} .help-search-results {width:90% !important} .help-contents{margin-top:22px} .help-content H2, .help-content H3 {margin-top: 10px; margin-bottom: 10px} .help-content OL {list-style-position: outside; margin-left: 17px} /* MARKETING PAGES CSS */ #nqc-marketing-title-background{position: absolute; width: 100%;} /* .nqc-marketing-page-title { position: absolute; text-align: center; color: #ffffff; top: 50%; left: 50%; transform: translate(-50%, -50%);} */ .nqc-marketing-page-title { color: #ffffff; margin: 0 !important; font-weight: 1; font-size: 48px!important; padding: 8rem 0 !important;} /* .nqc-marketing-page {width: 80%; margin: auto } */ .nqc-marketing-page .banner {background-image: url('/images/marketing/report_background.jpg'); background-position: center center; background-size: cover; filter: saturate(1.4); margin-bottom: 6rem} .nqc-marketing-page-content { width: 60%; margin: auto} .nqc-marketing-page-content hr { width: auto; } .nqc-marketing-page-content .nqc-marketing-page-heading {margin: 2rem auto; color: #000000} .nqc-marketing-page-content .nqc-marketing-page-context-text br {margin-top: 20px; margin-bottom: 20px} .nqc-marketing-page-footer { margin: 4rem auto 6rem auto;} .nqc-marketing-page-footer .marketing-form-container {text-align: center; margin: auto auto 4rem auto; box-shadow: 0px 0px 20px 1px #EFEFEF; border-radius: 20px;} .marketing-form-container p {font-weight: 600; font-size: 1.2rem; padding: 3rem 0px 1rem; margin: 0 } /* .marketing-form-container span {font-size: 1.4rem; font-weight: 700} */ @media (max-width: 960px){ .nqc-marketing-page-footer #gartner_context_form .context-form-row{margin: 0 !important} .nqc-marketing-page-footer #gartner_context_form .context-form-row input[type="radio"]{margin: 1rem 0 !important} } .nqc-marketing-page-footer #gartner_logo {font-size: 1.4rem} /* #gartner_context_form .context-form-row .text-field-container {display: inline-block; position: relative} #gartner_context_form .context-form-row .text-field-container .placeholder {display: inline-block; position: absolute; transition: all 0.27s ease-out; text-align: left; position: absolute; left: 1rem; top: 50%; margin-top: -0.5rem; pointer-events: none; color: grey} #gartner_context_form .context-form-row .text-field-container .placeholder.active-placeholder {top: 0; margin-top: 3px; font-size: 0.8rem; opacity: 0.8} */ #gartnerReportForm .input-container .input .label {text-align: left; left: 14px; position: relative; bottom: 15px; letter-spacing: normal; font-size: 1rem; font-weight: normal; color: black} #gartnerReportForm .input-container .input-error-msg {left: 14px; position: relative; bottom: 15px; letter-spacing: normal; font-size: 1rem; font-weight: normal; } #gartnerReportForm .input-container.has-value .input .placeholder, #gartnerReportForm .input-container.has-value .input .placeholder {transition: all 0.27s ease-out; text-align: left; position: absolute; left: 1rem; top: 50%; margin-top: -0.5rem} #gartnerReportForm .input-container.has-value .input .placeholder {display: none !important} #gartnerReportForm form.public-form-no-label .input-container.input-focussed .input.input-rounded .placeholder {top: 0; left: 20px; margin-top: 3px; font-size: 0.8rem; opacity: 0.8; content:''} #gartnerReportForm .input-container .input-error-msg {left: 14px; position: relative; bottom: 15px; letter-spacing: normal; font-size: 1rem; font-weight: normal; } #gartnerReportForm .input-container .input-error-msg {left: 14px; position: relative; bottom: 15px; letter-spacing: normal; font-size: 1rem; font-weight: normal; } #gartnerReportForm .input-container.has-value .input .placeholder, #gartnerReportForm .input-container.has-value .input .placeholder {transition: all 0.27s ease-out; text-align: left; position: absolute; left: 1rem; top: 50%; margin-top: -0.5rem} #gartnerReportForm .input-container.has-value .input .placeholder {display: none !important} #gartnerReportForm form.public-form-no-label .input-container.input-focussed .input.input-rounded .placeholder {top: 0; left: 20px; margin-top: 3px; font-size: 0.8rem; opacity: 0.8; content:''} #gartnerReportForm .input-container .input-error-msg {left: 14px; position: relative; bottom: 15px; letter-spacing: normal; font-size: 1rem; font-weight: normal; } #gartnerReportForm .input-container .input-error-msg {left: 14px; position: relative; bottom: 15px; letter-spacing: normal; font-size: 1rem; font-weight: normal; } #gartnerReportForm .input-container.has-value .input .placeholder, #gartnerReportForm .input-container.has-value .input .placeholder {transition: all 0.27s ease-out; text-align: left; position: absolute; left: 1rem; top: 50%; margin-top: -0.5rem} #gartnerReportForm .input-container.has-value .input .placeholder {display: none !important} #gartnerReportForm form.public-form-no-label .input-container.input-focussed .input.input-rounded .placeholder {top: 0; left: 20px; margin-top: 3px; font-size: 0.8rem; opacity: 0.8; content:''} #gartnerReportForm .input-container .input.input-rounded input {border-radius: 0.8rem} #gartnerReportForm .input-container .input .placeholder {user-select: none; pointer-events: none;} #gartnerReportForm .input-container .input.input-rounded .select2 {text-align: left} #gartnerReportForm .input-container .input .select2 img { width: 40px; height: 40px; } #select2-gartner_context_country-results li span img {width: 40px; height: 40px;} #gartnerReportForm .input-container .input .select2-selection{ height: auto; border-radius: 0.9rem; } #gartnerReportForm .input-container .input.select2-selection__arrow { right: 5px !important; /* Adjust the right margin as needed */ } #gartnerReportForm .input-container .input .select2-container .select2-selection__rendered {overflow: hidden; display: flex; align-items: center; text-overflow: ellipsis; /* Truncate text if it overflows */ white-space: nowrap; /* Prevent text from wrapping */ padding: 1rem; } #gartnerReportForm .input-container .input .select2 .select2-selection__rendered img {max-width: 20px; max-height: 20px;vertical-align: middle; margin-right: 5px; } #gartnerReportForm .input-container .input .select2, #gartnerReportForm .input-container .input .select2-selection{height: auto; border-radius: 0.9rem; } #gartnerReportForm .input-container .input .select2 .select2-selection__rendered { overflow: hidden; display: flex; align-items: center; text-overflow: ellipsis; white-space: nowrap; padding: 1rem; } #gartnerReportForm .input-container .input .select2 .select2-selection__rendered span, .select2-results .select2-results__option span {display: flex; align-items: center;} .select2_dropdown_country_name {margin-left: 0.5rem;} #gartnerReportForm .input-container .input .select2 .select2-selection__rendered img { max-width: 20px; max-height: 20px; vertical-align: middle; margin-right: 5px; } #gartnerReportForm .input-container .input .select2-selection--single .select2-selection__arrow { display: none} #gartnerReportForm .input-container .placeholder {margin-top: auto} #gartnerReportForm .input-container .input .select2-selection.select2-selection--single {position: relative;padding-right: 25px; /* Adjust padding for the arrow */} /* Create a custom arrow using ::after */ #gartnerReportForm .input-container .input .select2-selection.select2-selection--single::after {content: ''; /* Empty content */background-image: url('../images/menus/expand_list_item.svg'); /* Replace with your SVG file path */background-size: contain; /* Adjust as needed */background-repeat: no-repeat;width: 12px; /* Adjust the width of the arrow */height: 6px; /* Adjust the height of the arrow */position: absolute;top: 50%; /* Vertically center the arrow */right: 25px; /* Adjust the right margin as needed */transform: translateY(-50%); /* Vertically align the arrow */pointer-events: none;} .nqc-marketing-page-footer .min-max-width {max-width: 900px} .nqc-marketing-page-footer #gartner_context_form .input-error-msg {color: red; display: block; margin-bottom: 0.4rem} .nqc-marketing-page-footer #gartner_context_form .context-form-row .form-field-error {box-shadow: 0 0 0 1px red} /* .nqc-marketing-page-footer #gartner_context_form .context-form-row input, .nqc-marketing-page-footer #gartner_context_form .context-form-row select { padding: 18px 15px; border: none; border-radius: 20px; box-shadow: 0 0 0 1px grey; background-color: white; font-size: 16px; box-sizing: border-box; } */ .nqc-marketing-page-footer select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1em; } .nqc-marketing-page-footer #gartner_context_form .context-form-row input[type="radio"] { box-shadow: none !important; width: 2rem; height: 2rem; vertical-align: middle; margin-right: 0.3rem} .nqc-marketing-page-footer #gartner_context_form .context-form-row input, .nqc-marketing-page-content #gartner_context_form .context-form-row select {display:inline} .nqc-marketing-page-footer #gartner_context_form fieldset > input {display: none} .nqc-marketing-page-footer #gartner_context_form #context-question {margin-top: 1rem; display: inline-block; padding: 0 1rem} .nqc-marketing-page-footer #gartner_context_form input[type="submit"] { display: inline-block; padding: 10px 20px; border: none; border-radius: 20px; background-color: #0A4F16 ; color: white; font-size: 16px; font-weight: bold; margin-bottom: 2rem; cursor: pointer; } .nqc-marketing-page-footer #gartner_context_form input[type="submit"]:focus, .nqc-marketing-page-footer #gartner_context_form input[type="submit"]:hover {display: inline-block; outline: none; border: 2px #0A4F16 ; background-color: white; color: #0A4F16 } .nqc-marketing-page-footer #gartner_context_form .context-form-row input[type="checkbox"] { width: 2rem; height: 2rem; vertical-align: middle; margin-top: 1rem; box-shadow: none; margin-bottom: 1rem; margin-right: 0.3rem} .nqc-marketing-page-footer #gartner_context_form .context-form-row label {vertical-align: middle;} .nqc-marketing-page-footer #gartner_context_form .context-form-row {display: block; margin-bottom: 10px; margin-top: 10px; padding: 0 2rem;} .nqc-marketing-page-footer #gartner_context_form .context-form-row {display: block; } .nqc-marketing-page .marketing-disclaimer-1 {font-size: 0.9rem; color:grey; margin: 4rem auto !important } .nqc-marketing-page .min-max-width {max-width: 900px} .nqc-marketing-page-footer .marketing-disclaimer-2 {font-size: 0.9rem; color: grey; margin: 1rem auto; } /* MARKETING PAGES END */ OL.API-links {list-style-position: outside; margin-left: 20px} OL.API-links LI {font-size: 19px} .categories-search-results {width:60.5% !important} .small-quick-links-questionnaires {margin-left: -5px; list-style-type: none} .small-quick-links-questionnaires LI {margin-bottom: 12px} #context-gadget-holder {width: 100%; margin-top: 50px; float: left} #context-sidegadget-holder {width: 100%; float: left} #context-fsgadget-holder {width: 100%; float: left; display: none; width: 340px; margin-left: 15px; overflow-y: scroll; height: 100%; overflow-x: hidden; padding-right: 15px; position:inherit; top:5px; right:0;} #context-fsgadget-holder .standard-gauge P {text-align: center; margin-top: 5px} #context-fsgadget-holder .gadget-column-view-label {width: 100%} #context-fsgadget-holder .standard-form-option {width: 280px; padding: 0} #context-fsgadget-holder .text-field {width: 95%; margin-right: 0px} #context-fsgadget-holder .form-search-results {margin-top: 35px; margin-left: 5px} #context-fsgadget-holder .form-search-results UL {width: 265px} #standard-right-col .standard-side-gadget-label .gadget-column-view-label {width:100% !important} .small-quick-links-questionnaires LI A {text-decoration: none!important; font-size: 14px} .small-quick-links-questionnaires LI A:HOVER {text-decoration: underline!important} /*COLOUR Styles*/ .gadget-header, .gadget-footer {background-color: #dee0e2; width: 100%; /*height: 2.5em;*/} #pendingcall_gadget .gadget-header {border-left: 5px solid #dee0e2;border-right: 5px solid #dee0e2} #pendingcall_gadget_body .standard-form-body{margin-left:9px} #standard-left-col .gadget-footer, #standard-left-col .skin-support .gadget-footer, #standard-left-col .skin-buyer .gadget-footer, #reverse-right-col .gadget-footer, #reverse-right-col .skin-support .gadget-footer, #reverse-right-col .skin-buyer .gadget-footer {background: #ffffff; border: none; color: gray; /*height: 4.5em;*/} .gadget.gadget-minimal .gadget-footer, .gadget.partial-gadget .gadget-footer {background-color: transparent; border-left: none; border-right: none} .gadget-body {float: left; width: 100%; position: relative;/* border-left: 1px solid #EAEDEF; border-right: 1px solid #EAEDEF; border-bottom: 1px solid #EAEDEF;*/ background-color: #ffffff} INPUT.gadget-selectall {margin-top: 5px!important;} #apply_button{padding: 10px 20px;} #standard-left-col .gadget .gadget-body, #standard-left-col .gadget.skin-support .gadget-body, #reverse-right-col .gadget .gadget-body, #reverse-right-col .gadget.skin-support .gadget-body, #news .gadget-body, #statementofaccounts .gadget-body, #oeminvoices .gadget-body, #orderslist .gadget-body {border: none; border-top: 0} .gadget.gadget-minimal .gadget-body {border-left: none; border-right: none; border-bottom: none; background-color: transparent} .skin-alert .gadget-header {background-color: #E42737; border-left: 1px solid #E42737; border-right: 1px solid #E42737} .skin-alert .gadget-footer {background-color: #E42737; border-left: 1px solid #E42737; border-right: 1px solid #E42737} .skin-alert .gadget-body {border-left: 1px solid #E42737; border-right: 1px solid #E42737; border-bottom: 1px solid #E42737; background-color: #F8CBC5} .skin-dev .gadget-header, .skin-dev .gadget-footer {background-color: #E4A527; border-left: 1px solid #E4A527; border-right: 1px solid #E4A527} .skin-dev .gadget-body {border-left: 1px solid #E4A527; border-right: 1px solid #E4A527; border-bottom: 1px solid #E4A527} .skin-priority .gadget-header, .skin-priority .gadget-footer {background-color: #179E14; border-left: 1px solid #179E14; border-right: 1px solid #179E14} .skin-priority .gadget-body {border-left: 1px solid #179E14; border-right: 1px solid #179E14; border-bottom: 1px solid #179E14} .skin-red .gadget-header, .skin-red .gadget-footer {background-color: #9C0020; border-left: 1px solid #9C0020; border-right: 1px solid #9C0020} .skin-red .gadget-body {border-left: 1px solid #9C0020; border-right: 1px solid #9C0020; border-bottom: 1px solid #9C0020} .skin-standard .gadget-header {background-color: #737373; border-left: 1px solid #737373; border-right: 1px solid #737373} .skin-standard .gadget-footer {background-color: #737373; border-left: 1px solid #737373; border-right: 1px solid #737373} .skin-standard .gadget-body {border-left: 1px solid #737373; border-right: 1px solid #737373; border-bottom: 1px solid #737373} .stat-circle {height: 100%; background-repeat: no-repeat; background-position:center} .stat-circle H1 {font-size: 4em; font-weight: bold; width: 100%; text-align: center; padding-top: 1.3em} .stat-circle P {font-size: 1.2em; width: 100%; text-align: center} /*STANDARD Styles*/ .canvas {width: 100%; margin: 0 auto; padding: 0 16px; box-sizing: border-box} .canvas2 {width: 100%; margin: 0 auto; padding: 0 1rem; box-sizing: border-box} .canvas-stretch {width: 100%; margin: 0 auto; margin-top: 6.1em} .canvas p.narrow {width: 52%; margin: 2rem auto; text-align: center} #standard-body {width: 100%; height: 100%; float: left; display: inline} #standard-body.standard-body-form {padding-top: 0} #standard-holder {background-color: #ffffff; float: left; width: 100%; padding: 0; margin: 0; margin-top: -1px;} #standard-holder.sa-home {float: none} .standard-holder-sides {background-color: #dee0e2!important} #standard-holder .standard-body-no-padding-top {padding-top: 0} #content-holder {width: 100%; height: 100%} #standard-right-col, #reverse-left-col {width: 100%} .standard-body-form #standard-right-col, .standard-body-form #reverse-left-col {width: 296px} #standard-right-col .gadget-form, #reverse-left-col .gadget-form {padding: 0.4em; background-color: #F2F2F2} #standard-right-col.standard-half, #reverse-left-col.standard-half {padding: 0} .standard-col-content {margin-top: 1.6em; position: relative;} .standard-col-content-continued {margin-top: 0em} #standard-left-col .standard-col-content, #reverse-left-col .standard-col-content {margin-left: 0} #standard-right-col .standard-col-content, #reverse-right-col .standard-col-content {margin-right: 0} .standard-info-content {margin-bottom: 1em; margin-left: 1em} .standard-info-content-tab {margin-left: 1em} #standard-login-form {margin-top: 1.66em; margin-left: 1.66em; margin-bottom: 1.66em} .login-or {width: 270px; font-size: 15px; text-align: center; margin-left: auto; margin-right: auto} .oauth-login-button {transition: background-color 0.15s ease-in; display: flex; align-items: center; box-sizing: border-box; position: relative; height: 41px; width: 270px; border: 1px solid #efefef; margin-left: auto; margin-right: auto; margin-bottom: 1rem; box-shadow: 1px 1px 1px 0 #d3d3d3} .oauth-login-button .logo-holder {display: flex; width: 32px; justify-content: flex-end} .oauth-login-text {font-size: 15px; font-weight: 700; display: flex; justify-content: center; text-align: center; align-items: center; flex-grow: 1} #googleLogin {position: absolute; top: 0; left: 0; opacity: 0} .oauth-login-button:hover {background-color: #fafafa; cursor: pointer} #standard-form-password-feedback {border: 1px solid #c0c0c0; width: 272px; display: block; text-align: center; padding: 0.3em} #standard-logo {width: 100%; margin-bottom: 1em; text-align: center} #standard-logo-holder {width: 15.08em; height: 3.58em} #standard-logo-holder IMG {width: 100%} #standard-right-col #standard-logo-holder, #reverse-left-col #standard-logo-holder {margin: 0 auto} #standard-left-col #standard-logo-holder, #reverse-right-col #standard-logo-holder {float: right} .sa-logo {max-width: 100%} #standard-form FIELDSET {width: 90%; margin-bottom: 2em} .form-optional, .optional {color: #161616; font-weight: 700} .form-extra-link {margin-right: 5px} .pd-content .form-extra-link {margin-top: 5px} .form-advanced-switch, .questionnaire-advanced-switch {text-decoration: underline; cursor: pointer} .questionnaire-advanced-hide {float: left; background-color: #F6F8C5; border: 1px solid #808080; width: 100%; float: left; height: 6em; margin-bottom: 0.5em} .questionnaire-advanced-hide-holder {margin: 1em} .questionnaire-advanced-switch {float: right} .questionnaire-advanced-controls {width: 100%; float: left; margin-bottom: 0.5em} #standard-secondarybar-bottom {background-color: #FFFFFF!important} .questionnaire-bottombar-controls .link-button {margin-right: 5px} .questionnaire-bottombar-controls .link-button.button-tertiary {margin-right: 0px} .questionnaire-multi-controls {margin-left: 15px} #standard-right-col .standard-form-option, #reverse-left-col .standard-form-option {padding-right: 0em} .standard-form-option-hidden {padding: 0em!important} .standard-form-option-hide-from-view {height: 0 !important; padding: 0 !important; overflow: hidden} .standard-form-option-hide-from-view input, .standard-form-option-hide-from-view label {height: 0 !important; opacity: 0 !important} .standard-form-controls .standard-form-link {float:left; margin-top: 0.4em; margin-right: 1em} #standard-new-message {display: none} H1.main-title {padding-top: 0.25em; padding-left: 12px; max-width: 684px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .standard-body-form .standard-breadcrumbs {padding-top: 0.5em} .standard-breadcrumbs {clear: both; padding-bottom: 0; padding-top: 0em; list-style-type: none; line-height: 1.2em; word-break:break-all;} OL.standard-breadcrumbs.chat {display: none} .standard-breadcrumbs A {text-decoration: none!important} .standard-breadcrumbs A:HOVER {text-decoration: underline!important} .standard-breadcrumbs LI {display: inline-block; font-size: 14px} .breadcrumb-titles {float: left; width: 100%; margin-top: 25px} .breadcrumb-titles.chat {margin-top: 0} .breadcrumb-title {font-weight: 700; font-size: 21px; margin-right: 8px} .breadcrumb-title2 {color: #868E96; font-size: 14px; vertical-align: 2px} .breadcrumb-title2 A {text-decoration: none} .breadcrumb-title2 A:HOVER {text-decoration: underline} .breadcrumb-subtitle {float: left; width: 98%; font-weight: normal; word-break: break-word; display:flex; align-items: center;} .breadcrumb-subtitle-security {width: 80%} .breadcrumb-subtitle .eye-icon.eye-closed {opacity: 0;} .breadcrumb-subtitle:hover .eye-icon.eye-closed {opacity: 1;} .breadcrumb-description {width: 98%; color: #6f777b; font-weight: normal;word-break: break-word;} .breadcrumb-title a.custom-name{text-decoration: none;} .breadcrumb-title a.custom-name:hover{text-decoration: underline;} .breadcrumb-title a.custom-name:focus{text-decoration: underline;} .breadcrumb-title-security {width: 80%; } .breadcrumb-title.chat {margin-top: 0} .standard-breadcrumbs-separator {background: url('../images/grey-next.png') center no-repeat; width: 1.25em; height: 0.8em} #standard-titlebar-title-text {float: left; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 100%} .standard-titlebar {background-color: #0A214F; height: 3.75em; width: 100%} .standard-titlebar-title {display: inline; float: left; color: #ffffff; padding: 0.8em; width: 67%} #standard-titlebar-info {display: inline; float: right; color: #ffffff; padding: 0.8em; padding-top: 1.2em; width: 27.5%; text-align: right} .standard-section-header {background-color: #0A4F2F; height: 3em; width: 100%; color: #ffffff} .standard-col {display: inline; float: left; height: auto} .standard-col-full {width: 100%!important} .standard-col-nomin {min-height: auto!important} .standard-col-nomargin {margin-left: 0px!important; margin-right: 0px!important} .standard-form-break {height: 10em; width: 1%; display: block} #standard-right-col SELECT.standard-select, #reverse-left-col SELECT.standard-select {width: 13.5em} #standard-right-col .text-field, #reverse-left-col .text-field {width: 12.75em; margin-right: 0.2em} .standard-form-option {width: 100%; float: left; display: block; font-size: 18px; padding-bottom:0.6em} .standard-form-option-check INPUT, .standard-form-option-radio INPUT {height: 30px; width: 30px} .standard-form-option-html LABEL {float:none!important} .gadget-selector-holder .standard-form-option-check INPUT, .gadget-selector-holder .standard-form-option-radio INPUT {height: 15px; width: 15px} .standard-form-option-auto{width: auto; float: left; display: block; margin-right: -6px} .standard-form-floatbox {width: auto; float: left; display: block;} .standard-form-floatbox .standard-form-option {width: auto;} .standard-form-floatbox .standard-form-option INPUT {margin-right: 4px;} .standard-form-floatbox .standard-form-option LABEL {width: auto; margin-right: 11px;} .auto-fit-label{width: 100%; float: left; display: block; margin-right: -6px; margin-top:10px} .standard-form-button-float {width: 20% !important; height: 10% !important; padding-left: 55%} .float-text-invite{width: 30.8px; height: 13.8px; float: left; margin:10px} .button-error {float: left; position: relative; width: 108px; height: 26px; padding-top: 2px; padding-left: 3px; margin-top: 22px; margin-left: 49px;} .standard-form-optiongroup {width: 100%; float: left; display: block; margin-right: -6px;} .standard-form-optiongroup P {padding: 0.5em} .standard-form-option LABEL {width: 90%; float: left;margin-bottom:0.3em;} .standard-form-option LABEL {margin-bottom:0.3em;} .standard-form-option LABEL.truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .standard-form-option-inline LABEL {width: auto!important; white-space: nowrap} .standard-form-option-inline .clear-left {clear: left} .standard-form-option-inline .clear-none {clear: none} .standard-form-option-single-item LABEL {font-weight: bold; margin-right: 0.3em} .standard-form-option LABEL A {margin: 0; vertical-align: 0} .standard-error-link {display: block} .viewbox-button{float:left} #standard-form .questionnaire-question-option {margin-left: 0em!important} #standard-left-col .standard-form-option TEXTAREA, #reverse-right-col .standard-form-option TEXTAREA, .recommendation-options TEXTAREA {width: 90%} #standard-right-col .standard-form-option TEXTAREA, #reverse-left-col .standard-form-option TEXTAREA {width: 100%; height: 10em} TEXTAREA.standard-large-area {width: 100%; height: 40em} TEXTAREA.full-width {width: 100% !important; height: 6em; box-sizing: border-box;} .standard-form-option SELECT {width: 15em} .standard-form-option INPUT, .popup-dialog A.standard-button {float: left; margin-right: 10px} .standard-form-info {float: left; width: 99%; padding: 0.4em} .standard-form-info.no-padding {width: 100%} .standard-form-info P {padding-bottom: 1em} .imitation-form-info P{font-weight: normal!important} .standard-secondaryheader {background-color: #808080; float: left; width: 100%; color: #ffffff; height: 2.5em} .standard-secondaryheader H2, .standard-section-header H2 {margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 1em} .standard-icon {height: 30px; width: 30px; background-color: #333333; display: inline; float: left; background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#333333)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F2F2F2', endColorstr='#333333'); background: -moz-linear-gradient(top, #F2F2F2, #333333); color: #ffffff; display: inline; font-size: 19px; font-weight:bold; text-align:center; padding-top:3px; margin-right: 10px; background-image: -ms-linear-gradient(top, #F2F2F2, #333333); background-image: -o-linear-gradient(top, #F2F2F2, #333333); padding-bottom:5px;} .standard-icon-null {background-color: none!important; background: none!important; background-image: none!important;} .standard-icon-right {float: right} .standard-infobox FORM {float: left; width: 100%} .standard-infobox-padding {height: 100%; float: left; padding:10px} #chat-alert-box .standard-infobox-padding { float: none; } .standard-infobox-header {padding-bottom: 5px; float: left; height: auto; width: 100%} .standard-infobox-header H3 {font-weight: bold; line-height: 2em; float: left} .standard-infobox-hidebody H2 {margin-top: 0.5em} .standard-infobox-body {width: 100%; clear: both; padding-top: 10px;} .standard-infobox-body P {padding-bottom: 5px; clear: both;} .standard-infobox-body FORM {display: inline; float: left; margin-top: 0.75em} .standard-infobox-body OL {margin-left: 15px} .standard-infobox-body LI {margin-bottom: 5px} .standard-infobox-alert-critical .standard-infobox-body P {font-size: 1.2em} .standard-infobox-label {width: 45%; text-align: left; float: left} .standard-infobox-value {width: 50%; text-align: right; float: right} .standard-infobox-alert {background-color: #F8CBC5} .standard-infobox-alert-critical {background-color: #DA1412!important} .standard-infobox-replacegadget-holder {float: left; height: 12.3em; width: 100%} .standard-infobox-replacegadget {margin: 0 auto; margin-top: 15px; clear: both; border-left: 0px!important; border-right: 0px!important} .standard-infobox-replacegadget .standard-infobox-padding {padding: 0!important} .standard-infobox-replacegadget .standard-infobox-padding H3 {margin: 0!important; padding: 0!important} #latestmessage-holder .standard-infobox-padding {width: 99%!important} #latestmessage-holder .standard-infobox-body {display: table} #latestmessage-holder .standard-infobox-body P, #latestmessage-holder .standard-infobox-body A {display: table-cell; float: none} #latestmessage-holder .standard-infobox-body A {padding-left: 0.5em; white-space: nowrap; text-align: right} .standard-form-option {padding: 0.4em; padding-left: 0} #dashboard_search_form .standard-form-option {padding-left: 0} .standard-form-option A {vertical-align: -0.4em} .standard-form-option DIV A {vertical-align: 0} .standard-form-option-description {margin-left: 42px; font-size: 16px; margin-bottom: 10px} .standard-form-option-description STRONG {margin-right: 10px} .standard-form-option-links {width: 100%; text-align: right; float: right; font-size: 16px; padding-bottom: 10px} .standard-form-option-divider {border-bottom: 1px solid #BFC1C3} .standard-form-option-links A {margin-left: 15px} .standard-form-option-radio-inline {margin-top: 1.8em; width: auto!important} .standard-form-option-radio-block .standard-form-option-radio-inline {margin-top: 0em} .standard-form-option-radio-block-scroller {max-height:280px; overflow-y: auto; overflow-x: hidden} .standard-form-option-radio-block-scroller INPUT {margin-left: 5px} .standard-form-option-radio-inline LABEL {margin-right: 0.5em; width: auto!important} .standard-form-option-check-block {width: 100%} .standard-form-option-check-inline {width: auto!important} .standard-form-option-check-inline LABEL {margin-right: 0.5em; width: auto!important} .standard-form-option-inline {display: inline; width: auto} .standard-form-option-right {width: auto; float: right} .standard-form-option-radio-block {font-size: 1em} .standard-form-option-radio-block.standard-form-option {margin-top: 0px} .standard-form-option-radio-block.standard-form-option .standard-form-option-radio-block-label {margin-bottom: 0px} .standard-form-option-radio-block-label {font-size: 19px!important} .standard-form-option-radio-block-label, .standard-form-option-radio-block .hint {padding: 0px} .small-icon, LABEL.small-icon {width: 16px!important; height: 15px!important; border: 0; font-weight: bold; color: White !important; text-align: center; padding-top: 1px;} span.small-icon {display: inline-block; margin-top: -2px; width: 1.25em!important; height: 1.15em!important} .standard-secondarybar {width: 100%; float: left; height: auto; background-color: #808080} .standard-tertiarybar {width: 100%; float: left; height: auto; padding-left: 2em} .standard-tertiarybar INPUT {margin-right: 10px; margin-bottom: 10px} .home-gradient {height: 2.5em; margin-top: 0.2em; background: -webkit-gradient(linear, left top, left bottom, from(#737373), to(#808080)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#737373', endColorstr='#808080'); background: -moz-linear-gradient(top, #737373, #808080);background-image: -ms-linear-gradient(top, #737373, #808080); background-image: -o-linear-gradient(top, #737373, #808080)} .home-secondary-bar-container {float: left; display: inline} .home-secondary-bar-top {background-color: #808080; height: 2.917em; width: 100%} .home-secondary-bar-top P {padding-left: 1em; color: #ffffff; margin-top: 1em; float: left; font-weight: bold} .standard-secondarybar-left {width: 100%; float: left; display: inline} .standard-secondarybar-left-short {width: 60%} .standard-secondarybar-right {width: 100%; float: left; display: inline} .standard-secondarybar-right-long {width: 40%} .standard-secondarybar-content {width: 100%; padding-bottom: 1rem; float: right; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .standard-secondarybar-content-award {padding: 0.5em; float: right; color: #FFFFFF} .standard-secondarybar-content-award .award-traffic-light {margin-right: 0.1em} #standard-secondarybar-content-top-right P {float: right; margin-right: 1em; margin-top: 0.75em; width: 80%; text-align: right} .standard-link-indent{margin-right: 0.5em; font-weight: bold; color: #737373} .content-highlight-grey .standard-link-indent {color: #333333} .standard-list {list-style-type: inside; margin-left: 1em; clear: left} .standard-list-bullet {list-style-type: disc; width: 100%; list-style-position: inside; margin-left: -0.5em} .standard-list-bullet P {float: right; width: 90%} .standard-page-notice {margin-left: 1em; margin-top: 10em; padding-bottom: 10em; width: 100%; float: left} .standard-humantext {margin-bottom: 2em; width: 100%; clear: left} .standard-text {background-color: #ffffff} .standard-text H2 {width: 100%; padding-top: 2em; padding-bottom: 0.5em; float: left} .standard-text H2, .standard-content-holder H2 {margin-bottom: 0.2em} .standard-text H1, .standard-text P, .standard-text UL {margin-bottom: 1em} .standard-text H4, .home-footer-box H4 {margin-bottom: 0.25em; margin-top: 1em} .standard-content-holder {width: 100%; float: left; margin-bottom: 1.5em} .standard-download-label {float: right; text-align: right} .standard-download-link {height: 1em; width: 1em; float: right; background-color: #0A214F; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.1em; padding-bottom: 0.1em; margin-right: 0.5em} .standard-download:HOVER .standard-download-link {background-color: #737373} .standard-download:HOVER .standard-download-label {text-decoration: underline} .standard-download-link-holder {height: 100%; width: 100%; float: left; text-align: center; margin-top: -0.2em; color: #ffffff; font-size: 0.8em} .standard-download:HOVER .standard-download-link-holder {margin-top: 0.15em} .standard-paginate{border: 1px solid #808080; padding:0.3em; margin-right:0.24em; text-align:center; background:#F2F2F2 } .standard-paginate A {text-decoration: none; background-image: none!important; padding-right: 0px!important} .standard-paginate A:HOVER {text-decoration: underline} .standard-paginate-selected, .standard-paginate-disabled {background:#808080; color: #ffffff } .standard-paginate-selected {border: 1px solid #F2F2F2} .gadget-footer-paginate {padding-top: 10px; float: none; display: block !important} .standard-paginate {background: none; border: none; margin-right: 0.15em; margin-left: 0.15em;} .standard-paginate A {color: #0a4f16 !important} .standard-paginate-selected {color: #262626; font-weight: bold;} .standard-paginate-disabled {color: gray} .standard-paginate-indicator {margin-left: 0.15em; margin-right: 0.15em;} .standard-paginate-prev {float: left; display: inline-block; line-height: 1.3em; margin-left: 0.5em; padding-left: 1.25em; background: url('../../../images/blue-previous.png') top left no-repeat; color: gray; font-size: 1.2em; text-align: left;} .standard-paginate-prev.standard-paginate-no-prev{background: url('../../../images/grey-previous.png') top left no-repeat;} .standard-paginate-next {float: right; display: inline-block; line-height: 1.3em; margin-right: 0.5em; padding-right: 1.25em; background: url('../../../images/blue-next.png') top right no-repeat; font-size: 1.2em; text-align: right;} .standard-paginate-next.standard-paginate-no-next{background: url('../../../images/grey-next.png') top right no-repeat;} DIV.standard-paginate-prev, DIV.standard-paginate-next {margin-top: 0;} A.standard-paginate-prev, A.standard-paginate-next {color: #0a4f16; text-decoration: none !important;} .standard-paginate-detail {display: block; font-size: 0.75em;} .standard-half {width: 100%; float: left; height: auto} .standard-third {width: 100%; float: left; height: auto} .standard-third .gadget-header-title {width: 55%!important} .standard-third .gadget-header-info {width: 33%!important} .gadget-header H2, .gadget-header-hint {font-size: 16px !important; font-weight: 400} .standard-third-last {padding-right: 0em; float: right; margin-right: 0} .standard-left-quote {margin-right: 0.4em} .standard-right-quote {vertical-align: -0.75em; margin-left: 0.4em} .standard-infobox UL {list-style-type: disc; list-style-position: inside; margin-left: 1em} .standard-infobox UL LI {margin-bottom: 0.25em; width: 95%; float: left} #standard-dial-holder, .form-field-loader {float: right; margin-right: 0.3em; margin-top: 0.2em;} #standard-dial-holder {float: none; position: absolute; margin-left: 0.5rem} .standard-dial {text-align: center; float: left; margin-right: 0.4em; background-color: #808080; cursor: pointer} .gadget-item .standard-dial IMG {height: 100%} .standard-dial:HOVER{background-color: #0A214F} /*GADGET Styles*/ .simple-link-list {list-style: none; margin: 15px 0 30px 0; float: left} .simple-link-list li {margin-bottom: 0.75em} .gadget-server-column{float: left!important;border:1px solid black!important; height:100%!important} .gadget-statistics-container{border:1px solid black!important;float:left} #standard-right-col .gadget-item, #reverse-left-col .gadget-item {text-align: left} #standard-right-col .gadget-record-last , #standard-right-col .gadget-record-last .gadget-item, #reverse-left-col .gadget-record-last .gadget-item {border-bottom: 0px!important} #standard-right-col .gadget-item-count, #reverse-left-col .gadget-item-count {text-align: center!important} .gadget-strechimagetofull {width: 100%} .gadget {position: relative; display: inline; float: left; box-sizing: border-box; height: auto; width: 100%; margin-bottom: 1rem} .gadget-form-full {width: 100%; float: left} .gagdet-footer-link{vertical-aligN: -0.6em; color: #ffffff} .gadget-footer-notice{margin-left:43px} .gadget-body-isscrolling{background-color: #EAEDEF} .gadget-noheader .gadget-body {border: 0px} .gadget-blue {background-color: #0A214F} .gadget-green {background-color: #0A214F} .gadget-purple {background-color: #0A214F} .gadget-orange {background-color: #0A214F} .gadget-header:after, .gadget-footer:after {content: ""; display: block; clear: both} .gadget .gadget-header {background: #E6E6E6 !important; color: #0B0C0C; /*height: 45px;*/ padding: 0.75rem 5px} #standard-left-col .gadget .gadget-header, #standard-left-col .gadget.skin-support .gadget-header, #reverse-right-col .gadget .gadget-header, #reverse-right-col .gadget.skin-support .gadget-header, .basic-gadget .gadget-header, #statementofaccounts .gadget-header, #oeminvoices .gadget-header, #orderslist .gadget-header {display: flex; align-items: center; border: none !important; border-bottom: 1px solid #BFC1C3 !important; background: #ffffff !important; color: #0B0C0C; /*height: 35px*/} #standard-left-col .gadget .gadget-header .gadget-header-title, #standard-left-col .gadget.skin-support .gadget-header .gadget-header-title, #reverse-right-col .gadget .gadget-header .gadget-header-title, #reverse-right-col .gadget.skin-support .gadget-header .gadget-header-title, .basic-gadget .gadget-header .gadget-header-title {padding-left: 0} #standard-left-col .gadget .gadget-header .gadget-header-info, #standard-left-col .gadget.skin-support .gadget-header .gadget-header-info, #reverse-right-col .gadget .gadget-header .gadget-header-info, #reverse-right-col .gadget.skin-support .gadget-header .gadget-header-info, .basic-gadget .gadget-header .gadget-header-info {padding-right: 0} #standard-left-col .gadget .gadget-header.gadget-body-closed { color: #808080; } #standard-left-col .gadget .gadget-header.gadget-body-closed .gadget-controller-holder, #standard-left-col .standard-infobox .standard-infobox-header.infobox-body-closed .infobox-controller-holder { opacity: 0.5; } /*#standard-left-col .gadget .gadget-header:hover { color: #000000 !important; cursor: pointer; }*/ .gadget-header.gadget-body-closed .gadget-controller-holder, .gadget-header.gadget-body-closed .gadget-linkcontroller-holder, .standard-infobox-header.infobox-body-closed .infobox-controller-holder {transform: rotate(0deg)} .gadget-header .gadget-controller-holder, .standard-infobox-header .infobox-controller-holder {transition: transform 0.3s ease-in-out; transform: rotate(-180deg)} #standard-left-col .gadget-header:hover .gadget-controller-holder + span, #standard-left-col .standard-infobox-header:hover .infobox-controller-holder + span { color: #000000 !important; cursor: pointer} #standard-left-col .gadget .gadget-header:hover .gadget-controller-holder, #standard-left-col .standard-infobox .standard-infobox-header:hover .infobox-controller-holder { opacity: 1 !important; } .dropdown-gadget-controller .gadget-header .gadget-controller-holder:hover { font-weight: normal; text-decoration: none; } .dropdown-gadget-controller .gadget-header .gadget-controller-holder:focus { outline: 0px; } .dropdown-gadget-controller .gadget-header:focus-within { box-shadow: inset 0px 0px 0px 3px rgba(255,191,71,1); } .dropdown-gadget-controller .gadget-header:focus-within .gadget-controller-holder, .dropdown-gadget-controller .gadget-header:focus-within .gadget-controller-holder + span, .dropdown-gadget-controller .gadget-header:focus-within .gadget-header-info { opacity: 1 !important; color: #000000 !important } .dropdown-gadget-controller .gadget-header:hover { font-weight: normal; text-decoration: none; cursor: pointer; color: #000000 !important } .questionnaire-question-option.questionnaire-question-option-multifile-upload .dropdown-gadget-controller A {background-image: none;} #standard-left-col .nqctree-gadget-fullscreen #context-fsgadget-holder .gadget .gadget-header {border-bottom: 5px solid #E6E6E6!important; border: 5px solid #E6E6E6!important; background: #E6E6E6!important} #standard-left-col .nqctree-gadget-fullscreen #context-fsgadget-holder .gadget .gadget-body {border: 5px solid #E6E6E6!important} #standard-left-col .nqctree-gadget-fullscreen #context-fsgadget-holder .gadget .gadget-header-info {margin-top: 0!important} #standard-left-col .nqctree-gadget-fullscreen #context-fsgadget-holder .standard-gauge .gadget-body {height: auto!important} .basic-gadget .gadget-body {border: 0px !important} .gadget-header {position: relative} .gadget-header DIV, .gadget-footer DIV {display: inline} .gadget-header-title, .gadget-header-fulltitle {float:left; padding-left: 0.5em} .gadget-header-title A {text-decoration: none} .gadget-actions A {text-decoration: none!important} .gadget-header-title {width: 63%!important; float: left} #standard-right-col .gadget-header-title, #reverse-left-col .gadget-header-title {width: 55% !important} #nqcmap_gadget .gadget-header-title {width: auto !important} #standard-right-col .form-field-group .gadget-header-title, #reverse-left-col .form-field-group .gadget-header-title {width: 99% !important} #standard-right-col .form-field-group .gadget-header-hamburger-container, #reverse-left-col .form-field-group .gadget-header-hamburger-container {display: none} .standard-ellipsis, .gadget-header-title H2 {text-overflow: ellipsis; white-space:nowrap; overflow: hidden; font-size: 19px} .gadget-header-fulltitle {max-width: 90%; overflow: hidden; white-space: nowrap; } .gadget-header-fulltitle h2 { overflow: hidden; text-overflow: ellipsis; display: block; } .gadget-header-fulltitle.wrap-title, .gadget-header-title.wrap-title, .gadget-header-title.wrap-title H2 {overflow: visible; white-space: normal} .gadget-header-slider {width: 5%; margin-left: 0.2em; margin-right: 0.2em; font-size: 1.75em; margin-top: 0.1em!important} .gadget-header-slider-left {float:left} .gadget-header-slider-right {float:right; text-align: right} .gadget-header-slider-title {width: 75%; float:left; margin: 0 auto; text-align: center} .gadget-header-info {display: flex !important; justify-content: flex-end; width: 32%!important; text-align: right; margin-left: auto; float: right; padding-right: 0.5em} #standard-right-col .gadget-header-info, #reverse-left-col .gadget-header-info {width: 37%!important} .gadget-header-info A {color: #ffffff; text-decoration: none} .gadget-header-info SPAN {text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .gadget-header-info .standard-link-indent, .gadget-header-title .standard-link-indent {color: #F2F2F2} .gadget-header-infoaward {float: right} .gadget-footer-paginate {width: 100%; margin: 0 auto; text-align: center; float: left} .gadget-body-form {background-color: #F2F2F2!important;border: 5px solid #EAEDEF} .gadget-body-form .standard-form-option {font-size: 16px} .gadget-footer-content {margin-left: 0.5em} .gadget-body UL, #content-holder .gadget-body UL LI {list-style-type: none} .gadget-body H3 {padding-top: 0.5em!important; padding-bottom: 0.5em!important; margin-left: 0.5em} .popup-header-content H3 {padding: 0!important} .gadget-body .popup-content H3 {margin-left: 0} .gadget-body-image-holder {text-align: center} .gadget-body-image-holder IMG {margin: 0 auto; display: block; width: 100%} .gadget-item-progress {display: inline; float: left; width: 15%; margin-top: 0.2em; padding: 0em!important} .gadget-item-progress .questionnaire-progressbar {border: 1px solid #737373 !important} .gadget-column-headings-sort-text {display: none} .gadget-column-headings .gadget-column-last .award-traffic-light {float: right} .gadget-item-progress_long {display: inline; float: left; height: 1.5em; width: 30%; position: relative; border: 1px solid #737373; margin-top: 0.2em} .gadget-item A, .graph-posneg-horizontal-label A {text-decoration: none} .gadget-header-title DIV:HOVER .standard-link-indent, .gadget-item:HOVER .standard-link-indent, .gadget-header-info SPAN:HOVER .standard-link-indent, .graph-posneg-horizontal-label:HOVER .standard-link-indent, .graph-posneg-horizontal-antilabel:HOVER .standard-link-indent, .home-scroller-notice SMALL:HOVER .standard-link-indent {margin-right: 0em; margin-left: 0.5em} .gadget-header-title A:HOVER, .gadget-item A:HOVER, .gadget-header-info A:HOVER, .graph-posneg-horizontal-label A:HOVER, .graph-posneg-horizontal-antiilabel A:HOVER{text-decoration: underline} .gadget-header-single-button {width: 30px !important; display: block !important; margin-left: 0.8em; margin-top: -0.7em !important; float: right; cursor: pointer; user-select: none; display: inline-block; width: 2.5em; height: 2.5em;} .gadget-header-single-button:focus, .gadget-header-more-button:active {background-color: transparent; outline: none;} div.gadget-popup-cover {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99} #mobile-menu.gadget-header-hamburger-button:after {color: #FFFFFF} DIV.gadget-header-hamburger-button.selected:after {content: "\25B2"} .gadget-header-hamburger-button:HOVER {text-decoration: underline!important} .gadget-header-main-hamburger-container {display: none; position: absolute; right: 11px; top: 28px; font-size: 1.2em;} div.gadget-header-verb-container {z-index: 2000; display: none; position: absolute; top: 1.4em; right: -0.15em; clear: both;} div.gadget-header-verb-container hr {background-color: lightgray; margin-top: 0.4em; margin-bottom: 0.4em;} .gadget-header-verb-padding {display: block !important; background: #FFFFFF; border: 1px solid gray; max-width: 50%; min-width: 230px; padding: 5px} .standard-third .gadget-header-verb-padding {min-width: 160px} #standard-right-col .gadget-header-verb-padding, #reverse-left-col .gadget-header-verb-padding {min-width: 180px} .gadget-header-main-hamburger-container div.gadget-header-verb-container {right: 0 !important; top: 1em; padding-right: 0} .standard-header-verb-disabled-link {display: block; text-align: left; text-indent: 0px!important; line-height: 2.5em; height: auto; color: #A8A8A8; cursor: not-allowed} .standard-header-verb-link {display: block; text-align: left; text-indent: 1em; width: auto; height: auto; line-height: 2.5em; color: gray} .standard-header-verb-link.header-link {line-height: normal; text-align: right; display: inline-block; margin-left: 0.5rem} .standard-header-verb-link.header-link a {line-height: normal; text-align: right } .standard-header-verb-link A {display: block; line-height: 2.5em; text-align: left; text-indent: 0px !important; text-decoration: none} .standard-header-verb-link A:not(.button) {font-size: 14px; padding-top: 6px; padding-bottom: 6px} .mobile-menu .standard-header-verb-link {padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; text-indent: 0; line-height: 1.5} .mobile-menu .standard-header-verb-link a {line-height: inherit} .standard-header-verb-link A:HOVER:not(.button) {text-decoration: underline} .footer-verbs .standard-header-verb-link, .footer-verbs .standard-header-verb-disabled-link, .footer-verbs .standard-header-verb-link a {line-height: 1.5em; width: auto; float: left; clear: both; padding-right: 0.8em} .footer-verbs > *:last-child {margin-bottom: 30px} div.gadget-header-verb-container.no-js {padding: 4em; top: -2.55em; right: -4.1em} .gadget-header-hamburger-button.no-js:hover + .gadget-header-verb-container, div.gadget-header-verb-container.no-js:hover, div.gadget-header-hamburger-button.no-js:hover, .gadget-filter-link.no-js:hover + .gadget-filter-form-holder, .gadget-filter-form-holder.no-js:hover {display: block !important;} .gadget-list-filter-holder {float: left; width: 100%} .gadget-list-filter-holder * {max-width: 100%} .gadget-body .gadget-list-filter-holder SELECT {width: 100%; border: 1px solid #808080 !important; padding-top: 0.45em; padding-bottom: 0.45em; height: auto} .gadget-column-headings .gadget-item-left, .gadget-column-summary .gadget-item-left {padding-left: 0.5em!important; float: left!important} .gadget-record-heading {background-color: #B0B0B0; font-weight: bold} .gadget-record .gadget-item-left {text-align: left!important} .gadget-record-row {float: left; width: 100%; padding-bottom: 0.5rem; color: #868E96} .gadget-item-wrap {text-wrap: auto; white-space: normal!important} .gadget-item-wrap .gadget-item-column-content {white-space: normal!important} .gadget-item-left .award-traffic-light {margin-left: 0em!important; margin-right: 4px;} .gadget-item {background-image: none; display: inline-block; width: 100%; text-align: left; padding-left: 0.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-image: none} .gadget-item-level1{text-indent: 1.5em!important} .gadget-item-level2{text-indent: 2.5em!important} .gadget-item-level3{text-indent: 3.5em!important} .gadget-item-level4{text-indent: 4.5em!important} .gadget-record .gadget-record-inactive{color: #CCCCCC!important} .gadget-item-label {width: 40%; float: left} .gadget-item-sidefull {width: 19.65em; float: left; border-right: 0px!important; padding-left: 0.33em} .gadget-item-value {width: 51.8%; float: left} .gadget-item-submit {width: 20%; float: left; text-align: center} .gadget-item-disabled {color: #CCCCCC!important} .gadget-item-column-name {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 700} .gadget-item-column-content, .search-result-header {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;display:block} .gadget-item-column-content {padding-top:3px;padding-bottom:3px;} .gadget-body-isscrolling LI.gadget-column-headings {width: 97.45%!important} .gadget-column-headings {background-color: #FFFFFF; width: 100%; float: left} .gadget-column-headings .gadget-column-heading {background-color: #FFFFFF} .gadget-headings-input {float: left; margin-right: 0.2em;} .gadget-column-heading {padding-top: 0.45em; padding-bottom: 0.45em; text-align: center; float: left; background: #FFFFFF; margin-left: 0px; padding-left: 0.5rem} .gadget-column-highlight-white, .gadget-column-highlight-grey {background: #FFFFFF!important; font-weight: 700} .standard-link-indent {display: none!important} .gadget-column-heading-sortable A {text-decoration: none} .gadget-column-heading-sorted A {display: inline; font-weight: 700} .gadget-column-heading-sortable:HOVER {color: #F2F2F2; cursor: pointer} .gadget-column-heading-sortable:HOVER A {text-decoration: underline} .gadget-column-heading A {text-decoration: none!important} .gadget-column-heading A:HOVER {text-decoration: underline!important} .gadget-item-sortable-icon {font-size: 10px; margin-top: 2px; margin-left: 5px; color: #0b0c0c; font-weight: 700} .gadget-column-view-data {padding-left: 0.5em; text-align: left!important; width: 100%; border: 0px!important; font-weight: 400} .gadget-column-view-data-thin {padding-left: 0.5em; text-align: left!important; width: 100%; border: 0px!important} .gadget-column-view-data-long {padding-left: 0.5em; text-align: left!important; width: 100%; border: 0px!important} .gadget-column-view-label {color: #868E96!important} .gadget-column-view-label-subheading {font-weight: bold} LI.gadget-column-view-label-subheading {background-color: #F2F2F2} .gadget-column-penultimate {border-right: 0px!important} .gadget-column-last-noborder {border-right: 0px!important} .gadget-column-last-aligned {margin-left: 10px!important} .gadget-column-headings .gadget-column-heading.gadget-column-last-noborder {float: right!important} .gadget-column-first {padding-left: 0.5em; border-left: 0px!important; float: left!important} .gadget-column-firstaward {padding-left: 0.1em; padding-right: 0.475em; text-align: left!important; border-left: 0px!important; float: left!important} .gadget-column-heading-left {text-align: left!important} .gadget-column-heading-right {text-align: right!important} #standard-right-col .gadget-column-last-noborder, #reverse-left-col .gadget-column-last-noborder {border-right: 0px!important; text-align: right} #standard-right-col .gadget-column-view-label, #reverse-left-col .gadget-column-view-label {width: 30%!important} #standard-right-col .gadget-column-view-data, #reverse-left-col .gadget-column-view-data {width: 63%!important} .gadget-record, .gadget-column-headings, .partial-gadget .search-result {border-bottom: 1px solid #bfc1c3; margin-bottom: 1px} .gadget-item .wrap-text {white-space: normal} .gadget-item .questionnaire-progressbar-bar {height: 18px} .gadget-bars {border-right: 1px solid #EAEDEF; text-align: center; float: left} .gadget-bars-value {float: left; border: 0px solid!important; width: 6.5em; text-align: left} .gadget-bars-bigvalue {width: 11em!important} .gadget-bars-label{float: left; border: 0px solid!important; width: 3em; text-align: left; margin-left: 1em} .gadget-record {width: 100%; float:left} #workflow_body .gadget-record {color: #808080;} .gadget.gadget-minimal .gadget-record {margin-bottom: 10px} .gadget-record .gadget-item-sidenote {float: right; margin-right: 0.45em; display: inline} .gadget-record-cycle-white, .gadget-record-cycle-grey {background-color: #FFFFFF} .gadget-minimal .gadget-body .gadget-viewbox-full .gadget-record-border-bottom {border-bottom: 1px solid #BFC1C3} .gadget.gadget-minimal .gadget-record-cycle-grey, .gadget.gadget-minimal .gadget-record-cycle-white {background-color: transparent} .gadget-record-links { clear: both; width: 100%; text-align: right; margin-top: 1em; margin-bottom: 1em; } .gadget-record-link:focus {outline: 3px solid #FFBF47} .gadget-item-link { display: inline-block; margin-left: 10px;} .gadget-column-summary {background-color: #808080; float: left; width: 100%; color: #FFFFFF} .gadget-column-headings .award-traffic-light {margin-left: 1.3em} .gadget-row-words {padding-bottom: 0.5em; padding-top: 0.5em; width: 98%} .gadget-row-words INPUT {margin-right: 0.5em} .gadget-row-words UL {list-style-type:square; list-style-position:inside} .gadget-row-words .standard-submit{float: right; margin-bottom: 0.5em} .gadget-text-error, .gadget-text-error A {color: #E42737!important} .gadget-text-warn{color: #E42737} .gadget-selector-holder {max-height: 6.2em; overflow: auto; width: 100%} .gadget-selector-holder INPUT {margin-left: 0.5em} .gadget-record LABEL {text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 80%!important; margin-left:6px;} .gadget-headings-input INPUT[type=checkbox]{margin-right:6px; vertical-align: middle;} .gadget-record .gadget-item-sphinx-form LABEL {width: 70%!important; float: left} .gadget-record .gadget-input-sphinx-check{float: left; margin-right: 1em; padding-top: 3px} .gadget-record .gadget-input-sphinx-organisation-check{margin-right: 5px} .gadget .gadget-selector-holder {border:0px} .gadget-selector-holder-form {border:1px solid #808080!important; margin-left: 0em!important; max-height: 250px} .gadget-body-form .gadget-selector-holder {width: 19.3em!important; margin-left: 0.5em} .gadget-scroller-holder {max-height: 42.8em; overflow-x: hidden; overflow-y: auto; width: 100%; float: left} #standard-right-col .gadget-scroller-holder, #reverse-left-col .gadget-scroller-holder {height: 10.3em} #organisation_list_gadget_body .gadget-column-first .gadget-item-column-content {padding-left: 0px} .gadget-footer INPUT {margin: 0.3em} /*.infobox-controller {cursor: pointer}*/ /*.infobox-controller-holder {/*background: url('../images/gadgets/toggle-black-open.png'); transform-origin: center; transform: rotate(90deg); color: #000000; text-align: center; display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-top: 0.15em; margin-right: 0.25em}*/ .standard-infobox-hidebody P {float: left; display: inline} .gadget-controller, .infobox-controller {font-size: 0.8em; cursor: pointer; width: 0.8em; margin-top: 0.15em; margin-right: 0.6em; margin-left: 0.6em; vertical-align: top; color: #CCCCCC} .gadget-controller-holder, .infobox-controller-holder {/*background: url('../images/gadgets/toggle-black-open.png'); */font-size: 15px !important; transform-origin: center; color: #000000; text-align: center; display: inline-block; width: 16px; height: 16px; margin-right: 0; margin-left: 0; line-height: 1.2} .gadget-controller-holder:hover, .infobox-controller-holder:hover {cursor: pointer} .gadget-controller A {color: #CCCCCC; text-decoration: none!important} .gadget-text-prefix {cursor: pointer} .gadget-body .file-download {display: inline; float: right; margin-left: 0.2em; margin-right: 0.75em} .gadget-linkcontroller-holder, .gadget-filtercontroller-holder, .form-openercontroller-holder {/*background: url('../images/gadgets/toggle-black-close.png'); */transform-origin: center; transform: rotate(-180deg); color: #000000; text-align: center; display: inline-block; width: 16px; height: 16px; margin-right: 0.2em; margin-left: 0} .gadget-filtercontroller-holder {/*background: url('../images/gadgets/toggle-black-close.png'); */transform-origin: center; transform: rotate(-180deg); color: #000000; text-align: center; vertical-align: bottom} .gadget-filter-link.selected .gadget-filtercontroller-holder {/*background: url('../images/gadgets/toggle-black-open.png'); */transform-origin: center; transform: rotate(-180deg); color: #000000; text-align: center} .gadget-bars .graph-body {width: 100%} .gadget-bars .graph-body-container {margin-top: 2px; margin-bottom: 1px; margin-left: 0} .form-openercontroller-open:before {content: "\25BA"; color:#0a4f16;} .form-openercontroller-close:before {content: "\25BC"; color:#0a4f16;} .form-openercontroller-holder {background: none} .form-openercontroller-holder:after {content: "\25BC"; color: #000} .form-opener-button.open .form-openercontroller-holder {background: none} .form-opener-button.open .form-openercontroller-holder:after {content: "\25B2"; color: #000} .form-opener-button LABEL {text-decoration: underline} .form-popup-holder {display: none; padding-top: 0.5em} .questionnaire-question-option .form-popup-holder {width: 100%; margin-bottom: 15px} .questionnaire-question-option .standard-form-option-radio {font-size: 1em!important} .gadget-filter-holder {font-size: 19px; position: relative; padding: 0 0 2px 0; border-bottom: 2px solid #EAEDEF; /*margin-top: 10px*/} .gadget-filter-holder .standard-form-option label {margin-bottom: 0.3em} .gadget-filter-link, .form-opener-button {cursor: pointer; display: inline-block; margin-left: 0.5em; margin-right: 0.5em; padding: 2px 2px 0 0} .gadget-filter-link.selected {background-color: #FAFAFA} .gadget-filter-form-holder {position: absolute; display: none; top: 19px; left: 0; z-index: 100; /*max-*/width: 100%; border: 1px solid #A1ACB2; box-sizing: border-box; background-color: #FFFFFF} .gadget-filter-form-holder * {box-sizing: inherit} .gadget-filter-form-holder FORM .gadget {margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left:0 !important} .gadget-filter-form-holder .gadget .gadget-header, .gadget-filter-form-holder .gadget-filter-form-title {border: none!important; color: #0B0C0C; background-color: #FAFAFA!important} .gadget-filter-form-holder .gadget-filter-form-title {padding-top: 0.4em; padding-left: 5px; font-size: 14px; margin-bottom: 5px} .gadget-filter-form-hint {padding-left: 5px; font-size: 14px; color: #6f777b; margin-bottom: 5px} /*.gadget-filter-form-holder .gadget-header-title {width: auto!important}*/ .gadget-filter-form-holder .gadget-header-info {display: none} .gadget-filter-form-holder .gadget .gadget-body {border: none} .gadget-filter-form-holder .gadget-column-headings {display: none} /*.gadget-filter-form-holder .gadget-column-first.gadget-column-last {width: auto}*/ .gadget-filter-form-holder .gadget-record {clear: both; border-bottom: none} .gadget-filter-form-holder .gadget-header H2 {font-size: 17px!important} .gadget-filter-form-holder .standard-form-option {padding-left: 0.5em; margin-top: 0.5em} .gadget-filter-form-holder .standard-form-controls, .gadget-filter-holder .standard-form-controls, .gadget-list-filter-holder .standard-form-controls {display: none} .gadget-filter-form-holder.no-js .standard-form-controls {display: block} .gadget-filter-form-holder .standard-form-controls A {display: none} .gadget-filter-form-holder UL {overflow: auto} .gadget-filter-form-holder INPUT.text-field {height: 1.95em} .gadget-filter-form-holder INPUT.image-submit {margin-left: -0.9em} .gadget-filter-form-holder INPUT.standard-submit {margin-left: 0.5em} .category-filter-label {font-size: 16px; font-weight: 700; margin-top: 0.75em; border-bottom: 1px solid #BFC1C3; padding-bottom: 15px} .category-filter-label A {font-size: 16px; font-weight: 400; float: right} .form-opener-container {display: none} .gadget-linkcontroller-holder-open {/*background: url('../images/gadgets/toggle-black-open.png'); */transform-origin: center; transform: rotate(-180deg); color: #000000; text-align: center} .gadget-linkcontroller-holder a {display: block; width: 100%; height: 100%} .image-gallery-row {width: 100%; height: auto} .image-gallery-heading-row {float: left; background-color: #FFFFFF} .gallery-image-holder {width: 29%; height: auto; padding: 0.25em; border: 2px solid #EAEDEF; margin: 0.51em; display: inline-block;vertical-align:middle;} .gallery-image-holder DIV {margin: 0.1em 0em} .gallery-image-holder IMG {width: 100%} .gallery-image-holder .gadget-item {border-style: none; float: none; text-align: left} .gallery-image-holder-highlight {border-color: #0A214F} /*scrolling gadget*/ .gadget-body UL.gadget-body-ishorizontalscrolling {overflow-x: auto; overflow-y: hidden;} .gadget-body UL.gadget-body-ishorizontalscrolling LI {white-space: nowrap} .gadget-body UL.gadget-body-ishorizontalscrolling LI > SPAN {float: none!important; display: inline-block; margin-left: -0.18em; padding-bottom: 0.5em; vertical-align: top} .gadget-body UL.gadget-body-ishorizontalscrolling LI > SPAN.gadget-column-first {margin-left: 0px} .gadget-body UL.gadget-body-ishorizontalscrolling LI.gadget-record-cycle-grey > SPAN {background: #F2F2F2} .ishorizontalscrolling {overflow-x: auto;} .ishorizontalscrolling .gadget-record-timetable{width:785px!important; white-space: nowrap;} /*context slideshow gadget*/ #context-image-slideshow-header {border-left: none; border-right: none; padding-right: 0.3em; box-sizing: border-box} #context-image-slideshow-header .gadget-header-verb-container {right: 1em; top: 1.7em;} /*HEADER Styles*/ #header {z-index: 300; left: 0; top: 0; width: 100%} /*#header {position: sticky; top: -1px; background-color: #ffffff; box-shadow: 0 2px 24px -15px #000000; border-bottom: 1px solid #d3d3d3}*/ #header A, #header .govuk-header-logo {color: #FFFFFF} #header-holder {float: left; width: 100%} * HTML #header {position: absolute} #header-motd {background-color: #D5E8F3; color: #000000; padding-top: 10px; padding-bottom: 10px; clear: both; } #header-motd-body A {color: #005EA5!important} #header-motd-body-left-col {width: 57em; border-right: 1px solid #FFFFFF} #header-motd-body-right-col {width: 23em} #header-motd-body-right-col .quick-link-container{margin-top: 2.5em} #header-motd-body-right-col H3 {padding-bottom: 1em} .header-motd-body-col {display: inline; float: left} .header-motd-body-padding {padding: 1em} #header-motd-body {padding: 1rem 0; position: relative} #header-motd-body H1 {margin-bottom: 1.5em} #header-motd-body H2 {margin-bottom: 0.7em; font-weight: bold} #header-motd-close {width: 5%; float: right; text-align: right; cursor: pointer; font-weight: bold; color: #F2F2F2; position: absolute; bottom: 0px; right: 1em} #header-motd-open {cursor: pointer} DIV#header-motd-controller {margin-top: 1.5em; cursor: pointer; position: absolute; padding-bottom: 0.25em; padding-left: 0.25em; padding-right: 0.25em; margin-left: 81.6em; color: #FFFFFF; font-weight: bold} .content-notice {background-color: #D5E8F3; color: #000000; padding: 15px; margin-bottom: 30px} #header-logo IMG {width: 100%} #header-logo A {padding: 0; margin: 0} #header-menu-left {width: 45%; float: left} #header-menu-right {float: right} #header-menu-right A:HOVER {text-decoration: none!important} #header-menu-search {float: right; display: none; font-size: 1em;position:relative;z-index:1703} #header-menu-search FORM {padding: 0; margin: 0} #header-menu-formatuser {text-overflow: ellipsis; white-space:nowrap; overflow: hidden; float: left; text-align: right; max-width: 12em} .header-menu-navigation-logo {float: left; margin-top: -0.5em; margin-right: 0.25em;} #search-term {border: 1px solid #808080; padding: 4px 4px 5px 4px} #search-form {position: relative; z-index: 1} #search-form .standard-form-controls {padding-bottom: 0px !important;} #header-menu-search-results {width: 85%; position: absolute; z-index: 1000; margin-top: -4px; margin-left: 0} #header-menu-search-results UL {margin-top: -0.2em; margin-left: 0px; border-right: 1px solid #333333; border-left: 1px solid #333333; border-bottom: 1px solid #333333; background-color: #ffffff; cursor: pointer; list-style-type: none; width: 100%} #header-menu-search-results LI {position: relative; display: block; padding: 0.2em; border-top: 1px solid #CCCCCC; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .form-search-results {width: 100%} .form-search-results UL{z-index: 100; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #333333; background-color: #ffffff; width: 283px; cursor: pointer; list-style-type: none} .form-search-results LI {padding: 0.2em; list-style-type: none; border-top: 1px solid #CCCCCC; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .form-field-group .form-search-results {margin-left: 3px; font-size: 1em; margin-top: 44px; position: absolute; z-index: 1000} .form-field-group .form-search-results UL {width: 309px} .form-field-group .form-search-results UL LI {font-size: 16px; padding: 5px} .form-field-group .form-search-results UL LI .award {margin-left: 0px; margin-right: 5px} .field-group-hide-default {display:none;} #header-menu-search-results LI:HOVER, .gen-search-results LI:HOVER, .result-selected, .gadget .form-search-results LI:HOVER, .lookup-field-results LI:HOVER, #org-results LI:HOVER, #duns-results LI:HOVER {background-color: #EEEEEE!important} #header-menu-search-results LI:HOVER .standard-link-indent, .result-selected .standard-link-indent, .footer-header-links LI:HOVER .standard-link-indent,.standard-link:HOVER .standard-link-indent{margin-left: 0.3em} #search_list A {text-decoration:none;color:#333333} #header-menu-search-results A {color: #333333!important; text-decoration: none; padding: 0; margin: 0; height: 1.5em} #header-menu-search-holder {margin-top: 10px; background-color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; float: left; position: relative; width: auto} .gen-search-holder {position: relative} .gen-search-results {position: absolute; top: 0; width: 60%; margin-left: -3px; z-index: 1000; background-color: #FFFFFF} .questionnaire-question-option-sic-codes .gen-search-results {margin-top: 2.3em; margin-left: 1.97em} .gen-search-results, UL.bac-selected {list-style: none; max-height: 15.5em; overflow: auto} UL.bac-selected {border: 1px solid #808080} .gen-search-results LI {white-space: nowrap; text-overflow: ellipsis} DIV.bac-tree, UL.bac-selected {width: 91%} .gen-search-results DL DT, .gen-search-results UL LI, UL.bac-selected LI {padding: 0.3em; height: 1.2em; overflow: hidden} .gen-search-results UL LI {cursor: pointer} .bac-selected-primary-header {float: right; margin-right: 0.8em} .bac-selected-label {float: left; max-width: 74%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .bac-selected-label-full-width {max-width: 99%; width: 99%} .bac-selected-controls {float: right; display: inline-block} .bac-selected-controls SPAN {padding-right: 0.25em; display: inline-block; vertical-align: text-top} .bac-selected-controls .bac-selected-primary {padding-right: 1em} .bac-selected-primary .bac-primary-select {float: none; margin-right: 0} .bac-selected-remove {cursor: pointer; color: #005EA5; text-decoration: underline} .question-answer UL.bac-selected {border: none} .question-answer UL.bac-selected LI.home-search-grey {background-color: #FFFFFF} .question-answer .bac-selected-label {font-weight: bold} .question-answer .bac-selected-label::before {content: "\2714"; font-weight: bold; margin-right: 1em} .question-answer .bac-indent {display: none} /* #header-menu-navigation-holder {float: right; width: 100%} */ .header-menu-navigation-last {border-right: none!important} #header-menu-navigation LI {display: inline; display: block; float: left} #header-menu-navigation LI A, .header-dashboard-link A {border: 2px solid #FFF; text-decoration: none; font-size: 16px; padding-left: 0.75em; padding-right: 0.75em; border-radius: 3rem} .header-dashboard-link A {display: flex; align-items: center; height: 3.5rem} /* #header-menu-navigation LI A:focus {outline: none; border: 2px solid rgba(229, 151, 0, 0.65); box-shadow: 0px 0px 5px rgba(229, 151, 0, 0.65)} */ #header-menu-navigation A {position: relative; padding-top: 0.58em; display: block; float: left; padding-bottom: 0.67em} #header-menu-navigation LI IMG.header-menu-navigation-lang-icon {vertical-align: middle; margin-right: 5px; height: 12px; border: 1px solid #c0c0c0} .country-flag {height: 30px; border: 1px solid #c0c0c0} .header-container {margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #d3d3d3} .header-content-container {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end; flex-grow: 1; padding: 0.5rem 0; float: right} .skin-srs .header-content-container {padding: 0} .header-logo-container {width: 100%; justify-content: flex-start;} .header-logo-container.stack {flex-direction: column; justify-content: center} .header-logo-container A {display: inline-block; width: auto;} .header-logo-container A img {width: 100%} .header-logo-container .site-logo {height: 36px; margin-top: 4px; margin-bottom: 4px} .header-search-container {width: 100%; order: 10} .header-search-container form {width: 100%} .header-search-container form .standard-form-option input {margin: 0 !important} .header-search-container form .standard-form-option:last-child {margin: 0 !important; padding: 0 !important} .form-option-search input {line-height: 20px; padding-top: 6px !important; padding-bottom: 6px !important} .form-option-search-2 {display: flex !important; flex-wrap: wrap} .form-option-search-2 label {flex: 100%; flex-shrink: 0} .form-option-search-2 input[type='text'], .form-option-search-2 input[type='search'] {flex: 1; flex-shrink: 1} .form-option-search-2 input.image-submit {margin-left: 0 !important} .header-dashboard-link {justify-content: flex-end} .header-menu-container {margin-left: auto; list-style: none; flex-grow: 0} .header-menu-container .header-menu-item {margin: 0 0.5rem; box-sizing: border-box; position: relative; flex-shrink: 0; flex-grow: 0} .header-menu-container .header-menu-item:hover {cursor: pointer} .header-menu-container .header-menu-item > a:focus, .header-menu-container .header-menu-item > a:focus {box-shadow: 0 0 0 4px #efefef !important; outline: 3px solid #FFBF47 !important} .circle-button:hover {box-shadow: 0 0 0 4px #efefef} .circle-button.transparent:hover {background: #efefef} .circle-button {display: flex; align-items: center; justify-content: center; height: 2.6rem; width: 2.6rem; line-height: 2.6rem; background-color: #cfcfcf; border-radius: 1.3rem; font-size: 0.95em; font-weight: 700} .circle-button.transparent {background-color: transparent} .circle-button a {overflow: hidden; border-radius: 1.3rem} .circle-button.circle-button-medium {height: 2.1rem; width: 2.1rem; line-height: 2.1rem; border-radius: 1.05rem; font-size: 0.8em} .circle-button.circle-button-medium a {border-radius: 1.05rem} .circle-button.circle-button-small {height: 1.7rem; width: 1.7rem; line-height: 1.7rem; border-radius: 0.85rem; font-size: 0.7em} .circle-button.circle-button-small a {border-radius: 0.85rem} .circle-button.primary {background-color: #0a4f16; color: #ffffff} .header-menu-container .header-menu-item A {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; text-decoration: none} .header-menu-container .header-menu-item.user-settings {background-color: #0a4f16; color: #ffffff} .header-menu-container .header-menu-item.user-settings img {border-radius: 50%} .notification-count {position: absolute; top: -3px; right: 0px; width: 1.25rem; height: 1.25rem; font-size: 12px; border-radius: 0.6rem; background-color: #B10E1E; display: flex; align-items: center; justify-content: center; color: white} .unread-alert-count, .unread-message-count {position: absolute; top: 2px; right: 5px; width: 0.6em; height: 0.6em; font-size: 12px; border-radius: 0.6rem; background-color: #B10E1E; display: flex; align-items: center; justify-content: center; color: white} .mobile-menu {position: relative; flex-grow: 0; padding: 0; line-height: 1; z-index: 3000} .mobile-menu-fixed {position: fixed; top: 1rem; right: 1rem} .mobile-menu-holder-bg {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; opacity: 0.5} .mobile-menu-holder {opacity: 0; box-sizing: border-box; width: 100%; padding: 1rem; position: fixed; left: 0; top: 0; z-index: 1000; background-color: #ffffff; visibility: hidden; max-height: 100%; overflow-y: auto} .mobile-menu-holder .site-logo {max-width: 65vw} #mobileMenuToggle {display:none} #mobileMenuToggleLabel {transition: top 0.3s ease-in; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background-color: white; border-radius: 3rem; z-index: 1500} .mobile-menu-fixed #mobileMenuToggleLabel {box-shadow: 0 0 15px -2px #000000} #mobileMenuToggle:checked + .mobile-menu {position: fixed !important; top: 1rem; right: 1rem} #mobileMenuToggle:checked + .mobile-menu .mobile-menu-holder {opacity: 1; visibility: visible} #mobileMenuToggle:checked + .mobile-menu .mobile-menu-holder-bg {display: block !important} #mobileMenuToggle:checked + .mobile-menu #mobileMenuToggleLabel {box-shadow: none !important} #mobile-menu-icon {transform-origin: center center; transform: scale(1.3)} .burger-menu-line {transition: transform 0.28s ease-in; transform-origin: center; transform: rotate(0deg) translate(0px, 0px)} #mobile-menu-icon:hover {cursor: pointer} #mobileMenuToggle:checked + .mobile-menu #mobile-menu-icon .line-1 {transform: rotate(-45deg) translate(0px, 4px)} #mobileMenuToggle:checked + .mobile-menu #mobile-menu-icon .line-2 {transform: rotate(45deg)} #mobileMenuToggle:checked + .mobile-menu #mobile-menu-icon .line-3 {transform: rotate(-45deg) translate(0px, -4px)} .burger-menu-open .line-1 {transform: rotate(-45deg) translate(0px, 4px)} .burger-menu-open .line-2 {transform: rotate(45deg)} .burger-menu-open .line-3 {transform: rotate(-45deg) translate(0px, -4px)} .header-search-container .standard-form-option {box-sizing: border-box} #menu-buttons-navigaton {display: none} #home-search-more{color: #FFFFFF} #home-search-none{color: #FFFFFF; background-color: #333333} #header-menu-search-submit-holder {display: inline; float: left; margin-top: 19px; margin-left: 5px} #header-menu-search-submit-holder INPUT{height: 20px; width: 20px} #popup-nav-button {display: none} #nav-bar{float: left; width: 100%; margin-top: 1em; border-bottom: 1px solid #D0D0D0; height: 3em} #nav-bar A{color: #515151} #nav-bar H1 {text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 80%; margin-left: 0.5em} .nav-bar-icon {font-size: 1.5em; font-weight: bold; color: #FFFFFF; background-color: #F47738; padding: 0.1em 0.3em; width: auto; float:left; margin: 0.1em 0.4em 0.1em 0} .nav-bar-text {font-size: 1.2em; float: left; padding-top: 0.5em} .nav-bar-message {font-size: 1.2em; float: left; vertical-align: top; margin-left: 5px; margin-top: 3px} #nav-bar .nav-bar-message {line-height: normal} .standard-link A{text-decoration: none} #nav-bar A:HOVER, .standard-link:HOVER A {text-decoration: underline} .home-scroller-notice {/*margin-top: 1.2em; float: left;*/ overflow: hidden; height: auto; width: 100%} .home-scroller-notice SMALL {width: 100%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; float: left} .home-scroller-notice SMALL:first-child {padding-left: 0} #content-holder .home-scroller-notice SMALL:last-child {margin-bottom: 0} #home-scroller-notices HR {width: 90%; margin: 0.65em 0; background-color: #B3B3B3} .home-search-white {background-color: #FFFFFF; height: auto !important;} .home-search-grey {background-color: #F2F2F2; height: auto !important;} .header-icon {display: inline!important; border: 1px solid #CCCCCC; padding-left: 0.25em; padding-right: 0.4em; padding-top: 0.175em; margin-top: -0.275em; text-decoration: none !important; height: 1.25em; color: #ffffff!important; display: inline; margin-bottom: -1px; text-align: center} .header-icon-alert {background-color: #B10E1E} .header-icon-standard {background-color: #737373} .link-underline {text-decoration: underline; display: inline} LI .header-icon-alert, LI .header-icon-standard {margin-left: 0.5em} /* FOOTER Styles*/ #footer {background-color: #dee0e2} #footer-container {background: #dee0e2; width: 100%; height: auto; clear: both} #footer-contact{width: 20em; height: 4.1em} #footer-detail {display: inline; float: left; color: #B3B3B3; margin-top: 1em} .footer-systemstats {color: #808080; text-align: right} #footer-info {width: 25%; display: inline; float: left} #footer-boxes{width: 73%; display: inline; float: left} #footer-info H1 {margin-top: 1em; color: #B3B3B3; float: right} #footer-detail P {text-align: right} .footer-box{display: inline; float: left; height: 10em; padding: 1em; padding-right: 0.5em} #footer-lower {height: 3em; float: left; width: 100%; color: #B3B3B3; border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; padding-top: 1em; padding-bottom: 2em} #footer-lower-holder {width: 78.33em; padding: 1em} .footer-box-header P{color: #27E4D4} .footer-box-links {padding-top: 0.5em} .footer-box-links LI {margin-bottom: 0.5em; list-style-type: none} .footer-box-links A{color: #B3B3B3; text-decoration: none} .footer-box-links LI:HOVER A{color: #ffffff} .footer-box-links LI:HOVER .standard-link-indent, .standard-link-arrow:HOVER .standard-link-indent {margin-right: 0.15em; margin-left: 0.35em} .footer-box-links .standard-link-indent{color: #B3B3B3} /*HOME Styles*/ #home-footer {margin-top: 0.5em; height: 11em; width: 100%; float: left} #home-footer-new {margin-top: 0.5em; height: 11em; width: 100%; float: left; height: auto; padding-bottom: 1em} .home-footer-block {float: left; display: inline; width: 25em; margin-right: 3.2em; height: 100%} .home-total, .home-detail {width: 25em; display: inline; float: left; margin-right: 3.2em; margin-top: 2.5em} #home-details {border-top: 10px solid #333333; margin-top: 5em} .home-detail H1 {font-size: 2.1em; font-weight: bolder} .home-detail-description {width: 40em; display: inline; float: left; margin-top: 2.5em; font-size: 1.2em} .home-detail-description H2 {margin-bottom: 1.5em} .home-footer-block-last, .home-total-last{margin-right: 0em!important} .home-footer-text {float: left; display: inline; width: 100%; font-size: 1.3em} .home-footer-text H3 {margin-top: 0.5em; margin-bottom: 0.5em; font-weight: bolder} .home-details {width: 100%; float: left} #home-totals {margin-top: 0.5em; height: 12em; width: 100%; float: left} #home-body-main-content {float: left; display : inline} .home-standard-list {list-style-position:inside; margin-top: 1em} .home-standard-list LI{margin-bottom: 1em} #home-body-main P, #home-body-lower-content P {margin-bottom: 1em} #home-body-main H2 {margin-bottom: 0.5em; color: #737373; font-weight: bold} #home-body-main H3 {margin-bottom: 1em; color: #737373; font-weight: bold} #home-body-lower {margin-bottom: 3em; width: 100%; float: left} #home-body-lower-content {width: 31em; float: left; display : inline; height: 14.167em; padding-right: 1em} #home-body-lower-content P {margin-top: 1em} #home-body-lower-images {width: 21.25em; float: right; display : inline} #home-footer {width: 100%; display: inline; float: left} #home-footer IMG {border: 1px solid #CCCCCC; margin-left: 1px; width: 26.667em; height: 10.417em} #home-footer-boxes {padding-bottom: 1em; float: left; width: 100%} .home-gradient-container {width: 100%; height: 2.5em; float: left} .home-footer-box{width: 12.85em; border-right: 1px solid #ffffff; display: inline; float: left; margin-top: 1em; padding-left: 0.5em; padding-right: 0.5em} .home-footer-box-title {margin-bottom: 1em; font-weight: bold; margin-top: 1em} .home-footer-bigbox {border: 1px solid #c1c1c1; width: 26.5em; height: 9em; display: inline; float: left; margin-left: 0.15em; margin-right: 0.2em; background-color: #ffffff; padding-top: 1.5em} .home-footer-bigbox H2 {font-weight: bold; color: #0A214F} .home-footer-bigbox-image {float: left; height: 7.167em; width: 10.833em} .home-footer-bigbox-image IMG{height: 7.167em; width: 10.833em} .home-footer-bigbox-content {float: left; width: 14.333em} .home-footer-title {font-weight: bold; color: #0A214F} .home-standard_intro {margin-top: 8px; margin-bottom: 2em; word-break:break-word;} .home-standard-full {width: 100%} /*QUESTIONNAIRE Styles*/ #questionnaire-holder {width: 100%; margin: 0 auto} #questionnaire-navbar {float: left; width: 100%; margin-top: 15px} #questionnaire-navbar P {font-size: 19px; margin-top: 5px} #questionnaire-navbar P STRONG {font-size: 24px; font-weight: 700} #questionnaire-navbar-titlebar-side {display: inline; float: right; color: #ffffff; margin-top: 0.83em; width: 666.67em; background-color: #808080; height: 3.33em} #questionnaire-navbar-sectionsbar {width: 100%} #questionnaire-navbar-sectionsbar-container {height: 1.67em; padding-bottom: 1em; width: 70.5%; overflow: hidden; margin-left: 1.2em; position: relative; float: left} #questionnaire-navbar-sectionsbar-sections {margin: 0 auto; padding: 0.42em; padding-top: 0.2em; overflow: hidden; width: 2000em; position: relative} #questionnaire-container {width: 100%; float: left} .questionnaire-question-key {margin-top: 15px;margin-bottom: 15px} .questionnaire-question-key P {font-weight: 300!important;padding-left: 0px!important; font-size: 16px} .questionnaire-question-key SUP {font-size: 19px; margin-right: 5px; vertical-align: 0px; font-weight: 700} .questionnaire-question-description {font-size: 19px; margin-bottom: 15px} #questionnaire-question-guidance {float: left; background-color: #ffffff; display: inline; padding-left: 1.67em; padding-top: 1.67em; padding-right: 1.67em} #questionnaire-question-guidance H3 {margin-bottom: 0.83em} #questionnaire-question-guidance-title-small {display: none} .questionnaire-question-guidance-title-large {display: block} #questionnaire-question-attention-text, .questionnaire-question-attention-text {background-color: #E6E6E6; border: 1px solid #E6E6E6; padding: 10px; word-wrap: break-word} #questionnaire-question-upload-guidance-text {background-color: #C5F8D7; border: 1px solid #E6E6E6; padding: 10px; word-wrap: break-word} #questionnaire-question-upload-guidance-text LI {list-style-type: disc!important; margin-left: 15px} #questionnaire-question-guidance-toggle {display: none} #questionnaire-question-guidance-reference {font-weight: bold} #questionnaire-question-guidance-text {float: left; width: 100%; margin-top: 1em; word-wrap: break-word} #questionnaire-question-guidance-text UL, .questionnaire-question-advice UL, .questionnaire-question-text-prompt UL, .questionnaire-question-guidance-subtext UL {margin-left: 10px} #questionnaire-question-guidance-text LI, .questionnaire-question-advice LI, .questionnaire-question-option-info LI, .questionnaire-question-guidance-subtext LI , .questionnaire-question-text-prompt LI, .questionnaire-question-guidance-subtext UL LI {margin-left: 15px} #questionnaire-question-guidance-text UL LI, .questionnaire-question-advice UL LI, .questionnaire-question-option-info UL LI, .questionnaire-question-guidance-subtext UL LI , .questionnaire-question-text-prompt UL LI, .questionnaire-question-guidance-subtext UL LI {list-style-type: disc!important} #questionnaire-question-guidance-text OL LI, .questionnaire-question-advice OL LI, .questionnaire-question-option-info OL LI, .questionnaire-question-guidance-subtext OL LI , .questionnaire-question-text-prompt OL LI, .questionnaire-question-guidance-subtext OL LI {margin-left: 25px} .questionnaire-question-guidance-subtext, .questionnaire-question-guidance-gotoend {margin-bottom: 1em; width: 100%; clear: left} .questionnaire-question-guidance-subtext:last-child, .questionnaire-question-guidance-gotoend:last-child {margin-bottom: 0em} .questionnaire-question-guidance-gotoend {font-weight: 700} #questionnaire-navbar-progressbar-holder {margin: 0 auto; width: 29.17em; position:relative; height: 1.6em; border: 1px solid #737373; margin-top: 0.42em; background-color: #F2F2F2} #questionnaire-navbar-saving {float: left; width: 13.5em; position:relative; margin-top: 0.8em; color: #FFFFFF; text-align: right} #questionnaire-navbar-lastupdated {float: right; width: 13.5em; position:relative; margin-top: -1.4em; color: #FFFFFF} #questionnaire-bottombar-controls-next {margin-left:3px} .questionnaire-bottombar-controls {width: 100%; margin-bottom: 1rem; float: left} .questionnaire-bottombar-controls input[type='submit'] {width: 100%} .questionnaire-progressbar {background-color: #F2F2F2; width: 100%; box-sizing: border-box} .gadget-item-column-content .questionnaire-progressbar {display: block; position: relative} .questionnaire-progressbar-number {width: 3em; position: absolute; color: #333333; margin-left: auto; margin-right: auto;margin-top: 0.2em; left: 0; right: 0; text-align: center} .questionnaire-progressbar-bar {height: 100%; display: block} .progressbar {background-color: #FFBF47} .questionnaire-question-text {width: 100%; margin-top: 0.5em; margin-bottom: 1em; float: left} .questionnaire-question-text-prompt-start {width: 100%} .questionnaire-question-text-prompt-continued {margin-top: 45px} .questionnaire-question-text-prompt {font-size: 18px; width: 90%; float: left; display: inline; margin-bottom: 15px} .questionnaire-question-text-prompt-lite {font-weight: 100!important} .questionnaire-question-text-prompt-form {margin-bottom: 0px} .questionnaire-question-option-group-form .questionnaire-question-text, .questionnaire-question-option-group-reveal .questionnaire-question-text {margin-bottom: 5px; margin-top: 0px} .questionnaire-question-text-label, .questionnaire-question-text-label DIV {margin-bottom: 0px!important} .questionnaire-question-text-label-after {margin-top: -15px} .questionnaire-question-text-prompt-mimic{margin-bottom:1em} .questionnaire-question-prompt {float:left; font-size: 1.3em; width: 39em; display: inline; margin-bottom: 0.5em} .questionnaire-question-prompt UL, .questionnaire-question-description UL {list-style-position: outside; margin-left: 20px} .questionnaire-question-prompt LI, .questionnaire-question-description LI {padding-left:5px;} .questionnaire-question-advice {float:left; border: 1px solid #E6E6E6; margin-top: 1em; padding: 0.42em; margin-bottom: 1em; background-color:#E6E6E6} .questionnaire-question-advice-withcolour {color:#0B0C0C!important; border: 2px solid #EAEDEF} .questionnaire-question-advice H3 {font-weight: 700; margin-bottom: 15px; font-size: 21px} .questionnaire-question-option-exportbox {margin-top: 0.5em!important; float: left} .questionnaire-question-options {float: left; width: 100%; padding: 0em; margin-top: 30px} .questionnaire-question-options A, #questionnaire-question-guidance-text A, #glossary-body A, A.new-window{background-image: url("../images/newwindow.png"); background-position: top right; background-attachment: scroll; background-repeat: no-repeat; padding-right: 15px; text-decoration: none} .questionnaire-question-options A:HOVER, #questionnaire-question-guidance-text A:HOVER, #glossary-body A:HOVER, A.new-window:HOVER{text-decoration: underline} .questionnaire-question-options A.button-tertiary {background-image: none;} .questionnaire-question-options A.nqc-cta {background-position: 94% 18%} .questionnaire-question-options .outline-progressive-disclosure A, #questionnaire-question-guidance-text .outline-progressive-disclosure A, #glossary-body .outline-progressive-disclosure A {background-image: none} .questionnaire-question-collaborate-message-holder{margin-bottom:10px;} A.inline { margin-left: 0 !important; display: inline !important; } .gadget-body LI A.new-window {background-image: none} .questionnaire-question-option-file-upload A {background-image: none!important; padding-right: 0.2em} .questionnaire-question-option-file-upload .standard-download {margin-left: 2em; float: left} .file-upload-label {float: left; width: 50%} .file-upload-loader { width: 400px; text-align: center;} .file-upload-loader IMG {height: 30px;} .questionnaire-question-option UL UL {margin-left: 30px} .questionnaire-question-option UL UL LI {list-style-type: circle!important} .questionnaire-question-option .text-field, TEXTAREA, SELECT {font-size: 19px} .questionnaire-question-option-check INPUT, .questionnaire-question-option-radio INPUT {display: block; float: left} .questionnaire-question-option-prompt {width: 100%; font-size: 1.2em; height: auto; float: left} .questionnaire-question-option-info-validating UL {list-style-type: none; margin-top: 15px; margin-bottom: 15px} .questionnaire-question-option-info-validating LI {margin-bottom: 5px} .questionnaire-question-option-infohint {color: #818181} .questionnaire-question-option-infolegal {line-height: 1.3157; font-weight: 700; margin-bottom: 30px} .questionnaire-question-option-infolegal SPAN {float: left; display: inline-block; width: 92%; margin-top: 8px} .questionnaire-question-option-child .questionnaire-question-option-infolegal {margin-bottom: 15px!important} .questionnaire-question-option-child .outline-progressive-disclosure {margin-left: 0px!important} .questionnaire-question-option-child .progressive-disclosure-text {margin-left: 5px!important} .form-option-child .progressive-disclosure-text {margin-left: 5px!important} .questionnaire-question-option-infoattention-child {background-color: #FFFFFF; border: 0px} .questionnaire-question-option-infoattention-child DIV {padding: 10px} .questionnaire-question-option-float {float: left!important;margin-bottom: 0px!important} SELECT.questionnaire-slider {display: inline; float: left} .questionnaire-multiselect {height: auto!important; min-width: 50%} .standard-form-option LABEL {margin-left: 0em!important} .standard-form-option div.input-replacement {padding: 0.3em; width: 15em; margin-right: 1em; box-sizing: border-box} .standard-form-option .standard-form-option-check LABEL {margin-left: 0em!important; margin-top: 0.3em; margin-bottom:0em} .standard-form-option-stacked LABEL + * {display: block; clear:both} .questionnaire-question-option-info.questionnaire-question-option-child {padding-left: 15px} #footer-contact-form .standard-form-option LABEL{ float:left; width:20%; } #footer-contact-form .footer-contact-wrapper{width:78%; float:left;} #footer-contact-form .contact-info-header{width:78%; float:left;} #footer-contact-form .contact-info-details{width:21%; float:left; text-align:left; color:#226bdd; font-weight:500;} .questionnaire-question-option-error, .questionnaire-question-option-hint {display: block; clear: both} .questionnaire-question-option-hint {color: #818181; margin-top: 0.25em} .questionnaire-question-option-hint UL {list-style-position: inside} .questionnaire-question-option-warning {font-weight: 400; margin-top: 0.5em; margin-bottom: 0.5em; display: inline-flex;} .questionnaire-question-option-warning SVG{flex-shrink: 0; margin-right: 5px;} .questionnaire-question-option-description {margin-left: 50px; margin-bottom: 20px; float: left; margin-top: -15px} .questionnaire-question-option-awardhint {color: #0b0c0c!important; font-weight: 700} .questionnaire-question-option-awardhint SUP {vertical-align: 0px; font-size: 19px} .questionnaire-question-option-select SELECT {width: auto; height: 35px} .questionnaire-question-option-select-hasreveal {margin-bottom: 30px!important} .questionnaire-question-option-duns-lookup > LABEL, .questionnaire-question-option-text-field LABEL, .questionnaire-question-option-date-field LABEL, .questionnaire-question-option-spinner INPUT, .questionnaire-question-option-date-field LABEL, .questionnaire-question-option-file-upload LABEL, .questionnaire-question-option-multifile-upload LABEL, .questionnaire-question-option-select LABEL, .questionnaire-question-option-slider LABEL, .questionnaire-question-option-text-area LABEL, .questionnaire-question-option-date-text-field LABEL {display: block; margin-bottom: 5px; margin-left: 0px} .questionnaire-question-option-text-field {width: 100%} .questionnaire-question-option-postcode-field INPUT {width: 90px} .questionnaire-question-option-sic-codes .bac-selected, .questionnaire-question-option-sic-codes .bac-tree {margin-left: 0} .questionnaire-question-option-multifile-upload .file-upload {float: left; display: block} .questionnaire-question-option-multifile-upload .standard-submit {float: left; display: block} .questionnaire-question-option-multifile-upload-attachments LABEL {float: left; width: 100%; margin-top: 10px} .questionnaire-question-option-multifile-upload-attachments DIV.upload-attachments-deleting {text-align: right;} .questionnaire-question-option-multifile-upload-attachments {margin-top: 15px} .questionnaire-question-option-multifile-upload-submit {width: 100%; margin-top: 20px; margin-bottom: 10px} .questionnaire-question-option-multifile-upload-content-error {margin-left:-5px;color:#e45e27;} .questionnaire-question-option-invitation-text-area-template {background-color: #eeeeee; padding: 15px; font-size: 16px; float: left; padding-left: 5px; margin-bottom: 15px} .questionnaire-question-option-invitation-text-area-template H1, .text-area-template H1 {margin-left: 15px; font-size: 28px!important} .questionnaire-question-option-child .questionnaire-question-option-invitation-text-area-template {margin-bottom: 15px} .questionnaire-question-option-child .questionnaire-question-option-invitation-text-area-template TEXTAREA {margin-left: 0px} .questionnaire-question-option-spreadsheet-optionlabel {margin-bottom: 5px} .questionnaire-question-option-child UL LI.text-important {margin-left: 10px} .questionnaire-question-option-list-lookup .questionnaire-question-option-add-context {margin-top: 15px} .questionnaire-question-option-list-lookup .questionnaire-question-option-add-context A, .questionnaire-question-spreadsheet .questionnaire-question-option-add-context A {margin-left: 0px} .questionnaire-question-option-list-lookup-change {padding-right: 0px; background-image: none!important} .questionnaire-question-option-list-lookup-change-hidden {display: none} /* .lookupfield-result-hint {float: left; width: 100%; color: #8f8f8f} */ .questionnaire-question-option-invitation-text-area A {background-image: none!important; padding-right: 0px} .questionnaire-question-option-invitation-text-area-label {font-size: 19px; margin-bottom: 15px; float: left} .questionnaire-question-option-text-area TEXTAREA {width: 90%; height: 7em} .questionnaire-question-option-invitation-text-area TEXTAREA {width: 100%} .questionnaire-question-option-spinner INPUT {display: inline; float: left} .questionnaire-question-option-spinner INPUT {display: inline; float: left} .questionnaire-question-option-spinner .spinner-field {width: 3.2em; margin-right: 0.1em!important} .questionnaire-question-option-spinner .standard-secondary-submit {margin-left: 0.1em!important} .questionnaire-question-option-text-area {height: auto} .questionnaire-question-option-text-area LABEL {display: block; margin-bottom: 0.4em} .questionnaire-question-option-info {/*width: 100%*/} .questionnaire-question-option-info, .questionnaire-question-option-info SPAN {float: none; clear: left;} .questionnaire-question-option-infosubprompt H3 {font-size: 1em; font-weight: normal} .questionnaire-question-option-slider-small {width: 3em!important} .standard-form-option .ui-slider {margin-left: 0.5em} .questionnaire-question-option-slider-small .ui-slider {width: 2.5em!important; border-left: 0.85em solid #6F777B; border-right: 0.8em solid #6F777B; border-top: 1px solid #6F777B; border-bottom: 2px solid #6F777B; background-color: #6F777B; margin-left: 0em; margin-bottom: 0em} .questionnaire-question-option-slider-small .ui-slider OL {display: none} .questionnaire-question-option-slider-small .ui-slider-horizontal {height: 1.5em; margin-top: 0em} .questionnaire-question-option-slider-small .ui-slider-handle {top: -0.1em!important; margin-left: -0.75em!important; width: 1.2em!important; height: 1.2em!important; border: 1px solid #DEE0E2!important} .questionnaire-question-option-slider-small LABEL {float: right} .standard-form-option .questionnaire-question-option-slider-small LABEL {float: none} .questionnaire-question-option-slider-small .questionnaire-question-option-slider-holder {border: 1px solid #EAEDEF; float: left} .standard-form-option.questionnaire-question-option-slider-small .questionnaire-question-option-slider-holder {border: none} .questionnaire-question-option-slider-medium .ui-slider {width: 50%!important} .questionnaire-question-option-slider-label {float: left; width: 85%; margin-left: 3.85em; margin-bottom: 1em} .questionnaire-question-option-slider-label-small {float: right; width: 77%; margin-left: 0em; margin-right: 2.6em; margin-top: 0.45em; margin-bottom: 0em!important} .questionnaire-question-option-inline, .questionnaire-question-option-inline .questionnaire-select {width: 100%} .questionnaire-question-option-child-inlinecontinued {margin-top: 5px!important} .questionnaire-question-option-add-context {padding-bottom: 0.5em; float: left} .questionnaire-question-option-add-context A {background-image: none!important; margin-left: 30px} .questionnaire-question-option-payment-pay A {background-image: none!important; margin-left: 1em} .questionnaire-question-option-pay-cards IMG {height: 35px} .standard-form-option-fullwidth {width: 100%!important} .questionnaire-question-option-review {background-color:#DCF7FB; border: 1px dashed #737373; padding: 0.1em; font-size: 16px; margin-bottom: 15px} /*.questionnaire-question-option-review .questionnaire-answers-section-question-options {width: auto}*/ .questionnaire-question-option-review .question-answer-change {width: 20px} .questionnaire-question-option-review-catalogue {margin-top: 15px; margin-bottom: 15px} .questionnaire-question-option-review-catalogue .questionnaire-answers-section-question-options {width: auto; border: 0px} .questionnaire-question-option-review-catalogue .questionnaire-answers-section-question-options DIV {margin-left: 20px} .questionnaire-question-option-group-options {margin-top: 15px} .questionnaire-question-option-group-nopadding, .questionnaire-question-option-group-nopadding .questionnaire-question-text, .questionnaire-question-option-group-nopadding .questionnaire-question-option-group-options {padding: 0px!important; margin:0px!important} .questionnaire-question-option-group-options-scroll{border: 1px solid #F2F2F2; height: 450px!important; overflow-x: hidden; overflow-y: auto; border: 1px solid #EAEDEF; background-color: #ffffff!important; padding: 5px; float: left; width: 99%; margin-bottom: 15px} .questionnaire-question-option-radio LABEL, .questionnaire-question-option-check LABEL {display: block; padding-left: 40px} .questionnaire-question-option-radio INPUT, .questionnaire-question-option-check INPUT {display: block; float: left; height: 30px; width: 30px; margin-right: 10px; margin-top: -5px; position: absolute} .standard-error .questionnaire-question-option-radio INPUT,.standard-error .questionnaire-question-option-check INPUT {margin-left:10px} .questionnaire-question-options FIELDSET P {font-weight: bold; height: auto; width: 97%; margin-top: 0.6em; margin-bottom: 0.6em; padding-left: 15px} .questionnaire-navbar-sectionsbar-section {color: #ffffff; display: inline; width: 15em; background-color: #737373; float: left; margin-left: 0.42em; margin-right: 0.42em; text-align: center; margin-top: 0.42em; border: 1px solid #EAEDEF; padding: 0.1em; white-space:nowrap; overflow: hidden; text-overflow: ellipsis} .questionnaire-navbar-sectionsbar-section-firstbump {background-color: transparent; border: 0px solid transparent; padding: 0.1em} .questionnaire-navbar-sectionsbar-section-selected {background-color: #333333; font-size: 1.4em; width: 240px; border: 1px solid #ffffff; margin-top: 0.17em; margin-left: 0.67em; margin-right: 0.67em} .questionnaire-bottombar-controls, .questionnaire-topbar-controls{display: inline; margin-top: 10px} .questionnaire-topbar-controls .standard-button {margin: 0!important; width: auto!important} .questionnaire-question-option-group {padding-left: 0px!important; float: left; width: 100%; height: auto; border: 1px solid transparent; padding-right: 2%} .questionnaire-question-option-group .questionnaire-question-advice {margin-top: 0.4em!important} .questionnaire-question-option-group .standard-infobox-padding {width: 100%} .questionnaire-question-option-group .standard-infobox-padding A {background-image: none!important; padding-right: 0px} .questionnaire-question-option-group-reveal {padding-left: 25px!important; border-left: 5px solid #BFC1C3; margin-left: 15px!important} .questionnaire-question-option-group-reveal-last {margin-bottom: 15px!important} .questionnaire-question-option-group-grouping {margin-top: -0.5em!important} .questionnaire-question-option-group-seperator {border-top: 1px solid #bfc1c3; padding-top: 30px} .questionnaire-question-option-confirm-text {margin-bottom: 1em} .question-answer-option {text-overflow: ellipsis; white-space:nowrap; overflow: hidden; float: left} .questionnaire-question-option {width: 100%; float: left; font-size: 18px; margin-left: 0px; padding-bottom: 15px} .questionnaire-question-option-info, .questionnaire-question-option-margin {margin-bottom: 15px} .questionnaire-question-option .gadget-header, .questionnaire-question-option .gadget-footer {background-color: #F2F2F2; border: #F2F2F2} .questionnaire-question-option .gadget-header H2{color: #333333; font-size: 1.2em} .questionnaire-question-option .graph-posneg-horizontal-bar {background-color: #FFFFFF} .award-traffic-inline {margin-right: 0.5em; margin-left: 0em!important} .award-questionnaire-info {margin-right: 0px!important; margin-left: 0em!important; float: none!important; width: auto!important; height: auto!important; font-size: 15px!important; padding: 5px; padding-bottom: 2px; padding-top: 2px; font-weight: bold; vertical-align: 2px} .questionnaire-question-option-sic-codes .questionnaire-question-option-text-field, .questionnaire-question-option-sic-codes .bac-tree {margin-bottom: 0.4em} .questionnaire-question-option-sic-codes A {background-image: none} .questionnaire-question-option-review .question-answer-selected-text {width: 100%} .questionnaire-question-option-infopublish {background-color: #28a197; padding-top: 2em; padding-bottom: 1em; color: #FFFFFF} .questionnaire-question-option-infopublish H2 {text-align: center; font-size: 36px!important; line-height: 1.1111; font-weight: 700; float: left; width: 100%; margin: 0 auto} .questionnaire-question-option-infopublish P {font-weight: normal!important; text-align: center; font-size: 19px!important; margin-top: 5px; margin-bottom: 15px; font-size: 19px; width: 100%; float: left;} .questionnaire-question-option-infopublish P STRONG {font-size: 24px!important; font-weight: 700} .questionnaire-question-collaboration .gadget-body{border:0px !important} .questionnaire-question-collaboration .gadget-record{border-bottom:0px !important; width:unset;margin-left:-10px} /*CONFIRMATION page styles*/ .questionnaire-answers-section{margin-top: 2em; margin-bottom: 2em} .question-answer-result-unselected, .question-answer-selected-text {width: 84%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .normal-wrap .question-answer-result-unselected, .normal-wrap .question-answer-selected-text {overflow: visible; white-space: normal; text-overflow: clip} .question-answer-selected-text {color: #3D3D3D; font-weight:bold; padding-top: 2px; padding-bottom: 2px; float: left} .question-answer-selected-text-wrap {white-space: normal!important} .question-answer-unselected {color: #9A9A9A} .question-answer-result-unselected {color: #9A9A9A; padding-bottom: 2px; padding-top: 2px; display: inline-block} .question-answer-count {float: right; color: #737373} .question-answer-count-selected {font-weight:bold; text-decoration: underline; color: #4d4d4d} .question-answer-result {width: 4rem; float: left; font-weight: bold; text-align: right; margin-right: 1rem; color: #0A4F2F; height: 100%} .question-answer-result + .question-answer-selected-text {width: 84%} .question-answer-change {float: right; text-align: center; width: 2em; color: #FFFFFF; background-color: #E48227} .question-answer-textanswered {width: calc(100% - 5rem); margin-left: 5rem; padding-top: 2px; padding-bottom: 2px; word-wrap: break-word; float: left;} .question-answer-label {padding-top: 5px; padding-bottom: 5px} .questionnaire-question-option-review .question-answer-textanswered {margin-left: 80px} .question-answer-sic-codes {margin-left: 2.5em; margin-top: 0.25em; word-wrap: break-word; float: left; width: 95%} .question-answer-textanswered-label {text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .question-answer {width: 100%; display: inline-block} .question-answer-freeheight {height: 3.5em!important} .question-answer INPUT {float: left; margin-right: 1em} .question-answer-selector {height: 2.2em!important} .question-answer-selector SELECT{width: 5em; float: left} .question-answer-selector .question-answer-result-unselected {margin-left: 0.5em!important} .question-answer-hidden, .question-answer-hidden-view {display: none; float: left} .question-answer-hidden-view H4 {margin-bottom: 0.5em} .question-answer-hidden-view {float: left; width: auto; cursor: pointer; margin-left: 5rem; margin-top: 1rem} .question-answer-result-text {padding-top: 5px; padding-bottom: 5px; display: inline; white-space:nowrap;text-overflow: ellipsis} .questionnaire-answers-section-question {padding: 5px} .questionnaire-answers-section-question-hint {display: block} .questionnaire-answers-section-question-scorehint, .questionnaire-question-option-label-scorehint {font-size: 15px; color:#808080} .questionnaire-question-option-label-description {font-size: 15px} .questionnaire-answers-section-question-scorepriority {background-color: #C4C4C4; font-size: 15px; padding: 2px; border-radius: 10px; padding-left: 5px; padding-right: 5px; vertical-align: 2px; color: #D0D0D0; letter-spacing: -2px; white-space: nowrap} .scorepriority-selected {color: #0B0C0C} .questionnaire-answers-section-question-options {padding-left: 0; margin-top: 1em; float: left; margin-bottom: 1em; width: 100%; position: relative;} .questionnaire-answers-section-question-options-analysis .question-answer-unselected {float: left; width: 85%} .questionnaire-answers-section-question-options-group {margin-top: 0em; margin-bottom: 0em} .questionnaire-answers-section-question-stats{height: 100%; width: 4em; display: inline; float: left; margin-top: 1em} .questionnaire-answers-section-question P {margin-left: 4em; word-wrap: break-word} .questionnaire-answers-section-question .std-submit {float: right} .questionnaire-answers-section-question-prompt {float: left; width: 100%} .questionnaire-answers-section-question-prompt-denied {margin-bottom: 2em} .questionnaire-answers-section-question-prompt-denied H3 {color: #9e1420} .questionnaire-answers-section-question-holder {float: left} .questionnaire-answers-section-question-fail {color: #E42737; float: left; font-size: 1em; margin-top: 0.5em} .questionnaire-answers-section-question-prompt H3, .questionnaire-answers-recommendation-prompt H3 {display: inline; float: left; width: auto} .questionnaire-answers-section-question-reference, .questionnaire-answers-section-question-reference {font-size: 0.8em; color: #818181} #standard-right-col .questionnaire-answers-section-question-reference, #reverse-left-col .questionnaire-answers-section-question-reference {font-size: 1em} .questionnaire-answers-section-question-button {text-align: right; margin-bottom: 0.5em; height: 2em; float: right} .questionnaire-answers-section-question-button FORM {float: right; width: auto} .questionnaire-answers-section-question-button .gadget-record {border-bottom:0px} .questionnaire-answers-section-question-date {float: left; background-color: #F2F2F2; padding: 0.4em; border: 1px solid #CCCCCC} .questionnaire-answers-recommendation-prompt {float: left; width: 100%; margin-bottom: 1em} .questionnaire-answers-section-question-holder H3 UL {list-style-type: disc; margin-left: 1em; margin-bottom: 0.5em} .questionnaire-answers-section-question-h3-header-text .titlebar-indicator {vertical-align: 0px!important} .question-answer-text .award-traffic-light {margin-right: 1em} .question-answer-selected-text .award-traffic-light {margin-right: 1em; margin-left: 0em} .questionnaire-question-option-review P {font-weight: normal!important} .question-answer-pdf-grep-results-topic {margin-top:15px!important; margin-bottom: 15px!important; color: #737373; padding-left: 0px!important; font-weight: 700} .question-answer-pdf-grep-results-first {padding: 2px!important; background-color: #FFFFFF; float: left; max-height: 120px; overflow-y: auto; } .question-answer-pdf-grep-results-first A {background-image: none!important; padding: 0px!important} .question-answer-pdf-grep-results P STRONG {background-color: #FDFF9D} #complete-text {margin-top: 2em} #complete-title H2{margin-bottom: 2em} .recommendation-title {margin-left: 3.8em; margin-bottom: 0.4em} .recommendation-completed {margin-top: 2em; float: left} .recommendation-prompt {margin-left: 3.8em; display: inline; float: left} .recommendation-prompts {float: left; display: inline} .recommendation-options {width: 100%; margin-top: 2em; margin-left: 0.6em; margin-bottom: 2em; float: left} .filter-list {list-style-position: inside} .filter-list LI {padding: 0.5em; list-style-type: disc} .sqirl-question-options {list-style-type: none} .about-logos-holder IMG {margin-bottom: 2em} .about-logos-holder P {margin-bottom: 2em; margin-top: -2em; font-size: 0.8em} .organisation-logo {width: 100%; box-sizing: border-box; background-color: #F8F9FA; margin-bottom: 15px; border:5px solid #F8F9FA; border-radius: 8px} #organisation-smestatus {float: right; display: block; text-align: right; font-weight: bold; color: #28a197} #organisation-oobstatus {float: right; display: block; text-align: right; font-weight: bold; color: #FFFFFF} .user-role {padding: 1em; text-align: right; padding-bottom: 0em; padding-right: 0em; color: #333333} .image-name {padding: 0em; padding-top: 1em; text-align: left; color: #333333} .address-name {padding: 0em; padding-top: 0.5em; text-align: left; color: #333333} .organisation-info, .context-info {padding: 5px} .context-info-full P.critical {cursor: pointer; font-weight: 400; text-decoration: underline;} .context-info-full P.critical:hover {font-weight: 700; } .context-info-full P {width: 100%; white-space:nowrap; overflow: hidden;text-overflow: ellipsis; color: #868E96} .context-info-full P.bold {color: #131518} .context-info-full {margin-bottom: 5px} .context-info.context-info-oob {background-color: #E42737!important} .organisation-info P {width:100%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .context-info DIV {width:100%; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .context-info .context-info-full:has(#supplier_numbers) {text-overflow: unset; white-space: normal;} .context-info-full #supplier_numbers {text-overflow: unset; white-space: unset; word-break: break-all;} .context-info .gadget-header-title, .context-info .gadget-header-info {margin: 0.25em!important; padding: 0em} .gadget-record-mobile-hidden, .gadget-header-mobile-hidden {display: none} .gadget-body-text {padding: 1em} .context-info-full {float: left; text-align: left; padding: 3px 0px 0px 3px;} .context-info-left {float: left; text-align: left; width: 70%!important; margin: 5px} .context-info-right {float: right; text-align: right; width: 20%!important; margin: 5px} .context-info-right A {color: #ffffff; text-decoration: none} .context-info-right .standard-link-indent {color: #F2F2F2} .organisation-location-icon {float: right; display: inline; cursor: pointer; margin-top: -0.3em; margin-left: 0.5em} .organisation-logo-holder {margin: 0 auto; height: auto; padding: 1em} .organisation-logo-empty {height: auto; width: 100%} .organisation-location {margin-top: 1em; text-align: right; padding: 1em} .standard-biobox {width: 100%; float: left} .standard-biobox H3 {text-align: right; word-wrap: break-word} .date-picker-holder {float: left; margin-right: 1em; position: relative;} .date-picker-holder .date-picker-day {width: 80px!important} .date-picker-holder .date-picker-month {width: 120px!important} .date-picker-holder .date-picker-year {width: 90px!important} .ui-datepicker-trigger {position: absolute; width: 30px; height: 25px; right: 10px; top: 2px; opacity: 0; font-size: 16px !important; z-index: 99;} .standard-form-option .date-picker-holder {margin-right: 0} .date-picker-holder-short .date-picker-day {width: 3.6rem!important} .date-picker-holder-short .date-picker-month {width: 4rem!important} .date-picker-holder-short .date-picker-year {width: 4.7rem!important} .date-picker-holder-long .date-picker-day {width: 60px!important} .date-picker-holder-long .date-picker-month {width: 120px!important} .date-picker-holder-long .date-picker-year {width: 75px!important} .time-picker-holder {float: left; margin-left: 4px} #standard-right-col .time-picker-holder {margin-top: 5px} .time-picker-hour {width: 5em!important} .time-picker-minute {width: 4em!important} .text-date-container, .text-date-container-year { float: left; width: 50px; margin-right: 20px; } .text-date-container-year { width: 70px; } INPUT.text-date {font-size: 19px;width: 100%;margin-right: 0;line-height: 1.3157;padding: 5px 0px 4px;} #certificate {width: 100%; height: 1050px; z-index: -1; color: #737373} #certificate-header {text-align: center; width: 100%; height: 50px; font-size: 1.4em; color: #0A4F2F} #certificate H1 {font-size: 2em; font-weight: bolder} #certificate H2 {font-size: 1.4em; color: #0A4F2F} #certificate P {font-size: 1em} #certificate-signature {margin: 0 auto; width: 70%; text-align:center; height: 120px; color: #0A4F2F} .certificate-signature-gbs {margin-top: 30px} .certificate-signature-caeser{margin-top: -60px} .certificate-validity-title {color: #0A4F2F} .certificate-dynamictitle {color: #818181; font-weight: bolder} #certificate-footer {position: absolute; width: 699px; padding: 2px; height: 40px; top: 1020px; color: #0A4F2F; text-align: center} #certificate-footer P {padding: 2px; margin-top: 5px} #certificate-holder {width: 98%; border: 1px solid #0A4F2F; height: 915px; margin-top: 30px;} #certificate-logo-holder {margin-top: 30px; width: 100%; height: 45px; margin-top: 45px} #certificate-organisation {margin: 0 auto; margin-top: 215px; width: 85%; text-align:center; height: 275px} #certificate-modules {margin: 0 auto; margin-top: -70px; text-align: center; width: 45%} #certificate-nqc-logo {margin-left: 330px; width: 1.6cm; margin-top: 75px} #certificate-id{float: left; margin-top: 180px; width: 100%; text-align: center} .certificate-module-title{width: 79%; text-align: left; float: left; padding-right: 0.5%} .certificate-module-score{width: 19%; text-align: left; float: left; padding-left: 0.5%} #certificate-assessed {margin-top: 20px} .certificate-module-pending {color: #CCCCCC!important} #certificate-flag {width: 100%; margin-top: 65px} #certificate-flag IMG {width: 100%} .file-download A, .questionnaire-option-button A {margin-left: 0em!important; margin-top: 0.2em; color: #ffffff; font-size: 1em; padding-left: 0.67em; padding-right: 0.67em; padding-top: 0.25em; padding-bottom: 0.35em; cursor: pointer; overflow: visible; text-decoration: none; background-image: none!important; margin-right: 4em} .file-download A SPAN {background-image: url('../../images/icon_file.svg'); background-repeat: no-repeat; padding-left: 25px; background-size: 18px 18px} .progressive-disclosure-toggle {display: inline-block; margin-right: 5px; padding-right: 0px!important; float: left; height: 20px; background-image: none!important; text-decoration: none!important; font-size: 17px; padding-top:3px} .progressive-disclosure-text {display: none; border-left: 5px solid #bfc1c3 !important; margin : 0px 0px 1em 12px; padding: 15px 0px 15px 15px; float: left; width: 100%;} .progressive-disclosure-text ol, .progressive-disclosure-text ul {padding-left: 6px} .progressive-disclosure-label {display: none} .progressive-disclosure-toggle-label {display: inline-block; font-size: 19px; padding-top: 0.2em; background-image: none!important; padding-right:0em} #standard-right-col .progressive-disclosure-toggle-label {font-size: 16px} #standard-right-col .progressive-disclosure-toggle {font-size: 15px; padding-top:0px} #standard-right-col .progressive-disclosure-text {margin-left: 5px} #standard-right-col .progressive-disclosure-text UL {margin-left: 0px} ul#header-search-results-list{padding-left:0px;} .questionnaire-question-option-group-options .outline-progressive-disclosure {display: inline-block; margin-left: 10px; } .questionnaire-question-option-group-options .progressive-disclosure-text {margin-left: 13px;} .progressive-answer-matches P {font-size:16px} .progressive-answer-matches A {background-image:none !important;padding-right:0px} .progressive-answer-matches .progressive-disclosure-toggle-label {font-size:16px} .progressive-answer-matches .outline-progressive-disclosure {margin-left:0px} .progressive-answer-matches .progressive-disclosure-text {margin-left:9px; margin-bottom:10px} .file-download-label {float: left; text-align: left; margin-right: 0.5em; width:20.833em; height: 1.4em; padding: 0.4em; border: 1px solid #808080; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .file-download-links {margin-top: 0.5em; float: left} .file-download-name {width: 100%; float: left; margin-bottom: 5px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .file-score {display: inline-block; width: 100%} .file-score > span {vertical-align: middle} .file-score-box {display: inline-flex; justify-content: center; align-items: center; width: 50px; height: 50px; text-align: center; margin-right: 10px; border: 1px solid #C0C0C0;} .file-score-box SPAN {color: #FFFFFF} .file-score-title, .file-score-description {display: inline-block; margin-top: 5px} .file-score-title {width: 15%} .file-score-description {max-width: 70%; font-weight: 700} .file-score-column-1 {display: inline-block; vertical-align: middle; width: 100%} .question-answer-pdf-grep-results .outline-progressive-parent {margin-bottom: 5px} .question-answer.question-answer-freeheight .question-answer-selected-file {width: 95%; max-width: 52em } .question-answer-selected-text.question-answer-selected-file {width: 100%} .question-answer-selected-text.question-answer-selected-file .question-answer-fileanswered { width: 95% } .question-answer-fileanswered .file-download {margin-left: 0em!important; float: left; display: block; margin-top: 0.5em; width: 90%; font-weight: normal; text-decoration: underline } .question-answer-fileanswered .file-download A { margin-right: 0px } .question-answer-textanswered.question-answer-fileanswered .file-download {margin-top: 0px; margin-right: 0px; overflow: hidden; text-overflow: ellipsis} .question-answer-textanswered.question-answer-fileanswered .file-download A {background-color: transparent!important; border: none!important; box-shadow: none; padding: 0px; color: #0a4f16 } .gadget-list {margin-top: 0.5em; float: left} .gadget-list UL LI{width: 100%; float: left} .gadget-list UL .gadget-item {border: 0px!important; padding-left: 1%; text-align: left; padding-top: 0.15em; padding-bottom: 0.15em} .gadget-viewbox-detail {width: 78%!important; float: left; display: inline} .gadget-viewbox-graph {width: 20%!important; float: left; display: inline} .gadget-viewbox-graph-holder {padding-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; float: left; display: inline; width: 58%; height: 9.75em} .gadget-viewbox-snap {padding-left: 0.5em; padding-top: 0.5em; padding-bottom: 0.5em; float: left; display: inline; width: 20%; height: auto/*9.75em*/} .gadget-viewbox-snap A {color: #808080} .gadget-viewbox-snap .text-center {text-align: center} .gauge-riskdial-middle-text {text-align: center; width: 100%; color: #FFFFFF; float: left; margin: 0 auto; font-weight: 700; margin-top: 50px; font-size: 15px} .gauge-riskdial-middle-text-dark {color: inherit!important} .gauge-riskdial-middle-text-vulnerabilites {font-size: 24px; margin-top: 45px} .gauge-riskdial-middle-awardscore {font-size: 14px!important; margin-top: 36px!important} .gauge-riskdial-middle-awardscore-award {font-size: 36px!important;margin-top: 32px!important; float: none!important} .gauge-riskdial-middle-awardscore-score {margin-top: -5px!important; font-size: 16px!important; float: none!important; vertical-align: 6px; margin-left: 1px; font-weight: 700} .gadget-viewbox-snap-alertcircle {width: 9em; height: 6.25em; background-repeat: no-repeat; background-position: center top; padding-top: 2em; margin-top: 0.5em; margin-left: 1em} .gadget-viewbox-snap-alertcircle-award-score {margin-top: 0.9em} .gadget-viewbox-snap-mitigrationwithaward {color: #FFFFFF!important} .gadget-viewbox-snap-tree {text-align:center} #standard-world-holder {width: 100%; float: right; display: inline; position: relative; display: inline} #standard-left-col #standard-world-holder, #reverse-right-col #standard-world-holder {height: 21.9em} #standard-right-col #standard-world-holder, #reverse-left-col #standard-world-holder {height: 9em} #standard-organisation-properties P {text-align: right} .standard-secondarybar-right P {color: #ffffff; margin-top: 0.5em; float: left} .home-gradient P {color: #ffffff; padding-top: 0.75em} .gadget-record .graph-posneg-horizontal-bars {margin-left: 0.5em; border:0px!important} .gadget-item SUP, .gadget-item SUB {font-size: 0.6em} #complete-title {width: 100%} .slide-container-image {width: 53.333em; float: left; height: 100%; display: inline} .slide-container-text {width: 26em; float: left; height: 100%; display: inline} .slide-container-text-title{font-weight: bold; padding: 0.75em; font-size: 2em} .slide-container-text-extra{padding-left: 1em; padding-top: 0.5em; font-size: 1.6em} #home-slide1-noscript {width: 100%; float: left} .gadget-viewbox-graph .gadget-item-name_short {width: 100%!important} .questionnaire-question-option-group-options-scroll-label {font-size: 19px; margin-bottom: 5px; float: left} .questionnaire-question-option-group-options-scroll-label .questionnaire-question-option-error {font-size: 1em} .questionnaire-question-option-group-options-scroll-checkall {float: left; width: 100%} .countdown_row {width: 100%; float: left} .countdown_section {width: 23%; float: left; text-align: center} .countdown_amount {font-size: 2em; height: 2em} #standard-gadget-countdown {padding: 0.5em; float: left; width: 100%} .terms_and_conditions {padding-top: 10px!important} .terms_and_conditions_version {font-size: 14px; color: #A8A8A8; margin-top: 15px} .govuk-header-wrapper {width: 100%; margin: 0 auto; padding-right: 15px; padding-left: 0; padding-top: 8px; padding-bottom: 0.65em; height: 100%} .sa-home .govuk-header-wrapper {width: 100%} .govuk-header-global {vertical-align: baseline; height: 100%} .govuk-header-global H1 {margin: 0 auto; color: #FFFFFF; float: left; width: 50%; text-align: center; margin-top: 0.2em; font-weight: 700; font-size: 24px} .govuk-header-global H1 A {text-decoration: none} .govuk-header-global H1 A:HOVER {text-decoration: underline} .govuk-header-logo {margin-top: 6px; vertical-align: baseline; overflow: hidden; height: 50%; width: 35%; float: left} .govuk-header-logo IMG {height: 98%} .govuk-hoverlogo {width: 25em; top: 0.2em} #govuk-logo {height: 30px; width: 166px; margin-left: 15px; margin-right: 15px; line-height: 1.5; float: left} #govuk-footer {background-color: #E6E6E6; border-top: 10px solid #0a4f16; float: left; width: 100%} #govuk-footer A {color: #454A4C} .govuk-footer-wrapper {margin: 0 auto; padding-top: 45px; padding-left: 15px} #govuk-global-header {width: 100%; background-color: #000000; height: 53px} .govuk-footer-categories H2 {width: 100%; text-align: left; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #a1acb2} .govuk-footer-categories {margin-top: 3rem} .govuk-footer-categories, .cf-footer-wrapper {width:100%; float: left} .govuk-footer-categories UL {float: left; width: auto; font-weight: 300; margin-right: 3em; font-size: 18px; list-style-type: none; list-style-position: outside; list-style-image: none} .govuk-footer-categories UL LI {width: auto; margin-bottom: 1.250em; white-space: nowrap} .cf-footer-wrapper {margin-bottom: 15px; padding: 0 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .govuk-foooter-links {margin-top: 75px!important; color: #454a4c} .govuk-foooter-links-builtby {margin-bottom: 15px; color: #454a4c} .govuk-foooter-links-ogl {color: #454a4c} .govuk-foooter-links-ogl IMG {margin-right: 5px} .cf-footer-wrapper LI {display: inline-block; margin-right: 1em} .govuk-footer-explore {width:100%; float: left} .govuk-footer-inside-government {width:100%; float: left} .govuk-footer-inside-government UL LI{width: 100%!important} .govuk-footer-meta {border-top: 1px solid #A1ACB2; clear: both; margin-top: 5em; padding-top: 2.5em; float: left; width: 100%; padding-bottom: 5em} .govuk-footer-meta-inner {vertical-align: bottom; width: 75%; float: left; margin-top: 7em} .govuk-footer-meta-inner UL {line-height: 1.5; font-size: 1.333em; list-style-type: none; list-style-position: outside; list-style-image: none; margin-bottom:1.333em} .govuk-footer-meta-inner UL LI {display: inline; margin-right:1.250em} .govuk-open-government-licence {padding-left: 4.417em; position: relative} .govuk-open-government-licence H2 {position: absolute; left: 0px; top: 0px; width: 2em; float: left} .govuk-open-government-licence P {font-size: 1.3em; line-height: 1.25; padding-top: 0.3em} .govuk-open-government-licence IMG {width: 43px; height: 17px} .footer-copyright {line-height: 1.25; float: left; display: inline; float: right} .govuk-copyright {width: 14%; line-height: 1.25; float: left; display: inline; padding-top: 1.250em; float: right} .footer-left {float: left; text-align: left; width: auto} .footer-right {text-align: right; float: right; width: auto} .footer-right A IMG {width: 125px; height: 102px; margin-top: 30px} .footer-right A {text-decoration: none!important} .cf-footer-wrapper .footer-right {text-align: center} .cf-footer-wrapper .footer-right A {text-decoration: none} .govuk-copyright A {text-decoration: none; font-size: 1.333em; background-image: url("../../images/skins/srs/govuk/crest.png"); background-position-x: 100%; background-position-y: 0%; padding-top: 7.5em; background-origin: padding-box; display: block; background-repeat: no-repeat; background-attachment: scroll; text-align: right} #govuk-footer H2 {font-size: 24px; font-weight: bold; line-height: 1.25; color: #171819} A.gadget-record-link:HOVER .gadget-record{ color: #0a4f16!important; } A.gadget-record-link .gadget-record{ outline: none !important; } /*A.gadget-record-link:HOVER .gadget-record{background-color: #f3f3f3} A.gadget-record-link:HOVER .gadget-item-pipe-top{background-image: url("../../images/gadgets/pipe-top-grey.png")} A.gadget-record-link:HOVER .gadget-item-pipe-bottom{background-image: url("../../images/gadgets/pipe-bottom-grey.png")} A.gadget-record-link:HOVER .gadget-item-pipe-vertical{background-image: url("../../images/gadgets/pipe-bottom-grey.png")} A.gadget-record-link:HOVER .gadget-record-selected .gadget-item-pipe-top{background-image: url("../../images/gadgets/pipe-top-selected.png")} A.gadget-record-link:HOVER .gadget-record-selected .gadget-item-pipe-bottom{background-image: url("../../images/gadgets/pipe-bottom-selected.png")} A.gadget-record-link:HOVER .gadget-record-selected .gadget-item-pipe-vertical{background-image: url("../../images/gadgets/pipe-bottom-selected.png")}*/ .gadget-record-hidden {display: none} .gadget-record-warn {background-color: #F499BE} .gadget-record-warn, .gadget-record-warn .gadget-column-highlight-grey, .gadget-record-warn .gadget-column-highlight-white {background-color: #F499BE!important} .gadget-record-focus {background-color: #ffbf47} .gadget-record-focus, .gadget-record-focus .gadget-column-highlight-grey, .gadget-record-focus .gadget-column-highlight-white {background-color: #ffbf47!important} .gadget-record-error .gadget-item{text-decoration: line-through} .gadget-record-template {display: none} .gadget-record-group-item {padding-left: 15px; border-left: 5px solid #BFC1C3} .gadget-record-group {padding-right: 5em;} .gadget-column-first .gadget-item-pipe-vertical, .gadget-column-first .gadget-item-pipe-top, .gadget-column-first .gadget-item-pipe-bottom, .gadget-column-first .gadget-item-pipe-vertical {border-right: 0px solid} .gadget-tick-active {display: inline-block; width: 14px; float: left; margin-right: 0.5em; color: #0A214F; font-weight: bold;} .gadget-tick-inactive {display: inline-block; width: 14px; float: left; margin-right: 0.5em; color: #A5A5A5} .gadget-nodata {width: 100%; height: 100%; background: rgb(242,242,242) url('../images/gadgets/no_data.png') center no-repeat;} .gadget-nolic {width: 100%; height: 100%; background: rgb(242,242,242) url('../images/gadgets/no_lic.png') center no-repeat} #organisation_list_gadget SPAN.gadget-item.gadget-item-clickevent {cursor: pointer} #content-holder H1 {font-size: 3.5em; font-weight: bold; margin-top: 1em; margin-bottom: 1em; line-height:1.0416} #content-holder H2 {font-size: 2.2em; margin-bottom: 0.3em; line-height: 1.1111; display:inline;} #content-holder H3 {font-size: 1.8em; display:inline} .content-block H3 {font-size: 1.6em!important; font-weight: 700} .content-block H3 A {text-decoration: none} .content-block H3 A:HOVER {text-decoration: underline} .content-indent {margin-left: 30px} #content-holder H4 {font-size: 1.583em; font-weight: normal; margin-bottom: 1em; line-height: 1.1111} #footer-contact-form H5 {font-size: 1.2em; font-weight:bold; margin-bottom: 0.5em; } #content-holder .content-intro-para {font-size: 2em; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.1111} #content-holder P {font-size: 19px; margin-bottom: 0.5em; line-height: 1.33} #content-holder SMALL {font-size: 1.2em; margin-bottom: 0.25em; display: block} #content-holder UL LI, #content-holder OL LI {font-size: 19px; margin-bottom: 0.5em; line-height: 1.3157; list-style-position: inside; margin-left: 1em} #content-holder .gadget-body UL LI, #content-holder .gadget-body OL LI {margin-bottom: 0; margin-left: 0} #content-holder UL LI {list-style-type: disc} #content-holder .content-one-third UL LI {list-style-position: outside} #content-holder #h-blue { margin-top:0em; color:#226bdd; } #content-holder ol.number-list li{list-style-position:outside;} #content-holder ol.number-list li p{font-size:16px; margin-bottom:25px;} #content-holder ol.number-list li h5{font-size:20px; font-weight:normal;} .content-full, #standard-left-col.content-full, #reverse-right-col.content-full {float: left; width: 100%} #standard-left-col.content-full, #reverse-right-col.content-full {border-right: none} .content-holder {float: left; width: 100%; margin-bottom: 1.4em} #content-holder .content-form P {margin-bottom: 0px; padding-bottom: 0px} .content-bump {float: left; width: 100%; margin-top: 2em} .content-block {width: 100%; float: left; margin: 1em 0} .content-block:last-child {padding-bottom: 2em;} .content-inner-block {padding-left: 1em; padding-right: 1em; overflow: hidden} .content-thirds, .content-halves {width: 100%; float: left; margin-top: 2em} .content-one-third {width: 100%; float: left} .content-one-quarter {width: 100%; float: left} #standard-left-col .content-one-third, #reverse-right-col .content-one-third {width: 32.1%!important} .content-two-thirds, .standard-two-thirds {width: 100%; float: left; margin-right: 1.6em; padding-left:4px; padding-right:4px; position:relative;} .content-two-thirds.content-thirds-size-important {width: 66.6%; margin-right:0em; padding-left: 0px; padding-right: 0px} .content-one-half {width: 100%; display: inline; float: left;} .content-three-quarters, #standard-left-col.content-three-quarters, #reverse-right-col.content-three-quarters {width: 75%; float: left; margin-right: 1em} .content-point-list{ margin-top:20px; } .content-point-list.inner-content-left-img{ width:5%; min-width:30px; float:left; overflow:hidden; display:inline-block; } .content-point-list.inner-content-right-txt{ width:94%; float:right; } .content-point-list.inner-content-left-img img{ float:right; } .content-image{width: 100%} .content-line{margin-bottom: 1.667em; margin-top: 2.083em; border-bottom: 1px solid #bfc1c3; clear: both; background-color: #bfc1c3} .content-line-heavy{margin-bottom: 1.667em; margin-top: 0.5em; background-color: #333333; height: 0.4em} .content-wrapper-blue{border:solid 4px #a2bce3; /*padding:4px;*/ float:left} .faq-block H4 {margin-top: 30px} .supplychainrisk{height:225px;margin:20px;position:relative;background-position:right top; background-repeat:no-repeat;} #supplychainrisk-btn{width:80px; float:right; padding:20px;} #supplychainrisk-d1{height:30px; padding-top:25px; padding-left:20px;font-weight:bold; } #supplychainrisk-d2{height:110px; width:230px; float:right; padding-top:15px; font-weight:bold;} .home-total-number {font-size: 5.5em; font-weight: bolder; line-height: 1em} .home-total-description {font-size: 1.3em; line-height: 1.25; margin-bottom: 2em} .home-total-last{margin-bottom: 0em} .content-highlight-grey {background-color: #DEE0E2; padding-top: 1em!important; padding-bottom: 1em!important} .header-logo-auto-title{font-size: 2.75em!important; font-weight: normal; color:#333333; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} #header-logo A:LINK {text-decoration:none;} INPUT.home-submit-fm:HOVER{cursor: pointer} .login-line {background-color: #FFFFFF} .option-home-fm{font-size:1.3em!important} #dashboard_gadget .standard-form-option {font-size: 16px} #standard-left-col #standard-googlemap-canvas, #reverse-right-col #standard-googlemap-canvas {float: left; width: 100%; height: 628px} #standard-right-col #standard-googlemap-canvas, #reverse-left-col #standard-googlemap-canvas {float: left; width: 100%; height: 15em} .content-block #standard-googlemap-canvas {width: 100%; height: 35.2em} .standard-body-form #standard-left-col #standard-googlemap-canvas, .standard-body-form #reverse-right-col #standard-googlemap-canvas {width: 100%; height: 30em; border: 1px solid #333333} #nqcmap_gadget.nqcmap-gadget-fullscreen, .nqctree-gadget-fullscreen {position: fixed; z-index: 8000; top: 0; right: 0; bottom: 0; left: 0} #nqcmap_gadget.nqcmap-gadget-fullscreen #nqcmap_gadget_body {position: fixed; top: 2.2em; right: 0; bottom: 0; left: 0; border: none} #nqcmap_gadget.nqcmap-gadget-fullscreen #standard-googlemap-canvas {width: 100%; height: 100%} #nqctree.nqctree-gadget-fullscreen {width: 100%; height: 100%; background-color: #FFFFFF} .nqctree-gadget-fullscreen #nqctree_gadget {width: calc(100% - 370px); height: 100%; background-color: #FFFFFF} .nqctree-detailsgadget-fullscreen {position: fixed; z-index: 10000; bottom: 0; width: 50%!important; min-width: 400px} #nqcmap_gadget .gadget-header img:hover {cursor: pointer} #nqcmap_gadget_body {position: relative} #standard-googlemap-wait-layer, .standard-wait-layer {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; cursor: wait} #nqcmap_gadget.nqcmap-gadget-fullscreen #standard-googlemap-wait-layer, .standard-wait-layer {display: none} .togglemap, .toggletree {cursor: pointer} #map_controls.nqcmap-gadget-fullscreen {position: relative; z-index: 8001; max-height: 100%; overflow-y: auto; overflow-x: hidden} #data_filter_form.nqcmap-gadget-fullscreen {position: relative; z-index: 8001; max-height: 100%; overflow-y: auto; overflow-x: hidden;} .nqcmap-gadget-fullscreen-wrap {position: fixed; z-index: 8001; left:60px; top: -1px; width: 321px; max-height: 100%; overflow-y: auto; overflow-x: hidden; margin-right:1px} .map-bubble {font-family: Lato, Arial, sans-serif!important; font-size: 14px; padding: 10px; overflow: hidden; padding-right: 20px; overflow: auto; height: calc(100% - 25px);} .map-bubble P, .map-bubble TH, .map-bubble TD, .map-bubble SPAN {opacity: 1} .gadget-body .graph-vertical-holder-gadget-full {height: 200px} .graph-vertical-bars-holder .graph-vertical-bar-holder .graph-vertical-bar-gadget-full{width: 30px; border-right: none; border-bottom: none} .standard-gauge #balancesheet000sbymonth_gadget_body {height:250px!important} #graph-finances-1{height:250px} .graph-posneg-horizontal-overlay-label-full {width: 8em!important; text-align: right} .standard-gauge .graph-posneg-horizontal-overlay-anti {float: right; margin-left: 9.5em} .reduced-text-size-report{font-size: 12px!important} .gadget-overflow{white-space:normal!important} .gadget-record-overflow-wrap .gadget-column-view-label {white-space: nowrap !important; text-overflow: ellipsis; width: 100% !important} .gadget-record-overflow-wrap .gadget-column-view-data {white-space: normal !important; width: 100% !important} #spendbreakdown_gadget_body{height:24em!important} .question-answer-theme-selected, .question-answer-theme-unselected {text-decoration: underline} .map-burger-menu{cursor:pointer;position:fixed;z-index:9003;left:20px;top:7px;} .left-slider-map-controls {height: 100%;width: 325px;position: fixed;top: 0;left: 0;background-color: #ffffff;overflow-x: hidden;transition: 0.5s;padding-top: 60px;z-index:9500;display:none;} .left-slider-map-controls A {text-decoration: none; display: block;transition: 0.3s;padding-left:5px;} H2.map_controls{margin-left:5px;margin-bottom:1px;} .left-slider-map-controls .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px; color: #818181} /*GADGET FORM */ .standard-form-option .text-field, .standard-form-option .date-field {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .gadget-header-form {background-color: #F2F2F2;padding: 0.5em;} .gadget-header-form .standard-form-option {width: auto!important} .gadget-header-form .standard-form-option LABEL {display: inline; float: left; width: 9em!important; margin-top: 0.5em; margin-right: 0.5em} .gadget-header-form .standard-form-option .text-field, .gadget-header-form .standard-form-option .standard-select {width: 8.5em!important} .gadget-header-form .standard-form-option .text-field-long, .gadget-header-form .standard-form-option .standard-select-long {width: 15em!important} .gadget-header-form .standard-form-option-radio INPUT, .gadget-header-form .standard-form-option-check INPUT {margin-top: 0.5em} .standard-form-option-submit {float: right!important; margin-right: 0.5em} #standard-right-col .form-option-group, #reverse-left-col .form-option-group {margin-bottom: 10px} #standard-right-col .standard-form-option .standard-submit, #reverse-left-col .standard-form-option .standard-submit {margin-left: 9px} .gadget .gadget-body {border: 5px solid #dee0e2; border-top: 0} .form-group {margin-left: 5px;} #standard-right-col .form-group .standard-form-option .standard-submit {margin-left: 0px;} .form-option-group .gadget-header-title, .form-option-group .gadget-header-fulltitle {padding-left: 4px} .form-option-group .form-option-group-question {padding: 4px; background-color: #FFFFFF} .form-option-group .standard-form-option {width: 100%; margin-top: 0; margin-right: 0; margin-bottom: 0; background-color: #FFFFFF; font-size: 1.1em} .form-option-group .gadget-body .form-option-group-question{margin-top: 0em; margin-bottom: 0em; padding-left: 4px} .form-option-group .gadget-body .standard-form-option-filter-check {margin-bottom:0px; padding-left: 0.3em} .form-option-group .gadget-body .standard-form-option-filter-check, .form-opener{margin-top:0px!important} .form-option-group .standard-form-option ~ .standard-form-option, .form-option-group .form-opener ~ .form-opener {margin-top: 1px!important} .form-option-group .standard-form-option INPUT, .form-option-group .standard-form-option SELECT {border-width: 1px;} .form-option-group .standard-form-option LABEL {width: inherit; background-color: #DEE0E2; font-size: 16px; font-weight: bold;margin-left:0px !important;max-width:98%} .form-option-group .standard-form-option-gadget-button-style { padding-top: 0.75em; padding-bottom: 0.75em; font-size: 19px; } #standard-right-col .form-option-group .date-picker-holder, #reverse-left-col .form-option-group .date-picker-holder {width: 100%} #standard-right-col .form-option-group .text-field, #reverse-left-col .form-option-group .text-field, #standard-right-col .form-option-group .date-field, #reverse-left-col .form-option-group .date-field {width: 98%; margin-right: 0; padding: 7px 10px; font-size: 1.1em; margin-left:3px} #standard-right-col .form-option-group SELECT.standard-select, #reverse-left-col .form-option-group SELECT.standard-select {width: 100%; margin-right: 0} .form-option-group .gadget-body .form-option-group-question{margin-top: 0.3em; margin-bottom: 0.3em; padding-left: 0.4em} .form-option-group-question P {font-size: 15px} .form-option-group .standard-form-option-check LABEL, .form-option-group .standard-form-option-radio LABEL {display: block; overflow: hidden; float: none; background-color: #FFFFFF; border: none!important; padding: 0 0 0 0; margin-top: 0.4em; font-weight: normal} .form-option-group .form-option-group-description {padding: 5px; background-color: #FFFFFF} .form-option-group-description {font-size: 15px} .form-option-group-options {max-height:440px} .duedate-row .form-option-group-options {max-height: none; overflow-y: visible} .duedate-row .standard-form-option-radio-inline {margin-top: 0} .form-option-group-options.no-overflow{overflow-y:unset} #daterange_gadget_body .form-option-group-options{max-height:unset;} .form-option-group-options-no-scroll {max-height: 600px} .form-option-group .form-opener {background-color: #fff} .form-option-group .form-opener LABEL {background-color: #fff!important; font-weight: normal} .form-option-group .form-opener-button {margin-left: 4px} .form-option-group .form-opener-button LABEL, .popup-dialog .form-opener-button LABEL {font-size: 19px; width: auto; float: none} .form-option-group .form-opener-container {overflow: hidden; padding-right: 4px; padding-left: 5px} .gadget-header-form .standard-form-option-hidden {width: auto!important;} .standard-form-option-gadget-no-borders .gadget-header, .standard-form-option-gadget-no-borders .gadget-body {border: 0px; background-color: transparent; margin-bottom: 13px} .standard-form-option-gadget-no-borders .gadget-header .question-number {float: left} .standard-form-option-gadget-no-borders .gadget-header .question-prompt {float: left; width: 90%; margin-left: 5px} .standard-prompt-info { display:-webkit-inline-box;} .standard-prompt-info p {padding-left:10px !important} .sp_invitation_box .gadget-body { margin-left:1.3em;width:98%; } .sp_invitation_box .btn-right {float:right;} .sp_invitation_box .btn-amber {background: #E48227; border: 1px solid #E48227;} .sp_invitation_box .standard-form-info.no-padding {margin-left: 0.4em;} .sp_invitation_box .standard-form-info.no-padding P{margin-bottom:0;} .sp_invitation_box .gadget-header-title{padding-left:0px; width:100%!important;} .sp_invitation_box .gadget-header-info{width:0%!important; display:none;} .sp_invitation_box .gadget-header-title H2{white-space: normal !important;} .sp_invitation_box .form-field-group{display:block;clear:both;} .sp_invitation_box P{margin-bottom:1em;} .standard-form-option .text-field-20 {width: 20em} .viewbox-body-content-holder {width: 100%; float: left} .viewbox-body-content {margin: 0.5em} .viewbox-body-content IMG {max-width: 100%} .body-nonav {background-color: #FFFFFF!important; margin-left: 15px} .preview-iframe {width: 100%; height: 500px; border: 1px solid gray; box-sizing: border-box; margin: 0.4em; margin-right: 1em; } .no-licence-image {margin-top: 15px; margin-bottom: 15px} .no-licence-access-title {margin-top: 15px} /*CHAT*/ #chat-window-holder {float: left; width: 50%} /* @media (max-width: 694px) { #chat-window-holder {width:100%} #chat_form {width:100%} } */ #chat-window {float: left; width: 98%; height: 25em; border: 1px solid #A1ACB2; overflow: hidden; overflow-y: scroll; background-color: #FFFFFF} #chat-window UL {list-style-type: none} #chat-window LI {float: left; width: 100%} #chat-window .warning {font-size: 16px; color: #CCCCCC; padding: 10px} #chat_form TEXTAREA {height: 4em} #chat-window-status {width: 98%; border: 1px solid #CCCCCC; background-color:#F6F8C5} #chat-window-status-padding {padding: 0.25em} .chat-window-message-details {width: auto; padding: 0.25em; margin: 0.25em} .chat-window-message-text {width: auto; min-width: 60%; max-width: 80%; padding: 0.5em; color: #FFFFFF; margin: 0.25em} .chat-window-message-text-outgoing, .chat-window-message-details-outgoing {float: right} .chat-window-message-text-incoming, .chat-window-message-details-incoming {float: left} #chat-user-typing {background-color: #EAEDEF; color: #333333; font-weight: bold; width: auto; min-width: 0%} #message {min-width:300px;} #footer-contact-form {padding:10px; margin-top:20px; border:solid 1px #a2bce3; float:left; } #footer-contact-form .standard-form-option {padding:0.2em;} #footer-contact-form #message{height:40px;float:left;} #footer-contact-form INPUT, #footer-contact-form TEXTAREA{border:solid 1px #a2bce3; padding:0.1em;} .footer-submit-sec{width:21%;} #header-section{ margin-top:1.66em; margin-bottom:1.66em;} #header-contact-form{padding:10px;} #header-contact-form .standard-form-option{padding:0.2em;} #header-contact-form H5{font-size:1.2em;margin-bottom:5px;} #header-contact-form LABEL{width:20%;float:left;text-align:right;padding-right:10px;} #header-contact-form INPUT{width:72%;float:left;border:solid 1px #a2bce3;padding:0.1em;} #header-contact-form TEXTAREA{width:69%;float:left;min-width:223px !important;max-height:40px;border:solid 1px #a2bce3;padding:0.1em;} #header-contact-form .submit {float:right;width:100px;background:#226bdd;padding:2px;margin:10px;color:#fff; } #header-contact-form #header-contact-info{color:#226bdd} #header-sub-title {margin-top:1em} #chat-icon-holder {position: fixed; top: 162px; right: 0px; z-index: 999; cursor: pointer} #chat-icon {display: flex; position: fixed; bottom: 1rem; right: 1rem; align-items: center; justify-content: center; padding: 0.25rem; border-radius: 18px; background-color: #E45E27; width: 36px; height: 36px; z-index: 99} #chat-icon IMG {height: 25px; position: relative} /* #chat-icon-banner {position: fixed; text-decoration: none; background-color: #E45E27;color: #ffffff;width: auto;height: auto;white-space: nowrap;padding: 0.6em 3em 2em 0.5em;z-index: 98;transform-origin:94% 96%;-webkit-transform:rotate(-90deg) translate(0%,0%);-ms-transform:rotate(-90deg) translate(0%,0%);transform:rotate(-90deg) translate(0%,0%);-moz-box-shadow:-4px -5px 6px -1px #808080;-webkit-box-shadow:-4px -5px 6px -1px #808080;box-shadow:-4px -5px 6px -1px #808080;margin-top:188px;} */ #chat-alert-content P {white-space: nowrap; width: 100%; padding: 3px 0px} #chat-alert-content A {color: #000000; text-decoration: none} #chat-alert-content A:HOVER {text-decoration: underline} .chat-alert-text {width: 95%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;vertical-align: top;margin: 5px 0;background: #fff;padding: 5px;} .chat-alert-left, .chat-alert-mid, .chat-alert-right {float: left; display: inline-block; } .chat-alert-left {width: 17%} .chat-alert-mid {width: 68%; margin-left: 1%;} .chat-alert-right {width: 13%; margin-left: 1%; line-height: 2.5; font-weight: bold} .chat-language-time,.chat-skin,.chat-name,.chat-org,.chat-join, .chat-msg {float: left; clear: both} .chat-name, .chat-org, .chat-msg {overflow: hidden;text-overflow: ellipsis; width: 100%} .chat-msg { font-size: small; max-height: 1.1em; transition: max-height 1s; } .chat-msg:hover { max-height: 1000px; transition: max-height 2s; } .chat-alert-icon {width: 10%; display: inline-block; vertical-align: top; text-align: right} .chat-alert-separator {width: 80%; margin: 2px} .chat-waiting {background-color: #E48227!important; color: #ffffff} .chat-waiting A {color: #ffffff!important} .chat-in-progress {background-color: #149E2B!important; color: #ffffff!important} .chat-in-progress A {color: #ffffff!important} .chat-closed {background-color: #9C0020!important; color: #ffffff} .chat-closed A {color: #ffffff!important} .chat-status-skin {float: left; background: #28A197; padding: 5px; position: relative; font-size: small; line-height: 1; font-weight: bold; margin-right: 5px; color: #fff; text-align: center} .chat-status-skin-outer {width: 40px; display: inline-block; float: left;} .resize-indent-wrapper {margin: 0; padding: 0; border: 0} .no-padding {padding: 0 !important} .no-margin {margin: 0 !important} .home-button-gap{margin-bottom:10px!important} .balance-scorecard-container{width: 99%; margin-top: 30px; margin-bottom: 30px; float: left} .balance-scorecard-banner{width: 67%; float: left; margin-left: 22.9%; padding: 1.5px} .balance-scorecard-sub-container{width: 67%; float: left; margin-left: 23%} .balance-scorecard-title{width: 80%; margin-left: 10%;} .balance-scorecard-box{width: 127.7px; padding: 1px; margin: 0px; float: left} .bs-green{background-color: #7F9843} .bs-blue{background-color: #8CAEDB} .bs-orange{background-color: #F69E58} .bs-blue-dark{background-color: #003665} .bs-red{background-color: #A64342} .search-result-spacer {height: 5px} /*Personalised for pages*/ .header-img{ margin-bottom:20px; } .header-img img{ width:100%; } .content-wrapper-blue-header{ margin:0 0 0 -15px; padding-top:10px; max-width:300px; position:relative;} .content-wrapper-blue-header p{ color:#fff; position:absolute; top:20px; left:40px;} .content-wrapper-blue-header img{ width:100%} #supply-chain-risk{float:left; width:100%; background-image: url("../images/skins/nqc/homes/spr-bg.png"); margin-top:10px; margin-bottom:20px;} .spr-list{float:left; width:100%; color:#fff; margin-top:10px; margin-bottom:10px; background-image: url("../images/skins/nqc/homes/op-blue-bg.png");} .spr-list ul{padding:15px 25px 15px 25px;} #supply-chain-mapping{float:left; width:100%; background-image: url("../images/skins/nqc/homes/mapping-and-visualisation.png"); margin-top:10px; margin-bottom:20px; min-height:160px;} .link-box{width:95%; border:solid thin #226bdd; min-height:100px; margin:0 auto; } .link-box-inner{margin:0 auto; border:thin solid #226bdd; min-height:200px; margin:20px;} .supply_chain_lb{background-image: url("../images/skins/nqc/homes/spr-bg.png"); } .nqc_approach_lb{background-image: url("../images/skins/nqc/homes/spr-bg.png"); } .supply_modelling_lb{background-image: url("../images/skins/nqc/homes/supplychain_bg.png"); } .supply_network_lb{background-image: url("../images/skins/nqc/homes/spr-bg.png"); } .fastrack-registration-piece{width:100%!important; float: left; margin-bottom: 10px; padding:2px; margin-left:-6px;border:5px solid #dee0e2;} .fastrack-registration-piece P{width: 90%;padding-top:5px;padding-left:5px} .fastrack-registration-piece LABEL{padding-left:5px;} .fastrack-registration-piece #nqc_id{margin-left:5px !important;} .fastrack-registration-piece INPUT{margin-left:5px !important; margin-top:5px;} /*.fastrack-registration-piece P{text-align: center; margin-top:12px}*/ .fastrack-button{background-color: #00823B!important} .standard-form-option .text-field-enlarge-right{width: 90%!important;} .gadget-filter-holder .standard-form-option .text-field-enlarge-right{width: 95%!important; margin-right: 0px!important} .date-field.date-picker {position: relative; z-index: 50} .date-text-field-holder {display: inline; float: left; width: 50px; clear: none; margin-right: 30px} .date-text-field-holder-year {width: 70px} .date-text-field-holder LABEL, .date-text-field-holder INPUT {width: 100%!important} .js-only, .js-show, .js-hide {display: none} .standard-error {border: 0px!important; border-left: 5px solid #B10E1E!important; padding-left: 15px !important} .questionnaire-question-text-prompt-error {font-size: 19px; display: block; clear: both; margin-top: 5px} .standard-form-option.standard-error INPUT, .standard-form-option.standard-error SELECT, .standard-form-option.standard-error TEXTAREA {padding-left: 0.2em; border: 5px solid #B10E1E !important} /*.standard-error .questionnaire-question-option-info, .standard-error .questionnaire-question-option-check LABEL, .standard-error .questionnaire-question-option-radio LABEL, .standard-error .questionnaire-question-text-prompt, .standard-error .questionnaire-question-advice, .standard-error .questionnaire-question-option-text-area LABEL, .standard-error .questionnaire-question-option-text-area TEXTAREA, .standard-error .questionnaire-question-option-file-upload , .questionnaire-question-option-text-field-error LABEL, .questionnaire-question-option-text-field-error INPUT , .standard-error .questionnaire-question-option-text-field, .standard-error .questionnaire-question-option-date-field LABEL, .standard-error .questionnaire-question-option-date-field .date-picker-holder, .questionnaire-question-option-text-field-error .date-picker-holder, .questionnaire-question-option-text-field-error TEXTAREA, .questionnaire-question-option.standard-error LABEL, .questionnaire-question-option.standard-error INPUT, .questionnaire-question-option.standard-error TABLE, .questionnaire-question-option-text-field-error SELECT, .standard-error .questionnaire-checkall, .standard-error .questionnaire-question-spreadsheet, .standard-error .questionnaire-question-option-select,.questionnaire-question-option-text-field-error .questionnaire-question-option-spreadsheet-optionlabel {margin-left: 15px!important}*/ .questionnaire-question-option-child.standard-error .questionnaire-question-option-info, .questionnaire-question-option-child.standard-error .questionnaire-question-option-check LABEL, .questionnaire-question-option-child.standard-error .questionnaire-question-option-radio LABEL, .questionnaire-question-option-child.standard-error .questionnaire-question-text-prompt, .questionnaire-question-option-child.standard-error .questionnaire-question-advice, .questionnaire-question-option-child.standard-error .questionnaire-question-option-text-area LABEL, .questionnaire-question-option-child.standard-error .questionnaire-question-option-text-area TEXTAREA, .questionnaire-question-option-child.standard-error .questionnaire-question-option-file-upload , .questionnaire-question-option-child .questionnaire-question-option-text-field-error LABEL, .questionnaire-question-option-child .questionnaire-question-option-text-field-error INPUT , .questionnaire-question-option-child.standard-error .questionnaire-question-option-text-field, .questionnaire-question-option-child.standard-error .questionnaire-question-option-date-field LABEL, .questionnaire-question-option-child.standard-error .questionnaire-question-option-date-field .date-picker-holder, .questionnaire-question-option-child .questionnaire-question-option-text-field-error .date-picker-holder, .questionnaire-question-option-child .questionnaire-question-option-text-field-error TEXTAREA, .questionnaire-question-option-child .questionnaire-question-option.standard-error LABEL, .questionnaire-question-option-child .questionnaire-question-option.standard-error INPUT, .questionnaire-question-option-child.standard-error TABLE, .questionnaire-question-option-child .questionnaire-question-option-text-field-error SELECT, .questionnaire-question-option-child.standard-error .questionnaire-checkall, .questionnaire-question-option-child.standard-error .questionnaire-question-spreadsheet, .questionnaire-question-option-child.standard-error .questionnaire-question-option-select, .questionnaire-question-option-child .questionnaire-question-option-text-field-error .questionnaire-question-option-spreadsheet-optionlabel {margin-left: 0px!important} .questionnaire-question-option-text-field-error UL LI.text-important {margin-left: 15px!important} .standard-form-option.standard-error SELECT {height: auto;} .questionnaire-question-option-daytime-range {padding-top: 15px!important} .questionnaire-question-option-text-field-error .date-picker-holder SELECT.standard-error { margin-left: 0px!important;} .questionnaire-question-option-date-text-field {margin-bottom: 15px} .standard-error .questionnaire-question-option-group-options-scroll {margin-left: 2px} SELECT.standard-error{width:295px !important; border: 5px solid #B10E1E !important; height:39px !important} .validation-error, .standard-form-option.standard-error label .text-important.validation-error {display: none} .validation-error.validation-show, .standard-form-option.standard-error label .text-important.validation-error.validation-show {display: block} .standard-form-option.standard-error label .text-important.validation-error.validation-show.validation-inline {display: inline-block} .gadget-body-ishorizontalscrolling .gadget-column-headings-sort-text {display: none!important} #options_gadget .standard-button, #get_started_gadget .standard-button {width: 95%} .questionnaire-question-option-text-field-error {padding-bottom: 1em} .question-answers-summary {margin-top: 15px; margin-bottom: 15px; font-weight: bold; float: left} .question-answer-result-heading {float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; font-weight: bold} .gauge-riskdial, .gauge-awarddial {float: left; width:100%; background-repeat: no-repeat; background-position: center} .gauge-riskdial {height: 80%} .gauge-awarddial {height: 115px} .gauge-dialtext {margin: 0 auto; margin-top: 5px; margin-bottom: 5px; float: left; width: 100%; display: block; text-align: center} .gauge-riskdial SPAN, .gauge-awarddial SPAN {text-align: center; width: 100%; color: #FFFFFF; float: left; margin: 0 auto; font-weight: bold; margin-top: 2.75em; font-size: 1.5em} .gadget-closer {float: right; width: 15px; position: relative; cursor: pointer; height: 2.5em; margin-top: -0.05em !important; font-weight: bold} .questionnaire-question-option-hide, .questionnaire-question-option-group-hide {display: none} .questionnaire-question-option-group-hideinfo .questionnaire-question-option-info, .questionnaire-question-option-group-hideinfo .questionnaire-question-option-infopacman {display: none} /*.js-enabled*/ .questionnaire-question-option-hide {display: none} .questionnaire-question-option-child, .text-field-child, .form-option-child {border-left: 5px solid #BFC1C3; margin-top: -15px; padding-top: 15px; margin-left: 12px} .form-option-child-checkblock {padding-left: 15px} .text-field-indent{margin-left:18px; width:96%;} .standard-form-option-radio .standard-radio-indent {margin-left:5px !important;} .questionnaire-question-option-child-first {margin-top: -15px} .questionnaire-question-option-child-last {margin-bottom: 15px; padding-bottom: 0px} .questionnaire-question-option-child-last INPUT.text-field, .questionnaire-question-option-child-last .questionnaire-question-option-multifile-upload-attachments {margin-bottom: 0px} .radio-block-child {border-left: 5px solid #BFC1C3; margin-top: -15px; padding-top: 15px; margin-left: 18px} .radio-block-child .standard-form-option-radio-block-label {margin-top: -15px; padding-top: 15px; margin-left: 18px !important;} .radio-block-child INPUT {padding-top: 15px; margin-left: 14px !important;} .form-option-child SELECT:first-of-type {margin-left: 15px!important} .form-option-first_child {margin-top: 15px!important} .form-option-child:not(:first-of-type) {margin-top: -10px; padding-top: 1.5em;} .questionnaire-question-option-child LABEL, .questionnaire-question-option-child INPUT, .questionnaire-question-option-child H2, .questionnaire-question-option-child .file-download, .questionnaire-question-option-child .date-picker-holder, .questionnaire-question-option-child .questionnaire-question-option-multifile-upload-attachments TABLE, .questionnaire-question-option-child .questionnaire-question-option-multifile-upload-attachments LABEL, .questionnaire-question-option-child TEXTAREA, .questionnaire-question-option-child .multifile-type, .questionnaire-question-option-child SELECT {/*margin-left: 15px*/} .questionnaire-question-option-child .date-picker-holder SELECT {margin-left: 0px!important; height: 35px} .questionnaire-question-option-child.questionnaire-question-spreadsheet .questionnaire-question-option-spreadsheet-labels DIV:first-of-type LABEL {margin-left: 0px!important} .questionnaire-question-option-child .file-download {float: left} .questionnaire-question-option-portscan-status {width: 90%; float: left} .questionnaire-question-option-portscan-hidden {display: none} #mobile-menu {color: #FFFFFF; font-size: 16px} .gadget-header-main-hamburger-container .gadget-header-hamburger-button {top: 1.55em} #options_gadget {display: none} #options_gadget, #options_gadget_2, #get_started_gadget {margin-top: -1em} #options_gadget HR, #options_gadget_2 HR {height: 2px; background-color: #EBEBEB; margin-top: 5px; margin-bottom: 5px} #options_gadget.small-quick-links, #options_gadget_2.small-quick-links, #get_started_gadget.small-quick-links {margin-top: 0} #get_started_gadget.small-quick-links > * {margin-left: -5px} #options_gadget .gadget-header, #options_gadget_2 .gadget-header, #get_started_gadget .gadget-header {background-color: transparent!important; border: none!important; padding-top: 5px; /*border-top: 10px solid #0A214F!important;*/} #options_gadget .gadget-header H2, #options_gadget_2 .gadget-header H2, #get_started_gadget .gadget-header H2, .small-quick-links H2 {font-size: 16px!important; font-weight: 700} #options_gadget .gadget-header-title, #options_gadget_2 .gadget-header-title, #get_started_gadget .gadget-header-title, #options_gadget .gadget-header, #options_gadget_2 .gadget-header, #get_started_gadget .gadget-header {padding-left: 0!important} #options_gadget .gadget-body, #options_gadget_2 .gadget-body, #get_started_gadget .gadget-body {border: none!important; padding: 0!important} #options_gadget .gadget-header-title, #options_gadget_2 .gadget-header-title, #get_started_gadget .gadget-header-title {width: 65%!important} #options_gadget .gadget-header-info, #options_gadget_2 .gadget-header-info, #get_started_gadget .gadget-header-info {width: 30%!important} #options_gadget_body H2, #options_gadget_2 H2, #get_started_gadget_body H2 {margin-bottom: 0.75em} #options_gadget_2 .gadget-body DIV {padding-top: 0.5rem; padding-bottom: 0.5rem} #options_gadget A {text-decoration: none; font-size: 14px} #options_gadget_body DIV {padding-top: 6px; padding-bottom: 6px} #options_gadget A:HOVER:not(.quick-link-disabled) {text-decoration: underline} .ui-tooltip, .arrow:after {background: #6F777B; color: #FFFFFF} .arrow {width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px} .arrow.top {top: -16px; bottom: auto} .arrow.left {left: 20%} .arrow:after {content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)} .arrow.top:after {top: auto} .ui-helper-hidden {display: none} .ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px} .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none} .ui-helper-clearfix:before, .ui-helper-clearfix:after {content: ""; display: table; border-collapse: collapse} .ui-helper-clearfix:after {clear: both} .ui-helper-clearfix {min-height: 0} .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0)} .ui-front {z-index: 100} .ui-state-disabled {cursor: default !important} .ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat} .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%} .ui-tooltip {padding: 10px; position: absolute; z-index: 9999; max-width: 300px} body .ui-tooltip {border-width: 2px} #context_view, .gadget-textmargin {margin-top: 15px; margin-bottom: 15px} #context_view LABEL {font-size: 1.4em; margin-right: 5px} #context_view SELECT, #context_view .ui-selectmenu-button {margin-right: 5px; width: 45%} #context_view A {float: right; margin-top: 10px} #context_view .js-hide {display: none!important} .standard-infobox-message {border-left: solid 10px #969696!important; background-color: #F3F3F3!important} .standard-infobox-success, .standard-infobox-message, .standard-infobox-amber, .standard-infobox-grey {padding: 10px} .standard-infobox-success .standard-infobox-padding, .standard-infobox-amber .standard-infobox-padding, .standard-infobox-grey .standard-infobox-padding, .standard-infobox-attention .standard-infobox-padding, .standard-infobox-message .standard-infobox-padding, .standard-infobox-recommendation .standard-infobox-padding, .standard-infobox-gap .standard-infobox-padding, .standard-infobox-hqanswer .standard-infobox-padding {padding: 0px!important} .standard-infobox-success .standard-infobox-body, .standard-infobox-amber .standard-infobox-body, .standard-infobox-grey .standard-infobox-body, .standard-infobox-attention .standard-infobox-body, .standard-infobox-message .standard-infobox-body {padding: 0px!important} .standard-infobox-success .standard-infobox-body P, .standard-infobox-amber .standard-infobox-body P, .standard-infobox-grey .standard-infobox-body P, .standard-infobox-attention .standard-infobox-body P, .standard-infobox-message .standard-infobox-body P {padding: 0px!important} .standard-infobox-red {border-left: solid 10px #B10E1E!important; background-color: #FFCCD1!important} .standard-infobox-amber {border-left: solid 10px #F47738!important; background-color: #F2D0BF!important} .standard-infobox-grey {border-left: solid 10px #868E96!important; background-color: #F8F9FA!important} .standard-infobox-attention {border: 0 solid!important; border-left: solid 10px #969696!important; background-color: #FFFFFF!important; padding: 10px; width: 97%; margin-bottom: 5px!important} .standard-infobox-recommendation {border: 0 solid!important; border-left: solid 10px #969696!important; background-color: #F3F3F3!important; padding: 10px; ; width: calc(100% - 5rem)!important; margin-left: 5rem; margin-bottom: 1rem!important; color: #565454!important} .standard-infobox-recommendation.overdue {color: #000 !important; background-color: #FFCCD1!important; /*box-sizing: border-box;*/ /*border: solid 5px #B10E1E!important;*/ border-left: solid 10px #B10E1E!important} .standard-infobox-recommendation.approaching {color: #000 !important; background-color: #F2D0BF !important; /*box-sizing: border-box;*/ /*border: solid 5px #F47738!important;*/ border-left: solid 10px #F47738!important} box-success H2, .standard-infobox-recommendation H2 {font-size:16px;} .standard-infobox-recommendation UL {margin-left: 0px!important} .standard-infobox-recommendation UL LI {width: 100%} .standard-infobox-recommendation UL LI::before {content: "- "} .standard-infobox-recommendation P {margin-left: 0px} .standard-infobox-recommendation .standard-infobox-body {padding-top: 0px} .standard-infobox-logout-info {border-left: solid 10px #969696!important; background-color: #F3F3F3 !important} .standard-infobox-gap {border: 0 solid!important; border-left: solid 10px #B10E1E!important; background-color: #FFCCD1!important; padding: 10px; width: calc(100% - 5rem)!important; margin-left: 5rem; margin-bottom: 1rem!important} .standard-infobox-gap H2 {font-size:16px;} .standard-infobox-gap UL {margin-left: 0px!important} .standard-infobox-gap UL LI {width: auto; clear: both;} .standard-infobox-gap UL LI::before {content: "- "} .standard-infobox-gap P {margin-left: 0em} .standard-infobox-gap .standard-infobox-body {padding-top: 0px} .infobox-footer-additional-html {float: left; width: 100%} .infobox-footer-additional-html h2 {padding-bottom: 5px} .hqanswer-holder {margin-left: 5rem; margin-bottom: 1rem} .hqanswer-holder svg { position: relative; top: 4px; } .standard-divheader A {display: block; margin-top: 10px; margin-bottom: 10px} .standard-table {border-collapse: collapse; border-spacing: 0; width: 100%} .standard-table-submit {background-color: #FFFFFF!important; text-decoration: underline!important; color: #005ea5; box-shadow: none; float: right; margin-right: 10px; cursor: pointer} .standard-table TH, .standard-table TD {line-height: 1.25; text-transform: none; text-align: left; border-bottom: 1px solid #BFC1C3} .standard-table TH {padding: 0; font-weight: 400} .standard-table TD {padding-top: 5px; padding-bottom: 5px; word-break: break-all} #standard-right-col .aciTreeText {white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .container::after, .form-opener-container::after, .standard-col-content::after, .notice-review-stage::after {content: ""; display:block; clear: both} /* makes a div contain floating divs */ /*Dashboard tabs*/ .tab-bar, .tab-bar * {box-sizing: border-box} .tab-bar {margin-bottom: 0.75em} .tab {float: left; border-bottom: 1px #000000 solid; padding: 1em 0 1em 0; text-align: center; font-size: 18px} .tab.active-tab {border: 1px #000000 solid; border-bottom: none} .tab-of-2 {width: 50%} .tab-of-3 {width: 33.3%} .tab-of-4 {width: 25%} .tab-of-5 {width: 20%} /*Dashboard notices / new style items*/ .notice-item, .notice-item *, .dashboard-item, .dashboard-item *, .search-result, .search-result * {box-sizing: border-box} .notice-item {border-bottom: 1px solid #BFC1C3; margin-bottom: 15px; padding-bottom: 15px; line-height: 1.3} .dashboard-item {padding-top: 15px; padding-bottom: 15px; line-height: 1.3} .partial-gadget .dashboard-item {border-bottom: 1px solid #bfc1c3} .search-result {padding-top: 15px; padding-bottom: 15px; line-height: 1.3} .dashboard-status-guidance {background-image: url("../images/open_help.png"); float: right; height: 25px; width: 25px; margin-left: 5px; margin-top: 1px; cursor: pointer; text-decoration: none} .dashboard-status-guidance:HOVER {background-image: url("../images/open_help_hover.png")} .dashboard-item .dashboard-status, .titlebar-indicator {float: right; padding: 5px; padding-top: 2px; padding-bottom: 2px; font-weight: 700; border-radius: 4px; margin-left: 5px} .questionnaire-question-option .dashboard-status {padding: 5px; padding-bottom: 2px; font-size: 16px; font-weight: bold; color: #FFF} .dashboard-item-rating-container {float: right; text-align: center; margin-left: 15px} .dashboard-item-status-container {float: right; text-align: right; display: flex; flex-direction: column; align-items: flex-end;} .dashboard-item-rating {width: 92px; height: 109px; text-align: center; padding: 5px; border-radius: 4px; background-color: #EAEDEF; margin: 0 auto} .dashboard-item-rating-title {height: 25px; text-align: center; padding-top: 3px; padding-bottom: 5px; font-weight: 700; font-size: 14px} .dashboard-item-rating-award {width: 100%; height: 74px; border-radius: 4px; font-size: 28px; font-weight: 700; float: left} .dashboard-item-rating-award-text {margin-top: 15px} .dashboard-item-rating-award-text .small-award { font-size: 14px; display: block; } .dashboard-item-rating-award-text .small-award.one-line { line-height: 3em; } .dashboard-item-rating-award-text .small-award.two-line { line-height: 1.3em; } .dashboard-item-rating-award-text .large-award { font-size: 28px; display: block; } .dashboard-item-list {margin-bottom: 1rem} .dashboard-item-list, .dashboard-item-links {float: left; width: 100%} .questionnaire-question-option .award-traffic-inline {display: inline-block!important; margin-right: 0px!important; height: 20px!important; min-width: 20px!important; vertical-align: 1px} .questionnaire-question-option .award-traffic-inline .award-label{padding: 0px;} .questionnaire-question-option-label-margin-top {margin-top: 10px} .titlebar-indicator-margin {margin-left: 5px} .partial-gadget .search-result-title {font-size: 24px; font-weight: bold; margin-bottom: 5px} .dashboard-item .dashboard-item-title {font-size: 21px; font-weight: bold; margin-bottom: 15px} .dashboard-item .dashboard-item-title {word-wrap: break-word} .dashboard-item .dashboard-item-title A {text-decoration: none} .dashboard-item .dashboard-item-title A:HOVER {text-decoration: underline} .dashboard-item-group {padding-bottom: 0px; clear:both;} .dashboard-item-context-data {clear: both; padding: 0.5em 0 2em 0} .dashboard-item-group-data {clear: both; padding: 0.5em 0 0.5em 0} .dashboard-item .dashboard-context-type {float: left} .dashboard-item .dashboard-questionnaire-name {float: right} .dashboard-item-subtitle {font-weight: 400; font-size: 14px; margin-top: 5px; line-height: 21px} .dashboard-item-lastupdated {text-align: right; margin-top: 10px; float: right; color: #868E96; font-size: 16px; width: 100%} .dashboard-item-lastupdated-value {color: #161616} .dashboard-item-riskindicators {float: right; width: 100%; margin-top: 10px;} .dashboard-item-riskindicators-label {font-weight: 700; font-size: 14px; margin-right: 5px; vertical-align: 1px} .dashboard-questionnaire-alias {color: #6f777b} .dashboard-item .dashboard-item-links, .search-result .search-result-links {text-align: right} .dashboard-item-list-holder + .dashboard-item-list-holder {margin-top: 0.5em} .dashboard-item-list-title, .dashboard-item-list-value {display: inline-block; vertical-align: top} .dashboard-item-list-title {width: 160px; color: #868E96; margin-right: 40px} .dashboard-item-list-value {width: calc(100% - 220px); font-weight: 400; word-break:break-word} .dashboard-item-list-value A {font-weight: 400} .dashboard-item-h-list, .dashboard-item-links {margin-bottom: 1rem} .dashboard-item-h-list .dashboard-item-list-holder {display: inline-block; margin-right: 0.75em; margin-top: 0} .dashboard-item-h-list .dashboard-item-list-title, .dashboard-item-h-list .dashboard-item-list-value {width: auto} .dashboard-item-h-list .dashboard-item-list-title {margin-right: 0.2em} .dashboard-item-link {display: inline-block; margin-left: 10px} .search-result-list-holder + .search-result-list-holder {margin-top: 0.5em} .search-result .search-result-list-title, .search-result .search-result-list-value {display: inline-block; vertical-align: top} .search-result .search-result-list-title {width: 33%} .search-result .search-result-list-value {width: 66%; max-height: 5em; font-weight: 700; word-wrap: break-word; overflow: hidden} .search-result .search-result-list-value A {font-weight: 400} .search-result-context-data {clear: both; padding: 0.5em 0 2em 0} .search-result .search-result-links {margin-top: 15px} .search-result .search-result-link {display: inline-block; margin-left: 10px} .dashboard-item TABLE {width: 100%} .dashboard-heading {display: flex} .dashboard-heading-left {flex: 1} .dashboard-item TD {padding: 0.1em 0.25em} .dashboard-item TD.first-col {padding-left: 0} .dashboard-item TD.last-col {padding-right: 0; text-align: right} .link-button {cursor: pointer; text-decoration: underline; background-color: transparent; margin-top: 7px} .auto-link.link-button {color: #14209E; vertical-align: 0em; margin-top: 0.3em} .auto-link.link-button FOCUS { background-color: #FFBF47; outline: 3px solid #FFBF47} .security-marking {float: right; background-color: #546316; font-size: 16px; font-weight: 700; color: #FFF; padding: 5px; padding-bottom: 2px} #cf_dashboard_filter_form SELECT {border-width: 2px!important; padding-top: 0.45em; padding-bottom: 0.45em} #global-cookie-message-holder {background-color: rgba(96, 96, 96, 0.9); /*background-color: #828282;*/ width: 100%; padding: 15px; width: 100%; position: fixed; bottom: 0; color: #FFFFFF; z-index: 15000} #global-cookie-message-holder * { color: #fff; } #global-cookie-message-holder input[value="Accept all"]:hover { color: #0a4f16; } #cookie-message-body { margin: 15px 0; } #global-cookie-message {/*padding-top: 10px; padding-bottom: 10px;*/ display: block; margin: 0 auto; margin-bottom:10px} #cookie-message-title {font-size: 22px;font-weight: bold; text-transform: none; margin-bottom: 15px; } #cookie-message-text {font-size:19px;font-weight: 400; text-transform:none;display:inline} #cookie-close-button {display:none; right:5px; float:right; font-size:19px; text-decoration:underline; color:#0077ce; background-color:#ffffff; cursor:pointer; margin-bottom:10px} .chart-holder {max-height: 300px; width: 100%; overflow-y: auto} .chart-holder .chart-holder-inner {width: 95%} .pac-container:after {background-image: none!important; height: 0px; padding: 0px; margin: 0px} .google-visualization-tooltip {pointer-events: none; } /* Fixes flickering tooltip bug https://github.com/google/google-visualization-issues/issues/2162 */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0} input[type=number]{-moz-appearance:textfield} .standard-form-option.custom-clear {position: relative} #dashboard_gadget .form-option-custom-clear {bottom: 12px} .form-option-custom-clear {position: absolute; right: 1.5rem; height: 1.5rem; margin-top: -0.75rem; bottom: 15px; line-height: 1.5} .form-option-custom-clear:hover {cursor: pointer} .image-submit + .form-option-custom-clear {right: 3.5rem} .standard-form-option.custom-clear input::-ms-clear, .standard-form-option.custom-clear input::-ms-reveal {display: none; width: 0; height: 0} /* clears the 'X' from Chrome */ .standard-form-option.custom-clear input[type="search"]::-webkit-search-decoration, .standard-form-option.custom-clear input[type="search"]::-webkit-search-cancel-button, .standard-form-option.custom-clear input[type="search"]::-webkit-search-results-button, .standard-form-option.custom-clear input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none} #dueDatesPopup .standard-form-option-inline label {white-space: normal} .recommendations-duedates {margin-top: 0.5rem} p.recommendation-text .duedate-icon {margin-right: 0.25rem} p.recommendation-text .duedate-icon:not(:first-child) {display: none} span.recommendation-text-title {max-width: 90%; display: inline-block; vertical-align: middle} .duedate-recommendation-prompt {font-weight: normal; font-size: 16px; margin-top: 1rem} .duedate-info-text {margin-bottom: 1rem} .duedate-row {margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px solid #d3d3d3} .duedate-icon-holder {position: absolute; right: 0; top: 0; margin: 0.5em} .duedate-icon {width: 18px; height: 18px; vertical-align: sub; margin-right: 5px;} .duedate-info-text .duedate-icon {margin: 0;} .duedate-icon-large {width: 33px; height: 33px} .duedate-list {list-style: none} .duedate-list li {padding: 0.5rem 0.5rem 1.5rem 0.5rem; border-bottom: 2px solid #d3d3d3} .duedate-list .duedate-header-row {display: none; border-bottom: 1px solid black; padding: 0.5rem 0.5rem 0.4rem 0.5rem; border-top: 1px solid black} .duedate-list .duedate-header-row .buyer-comment {font-weight: 700 !important} .duedate-list .duedate {display: inline-block; width: 25%; vertical-align: top} .duedate-list .buyer-comment {display: inline-block; width: 73%; vertical-align: top} .duedate-list .buyer-comment .buyer-details {font-weight: normal; display:inline-block} .clear-duedate {text-decoration: underline} .clear-duedate:hover {cursor: pointer} .mobile-header {font-weight: 700} /*.duedate-row LABEL {font-weight: 700}*/ .duedate-row LABEL .hint {font-weight: 400} /* @media screen and (min-width: 741px) { .mobile-header {display: none !important} .duedate-list .duedate-header-row {display: block} } */ .azuremediaplayer { max-width: 100%; } .play-video {text-decoration: none; transition: opacity 0.3s ease-in-out; opacity: 0.9; display: inline-block; text-align: center; line-height: 5rem; font-size: 1.8rem; color: #ffffff; width: 5rem; height: 5rem; border-radius: 2.5rem; background: #0a4f16; box-shadow: 2px 0 7px 0 #000000} #playVideo {margin-top: 1.5rem} .close-video, .close-videojs {position: absolute; top: 0; right: -1rem; font-size: 15px !important; z-index:999;} .close-video:hover, .close-videojs:hover {cursor: pointer} .play-video:hover {cursor: pointer; opacity: 1} .video-container {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none} .video-container > *:nth-child(2) {left: 50%; top: 50%} .video-end-link {opacity: 0; transition: opacity 0.4s ease-in} .video-end-link a {display: inline-block; transform: scale(1.3); transition: transform 0.35s ease-out; text-decoration: none; border-bottom: 1px solid #1e2849} .video-end-link a.visible {transform: scale(1.0)} .video-end-popup {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000} .video-end-popup.show {display: flex; align-items: center; justify-content: center} .video-end-popup .popup-content {display: flex; flex-direction: column; justify-content: space-between; max-width: 90%; height: 80%; width: 650px; background-color: #ffffff; z-index: 1} .video-end-popup .popup-content .popup-content-container {overflow-y: auto} .video-end-popup .popup-content .popup-content-container .popup-content-header {background-color: #d3d3d3; padding: 1rem} .video-end-popup .popup-content .popup-content-container .popup-content-body {padding: 1rem 1rem 0 1rem} .video-end-popup .popup-content .popup-actions {} .video-end-popup .popup-content .popup-actions .button {float: left} .action-button { position: relative; } .vjs-big-play-button { display: none !important; } .video-show-video-length {display: none; position: absolute; color: #ffffff; left: 1rem; bottom: 1rem; border-radius: 1rem; background-color: #313131d3; padding: 0.2rem 0.6rem; font-size: 12px} .text-reveal {display: inline-block; opacity: 0} .duedate-list .duedate-header-row {font-weight: 700 !important} .closest-duedate {float: right; font-weight: 900; color: #000; margin-top: 0.5rem} .default-duedate-recommendation-text {padding: 5px} .default-duedate-recommendation-text a {white-space: nowrap} .default-duedates-list {margin-top: 0.5rem} .default-duedates-list li {padding: 0} .default-duedates-list li:before {content: "-"} .dashboard-reg-num, .page-title-gap {margin-bottom: 30px; margin-top: 15px; float: left} .page-title-gap {height: 21px; } .dashboard-reg-num {font-size: 16px} .dashboard-gauge-holder {margin-top: 2em} .dashboard-gadget-breadcrumbs {clear: both; width: 100%; padding-bottom: 0; border-bottom: none; float: left} .dashboard-gadget-breadcrumb {margin-left: 0px; margin-right: 0px; float: left; width: 100%; border-bottom: 3px #bfc1c3 solid} .dashboard-gadget-breadcrumb-active {border-bottom-color: #0a4f16!important} .dashboard-gadget-breadcrumb A {color: #161616!important; display: block; width: 100%; padding: 10px 20px 10px 20px; text-decoration: none!important; font-weight: bold; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .dashboard-gadget-breadcrumb:HOVER A {color: #C0C0C0!important} .dashboard-gadget-breadcrumb-active A {color: #0a4f16!important} .dashboard-gadget-breadcrumb > div {display: flex; align-items: center} .dashboard-gadget-breadcrumb-active > div {background: #FFF; border: none} .dashboard-gadget-breadcrumb.has-icon A {display: inline-block; vertical-align: middle} .dashboard-gadget-breadcrumb.has-icon A.icon-holder {padding-left: 0} .dashboard-gadget-breadcrumb.has-icon A:not(.icon-holder) {max-width: 12em} .dashboard-gadget-breadcrumb.has-icon.supplier-tab A:not(.icon-holder) {max-width: 45em} .dashboard-gadget-breadcrumb.has-icon.supplier-tab > div {padding-right: 0.5rem} .settings-cog-link {text-decoration: none; display: inline-flex !important; align-items: center; justify-content: center;} .breadcrumb-title2 .settings-cog-link {vertical-align: -6px} .dashboard-gadget-breadcrumb.has-icon A.settings-cog-link {padding: 0; width: 2rem} .settings-cog {transition: all 0.35s ease-in; position: relative; display: inline-block} #header .settings-cog {margin-left: 0.5rem} .settings-cog:hover {cursor: pointer; transform: rotate(720deg)} .page-contents {padding-top: 10px; background-color: #FFFFFF} .page-contents.stuck-to-top {width: 262px} /* The width the inspector shows it to be when it's not stuck */ .page-contents-list {list-style-type: none; padding-left: 0.75em} .page-contents-list li:before {content: '–'; float: left; display: block; width: 0.75em; margin-left: -0.75em; font-weight: 400} .page-contents-list li {margin-left: 0.75em; margin: 0.25em 0 0.5em 0} .page-contents-list li a {text-decoration: none!important} .questionnaire-question-option-multifile-upload .standard-button {background-image: none!important; vertical-align: -9px} .stick-to-top {clear: both} /*.stuck-to-top {position: fixed; top: 0}*/ .sticky-top {position: sticky; top: 1px} .top-watch {clear: both; width: 98%; height: 2px; background-color: transparent} .form-field-group .gadget {padding:0em} .notification-table-column-one {padding:5px 16px 8px 5px; border-collpase: collapse; border: none} .notification-table-column-end {padding:5px 5px 8px 5px; font-weight:bold; border-collpase: collapse; border: none} .questionnaire-duns-lookup {margin-bottom: 0 !important} .questionnaire-duns-lookup ~ #duns-results {margin-top: 0 !important} #org-results, #duns-results {position: absolute} #place-results, .lookup-field-results, #org-results, #duns-results {background-color: #FFFFFF; z-index: 1000} #place-results UL, .lookup-field-results UL, #org-results UL, #duns-results UL {list-style: none} #place-results UL .place-option, .lookup-field-results LI, #org-results UL LI, #duns-results UL LI {cursor: pointer} .questionnaire-question-option-child .lookup-field-results {max-height: 250px; overflow-y: scroll; margin-top: -10px} .questionnaire-question-option-child .spreadsheet-cell .lookup-field-results {overflow-y: auto; margin-top: 0} .lookup-field-results LI, #org-results LI, #duns-results LI {float: left; height: auto} .select-multi-options {position: absolute; background-color: white; width: 100%; z-index: 100} .select-multi-options li {border: 1px solid #808080; padding: 0.5em} .select-multi-options li:hover {background-color: #f9f9f9} .select-multi-options li.selected {background-color: #eeeeee} #org-results, #duns-results { margin-top: 32px; max-width: 600px; } #org-results UL,#duns-results UL {display: grid} #org-results LI,#duns-results LI {border: 1px solid #808080; padding: 5px} .text-field, .date-field {padding: 5px; height: auto} input.text-field {margin-bottom: 0.5em} #multi_step_login_form INPUT {width: 100%} .form-option-search-2 input.text-field {margin-bottom: 0} .gadget-filter-holder .text-field {padding: 4px 4px 5px 4px} .status-marker {color: #FFFFFF; background-color: #F47738; font-weight: bold; padding: 4px; padding-bottom: 2px; padding-top: 2px; margin-left: 5px; font-size: 14px} .content-inlinetext {display: inline-block; margin-left: 30px; font-size: 19px} .right {float: right} #background-task-img {height:100px; margin-left:40%} /* Browsers other than IE ignore the disabled property of */ a.standard-button-disabled {cursor:not-allowed;color:#818181;} .questionnaire-question-option-background-task-check-completed {display:none} .titlebar-indicator {font-size: 15px; float: none; display: inline; color: #FFF!important; vertical-align: 2px; margin-left: 5px} H3 .titlebar-indicator {vertical-align: 5px}; /* Popup Dialog */ .popup-dialog, .popup-dialog * {box-sizing: border-box} .popup-dialog {width:100%; height:100%; display:none; position:fixed; z-index: 8001; top:0px; left:0px; background:rgba(0,0,0,0.5); font-size: 16px; backdrop-filter: blur(1px);} .popup-dialog .standard-button{font-size: 18px; padding-left: 26px!important; padding-right: 26px!important} .popup-dialog .confirm-no {font-size: 18px} .pd-header {background-color: var(--dialog-header-background-color); color: var(--dialog-header-text-color)} .pd-header H2 {margin-right: 37px} .pd-content{padding: 15px;overflow-x:hidden;/*cursor:auto;*/} .pd-inner {width: 700px; max-width: 100%; max-height: 90%; overflow-y: auto; position: absolute; top: 5%; left: 0; background: #FFFFFF; } .pd-content .form-option-group-options {overflow-x:hidden} .pd-content .duedate-row .form-option-group-options {overflow-x: visible} .popup-dialog P {margin-bottom: 5px} .popup-dialog P.spaced {margin-top: 15px; margin-bottom: 10px} .popup-dialog P:first-child {margin-top: 0} .popup-dialog P:last-child {margin-bottom: 0} .popup-dialog UL, .popup-dialog OL {list-style-position: inside} .popup-dialog UL.name-list {list-style-type: none; color: #6F777B} .popup-dialog LI {margin-bottom: 5px} .popup-dialog H3 {font-size: 19px; font-weight: bold} .pd-close-button {position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; text-decoration: none !important; background: url('../../../images/close.png'); background-position: center center; background-repeat: no-repeat; } .popup-dialog A.standard-button {margin-top: 0; white-space: nowrap; width: auto;} .popup-dialog .social {margin-bottom: 20px} .popup-dialog .help-text { font-size: 16px; } .help-votes {text-decoration:none !important;} #main-confirm-popup .pd-inner {width: auto; max-width: 650px} #main-confirm-popup .pd-inner #editreferences_form {width: 350px; max-height: 30vw} #main-confirm-popup .confirm-question-holder div {margin-bottom: 15px} #custom-validation-popup .confirm-question-holder div {margin-bottom: 15px} .confirm-no {vertical-align: -8px} /*Dialog forms*/ .popup-dialog .standard-form-option, .popup-dialog .standard-form-option LABEL, .popup-dialog .standard-form-option INPUT[type=text], .popup-dialog .standard-form-option INPUT[type=password], .popup-dialog .standard-form-option SELECT, .popup-dialog .standard-form-option TEXTAREA {display:inline; max-width: 100%} .popup-dialog .standard-form-option INPUT, .popup-dialog .standard-form-option SELECT {border-width: 1px!important} .popup-dialog .standard-form-option INPUT[type=radio], .popup-dialog .standard-form-option-check INPUT[type=checkbox]{width:34px;height:34px;margin-right:1em;} .popup-dialog .standard-form-option {padding-right: 0} .popup-dialog .standard-form-option LABEL, .popup-dialog .standard-form-option-radio-block-label {font-size: 16px!important} .popup-dialog .standard-form-option LABEL .main-label {font-size: 16px; font-weight: bold} .popup-dialog .standard-form-option-radio-block .standard-form-option {margin-top: 0px} .popup-dialog .radio-block-child .standard-form-option {margin-top: 5px; margin-left:15px} .popup-dialog .standard-form-controls {margin-bottom: 0} .popup-dialog .standard-form-controls A {float: left} .popup-dialog .form-opener-button {margin-left: 0; color: #19557F} .popup-dialog .form-opener-container {border-left: 4px solid #BFC1C3; margin-left: 6px; padding-left: 15px} .popup-dialog .form-openercontroller-holder {font-size: 16px; margin-top: 0; line-height: 1.2} .popup-dialog .form-openercontroller-holder::after {content: "\25B6"; color: #19557F} .popup-dialog .form-opener-button.open .form-openercontroller-holder::after {content: "\25BC"; color: #19557F} .popup-dialog .text-field{height:34px!important;} .popup-dialog-disasters p{margin-left:10%;} .popup-dialog-disasters img{display:inline-block;float:left;} .popup-dialog-disasters{margin-top:15px;} #feedback_message { resize: none !important; } #questionnaire-holder .standard-infobox, .standard-form-error-holder .standard-infobox {margin-bottom: 45px} #questionnaire-holder .standard-infobox-header H3, .standard-form-error-holder .standard-infobox-header H3 {font-size: 24px; font-weight: 700; margin:10px} #questionnaire-holder .standard-infobox-body P, .standard-form-error-holder .standard-infobox-body P {font-size: 19px; font-weight: 400; margin-left:10px} #questionnaire-holder .standard-infobox-body > A, .standard-form-error-holder .standard-infobox-body A {font-size: 19px; font-weight: 700; color: #B10E1E; background-image: none!important; display: block} #questionnaire-holder .standard-infobox-body P.use-standard-link A, .standard-form-error-holder .standard-infobox-body P.use-standard-link A {display: inline-block; color: #14429E} .standard-form-error-holder .standard-infobox-body .form-error-inline-link {margin-left:unset;display:unset;} #questionnaire-holder .standard-infobox-body A:HOVER, .standard-form-error-holder .standard-infobox-body A:HOVER {color: #B10E1E!important} .standard-form-body DIV#terms_conditions {border: 2px solid #808080!important} .standard-infobox-attention, .standard-infobox-success, .standard-infobox-message {width: 97%} .standard-infobox-success {border-left: solid 10px #28A197; background-color: #EAF6F5!important} .form-option-group .standard-form-option LABEL {background-color:unset;font-weight:unset} button#date-picker-reset{background-color:transparent;font-weight:bold;color:#737373;cursor:pointer} .message-translation p {margin-top:10px} /*Countdown bars*/ .countdown-bar {height: 5px; border-width: 1px; border-style: solid; border-color: #0b0c0c} .countdown-bar-marker {height: 100%; width: 100%} .standard-gauge .gadget-header-fulltitle H2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .gadget-body .block-label{padding-top:0.3em!important; padding-bottom: 0.3em !important; margin-left:0.4em !important; width: auto; padding-left: 30px !important;} .gadget-body .standard-form-option-check-block .standard-form-option .standard-form-option-check .block-label{padding-top:0em!important; margin-left:0.4em !important; width:90%} .gadget-body .gadget-item-column-content INPUT {vertical-align: middle;} .form-option-group .standard-form-option-check {padding-bottom: 0em!important} .form-option-group .standard-form-option-check INPUT, .form-option-group .standard-form-option-radio INPUT {position: static; width: 20px; height: 20px; margin-top: 0!important; margin-right: 0.5em; margin-bottom: 0.4em; margin-left: 5px} .social ul li {list-style-type: none !important; list-style-position:inside !important; margin:0 !important; margin-right: 15px !important; padding:0 !important; display: inline} .social a.twitter:before {content: ''; background: #2e3191 url('../../../images/twitter1.png'); background-position: center center; background-repeat: no-repeat; display: inline-block; width: 25px; height: 25px; margin-right: 5px} .social a.linkedin:before {content: ''; background: #2e3191 url('../../../images/linkedin1.png'); background-position: center center; background-repeat: no-repeat; display: inline-block; width: 25px; height: 25px; margin-right: 5px} .social a.email:before {content: ''; background: #2e3191 url('../../../images/email1.png'); background-position: center center; background-repeat: no-repeat; display: inline-block; width: 25px; height: 25px; margin-right: 5px} .standard-form-option .form-child-option{margin-left:8.4px; border-left:5px solid #bfc1c3} .standard-form-option .form-child-option{width:90%} #site-search {float: right; margin-top: 7px; height: 20px; width: 20px; margin-left: 5px} #site-search IMG {width: 100%} .logoshow {position: relative; height: 200px} .logoshow DIV, .logoslider DIV {width: 100%; text-align: center; height: 100%} .logoshow P {font-size: 24px} .logoshow IMG {position: absolute; max-width: 80%; vertical-align: middle; max-height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%)} .logoshow .home-logo {position: relative; height: 150px; float: left; width: 22%; margin: 1.5%; display: block} .logoshow A:HOVER .home-logo {border-bottom: 5px solid #0A214F} .video-poster {height: 100%; width: 100%} .text-field-date-picker.date-picker.hasDatepicker {border: 0px solid !important} #standard-right-col .standard-form-option {padding-top:1px !important; padding-bottom:1px !important} #standard-right-col .standard-form-controls {padding-bottom:8px !important} #standard-right-col .standard-form-option LABEL{padding-left: 5px} #standard-right-col #search_gadget_body .standard-form-option{padding-bottom:0.3em !important} .gadget-viewbox-snap P {text-align: center} .pie-chart svg[aria-label="A chart."] > g > g:last-child { pointer-events: none } .pie-chart svg[aria-label="A chart."] { overflow: visible !important; } #ip_results_chart svg .clickable { cursor: pointer; } .privacy-list li p {display:inline;} ul.privacy-list li{list-style:disc;list-style:inside;padding:10px 0 10px 20px;text-indent:-1.5em;} ul.privacy-list{padding:10px 0 10px 20px;list-style-position:outside;} .privacy-table TD {padding-right:10px} .api-rest-example p {word-wrap:break-word !important;} .api-heading-2 {margin-bottom: 5px} .api-status {margin-left: 0px!important} .table-layout {text-align:left;border-collapse:collapse;} .table-layout TD {word-break:break-word!important} .row td, .row th {padding-top:10px;border-bottom: 1px solid #a8a8a8 !important;margin-bottom:10px;padding-top:10px;padding-left:5px;padding-right:5px;} .gadget-item-column-content INPUT {margin-left: 5px} .question-answer-deadline {float: left; margin-top: 30px; margin-bottom: 15px} .question-answer-deadline P {margin-left: 0.4em} .questionnaire-question-spreadsheet UL, .standard-form-option-daytimerange UL {list-style-type: none} .questionnaire-question-spreadsheet .standard-submit {padding: 4px; padding-left: 10px; padding-right: 10px} .grabbing {cursor:grabbing !important; cursor:-moz-grabbing !important; cursor:-webkit-grabbing !important;} .grab {cursor:grab !important; cursor:-moz-grab !important; cursor:-webkit-grab !important;} .gadget-pagination-background {background-color:#DEE0E2} .gadget-pagination-elements {display:inline-flex;margin-left:39%;width:50%;padding-top:5px} .api-sample-content {margin-top: 15px} .standard-whole-form-indent {border-left: 5px solid #BFC1C3; margin-top: -15px; margin-left: 6px} .standard-whole-form-indent LABEL {margin-left:15px !important} .standard-whole-form-indent INPUT, .standard-whole-form-indent TABLE, .standard-whole-form-indent H2, .standard-whole-form-indent TEXTAREA, .standard-whole-form-indent .option-disabler, .standard-whole-form-indent .standard-form-option-ident, .standard-whole-form-indent .standard-form-option-indent {margin-left:15px} .standard-form-option-ident .hint, .standard-whole-form-indent .standard-form-option-indent .hint {margin-top: 0.25em} .questionnaire-question-option-text-field .outline-progressive-disclosure {margin-left: 0px} .questionnaire-question-option-text-field .progressive-disclosure-text {margin-left: 6px} .questionnaire-question-option-pastefrom {margin-bottom: 15px} .side-stats {margin: 10px; margin-top: 0px} .questionnaire-answers-section-question-guidance {margin-left: 10px!important; font-size: 16px!important; float: left; width: 90%} .questionnaire-answers-section-question-guidance UL LI {list-style-type: disc!important; list-style-position: inside; width: 90%; font-size: 16px!important} TABLE.questionnaire-table {border-style:solid; border-width: 1px; border-collapse: collapse; border-color: #b1b4b6;} TABLE.questionnaire-table TD {border-style:solid; border-width: 1px; border-collapse: collapse; padding: 10px; border-color:#b1b4b6;} TABLE.questionnaire-table TH {border-style:solid; border-width: 1px; border-collapse: collapse; background-color: #f3f2f1; padding: 10px; border-color: #b1b4b6} .links-nonewwindow A {padding-right: 0px!important; background-image: none!important} .questionnaire-question-option-child {padding-top: 10px; padding-left: 25px; position: relative;} .questionnaire-question-option-child-margin-top {margin-top: 15px} /* ***************** */ /* *** MI STYLES *** */ /* ***************** */ /* STATISTICS PAGE */ /* Chart */ #chart_cached { text-align:left;font-size:12px;padding:5px; } #chart_cached .refresh_chart{ margin:0 5px;} .mi_loading_chart::after{content:"Loading...";font-size:x-large;font-weight:700;text-align:center;width:100%;display:inline-block;line-height:200px;animation:blinker 4s linear infinite;} .no-data-returned::after{content:"No data";font-size:x-large;font-weight:700;text-align:center;width:100%;display:inline-block;background:#e6e6e6;border:1px dashed #BFC1C3;color:#BFC1C3;height:400px;line-height:400px;} .mi_chart_400{min-height:400px; } .measurex, .export_measurex { position: absolute; left: 0; width: auto; z-index: 99999; display: none; } .measurey, .export_measurey { position: absolute; right: 0; width: auto; z-index: 99999; display: none; } .measurex, .measurey { font-size: 10px; } .export_measurex, .export_measurey { font-size: 20px; } /* Table */ #mi-chart-target table{font-family:Lato, Arial, sans-serif!important;-webkit-font-smoothing:antialiased;-webkit-box-direction:normal;font-size:16px; table-layout:fixed; width: 100%;} #mi-chart-target table tbody tr td{text-align:left;border-left:none;border-right:none;border-bottom:1px solid #bfc1c3!important;padding:0 1em;} #mi-chart-target table thead tr th{text-align:left;border-top:1px solid #bfc1c3!important;border-bottom:1px solid #bfc1c3!important;border-left:none;border-right:none;padding:10px;overflow:hidden;text-overflow: ellipsis} #mi-chart-target table tr{background:none!important;} #mi-chart-target tr.google-visualization-table-tr-odd, #mi-chart-target table thead tr th { background: #e6e6e6 !important; } /*#mi-chart-target SVG {overflow: visible!important}*/ #mi-chart-target DIV {z-index: 20} .goog-tooltip {z-index: 30} .goog-tooltip DIV {padding: 5px!important; background-color: #FFFFFF!important; font-size: 14px!important; max-width: 250px; border-color: #E6E6E6} /* Chart Legend */ #mi-chart-legend { background: #fff; font-family: Lato, Arial, sans-serif !important; font-size: 12px; margin-bottom: 20px; } #mi-chart-legend .symbol { width: 28px; height: 14px; display: block; clear: left; float: left; margin: 3px 5px; position: relative; } #mi-chart-legend .symbol div { position: absolute; display: block; } #mi-chart-legend .box { width: 100%; height: 100%; } #mi-chart-legend .line { width: 28px; height: 4px; top: 5px; } #mi-chart-legend .point { width: 8px; height: 8px; top: 3px; left: 10px; border-radius: 100%; } #mi-chart-legend .circle { width: 13px; height: 13px; top: 0px; left: 7px; border-radius: 100%; } #mi-chart-legend span { clear: right; display: block; /*height: 14px;*/ padding: 3px; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Chart Controls */ .chart-controls .standard-form-option {padding: 0!important} .query_description { word-break: break-word; } .query_description div { white-space: pre-line; } .query_description h2 { margin-bottom: 10px; } /* QUERY BUILDER */ /* Simplesearch (menu) */ #query_builder_form .simplesearch { position: absolute; left: 3px; top: 41px; width: 30px; height: 30px; cursor: pointer; background-color: transparent; background-image: url(/images/search-button-small-black.png); background-repeat: no-repeat; background-position: 50%; background-size: 15px; background-color: #fff; } #query_builder_form .simplesearch.menuopen { background-image: url(/images/close-map.png); } #query_builder_form .simplesearchmenu_div { position: absolute; top: 73px; z-index: 999; width: 100%; display: none; } #query_builder_form .simplesearchmenu_div ul { position: absolute; border-top: 1px solid #ccc; list-style: none; width: 262px; box-sizing: border-box; top: -1px; background: #fff; left: 260px; display: none; } #query_builder_form .simplesearchmenu_div ul li { padding: 5px 20px 5px 10px; font-size: 16px !important; border: 1px solid #ccc; border-top: none !important; cursor: pointer; font-weight: normal; position: relative;} #query_builder_form .simplesearchmenu_div ul li:hover { background: #ccc !important; } #query_builder_form .simplesearchmenu_div .simplesearch-breadcrumbs::after { content: "\25B6"; padding: 5px 0; text-align: right; position: absolute; top: 0; right: 0; } /* Simplesearch (list) */ .simplesearchlist_div { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); overflow: hidden; z-index: 999; display: none; } /*.simplesearchlist_div { overflow-y: scroll; height: 600px; }*/ .simplesearchlist_div .simplesearchresults { background: #fff !important; overflow-y: scroll; padding: 30px; width: 90vw; box-sizing: border-box; height: 90vh; margin: 5vh 5vw; box-shadow: 3px 3px 3px #666; } .simplesearchlist_div>ul>li { font-weight: bold !important; } .simplesearchlist_div ul { background: #fff; list-style: none; margin-left: 5px; } .simplesearchlist_div ul li { font-size: 14px !important; cursor: pointer; font-weight: normal; min-height: 1em; /* white-space: nowrap */ } .simplesearchlist_div .multiselectable { margin: 0; padding: 5px 5px 5px 25px !important; } .simplesearchlist_div .multiselectable::before { width: 10px !important; } .ss_close { position: absolute; top: 5vh; right: 5vw; height: 30px; width: 30px; line-height: 30px; text-align: center; background: #fff; font-size: xx-large; cursor: pointer; } .ss_close:hover { background: #e8e8e8; } /* General */ .confirm-question-holder ul {list-style: disc; margin-left: 15px} #criteria-search,#data-search{position:relative;top: 33px;} #query_builder_form .search_wrapper { position: relative; } #query_builder_form .form-option-group .standard-form-option{width:auto;float: none !important;} #query_builder_form .standard-form-option{margin:0!important;padding:0!important;} #query_builder_form .standard-form-option-hidden{display:none;} #query_builder_form .standard-form-option-radio-block{margin-top: 10px !important;} #query_builder_form fieldset #advancedselection_gadget_body{padding:10px 0 0;} .standard-form-option #search_criteria, .standard-form-option #search_data { margin-bottom: 30px!important; margin-left: 0px; background: transparent url(/images/search-button-small-black.png) no-repeat 10px 50%; padding-left: 35px; background-size: 15px; width: 100% !important; } #search_criteria_list *,#search_data_list *{white-space:unset!important;} #search_criteria_list .result-highlighted, #search_data_list .result-highlighted {background-color: #808080!important; color: #FFFFFF} #search_criteria_list .result-highlighted span.prefix,#search_data_list .result-highlighted span.prefix{color:#333;} .result-multiselect { background: #e8e8e8 !important; } .result-multiselect span.prefix { color:#666; } /*#search_criteria_list li, #search_data_list li,*/ .multiselectable { padding-left: 40px !important; position: relative; } /*#search_criteria_list li::before, #search_data_list li::before,*/ .multiselectable::before { content: "\2610"; display: block; position: absolute; left: 0; /* width: 30px;*/ /* padding: 3px 5px;*/ /* height: 30px;*/ color: #DEE0E2; top: 0px; text-align: center; } /*#search_criteria_list .result-multiselect::before, #search_data_list*/ .result-multiselect::before { content: "\2611" !important; color: #000 !important; font-weight: normal; } #query_builder_form .multiselectable::before { width: 30px; padding: 3px 5px; } #search_criteria_list span.prefix,#search_data_list span.prefix,#search_criteria_list span.suffix,#search_data_list span.suffix{color:#999;font-size: medium; display: block;} /*#search_criteria_list,#search_data_list{position:absolute;top:32px;overflow-y:auto;max-height:400px;text-overflow:unset!important; margin-left: 0px; }*/ #search_criteria_list, #search_data_list { position: relative; top: -63px !important; overflow-y: auto; max-height: 400px; text-overflow: unset!important; margin-left: 0px; } .mi-search-results{width: 100% !important} .mi-search-results #form-search-none { padding: 10px; color: #999; cursor: default; } .mi_criteria_position,.mi_data_position{width:30px;position:absolute;left:170px;opacity:0.5;} .mi_criteria_remove,.mi_data_remove{float:right;border:0;height:32px;width:32px;line-height:22px;margin:0 10px 11px !important;padding:0 10px!important;} .search-highlight{background:#ffbf47!important;} form#query_builder_form .standard-form-body{padding-bottom:45px;} #mi-chart-target-export { width: 1280px; height: 720px; position: absolute; z-index: -1; top: -2000px; opacity: 0; } #mi_queries_form .gadget-header div { margin-top: 5px !important; } #query_builder_form .form-option-group { padding-top: 10px !important; } .delete_query_description { font-size: 16px; clear: both; display: block; margin: 10px 0; } .mi_criteria_fieldreadable { margin-bottom: 10px; } #query_builder_form .gadget-header { height: 60px !important; } #query_builder_form .gadget-header-title { margin-top: 20px; } #query_builder_form select:focus {z-index: 999;} .mi_criteria_row, .mi_data_row { position: relative !important; } .mi_criteria_row { padding: 3px; } /* Page 1 (criteria) */ .mi_criteria_fieldreadable{width:584px !important; margin-right: 0 !important;} .mi_criteria_expand:focus{outline:initial;} /*criteria_select*/ #query_builder_form fieldset .mi_criteria_select{width:74px!important;height:32px!important; margin-right: 6px; margin-bottom: 10px;} /*criteria_comparison*/ #query_builder_form fieldset .mi_criteria_comparison {width: 110px !important; height: 32px !important; margin-left: 5px; position: relative; top: -11px; display: none; left: 84px; } /*criteria_text*/ #query_builder_form .invalid_number { border: 5px solid #B10E1E !important; top: -15px !important; } .mi_criteria_expandtext { width: 80px !important; position: absolute; left: 0; } .mi_criteria_expand { background-color: transparent !important; border: 0 !important; background-image: url(/images/quick_filter.svg) !important; border-radius: 0; height: 16px; width: 16px; background-position: -15px 0 !important; background-size: 44px !important; background-repeat: no-repeat; position: relative; top: 8px; left: 4px; padding: 0 !important; color: transparent !important; margin: 0 5px; display: none; } .mi_criteria_remove, .mi_data_remove { height: 32px; background: none !important; border: 0 !important; color: #14429e !important; text-decoration: underline; margin: 0 !important; padding: 0 !important; width: inherit;} .mi_criteria_remove, .mi_data_remove { position: absolute; top: 3px; right: 3px;} #query_builder_form fieldset .mi_criteria_select { width: 90px!important; height: 32px!important; margin-right: 0px; margin-bottom: 10px; position: relative; } .mi_criteria_fieldreadable { width: 590px !important; margin-right: 0 !important; position: relative; left: -1px; } #query_builder_form fieldset input.mi_criteria_text{width:481px!important; position: relative;top: -11px; left: 83px; display: none; } #mi_data_groupby_label,#mi_chart_type_label,#query_name_label,#query_desc_label { padding: 10px 0 0 0; } #mi_criteria_fromlabel,#mi_criteria_tolabel,#mi_criteria_from,#mi_criteria_to { /*width:50%;float:left;*/ padding: 10px 0 0 5px; } #mi_criteria_revall_label,#mi_data_revall_label{margin-right:40px;} /* Page 2 (data / config) */ #query_builder_form .standard-select,#query_builder_form .standard-form-option INPUT[type=text] {position: relative; z-index: 99;} #mi_data_cumulative{margin-bottom:10px;} #mi_data_grouplabel,#select_chart_type_form .standard-form-option,#mi-chart-target{clear:both;} .standard-form-option INPUT.mi_data_noaggregate, .mi_data_aggregate { width: 90px !important; height: 33px !important; margin-right: 0 !important; margin-bottom: 10px; position: relative; } .standard-form-option INPUT.mi_data_noaggregate { font-size: 16px; padding-left: 7px; } .mi_data_fieldreadable { width: 554px !important; margin:0 10px 10px 5px !important; position: absolute !important; opacity: 0; } .mi_data_fieldreadable p{float:left;width:624px;background:#f0f0f0;height:31px;line-height:31px;border:1px solid #999;color:#999;margin:0 15px 10px 0;} /*.mi_data_title { width:648px !important;margin:0 10px 10px 5px !important; background: #f0f0f0; color: #666;}*/ .mi_data_title { width:560px !important;margin:0 10px 10px 0 !important; background: #f0f0f0; color: #666; position: relative; left: -1px; height: 33px; } .mi_data_title:focus { background: #fff; color: #333;} .spectrumDesktopReplacer{border:1px solid gray!important; margin-right: 10px !important; } .spectrumDesktopReplacer .sp-preview{height:21px!important;} #query_builder_form option:disabled { background: #e4e4e4; color: #808080; } #query_builder_form .standard-select { width: 779px; } #query_builder_form .standard-form-option textarea, #query_builder_form .standard-form-option INPUT[type=text] { width: 779px; box-sizing: border-box; vertical-align: top; resize: none;} #query_builder_form .standard-form-option LABEL { padding-top: 10px; } #mi_criteria_from input, #mi_criteria_to input { width: 30px !important; } #query_builder_form #mi_default_queries { border-left: 5px solid #BFC1C3; margin-left: 12px !important; margin-top: 0px !important; padding-top: 5px !important; padding-left: 10px !important; } #mi_default_queries input[disabled] ~ label { font-style: italic !important; color: #999; } #mi_default_queries input[disabled] ~ label::before { border: 1px solid #e6e6e6 !important; } #uqid_label,#mi_chart_type_label,#query_name_label,#query_desc_label,#mi_xaxis_label_label,#mi_yaxis_label_label,#mi_data_groupby_label { background: transparent; } /*//#query_builder_form .form-option-group-options { overflow-y: initial !important; max-height: unset; }*/ #query_builder_form .form-option-group-options { overflow: visible !important; max-height: unset; } .tooltip-bold { font-weight: bold; font-size: 14;} .tooltip-underline { text-decoration: underline !important; font-size: 15;} .tooltip-italic { font-style: italic; font-size: 15;} .tooltip-colour { fill: #ff0000; font-size: 15;} /* ************** */ /* *** END MI *** */ /* ************** */ .standard-form-option-rating { float:left !important; height: 40px; margin: 10px 0 20px; } .standard-form-option-rating label { cursor: pointer; font-size: 1px !important; color:transparent; position:relative; float: right; width: 60px; height: 60px; line-height:60px; } .standard-form-option-rating label:before { content: "\2606"; font-size: 60px; position: absolute; width: 60px; text-align: center; z-index: 1; /* if you want the outline above (ie around) all the stars */ color: #000; /* star outline colour */ } .standard-form-option-rating label:hover::after, .standard-form-option-rating label:hover ~ label::after, .standard-form-option-rating input:checked ~ label::after { content:"\2605"; font-size: 60px; position: absolute; width: 60px; left: 0; text-align: center; z-index: 0; /* if you want the outline above (ie around) all the stars */ color: #ff0; /* star fill colour */ } .standard-form-option-rating input { display: none; } #chat_rating_wrapper .standard-form-option { box-sizing: border-box; } #end_chat_button { height: 32px; background: none !important; border: 0 !important; color: #14429e !important; text-decoration: underline; margin: 0 !important; padding: 0 !important; width: inherit; } #chat_rating {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 999; background: #fff; padding: 20px; box-sizing: border-box; display: none; } #chat_rating_feedback { margin-left: 3px !important; } .standard-form-body .gadget .alertconfig_email { border-bottom: 1px solid #BFC1C3 !important; } .configure_alert { text-align: center; margin-left: 20px; } .disabled_link { color: #A5A5A5 !important; cursor: not-allowed; } #checkbox_toggle, .gadget-header-verb-padding{ display: none !important; } .form-check-error.form-option-child LABEL, .form-check-gadget.form-option-child LABEL {margin-left: 0px!important} .form-check-gadget INPUT {width: 29px; height: 29px} .form-check-gadget LABEL {padding-top: 5px} .standard-form-option.form-option-child {padding-left: 15px;margin:0 0 0 20px;} .questionnaire-question-option-review-fields {float: left; margin-left: 20px; width: 100%} .questionnaire-question-option-review-fields LABEL {float: left; width: 100%; margin-bottom: 5px} .questionnaire-question-option-review-fields INPUT {float: left; margin-bottom: 10px} .questionnaire-question-option-text-field-error .length-check {margin-left: 15px} /*Styled Radios & Checks*/ .questionnaire-question-option-radio LABEL, .questionnaire-question-option-check LABEL {padding-left: 50px} .popup-dialog.standard-form-option-radio INPUT, .popup-dialog.standard-form-option-checkbox INPUT, .block-label.selection-button-checkbox INPUT, .block-label.selection-button-radio INPUT, .standard-form-option-check INPUT, .standard-form-option-radio INPUT, .gadget-viewbox-full INPUT[type=radio], .gadget-viewbox-full INPUT[type=checkbox] {opacity: 0; outline: none!important;display:inherit; height: 0 !important;} .standard-form-option-radio .selection-button-radio { margin-left: 5px !important; } .block-label { display: block; float: none; clear: left; position: relative; padding: 8px 10px 9px 50px; margin-bottom: 10px; cursor: pointer; -ms-touch-action: manipulation; touch-action: manipulation; } .gadget-body .gadget-viewbox-full .block-label{ padding-top:0.0em !important; padding-bottom: 0.0em !important; } /*.js-enabled*/ .block-label.selection-button-checkbox::before, .popup-checkbox::before { content: ""; border: 2px solid #ADB5BD; background: transparent; width: 32px; height: 32px; position: absolute; top: 0; left: 0; } /*.js-enabled*/ .block-label.selection-button-checkbox.disabled::before { background-color: #CFD4DA; } /*.js-enabled*/ .block-label.selection-button-checkbox.disabled { color: #ADB5BD!important; } .questionnaire-question-option-spreadsheet-row .block-label.selection-button-checkbox::before { width: 30px; height: 30px; } .questionnaire-question-option-spreadsheet-row .block-label.selection-button-checkbox::after { width: 15px; height: 4px; } /*.js-enabled*/ .block-label.selection-button-checkbox.tristate::after { content: ""; border: solid #6e6e6e; border-width: 0 0 0 11.5px; background: transparent; width: 10px; height: 11.5px; position: absolute; top: 2px; left: 6px; margin-top:7px; margin-left:2px; -moz-transform: rotate(-0deg); -o-transform: rotate(-0deg); -webkit-transform: rotate(-0deg); -ms-transform: rotate(-0deg); transform: rotate(-0deg); filter: alpha(opacity=0); opacity: 0; } .check-rank {display: flex} .check-rank select {width: auto; margin-right: 1.5rem} /*.js-enabled*/ .block-label.selection-button-checkbox::after, .popup-checkbox input:after { content: ""; border: solid #343A40; border-width: 0 0 5px 5px; background: transparent; width: 17px; height: 7px; position: absolute; top: 10px; left: 8px; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); zoom: 1; filter: alpha(opacity=0); opacity: 0; } /*.js-enabled*/ .block-label.selection-button-checkbox.mixed::after { border: solid #6e6e6e; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); border-width: 5px; background: #6e6e6e; content: ""; height: 12px; width: 12px; top: 7px; left: 7px; } /*.js-enabled*/ .block-label.selection-button-checkbox.mixed.disabled::after { background: #c0c0c0; height: 23px; width: 23px; top: 4px; left: 4px; } /*.js-enabled*/ .block-label.selection-button-checkbox.disabled::after { border: solid #FFFFFF; border-width: 0 0 5px 5px; background: transparent; content: ""; } /*checkboxes in spreadsheet options are smaller, so this is a slight tweek to the size of the tick, to accomodate*/ /*.js-enabled*/ .questionnaire-question-spreadsheet .block-label.selection-button-checkbox::after { width: 13px; height: 5px; } /*this is only for the SAQ. If it inteferes with anything else, just double check the SAQ if changing - MK*/ input[type='checkbox']:not(:checked) + .ships-btn { background-color: #aaa; color: #000; border-color: #aaa; } /*.js-enabled*/ .block-label.selection-button-radio::before { content: ""; border: 1px solid #6e6e6e; background: transparent; width: 34px; height: 34px; position: absolute; top: 0; left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /*.js-enabled*/ .block-label.selection-button-radio::after { content: ""; border: 10px solid #343A40; width: 0; height: 0; position: absolute; top: 8px; left: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; zoom: 1; filter: alpha(opacity=0); opacity: 0; } /* #6e6e6e @ opacity 0.1 = #f0f0f0 */ /* #6e6e6e @ opacity 0.2 = #e2e2e2 */ .block-label.selection-button-radio.CHANGED::before { border: 1px dashed; } .block-label.selection-button-radio.CHANGED::after { opacity: 0.1; } .block-label.selection-button-radio.selected.CHANGED::before { background: #f0f0f0; } /* .block-label.selection-button-radio.selected.CHANGED::after {} */ .block-label.selection-button-checkbox.CHANGED::before { border: 1px dashed; } .block-label.selection-button-checkbox.CHANGED::after { opacity: 0.1; } .block-label.selection-button-checkbox.selected.CHANGED::before { background: #f0f0f0; } /* .block-label.selection-button-checkbox.selected.CHANGED::after {} */ /*.js-enabled*/ .block-label.selection-button-radio.disabled::after { border: 10px solid #c0c0c0; } .block-label.selection-button-radio.disabled::before { border: 2px solid #e3e3e3; } .block-label.selection-button-radio.disabled { color: #818181; } .gadget-body .block-label.selection-button-radio::before{ width: 20px; height: 20px; top: 3px; left: 2px; } .gadget-body .gadget-viewbox-full .block-label.selection-button-radio::before{ width: 14px; height: 14px; top: 2px; left: 2px; } .gadget-body .block-label.selection-button-radio::after { border: 6px solid; top: 8px; left: 7px; } .gadget-body .gadget-viewbox-full .block-label.selection-button-radio::after { border: 4px solid; top: 6px; left: 6px; } .gadget-body .block-label.selection-button-checkbox::before{ width: 20px; height: 20px; top: 3px; left: 2px; } .gadget-body .gadget-viewbox-full .block-label.selection-button-checkbox::before{ content: ""; width: 14px; height: 14px; top: 2px; left: 2px; } .gadget-body .block-label.selection-button-checkbox::after { width: 12px; height: 5px; top: 7px; left: 5px; } .gadget-body .gadget-viewbox-full .block-label.selection-button-checkbox::after { width: 8px; height: 3px; border-width: 0 0 3px 3px; top: 6px; left: 5px; } .disable{ cursor:text!important; } .disable::before{ border-color: #bebebe!important; } .disable::after{ border-color: #bebebe!important; } /*.js-enabled*/ .block-label.selection-button-radio.focused::before, /*.js-enabled*/ .block-label.selection-button-checkbox.focused::before { -webkit-box-shadow: 0 0 0 5px #ffbf47; -moz-box-shadow: 0 0 0 5px #ffbf47; box-shadow: 0 0 0 5px #ffbf47; } /*.js-enabled*/ .block-label.selection-button-radio.active::before, /*.js-enabled*/ .block-label.selection-button-checkbox.active::before { -webkit-box-shadow: 0 0 0 5px #ffbf47; -moz-box-shadow: 0 0 0 5px #ffbf47; box-shadow: 0 0 0 5px #ffbf47; } .gadget-body .block-label.selection-button-radio.active::before, .gadget-body .block-label.selection-button-checkbox.active::before { -webkit-box-shadow: 0 0 0 2px #ffbf47; -moz-box-shadow: 0 0 0 2px #ffbf47; box-shadow: 0 0 0 2px #ffbf47; } /*.js-enabled*/ .block-label.selection-button-radio.selected::after, /*.js-enabled*/ .block-label.selection-button-checkbox.selected::after, .popup-checkbox.selected:after { zoom: 1; filter: alpha(opacity=100); opacity: 1; } /*.js-enabled*/ .block-label.selection-button-radio.tristate::after, /*.js-enabled*/ .block-label.selection-button-checkbox.tristate::after { zoom: 1; filter: alpha(opacity=100); opacity: 1; } .full-screen-overlay { display: none; position: fixed; width: 100%; height: 100%; z-index: 1500; top: 0; left: 0; } .full-screen-overlay.show-overlay, .overlay-bg.show-overlay { display: block; } .overlay-bg { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #222222; opacity: 0.94; z-index: 1499; } .overlay-action-bar { position: fixed; width: 100%; height: 3.5rem; z-index: 50; } .overlay-action-bar:before { content: " "; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ff000000", endColorStr="#00000000", GradientType=0)'; background: linear-gradient(to bottom, #000000, transparent); z-index: -1; } .overlay-zoom-bar:before { content: " "; position: absolute; left: 0; top: 0; bottom: 0; right: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Gradient(startColorStr="#00000000", endColorStr="#ff000000", GradientType=0)'; background: #000000;/*linear-gradient(to bottom, transparent, #000000);*/ z-index: -1; opacity: 0.65; } .overlay-zoom-bar { position: fixed; bottom: 0; height: 3.5rem; width: 100%; text-align: center; opacity: 1; transition: opacity 0.25s ease-in; font-size: 2.5rem; } .overlay-zoom-bar .zoom-icons { font-size: 2rem; color: white; display: inline-block; vertical-align: middle; } .overlay-zoom-bar .zoom-icons > span { display: inline-block; vertical-align: middle; margin-right: 1.5rem; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .overlay-zoom-bar .zoom-icons > span:hover { cursor: pointer; } .overlay-action-bar .icons { position: relative; right: 1rem; float: right; font-size: 2rem; color: #ffffff; } .overlay-action-bar .icons span { vertical-align: middle; margin-right: 0.8rem; } .overlay-action-bar .icons span:hover { cursor: pointer; } .overlay-action-bar .icons .download-icon { display: inline-block; transform: rotate(90deg); transform-origin: center center; } .scroll-lock { overflow: hidden !important; } .overlay-content { position: relative; box-sizing: border-box; overflow-y: auto; height: calc(100% - 3.5rem); top: 3.5rem; text-align: center; } .full-screen-overlay .nav-left { display: none; position: absolute; left: 2.5rem; top: 50%; width: 3rem; height: 3rem; border-radius: 3rem; transform: rotate(180deg); transform-origin: center; text-align: center; font-size: 2rem; color: white; box-shadow: 0 0 33px -3px black; text-shadow: 0px 0px 7px black; } .full-screen-overlay .nav-left:hover { box-shadow: 0 0 6px -3px white; transform: rotate(180deg) scale(0.9); } .full-screen-overlay .nav-left:before { content: "\2794"; } .full-screen-overlay .nav-right { display: none; position: absolute; right: 2.5rem; top: 50%; width: 3rem; height: 3rem; border-radius: 3rem; text-align: center; font-size: 2rem; color: white; box-shadow: 0 0 33px -3px black; text-shadow: 0px 0px 7px black; } .full-screen-overlay .nav-right:hover { box-shadow: 0 0 6px -3px white; transform: scale(0.9); } .full-screen-overlay .nav-right:before { content: "\2794"; } .full-screen-overlay.overlay-show-nav .nav-right, .full-screen-overlay.overlay-show-nav .nav-left { display: initial; } /*helps with vertical centering*/ .overlay-content:before { display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .thumbnail-preview { max-height: 250px; width: auto; max-width: 100%; cursor: pointer; border: 2px solid #C3C3C3 } /* ********************** * in page chat prototype * *********************/ /*.chat_window { position: fixed; width: 360px; / *height: 450px;* / bottom:0; background: #fff; border: 1px solid #DEE0E2; z-index: 999; box-shadow: 0 0 2px rgba(0,0,0,0.1); mergin: 0 5px; right: 10px; display:none;}*/ /* #chat-icon-banner { box-shadow: -3px -3px 3px rgba(0,0,0,0.25) !important; } */ #reset-icon-holder {position: fixed; top: 162px; right: 0px; z-index: 9999; cursor: pointer;} #reset-icon-banner {/**background-color: #149E2B;*/ background-color: #e45e27; color: #ffffff;width: auto;height: auto;white-space: nowrap;padding: 0.9em 2.8em 2.0em 0.5em;position: absolute;top: -249px;right: -25px;z-index: 98;transform-origin:94% 96%;-webkit-transform:rotate(-90deg) translate(0%,0%);-ms-transform:rotate(-90deg) translate(0%,0%);transform:rotate(-90deg) translate(0%,0%);box-shadow:-3px -3px 3px rgba(0,0,0,0.25);margin-top:188px;} #reset-icon { z-index: 100; position: relative; color: #fff; width: 40px; font-size: x-large; text-align: center; background-color: #e45e27; } #reset-icon IMG {z-index: 99; width: 30px; padding-top: 4px; position: relative; right: 4px; } #last_checked_ticket_closure {display: none; } /* Ticket Rating CSS START */ .ticket_rate_window {height: fit-content; width: 400px; padding: 0.9rem 0.7rem; position: fixed !important; background: #fff; border: 1px solid #0b0c0c; z-index: 7999; margin: 0 5px; right: 10px; bottom:0; display: none; transition:all 0.5s} .ticket_rate_window form.ticket_rating #ticket_rating_validation_msg {display: none; color: #B10E1E!important; float: right; margin-right: 10px; font-weight: bold; padding: 5px; border: 2px solid #B10E1E!important} .ticket_rate_window p.ticket-rate-window-title {padding-bottom: 0.7rem; margin-right: 1.2rem} .ticket_rate_window .close_button { position: absolute; top: 0.3rem; right: 0.7rem; background-color: transparent; border: none; font-size: 2rem; cursor: pointer; } .ticket_rating { bottom: 0px; left: 0px; width: 100%; height: auto; background: #fff; box-sizing: border-box; display: none; } .ticket_popup_overlay {width:100%; height:100%; display:none; position:fixed; z-index: 8001; top:0px; left:0px; background:rgba(0,0,0,0.5)} .ticket_rating span {word-wrap: break-word; overflow-wrap: break-word;} .ticket_id {display: none} #ticket_rating_validation_msg {display: none; word-wrap: break-word; overflow-wrap: break-word; color: #B10E1E!important; margin-right: auto; margin-bottom: 15px;font-weight: bold; padding: 5px; border: 2px solid #B10E1E!important} .ticket_rating_score { height: 40px; display: inline-block; width: auto; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .ticket_rating_score label { cursor: pointer; font-size: 1px !important; color:transparent; position:relative; float: right; width: 60px; height: 60px; line-height:60px; } .ticket_rating_score label:before { content: "\2606"; font-size: 60px; position: absolute; width: 60px; text-align: center; z-index: 1; color: #000; } .ticket_rating_score label:hover::after, .ticket_rating_score label:hover ~ label::after, .ticket_rating_score input:checked ~ label::after { content:"\2605"; font-size: 60px; position: absolute; width: 60px; left: 0; text-align: center; z-index: 0; color: #ff0; } .ticket_rating_score input { display: none; } .ticket_rating_feedback { width: 100%; resize: none; height: 4em; margin: 1em 0; overflow-y: scroll} #ticket_rating_feedback_label { clear: both; display: block; padding-top: 0.7rem} /* Ticket Rating Form CSS END */ .chat_window { position: fixed !important; width:400px; max-width: calc(100% - 20px); bottom:0; background: #fff; z-index: 7999; margin: 0 5px; right: 10px; display:none; border: 1px solid #d3d3d3; box-shadow: 2px 2px 27px -13px #000000; } .chat_popup_overlay {width:100%; height:100%; display:none; position:fixed; z-index: 8001; top:0px; left:0px; background:rgba(0,0,0,0.5); font-size: 19px} .chat_messages { display: none; } .chat_window.minimized { height: 80px; transition:all 0.5s; } /*overflow: hidden; }*/ .chat_window.maximized { height: 400px; transition:all 0.5s; } /* .livechatframe { width: 360px; height: 480px; } */ .chat_window_control { position: absolute; top: 0; right: 0; height: 20px; padding: 8px; } .chat_window_control span { height: 20px; width: 20px; color: #000; font-weight: bold; text-align: center; display: inline-block; text-decoration: none !important; font-size: 20px; line-height: 20px; cursor: pointer;} .chat_window_control .close_button { margin: 5px; } /* .chat_window.maximized .chat_window_control .minmax_button::after { content: "\2212" } */ .chat_window.maximized .chat_window_control .minmax_button::after { content: "\1F5D5" } /* .chat_window.minimized .chat_window_control .minmax_button::after { content: "\002B"; } */ .chat_window.minimized .chat_window_control .minmax_button::after { content: "\1F5D6"; } /* .chat_window_control .close_button::after { content: "\00D7"; } */ .chat_window_control .close_button::after { content: "\1F5D9"; } .close_rate_form::after { content: "\00D7"; } .chat_window.minimized .chat_window_contents, .chat_window.minimized .chat_send_control { display: none; } .chat_window_header { position: absolute; top: 0; left: 0; width: 100%; height: 48px; } .chat_window_title{ text-align: left; display: block; position: relative; float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 280px; } .chat_title { padding: 15px 16px; } .chat_subtitle { font-size: 14px; clear: both; float: left; padding-left: 16px; color: #868E96; } .chat_language { height: 50px; border-right: 1px solid rgba(0,0,0,0.1); font-size: xx-small; text-align: center; line-height: 10px; float: left; box-sizing: border-box; } .chat_flag {display: block; } .chat_flag img { padding: 2px} .chat_lang {display: block;} .chat_window_header.notify::after { width: 20px; height: 20px; position: absolute; top: -10px; left: -10px; background: #E45E27; z-index: 99999; content: "!"; border-radius: 50%; box-shadow: 3px 3px 3px rgba(0,0,0,0.5); color: #fff; font-weight: bold; text-align: center; line-height: 20px; font-size: large; text-shadow: 1px 1px 1px #000; } /* .minimized .chat_title a, .minimized .chat_subtitle a { color: #fff; } */ .chat_window_status { position: absolute; top: 48px; height: 29px; left: 0; width: 100%; font-size: 12px; color: #fff; background: #fff; padding: 6px 0; } .connected .chat_detail, .connected .chat_timer /* ,.minimized.connected */ { background-color: #149E2B !important; } .waiting .chat_detail, .waiting .chat_timer /* ,.minimized.waiting */ { background-color: #E48227 !important; } .disconnect .chat_detail, .disconnect .chat_timer /* ,.minimized.disconnect */ { background-color: #9C0020 !important; } .chat_id { float: left; padding: 0 5px; display: none; } .chat_skin { font-weight: bold; opacity: 0.5; display: inline-block; padding: 0 10px; } .connected .chat_skin { background: #fff; color: #149E2B; } .waiting .chat_skin { background: #fff; color: #E48227; } .disconnect .chat_skin { background: #fff; color: #9C0020; } /*.waiting .chat_window_contents li, .disconnect .chat_window_contents li { opacity: 0.5; filter: blur(1px)}*/ .chat_timer { float:right; padding: 2px 10px; } .chat_detail { float: right; padding: 2px 10px; margin-right: 10px; } .chat_status { float: right; padding: 0 5px; } .chat_warning { padding: 40px; color: #999; line-height: 1.5; } .chat_window_contents { position: absolute; top: 78px; left: 0; background: #fff; overflow-y: scroll; width: 100%; box-sizing: border-box; /*border: 5px solid #fff;*/ padding: 5px; bottom: 55px; cursor: text !important; scrollbar-width: thin; scrollbar-color: transparent transparent; border-top: 1px solid #ADB5BD } .chat_window_contents:hover { scrollbar-color: #dee2e6 transparent; } .chat_window_contents ul { padding: 0 !important; } .chat_window_contents li { list-style: none; white-space: pre-wrap; } .chat_window_contents .warning { padding: 35px 35px 0; } .chat_window_contents .warning p { padding-bottom: 1em; } .new_chat_messages { bottom: 55px; position: absolute; width: 339px; background: #fff; left: 0px; text-align: center; opacity: 0.8; border-top: 1px solid #ccc; display:none; } .new_chat_messages span { display: block; transform: rotate(90deg); } .chat_send_control { position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; /*border-top: 1px solid #ddd;*/ margin: 0; } .positioner { left: 16px; right: 62px; position: absolute; top: 5px; bottom: 5px; } .chat_send_control textarea.message { width: 100%; position: absolute; left: 0; top: 0; border: 1px solid #ddd; box-sizing: border-box; height: 40px; resize: none; border-radius: 4px; } .chat_send_control textarea.message::placeholder { font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px;} .chat_send_control .send_chat { width: 40px; position: absolute; right: 16px; top: 5px; height: 40px; border: 1px solid #ddd; font-size: x-small; font-weight: bold; font-weight: bold; color: #666; text-shadow: 1px 1px 1px #fff; background: #0a4f16; border-radius: 4px; } .chat_window_contents li .chat-window-message-text-incoming { background-color: #0A214F; position: relative; margin-left: 10px !important; } .chat-window-message-text-incoming, .chat-window-message-details-incoming, .chat-window-message-details-system { float: left; } .chat-window-message-text-incoming a, .chat-window-message-text-outgoing a {color: #ffff} .chat-window-message-text-outgoing { background-color: #14429E; position: relative; margin-right: 10px !important; } .chat-window-message-text-outgoing, .chat-window-message-details-outgoing { float: right; } .chat-window-message-details { font-size: small; padding-top: 1em; clear: both; display: block; } .chat-window-message-text-system, .chat-window-message-text-system-support { /*background-color: #E4C827;*/ background-color: #EAEDEF; color: #0B0C0C !important; position: relative; width: auto; display: block; max-width: 100% !important; overflow-wrap: anywhere;} .chat-window-message-text { width: auto; min-width: 60%; max-width: 80%; padding: 0.5em; color: #FFFFFF; margin: 0.25em; overflow-wrap: anywhere;} /*.chat-window-message-text-sending { background-color: #999 !important; }*/ .chat-window-message-text-sending { opacity: 0.5 !important; } #chat-user-typing { clear: both; float: left; background: #ccc; position: relative; margin-left: 10px; width: 20px; text-align: center; } #chat-user-typing::after, .chat-window-message-text-incoming::after, .chat-window-message-text-outgoing::after { border: 11px solid transparent; content: " "; width: 0; height: 0; position: absolute; bottom: 0; } #chat-user-typing::after { border-right: 0px solid #ccc; border-bottom: 10px solid #ccc; left: -10px; } .chat-window-message-text-incoming::after { border-right: 0px solid #0A214F; border-bottom: 10px solid #0A214F; left: -10px; } .chat-window-message-text-outgoing::after { border-left: 0px solid #14429E; border-bottom: 10px solid #14429E; right: -10px; } .chat-window-message-text-sending::after { /* border: 0; right: 0; display: none;*/ } .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 100%; height: 0} .js-only, .js-show, .js-hide {display: none} .hidden {display: none !important} .chat_rate_window { height: 100%; width: 100%; padding: 0.9rem 0.7rem; transition:all 0.5s; position: absolute; background-color: white;} .chat_rate_window form.chat_rating #chat_rating_validation_msg {display: none; color: #B10E1E!important; float: right; margin-right: 10px; font-weight: bold; padding: 5px; border: 2px solid #B10E1E!important} .chat_rate_window p.chat-rate-window-title {padding-bottom: 0.7rem; margin-right: 1.3rem} .chat_rate_window .close_rate_form_button {position: absolute; top: 0.3rem; right: 0.7rem; background-color: transparent; border: none; font-size: 2rem; cursor: pointer; } .chat_rating_score { height: 40px; display: inline-block; width: auto; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .chat_rating_score label { cursor: pointer; font-size: 1px !important; color:transparent; position:relative; float: right; width: 60px; height: 60px; line-height:60px; } .chat_rating_score label:before { content: "\2606"; font-size: 60px; position: absolute; width: 60px; text-align: center; z-index: 1; color: #000; } .chat_rating_score label:hover::after, .chat_rating_score label:hover ~ label::after, .chat_rating_score input:checked ~ label::after { content:"\2605"; font-size: 60px; position: absolute; width: 60px; left: 0; text-align: center; z-index: 0; color: #ff0; } .chat_rating_score input[type="radio"]:checked + label:before, .chat_rating_score input[type="radio"]:checked + label:before ~ label:before { content: "\2605"; color: #ff0; } .chat_rating_score input { display: none; } .chat_rating_wrapper .standard-form-option { box-sizing: border-box; } .end_chat_button { height: 32px; background: none !important; border: 0 !important; color: #14429e !important; text-decoration: underline; margin: 0 !important; padding: 0 !important; width: inherit; } /* .chat_rating { position: fixed; top: 30px; left: 0px; width: 100%; z-index: 999; background: #fff; padding: 20px; box-sizing: border-box; display: none; } */ .chat_window_ended { display:none; } .chat_rating_feedback { width: 100%; resize: none; height: 4em; margin: 1em 0; overflow-y: scroll; } #chat_rating_feedback_label { clear: both; display: block; padding-top: 0.7rem} /* .unread { animation: pulse 2s infinite;} @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(20, 158, 43, 0.7)} 70% { box-shadow: 0 0 20px 10px rgba(20, 158, 43, 0)} 100% { box-shadow: 0 0 0 0 rgba(20, 158, 43, 0)} */ .ui-draggable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .ui-draggable-dragging { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } /*#all_chats { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }*/ /* end chat styles */ .banner-overlay {position: relative} .banner-overlay img {vertical-align: middle; width: 100%} .canvas-100 {width:100%!important; padding: 0 !important} .com-100 { width: 100%;} .com-banner-overlay {position: absolute; top: 0%; color: #FFFFFF; background: linear-gradient(to bottom,#4a4a4a,transparent); width: 100%} .com-banner-overlay-title {position: relative; padding-top: 20px; font-size:60px} .com-banner-overlay-description {position: relative; padding-top: 10px; font-size:24px; padding-bottom: 100px} .h3-scm {color: rgba(244,119,57,1)} .h3-scm2 {color: rgba(244,119,57,1)} .location-register-margin {margin-top: 21px} #searchtypeduns_search-container .standard-form-option, #searchtypename_search-container .standard-form-option { position: relative; } .org-search-clear-input, .duns-search-clear-input, .address-lookup-clear-input { padding: 0 !important; text-align: center; height: 29px; width: 29px; } #location_form .standard-form-option-radio-inline {margin-top: 0px!important} @-moz-document url-prefix() {#standard-right-col FIELDSET, #standard-right-col .gadget-body FIELDSET, #reverse-left-col FIELDSET, #reverse-left-col .gadget-body FIELDSET {display: table-cell}} /* Firefox bug https://bugzilla.mozilla.org/show_bug.cgi?id=504622 */ @-moz-document url-prefix(http://){button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {padding: 0 !important; border: 0 none !important}} #results_gadget_body .question-answer-change, #results_gadget_body .gadget-header-infoaward, #save_and_view_answers .gadget-header-infoaward { display: none !important; } #auto_responding_gadget_body .gap_marker, #auto_responding_gadget_body .standard-infobox-gap, #auto_responding_gadget_body .standard-infobox-recommendation { display: none !important; } .gap-reason {margin-top: 15px; float: left} .responding_answers_body_gadget .gap_marker, .responding_answers_body_gadget .standard-infobox-gap, .responding_answers_body_gadget .standard-infobox-recommendation { display: none !important} .gap_marker::before { content: "!"; } .gap_marker-flip::before { content: "↕";} .gap_marker-flip { line-height: 20px !important; } .gap_marker { float: left; margin-right: 9px; width: 24px; height: 24px; line-height: 26px; font-weight: bold; clear: left; background: #F3F3F3; color: white; text-align: center; border-radius: 50%; font-size: 16px; left: 30px; } .gap_marker-large { font-size: 24px !important; width: 36px !important; height: 36px !important; line-height: 39px !important; top: 0!important; } .gap_marker-grey { background: #969696; } .gap_marker-red { background: #9C0020; } .gap_marker-intro {margin-bottom: 5px} #answers .gap_marker { left: 20px !important; } .standard-infobox-gap li.changed { color: #969696; } .icon-important::before { content: "!"; } .icon-important { float: left; margin-right: 9px; width: 36px !important; height: 36px; line-height: 39px; font-weight: bold; clear: left; background: #000000; color: white; text-align: center; border-radius: 50%; position: relative; font-size: 26px; font-style: normal; } .award-text-red .icon-important { background: #9C0020; } .gap_navigation {background: #FFFFFF!important; border: 5px solid #FFFFFF; } .gap_navigation-red { border: 5px solid #B10E1E!important; } .gap_navigation-grey { border: 5px solid #969696!important; } [id^='gap_navigation_gadget'] { margin-bottom: 20px; padding: 10px; } [id^='gap_navigation_gadget'] li { list-style: none; } #questionnaire_results_graph_body .graph-body {float: none; margin: 0 auto; width: 80%} #questionnaire_results_graph_body .graph-axis-prompt {width: 90%} .subtext {font-size: 14px; margin-top: 10px} [id^='questionnaire_results_graph'] .gadget-body P {float: left; width: 100%} [id^='questionnaire_results_graph'] .results_graph { overflow: auto; clear: both; } .questionnaire-question-option-group-options .outline-progressive-parent {margin-bottom: 15px} .progressive-disclosure-text .questionnaire-question-option {margin-bottom: 0px; padding-bottom: 0px} .questionnaire-option-text-field-unit {} .tours_import th { text-align: left; padding-right: 20px; } .questionnaire-question-option-dialog-submit A {margin-left: 10px} .sharing_gadget_wrapper .dashboard-item-context-data { display: none; } #inv_code_wrapper #field_advice span { font-size: small; color: #999; } #inv_code_wrapper .clear, #buyer_code_label { width: unset !important; float: left; clear: unset; } #inv_code_wrapper #buyer_code_label { line-height: 33px; margin-right: 5px; } #search_buyer_code_form { position: relative; } #buyer_search {margin-bottom: 30px!important; margin-left: 3px; background: transparent url(/images/search-button-small-black.png) no-repeat 10px 50%; padding-left: 35px; background-size: 15px; } #sharing_spinner {position: absolute; bottom: 20px; right: -15px} #confirm_prompt p {margin-bottom: 20px !important; } ul#sharing_invalid_response li { float: unset; } ul#sharing_invalid_response { margin-bottom: 10px; } .accepted_file, .rejected_file { display: none; } .indicator-purple { border-color: #e427d0!important; color: #e427d0} .indicator-purple2 { border-color: #CE258A!important; color: #CE258A} .indicator-turquoise { border-color: #28a197!important; color: #28a197} .indicator-lighblue { border-color: #2B8CC4!important; color: #2B8CC4} .indicator-orange { border-color: #F47738!important; color: #F47738} .indicator-grey2 { border-color: #BBB!important; color: #BBB} .graph-horizontal-marker-previous {border-color: #BBB!important; color: #BBB} #duedates_chart_background { position: relative; height: 460px; width: auto; } #duedates_chart_background:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(/images/boston_pale.png); content: " "; background-position: 40px 20px; background-size: 100% 400px; background-repeat: no-repeat; opacity: 0.2} #duedates_chart_quadrants { position: relative; height: 400px; top: 20px; width: 730px; left: 40px; } #duedates_chart_quadrants p { width: 50%; height: 50%; padding: 20px; box-sizing: border-box; display: inline-block; float: left; font-weight: bold; color: #fff; } #duedates_chart_div {width: 100%; height: 460px; position: absolute; display: block; margin: 0; top: 0; left: 0; } #duedates_chart_div * { font-family: Lato,Arial,sans-serif!important; } #campaign_chart {width:100%; float: left; min-height: 100px} #monthly_count_chart_div {width: 98%; height: 460px; display: block; margin: 0;} #monthly_count_chart_div * { font-family: Lato,Arial,sans-serif!important; } form.public-form {position: relative; width: 100%} form.public-form input {font-size: 18px} form.public-form .form-row {padding: 0.5rem 0} form.public-form > h2 {font-family: sans-serif; text-align: center; margin-bottom: 1.5rem} form.public-form p {text-align: center; font-size: 0.9em; color: #d3d3d3} form.public-form p.small-print {text-align: center; font-size: 0.9em; color: #d3d3d3; font-size: 0.7em} form.public-form label {display: inline-block; width: 100%; text-align: center; font-weight: 200; font-size: 0.85em;} form.public-form input {display: inline-block; width: 100%; height: 2rem} /*form.public-form input[type='submit'] {width: 15rem; max-width: 100%; text-transform: uppercase; font-size: 0.8em; line-height: 0.8em; display: block; width: auto; padding: 0 5rem; margin: 0 auto; border-radius: 1rem} form.public-form input[type='submit']:hover {background-color: #40e0d0; color: #ffffff; cursor: pointer}*/ form.public-form .file-input-container {height: 2rem; text-align: center; position: relative} form.public-form .file-input-container:after {content: " "; display: inline-block; height: 100%; vertical-align: middle} form.public-form .file-input-container .file-input-button {display: inline-block; height: 2rem; line-height: 2rem; padding: 0 1rem; vertical-align: middle; background-color: #445866; color: #e3e3e3; font-size: 0.85em} form.public-form .file-input-container .file-input-name {display: inline-block; height: 2rem; line-height: 2rem; padding: 0 1rem; vertical-align: middle; color: #cc5a2a; font-size: 0.8em} form.public-form .file-input-container input[type='file'] {opacity: 0; position: absolute; left: 0; top: 0; width: auto} form.public-form-no-label .layout {display: flex; flex-flow: row wrap; align-items: flex-end} form.public-form-no-label .input-container {position: relative} form.public-form-no-label .input-container .input-error-msg {color: #B10E1E; font-weight: bold; display: block; clear: both;} form.public-form-no-label .input-container .input {position: relative} form.public-form-no-label .input-container .input.input-center {text-align: center; align-content: center;} form.public-form-no-label .input-container .input.input-rounded input {border-radius: 1.4rem} form.public-form-no-label .input-container .input.input-inline {display: inline-flex; align-items: center} form.public-form-no-label .input-container .input.input-inline input[type='radio'] {height: 2rem; vertical-align: middle} form.public-form-no-label .input-container.required:not(.input-focussed, .has-value) .input .placeholder::after { content: '*'; color: red} form.public-form-no-label .input-container.required select option[selected='selected']::after { content: '*'; color: red} form.public-form-no-label .input-container.input-focussed .input .placeholder, form.public-form-no-label .input-container.has-value .input .placeholder {top: 0; left: 4px; margin-top: 3px; font-size: 0.8rem; opacity: 0.8} form.public-form-no-label .input-container.input-focussed .input.input-rounded .placeholder, form.public-form-no-label .input-container.has-value .input.input-rounded .placeholder {top: 0; left: 20px; margin-top: 3px; font-size: 0.8rem; opacity: 0.8; content:''} form.public-form-no-label .input-container .placeholder {transition: all 0.27s ease-out; text-align: left; position: absolute; left: 1rem; top: 50%; margin-top: -0.5rem} form.public-form-no-label .input-container .placeholder:hover {cursor: text} form.public-form-no-label label.label-large {font-size: 1rem !important} form.public-form-no-label select {color: inherit; box-sizing: border-box; display: inline-block; width: 100%; height: 100%; padding: 1.4rem 1rem 1rem 1rem; border: 1px solid #535353} form.public-form-no-label .input-container .input.input-rounded select {border-radius: 1.4rem; text-align: center} form.public-form-no-label input {color: inherit; box-sizing: border-box; display: inline-block; width: 100%; height: 100%; padding: 4px; border: 1px solid #535353} form.public-form-no-label input.input-error {border-color: #df3034} form.public-form-no-label input[type='radio'] {width: 3rem; vertical-align: middle} form.public-form-no-label input[type='checkbox'] {width: 2rem; height: 2rem; vertical-align: middle} form.public-form-no-label input[type='checkbox']:hover {cursor: pointer} form.public-form-no-label input[type='checkbox'] + label {vertical-align: middle; width: calc(100% - 2rem); padding-left : 0.5rem; text-align: left} form.public-form-no-label input[type='checkbox'] + label:hover {cursor: pointer} form.public-form-no-label input[type='radio']:hover {cursor: pointer} form.public-form-no-label input[type='radio'] + label:hover {cursor: pointer} form.public-form-no-label input[type='submit'] {border: 1px solid transparent; width: auto; padding-top: 1rem; color: #ffffff} /* NEW FORM STYLES */ form.public-form-no-label .input-container .input .placeholder {color: #4C4C4C} .content-container, .content-container2 {position: relative; width: 100%; max-width: 100%; height: 100%; margin: 0 auto} .content-container-rounded, .content-rounded {border-radius: 1.5rem} .content-container.content-center {text-align: center} .content-container.h-scroll {overflow-x: auto} .content-background-pale {background-color: #F3F6F4} #miningBg {position: relative; background-image: url("/images/new_home_page/mining.png"); background-size: cover; background-position: center; background-blend-mode: multiply; background-color: #0A4F16; overflow: hidden} .layout {position: relative; box-sizing: border-box} .layout.layout-flex {display: flex !important; flex-wrap: wrap !important; height: 100%} .layout.layout-inline-flex {display: inline-flex !important; flex-wrap: wrap !important; height: 100%} .layout.layout-flex.v-top {align-items: flex-start !important} .layout.layout-flex.v-center {align-items: center !important} .layout.layout-flex.h-center {justify-content: center !important} .layout.layout-flex.fill-items {align-items: stretch !important; justify-content: center !important} .layout.layout-flex.fill-items > div > * {height: 100% !important} .layout.layout-flex.fill-items > div > .card {flex-direction: column !important; justify-content: flex-start !important} .layout.layout-padding { margin-left: -0.5rem; margin-right: -0.5rem; } .layout.layout-padding > div { padding: 0.5rem; } .layout:after {content: " "; display: block; clear: both} .layout > div {float: left; box-sizing: border-box} /*TODO: GET RID OF THESEVVVVVV???*/ .layout > div.padding {padding: 0.5rem !important} .layout > div.padding-left {padding-left: 0.5rem !important} .layout > div.padding-right {padding-right: 0.5rem !important} .layout > div.padding.padding-medium {padding: 1.5rem !important} .layout > div.padding-left.padding-medium {padding-left: 1.5rem !important} .layout > div.padding-right.padding-medium {padding-right: 1.5rem !important} .layout > div.padding.padding-large {padding: 3rem !important} .layout > div.padding-left.padding-large {padding-left: 3rem !important} .layout > div.padding-right.padding-large {padding-right: 3rem !important} .layout > div.padding-left-medium {padding-left: 1.5rem !important} .layout > div.padding-left-large {padding-left: 3rem !important} .layout > div.padding-right-medium {padding-right: 1.5rem !important} .layout > div.padding-right-large {padding-right: 3rem !important} /*TODO: GET RID OF THESE^^^^^^???*/ .layout > div.col {padding: 0.5rem !important} .layout > div.col0 {width: 0 !important} .layout > div.col1 {width: 8.3333% !important} .layout > div.col2 {width: 16.6666% !important} .layout > div.col3 {width: 25% !important} .layout > div.col4 {width: 33.3333% !important} .layout > div.col5 {width: 41.6666% !important} .layout > div.col6 {width: 50% !important} .layout > div.col7 {width: 58.3333% !important} .layout > div.col8 {width: 66.6666% !important} .layout > div.col9 {width: 75% !important} .layout > div.col10 {width: 83.3333% !important} .layout > div.col11 {width: 91.6666% !important} .layout > div.col12 {width: 100% !important} .layout > div.offset0 {margin-left: 0 !important} .layout > div.offset1 {margin-left: 8.3333% !important} .layout > div.offset2 {margin-left: 16.6666% !important} .layout > div.offset3 {margin-left: 25% !important} .layout > div.offset4 {margin-left: 33.3333% !important} .layout > div.offset5 {margin-left: 41.6666% !important} .layout > div.offset6 {margin-left: 50% !important} .layout > div.offset7 {margin-left: 58.3333% !important} .layout > div.offset8 {margin-left: 66.6666% !important} .layout > div.offset9 {margin-left: 75% !important} .layout > div.offset10 {margin-left: 83.3333% !important} .layout > div.offset11 {margin-left: 91.6666% !important} .layout > div.offset12 {margin-left: 100% !important} .layout > div.extend0 {margin-right: 0 !important} .layout > div.extend1 {margin-right: 8.3333% !important} .layout > div.extend2 {margin-right: 16.6666% !important} .layout > div.extend3 {margin-right: 25% !important} .layout > div.extend4 {margin-right: 33.3333% !important} .layout > div.extend5 {margin-right: 41.6666% !important} .layout > div.extend6 {margin-right: 50% !important} .layout > div.extend7 {margin-right: 58.3333% !important} .layout > div.extend8 {margin-right: 66.6666% !important} .layout > div.extend9 {margin-right: 75% !important} .layout > div.extend10 {margin-right: 83.3333% !important} .layout > div.extend11 {margin-right: 91.6666% !important} .layout > div.extend12 {margin-right: 100% !important} .layout > div.col-tenth {width: 10% !important} .layout > div.col-ninth {width: 11.1111% !important} .layout > div.col-eighth {width: 12.5% !important} .layout > div.col-seventh {width: 14.2857% !important} .layout > div.col-sixth {width: 16.6666% !important} .layout > div.col-fifth {width: 20% !important} .layout > div.col-quarter {width: 25% !important} .layout > div.col-third {width: 33.3333% !important} .layout > div.col-half {width: 50% !important} .bg-overlay {position: absolute; background-color: #000000; opacity: 0.5; left: 0; top: 0; right: 0; bottom: 0} .bg-overlay.bg-overlay-white {background-color: #ffffff} .bg-overlay-primary {background-color: #0A4F16; opacity: 0.7} .bg-overlay.highlight {background-color: #1cd1cc; opacity: 0.8} .banner {position: relative; width: 100%; box-sizing: border-box;} .banner img {max-width: 100%} img.block-image {display: block} .banner-dark {background-color: #1e2849; color: #ffffff} .banner-dark .bg-overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #010d35; opacity: 0.75} .banner-dark .bg-overlay.white {background-color: #ffffff; opacity: 0.1} .banner-light .bg-overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #ffffff; opacity: 0.8} .banner-highlight {background-color: #1cd1cc; color: #ffffff} .banner-medium {background-color: #e5e5e5; color: #1e2849} .banner-white {background-color: #ffffff; color: #1e2849} .banner-pink {background-color: #f8eef9; color: #144293} .banner-cream {background-color: #fff3cc} .banner-blue {background-color: #144293; color: #ffffff} .banner-blue .bg-overlay {background-color: #0A214F; opacity: 0.75} .banner-green {background-color: #0a4f16} .banner-green-faded {background-color: #0a4f1610} .banner-black {background-color: #000000} .banner-manage-risk {background-image: url("/images/homepageimage1.png"); background-size: cover; background-position: center center} .banner-supplier-risk {background-image: url("/images/homepageimage2.png"); background-size: cover; background-position: center center} .banner-esg {background-image: url("/images/globe_background.png"); background-size: cover; background-position: center center} .banner .canvas, .banner .content-container {height: 100%} .banner-financial {background-image: url("/images/financial_background.png"); background-size: cover; background-position: right center} .banner-media {background-image: url("/images/media_background.png"); background-size: cover; background-position: center center} .banner-home-main {} .banner-uyghur {height: 26rem} .banner-uyghur .bg-overlay {background: linear-gradient(#4F4E0A00, #4F4E0A); opacity: 0.25} .banner-light.has-bottom-arrow .content-container {background-color: #ffffff} .banner.has-bottom-arrow .content-container {border-bottom: 3px solid #e5e5e5; margin-bottom: 5rem} /*.banner.has-bottom-arrow:before {display: block; content: ""; width: 5rem; height: 5rem; position: absolute; background-color: #f3f3f3; left: 50%; margin-left: -2.5rem; bottom: -32px; transform: rotate(45deg)}*/ .block-header {padding: 3rem 1rem; text-align: center} .block-header.highlight {background-color: #1cd1cc; color: #ffffff} .block-header.dark {background-color: #1e2849; color: #ffffff} .banner-icon {height: 4.5rem} ul.bullet-list {list-style: none; padding: 0; margin: 0; font-size: 1.2rem} ul.bullet-list li {position: relative; line-height: 1.5; padding-left: 1.5rem; margin-bottom: 1.5rem} ul.bullet-list li:before {content: "\25CF"; position: absolute; left: 0} ul.simple-list {list-style: none; padding: 0; margin: 0; font-size: 1.2rem} ul.simple-list li {position: relative; line-height: 1.5; margin-bottom: 1.5rem} .js-carousel {position: relative; width: 100%; overflow: hidden} .js-carousel .items-container {display: flex; position: relative; left: 0; transition: left 0.3s ease-in} .js-carousel .items-container.vertical-center {align-items: center} .js-carousel .items-container > * {box-sizing: border-box; padding: 0 1px} .js-carousel .item-controls {position: absolute; bottom: 1rem; margin-left: 2rem} .js-carousel .item-controls > div {box-sizing: border-box; display: inline-block; border: 3px solid #1cd1cc; margin-right: 0.6rem; background-color: #1cd1cc; width: 1em; height: 1em; border-radius: 0.5em} .js-carousel .item-controls > div.current-item {padding: 6px; border-radius: calc(0.5em + 12px)} .js-carousel .item-controls > div:hover {cursor: pointer} .carousel-container {position: relative; padding: 2rem 1rem; overflow: hidden} .carousel-container H3 {font-size: 62px!important} .carousel-container.no-padding {padding: 0} .carousel-container.raised {box-shadow: 0 0 23px 0 #d3d3d3} .carousel-container .arrow-control {position: absolute; top: 50%; margin-top: -0.5rem; color: #ffffff; font-size: 1.5rem} .carousel-container .arrow-control:hover {cursor: pointer} .carousel-container .arrow-control.left-control {left: 0} .carousel-container .arrow-control.left-control .symbol {position: relative; border-right-color: #ffffff; left: 0; width: 0; height: 0; border-top: 0.4rem solid transparent; border-bottom: 0.4rem solid transparent; border-right-style: solid; border-right-width: 0.9rem} .carousel-container .arrow-control.right-control {right: 0} .carousel-container .arrow-control.right-control .symbol {position: relative; border-left-color: #ffffff; right: 0; width: 0; height: 0; border-top: 0.4rem solid transparent; border-bottom: 0.4rem solid transparent; border-left-style: solid; border-left-width: 0.9rem} .carousel-container .arrow-control.left-control.disabled .symbol {border-right-color: #b3b3b3 !important} .carousel-container .arrow-control.right-control.disabled .symbol {border-left-color: #b3b3b3 !important} .carousel-container .arrow-control.left-control .bg {width: 2.5rem; height: 3.5rem; position: absolute; top: -1.35rem; left: -1rem; border-radius: 0 2.5rem 2.5rem 0; background-color: #1e2849} .carousel-container .arrow-control.right-control .bg {width: 2.5rem; height: 3.5rem; position: absolute; top: -1.35rem; right: -1rem; border-radius: 2.5rem 0 0 2.5rem; background-color: #1e2849} .carousel-container .arrow-control.disabled { color: #003665;} /*card styling*/ .card {position: relative; width: 100%; box-sizing: border-box; border-radius: 4px; display: flex; flex-wrap: wrap; justify-content: center; padding: 0.5rem} .card * {box-sizing: border-box} .card:after {content: " "; display: block; clear: both} .card-header {padding: 1.5rem 1.5rem 1rem 1.5rem; width: 100%} .card-body {position: relative; padding: 1rem 1.5rem 1rem 1.5rem; width: 100%} .card-body.narrow {width: 70%; margin: 0 auto} .card-footer {padding: 1.5rem; width: 100%} .card-raised {box-shadow: 1px 2px 20px -4px #000000} a.card-link {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 100; text-decoration: none; color: inherit; } a.card-link:focus {background-color: transparent} /*if using a side-bar, the rest of the card content must wrap in a .card-container element*/ .card-sidebar {float: left; width: 10%} .card-sidebar.width-half {max-width: 50%; width: 50%} .card-sidebar.card-sidebar-right {float: right} .card-sidebar.card-sidebar-top {float: left; max-width: 100%; width: 100%} .card-sidebar.valign-center {display: flex; flex-direction: column; justify-content: center} .card.valign-center {align-items: center} .card-container {float: left; max-width: 80%} .card-sidebar.width-half ~ .card-container {max-width: 50%} .card-sidebar.card-sidebar-responsive {width: 100%; max-width: 100%; padding-left: 1rem; padding-right: 1rem} .card-sidebar.card-sidebar-responsive ~ .card-container {max-width: 100%} .card-header h1, .card-header h2, .card-header h3, .card-header h4, .block-header h1, .block-header h2 {font-weight: 700} .card-header h2, .block-header h2 {font-size: 48px} .card-header h3 {font-size: 36px} .card-header h4 {font-size: 24px} .card-body h3 {font-size: 36px; font-weight: 700} .card-body p {font-size: 15px} .card-body p:not(:first-of-type) {margin-top: 1rem} .card-white {background-color: #ffffff; color: #1e2849} .card-medium {background-color: #e5e5e5; color: #1e2849} .card-medium.hover-dark:hover {background-color: #1e2849; color: #ffffff} .card-dark {background-color: #1e2849; color: #ffffff} .card-white.card-hover:hover {background-color: #eeeeee} .text-size1 {font-size: 60px !important} .text-size2 {font-size: 48px !important} .text-size3 {font-size: 36px !important} .text-size4 {font-size: 24px !important} .text-size5 {font-size: 18px !important} .text-size6 {font-size: 15px !important} .text-size7 {font-size: 12px !important} .text-primary {color: #0A4F16 !important} .text-light {color: #ffffff !important} .text-highlight {color: #1cd1cc !important} .text-black {color: #000000 !important} .text-orange {color: #e66500 !important} .text-blue {color: #144293 !important} .text-red {color: #B10E1E !important} .text-grey {color: #6D6E71 !important} .text-light-grey {color: #696969 !important} .text-left {text-align: left !important} .text-center {text-align: center !important} .text-right {text-align: right !important} .text-justify {text-align: justify !important} .text-spread {letter-spacing: 3px} .text-disabled {text-decoration: underline; color: #A0A0A0; cursor: not-allowed} .text-bold {font-weight: 700 !important} .text-weight-normal{ font-weight: 400 !important;} .main-banner-card {position: relative; width: 100%} /*.button, input.button {position: relative; text-decoration: none; box-sizing: border-box; font-size: 15px; text-align: center; color: #ffffff; display: inline-block; padding: 0; margin-right: 0.8rem; margin-bottom: 1.2rem} .button:hover {cursor: pointer; text-decoration: underline} .button.button-light {color: #ffffff} .button.button-highlight {color: #1cd1cc} .button.button-dark {color: #1e2849} .button.button-orange {color: #e66500} */ .button.action-button {background-color: transparent !important; margin: 0 !important; padding: 0 !important} /*.button.primary {padding: 1rem; color: #ffffff; background-color: #14429E}*/ .button.secondary {padding: 1rem} .button.white {padding: 1rem; background-color: #ffffff} .button.no-margin {margin-right: 0 !important; margin-bottom: 0 !important;} .floating-button {box-sizing: border-box; display: inline-block; width: 3.5rem; height: 3.5rem; border-radius: 1.75rem; text-align: center; line-height: 3.5rem; font-size: 3rem; box-shadow: 2px 1px 10px -5px #030303} /*.button:after {position: absolute; right: -13px; content: ">"}*/ .button.button-no-pointer:after {content: none} .progress-button {position: relative; display: inline-block; width: 100%; opacity: 0.6/*width: 210px*/} .progress-button > .button {width: 100%} .progress-button.progress-complete {opacity: 1} .progress-button > .button:hover {text-decoration: none; cursor: not-allowed; font-weight: normal !important} .progress-button.progress-complete > .button:hover {text-decoration: none; cursor: pointer} .progress-button .button:nth-child(1) {opacity: 1; background-color: #0A4F16; color: #ffffff;} .progress-button .button:nth-child(2) {position: absolute; left: 0; top: 0; background-color: #e3e3e3; color: #000000; clip: rect(0px, 1200px, 125px, 0px)} .home-page-help-text a {color: #ffffff} .reveal {display: none} .layer-1 {z-index: 1} .layer-2 {z-index: 2} .layer-3 {z-index: 3} .layer-4 {z-index: 4} .layered-images {position: relative; width: 100%} .layered-images img {position: absolute; left: 0; top: 0; width: 100%} .banner-main-home {height: auto} .banner-scb {background-image: url("/images/new_home_page/docks.png"); background-repeat: no-repeat; background-size: cover} .banner-supply-chain-act {background-image: url("/images/new_home_page/factory.png"); background-repeat: no-repeat; background-size: cover} .banner-saq {background-image: url("/images/new_home_page/saq-banner.png"); background-repeat: no-repeat; background-size: cover} .banner-key-points {background-image: url(""); background-repeat: no-repeat; background-size: cover} .banner-supply-chain-mapping {background-image: url("/images/new_home_page/ships.png"); background-repeat: no-repeat; background-size: cover} .banner-supply-chain-due-diligence {background-image: url("/images/new_home_page/warehouse.png"); background-repeat: no-repeat; background-size: cover} .banner-headline-requirements {background-image: url("/images/new_home_page/supply-lines.png"); background-repeat: no-repeat; background-size: cover; background-position: 0 -50px} .banner-risk-management .card img {width: 125px} /*.banner-due-diligence {overflow: hidden}*/ .banner-footer {font-size: 0.7rem} .banner-footer h3 {font-size: 1.2em; margin-bottom: 0.5rem; font-weight: 700} .banner-footer ul {list-style: none} .banner-footer ul li {padding: 0.4rem 0} .banner-footer ul li a {text-decoration: none; color: inherit} .banner-copyright {font-size: 12px; padding: 0.8rem; text-align: center} .card.supply-chain-mapping {color: #1e2849} .default-hidden {display: none} .banner-supply-chain-mapping #globeImg {display: none; position: absolute; z-index: -1; height: 176%; right: 64%; bottom: -12.8876%} .banner #brochurePattern {transform-origin: top left; transform: scale(1.5)} .banner #brochureImg {transform-origin: 19rem 10rem; transform: scale(1.4)} #requestDemoSubmitted, #formSubmitted {position: relative; margin: 0 2rem; background-image: url(/images/skins/sa/3-3.png); background-size: cover; background-repeat: no-repeat} #requestDemoImg {width: 100%} #supplyLinesImg {position: absolute; left: -117px; width: calc(100% + 119px); top: -57px; height: calc(100% + 99px)} #supplyLines2Img {position: absolute; left: -323px; width: calc(100% + 498px); top: -140px; height: calc(100% + 244px)} .supply-lines-1 {width: 327px; position: absolute; top: -43px; left: -4px} .supply-lines-2 {width: 327px; position: absolute; bottom: -56px; right: -4px} .floating-button.due-diligence-button {transition: all 0.25s ease-in; transform-origin: center; position: absolute; left: 50%; margin-left: -1.4rem; top: -1.75rem; background-color: #e66500; color: #ffffff; z-index: 5} .floating-button.due-diligence-button:hover {cursor: pointer; transform: rotate(45deg)} .floating-button.due-diligence-button:hover ~ .due-diligence-reveal {opacity: 1} .due-diligence-reveal {transition: opacity 0.3s ease-in; opacity: 1; box-sizing: border-box; position: relative; width: 90%; left: 0; top: 0; background-color: #e66500; color: #ffffff; padding: 2rem; margin: 0 auto; box-shadow: 0 0 22px 0 #000;} .due-diligence-reveal h2 {font-size: 48px; padding: 2rem 0} .due-diligence-reveal h3 {font-size: 36px; padding: 2rem 0} .due-diligence-reveal p {margin-bottom: 1rem} .due-diligence-reveal:hover {cursor: default} .blue-icon {height: 47px; max-width: 100%; margin-top: 2rem} /*.global-brand-logo {text-align: center; padding: 20px; height: 100px; display: flex; align-items: center; justify-content: center}*/ .global-brand-logo {text-align: center; border-top: 2px solid transparent; border-bottom: 2px solid transparent;} .global-brand-logo.linked:hover img { box-shadow: 0px 2px 0px 0px #000000; } /*.global-brand-logo img { max-height: 40px; box-sizing: border-box;}*/ .global-brand-logo img { width: 70%; box-sizing: border-box;} .global-brand-logo A {display: inline-block} .brand-logo {display: flex; justify-content: center; align-items: center; width: 20%} .brand-logo img {border-bottom: 2px solid transparent} .brand-logo img {width: 100%} .prevent-highlight {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none} hr.content-separator {display: inline-block; width: 70%; border-top: 1px solid #0A4F16; margin: 1.5rem auto} /*Flat hiearchy tree styling*/ .flat-hierarchy-tree-row {position: relative; z-index: 10;} .flat-hierarchy-tree-node {height: 40px;} .hiearchy-tree-background-header {position: sticky; z-index: 90; top: 0; width: 100%; height: 39px; background-color: white;} .hiearchy-tree-background-header-scrolling {box-shadow: 0px 1px 0px 0px rgba(227,227,227,0.5);}/*border-bottom: 1px solid #e3e3e3;}*/ .hiearchy-tree-background-header p {color: #505050; position: absolute; top: 12px; left: 8px;} .hiearchy-tree-background-row-space {width: 34px; height: 40px; position: absolute; z-index: 0; border-right: 1px solid #e3e3e3} .flat-hierarhcy-tree-node-label {display: flex; flex-shrink: 0;} .blank-space {width: 33px; position: relative; flex-shrink: 0;} .blank-space.border-left {height: 40px; margin-left: 18px; width: 15px;} .blank-space.border-left.bold-lines::after {position: absolute; content: ''; height: 50%; width:1px; left: 0px; border-left: 1px solid black;} .blank-space.border-left.border-left-medium.bold-lines::after {height: 0%; width:0px;} .blank-space.border-left.bold-lines .horizontal-line {border-top-width: 2px;} .horizontal-line { position: absolute; top: 50%; left: 0; border-top: 1px solid black; width: 20px;} .half-vertical-line {width: 15px; margin-left: 18px; height: 20.5px; margin-bottom: 19.5px; border-left: 1px solid black; position: relative;} .half-vertical-line .horizontal-line {top: 96%; width: 20px;} .half-vertical-line.bold-lines {border-left-width: 2px;} .half-vertical-line.bold-lines .horizontal-line {border-top-width: 2px; left: -1.5px} .node-line-down{ position: absolute; height: 7.5px; border-left: 1px solid black; left: 18px; top: 33px;} .node-line-down-dashed {height: 7px;} .node-line-down.bold-lines {border-left-width: 2px;} .mineai-dotted.border-left { border-style: dashed !important; border-color: #666666; } .mineai-dotted.half-vertical-line { border-style: dashed; border-color: #666666; } .mineai-dotted .horizontal-line{ border-style: dashed; border-color: #666666; } .mineai-dotted.node-line-down{ border-style: dashed; border-color: #666666; } /***********/ .active-wide-screen .add-full-screen {height: 100% !important; max-height: 100% !important;} .gadget-row-align-left {float: right; width: auto;} /*applies padding to the element*/ .padding {padding: 0.5rem !important} .padding-small {padding: 0.25rem !important} .padding-medium {padding: 1.5rem !important} .padding-large {padding: 3rem !important} .padding-xl {padding: 6rem !important} /*applies/overrides padding on an element*/ .padding-top {padding-top: 0.5rem !important} .padding-top-small {padding-top: 0.25rem !important} .padding-top-medium {padding-top: 1.5rem !important} .padding-top-large {padding-top: 3rem !important} .padding-top-xl {padding-top: 6rem !important} .padding-right {padding-right: 0.5rem !important} .padding-right-small {padding-right: 0.25rem !important} .padding-right-medium {padding-right: 1.5rem !important} .padding-right-large {padding-right: 3rem !important} .padding-right-xl {padding-right: 6rem !important} .padding-right-30px {padding-right: 30px !important} .padding-bottom {padding-bottom: 0.5rem !important} .padding-bottom-small {padding-bottom: 0.25rem !important} .padding-bottom-medium {padding-bottom: 1.5rem !important} .padding-bottom-large {padding-bottom: 3rem !important} .padding-bottom-xl {padding-bottom: 6rem !important} .padding-left {padding-left: 0.5rem !important} .padding-left-small {padding-left: 0.25rem !important} .padding-left-medium {padding-left: 1.5rem !important} .padding-left-large {padding-left: 3rem !important} .padding-left-xl {padding-left: 6rem !important} /*removes padding*/ .padding-none {padding: 0 !important} .padding-top-none {padding-top: 0 !important} .padding-right-none {padding-right: 0 !important} .padding-bottom-none {padding-bottom: 0 !important} .padding-left-none {padding-left: 0 !important} /*applies margin to the element*/ .margin {margin: 0.5rem !important} .margin-auto {margin: auto !important} .margin-medium {margin: 1.5rem !important} .margin-large {margin: 3rem !important} .margin-xl {margin: 6rem !important} .margin-1rem {margin: 1rem !important} /*applies/overrides margin on an element*/ .margin-top {margin-top: 0.5rem !important} .margin-top-auto {margin-top: auto !important} .margin-top-small {margin-top: 0.25rem !important} .margin-top-medium {margin-top: 1.5rem !important} .margin-top-large {margin-top: 3rem !important} .margin-top-xl {margin-top: 6rem !important} .margin-top-1-05rem {margin-top: 1.05rem !important} .margin-right {margin-right: 0.5rem !important} .margin-right-auto {margin-right: auto !important} .margin-right-small {margin-right: 0.25rem !important} .margin-right-medium {margin-right: 1.5rem !important} .margin-right-large {margin-right: 3rem !important} .margin-right-xl {margin-right: 6rem !important} .margin-bottom {margin-bottom: 0.5rem !important} .margin-bottom-auto {margin-bottom: auto !important} .margin-bottom-small {margin-bottom: 0.25rem !important} .margin-bottom-medium {margin-bottom: 1.5rem !important} .margin-bottom-large {margin-bottom: 3rem !important} .margin-bottom-xl {margin-bottom: 6rem !important} .margin-left {margin-left: 0.5rem !important} .margin-left-auto {margin-left: auto !important} .margin-left-small {margin-left: 0.25rem !important} .margin-left-medium {margin-left: 1.5rem !important} .margin-left-large {margin-left: 3rem !important} .margin-left-xl {margin-left: 6rem !important} .margin-left-1rem {margin-left: 1rem !important} /*removes margin*/ .margin-none {margin: 0 !important} .margin-top-none {margin-top: 0 !important} .margin-right-none {margin-right: 0 !important} .margin-bottom-none {margin-bottom: 0 !important} .margin-left-none {margin-left: 0 !important} /*Text decoration*/ .text-decoration-underline {text-decoration: underline !important;} .text-decoration-none {text-decoration: none !important;} /*Text align*/ .text-align-left {text-align: left !important;} .text-align-right {text-align: right !important;} .text-align-center {text-align: center !important;} /*Add text color*/ .text-color-saq-green {color: #0A4F16 !important;} .text-color-white {color: #ffffff !important;} /*content container padding/margin overrides*/ .content-container.padding {padding: 1.2rem 0 !important} .content-container.padding.padding-medium {padding: 2.5rem 0 !important} .content-container.padding.padding-large {padding: 5rem 0 !important} .border {border: 1px solid !important} .border-left {border-left: 1px solid !important} .border-top {border-top: 1px solid !important} .border-bottom {border-bottom: 1px solid !important} .border-right {border-right: 1px solid !important} .border-none {border: 0 !important} .border-medium {border: 2px solid !important} .border-left-medium {border-left: 2px solid !important} .border-top-medium {border-top: 2px solid !important} .border-bottom-medium {border-bottom: 2px solid !important} .border-right-medium {border-right: 2px solid !important} .border-style-dashed { border-style: dashed !important;} .border-radius {border-radius: 0.5rem !important;} .border-radius-small {border-radius: 0.25rem !important} .border-radius-medium {border-radius: 1.5rem !important} .border-radius-large {border-radius: 3rem !important} .order-reset {order: initial !important} .order-1 {order: 1 !important} .order-2 {order: 2 !important} .order-3 {order: 3 !important} .order-4 {order: 4 !important} .order-5 {order: 5 !important} .order-6 {order: 6 !important} .width-100 {width: 100% !important} .width-90 {width: 90% !important} .width-80 {width: 80% !important} .width-70 {width: 70% !important} .width-66 {width: 66.666% !important} .width-50 {width: 50% !important} .width-33 {width: 33.333% !important} .width-25 {width: 25% !important} .width-20 {width: 20% !important} .width-auto {width: auto !important} .width-max-content {width: max-content !important} .height-100 {height: 100% !important} .height-90 {height: 90% !important} .height-80 {height: 80% !important} .height-70 {height: 70% !important} .height-66 {height: 66.666% !important} .height-50 {height: 50% !important} .height-33 {height: 33.333% !important} .height-25 {height: 25% !important} .height-20 {height: 20% !important} .height-auto {height: auto !important} .viewport-height {height: 100vh !important} .display-inline {display: inline !important} .display-inline-block {display: inline-block !important} .display-flex {display: flex !important; flex-wrap: wrap !important} .display-flex.center {align-items: center !important; justify-content: center !important} .display-block {display: block !important} .display-none {display: none !important} .display-inline-flex {display: inline-flex !important; flex-wrap: wrap !important} .flex-no-wrap {flex-wrap: nowrap !important} .flex-wrap-nowrap {flex-wrap: nowrap !important} .flex-direction-column {flex-direction: column;} .flex-direction-row-reverse {flex-direction: row-reverse;} .flex-shrink-none {flex-shrink: 0; flex-grow: 0;} .justify-content-center{justify-content: center !important} .justify-content-space-evenly{justify-content: space-evenly !important} .justify-content-space-around{justify-content: space-around !important} .justify-content-space-between{justify-content: space-between !important} .overflow-hidden {overflow: hidden;} .overflow-visible {overflow: visible !important;} .valign-top {align-items: flex-start !important} .valign-center {align-items: center !important} .valign-bottom {align-items: flex-end !important} .valign-stretch {align-items: stretch !important} .valign-baseline {align-items: baseline !important} .halign-left {justify-content: flex-start !important} .halign-center {justify-content: center !important} .halign-right {justify-content: flex-end !important} .valign-self-top {align-self: flex-start !important} .valign-self-center {align-self: center !important} .valign-self-bottom {align-self: flex-end !important} .valign-stretch {align-items: stretch !important} .position-relative {position: relative} .position-absolute {position: absolute !important} .top-0 {top: 0;} .right-0 {right: 0;} .bottom-0 {bottom: 0;} .left-0 {left: 0;} .z-index-99 {z-index: 99} .font-weight-100 {font-weight: 100 !important;} .font-weight-200 {font-weight: 200 !important;} .font-weight-300 {font-weight: 300 !important;} .font-weight-400 {font-weight: 400 !important;} .font-weight-500 {font-weight: 500 !important;} .font-weight-600 {font-weight: 600 !important;} .font-weight-700 {font-weight: 700 !important;} .font-weight-800 {font-weight: 800 !important;} .font-weight-900 {font-weight: 900 !important;} .font-weight-normal {font-weight: normal !important} .font-weight-bold {font-weight: 600 !important} .font-size-1 {font-size: 1px !important;} .font-size-2 {font-size: 2px !important;} .font-size-3 {font-size: 3px !important;} .font-size-4 {font-size: 4px !important;} .font-size-5 {font-size: 5px !important;} .font-size-6 {font-size: 6px !important;} .font-size-7 {font-size: 7px !important;} .font-size-8 {font-size: 8px !important;} .font-size-9 {font-size: 9px !important;} .font-size-10 {font-size: 10px !important;} .font-size-11 {font-size: 11px !important;} .font-size-12 {font-size: 12px !important;} .font-size-13 {font-size: 13px !important;} .font-size-14 {font-size: 14px !important;} .font-size-15 {font-size: 15px !important;} .font-size-16 {font-size: 16px !important;} .font-size-17 {font-size: 17px !important;} .font-size-18 {font-size: 18px !important;} .font-size-19 {font-size: 19px !important;} .font-size-20 {font-size: 20px !important;} .font-size-21 {font-size: 21px !important;} .font-size-28 {font-size: 28px !important;} .color-black {color: black !important;} .outline-none {outline: none !important;} .word-wrap-break-word {word-wrap: break-word;} .white-space-nowrap {white-space: nowrap;} .pointer-events-none {pointer-events: none;} .cursor-pointer {cursor: pointer;} .cursor-none {cursor: none;} .cursor-wait {cursor: wait;} #nqcLogoHolder {border-bottom: 5px solid #1cd1cc} .large-quote {display: flex; position: relative} .large-quote .open-quote img {width: 1.5rem; position: absolute; top: -0.5rem} .large-quote .open-quote {min-width: 1.5rem} .large-quote > div:not(.open-quote, .close-quote) {flex: auto} .large-quote .quote {flex: auto} .large-quote .quoted-by {margin-top: 0.5rem} .large-quote .close-quote {min-width: 1.5rem} .large-quote .close-quote img {width: 1.5rem; position: absolute; bottom: 1.5rem} /*#request_a_demo_form input {font-size: 18px}*/ .display-toggle > *:not(:first-child) {display: none} .display-toggle-controls > div:not(:last-child) {margin-right: 0.5rem} #testimonials .quoted-by {margin-top: 1rem} .element-center, .button.element-center {display: block; margin-left: auto !important; margin-right: auto !important} /*COPIED FROM dynamic_css.php*/ A:focus {/*background-color: #FFBF47; */outline: 3px solid #FFBF47} span.standard-link-indent + A:focus, #header A[title='Go to home page'], #header A[title='Go to dashboard'], .gadget-column-heading A:focus, A.bac-tree-toggle:focus, #chat-window-status A:focus {background-color: transparent; outline: none} #header .header-dashboard-link A:focus {background-color: #0a4f16; color: #ffffff; outline: 3px solid #FFBF47} /*.header-menu-container .header-menu-item A:focus {outline: 3px solid #FFBF47 !important}*/ A.ui-slider-handle {outline: none} INPUT:focus, TEXTAREA:focus, SELECT:focus, BUTTON:focus {outline: 3px solid #FFBF47; outline-offset: 0} INPUT[type=radio] {outline: none !important} INPUT[type=radio]:focus {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 0 3px #FFBF47;-moz-box-shadow: 0 0 0 3px #FFBF47;box-shadow: 0 0 0 3px #FFBF47;} .user-notice-alert INPUT[type=checkbox]:focus {outline: 3px solid #FFBF47!important} .bac-primary-select:focus {outline: none} .gadget-record-strong {font-weight: 700} .gadget-record-highlight, .gadget-record-highlight .gadget-column-highlight-grey, .gadget-record-highlight .gadget-column-highlight-white, LI.hierarchy-tree-selected {background-color: #FFBF47!important} #workflow_body .gadget-record-selected, .gadget-record-selected .gadget-column-highlight-grey, .gadget-record-selected .gadget-column-highlight-white, LI.hierarchy-tree-selected { color: #0a4f16; font-weight: bold; } .hierarchy-tree-selected {stroke-width: 3/*outline: 2px solid #FFBF47*/} INPUT.image-gallery-use:focus {outline: none} .gen-search-results {border: 3px solid #0a4f16} #standard-right-col .small-quick-links, .content-help {border-top: 10px solid #0a4f16} A, .link-button {color: #0a4f16; text-decoration: none;} A:HOVER, .link-button:HOVER {text-decoration: underline} A.block-link {display: block} .gadget-header-info .standard-link-indent, .gadget-header-title .standard-link-indent, .standard-table-submit {color: #0a4f16} .standard-text H2, .standard-content-holder H2, .question-answer-result, .form-advanced-switch, .questionnaire-advanced-switch, .skin-colour, .question-answer .bac-selected-label::before {color: #0A214F} INPUT.standard-submit.invert {background-color: #0a4f16; color: white; border: 1px solid #0a4f16} INPUT.standard-submit.invert:hover {background-color: white; color: #0a4f16} INPUT.image-submit {background-color: #0a4f16; border-color: #0a4f16;} .standard-titlebar, #home-search-more, .standard-download-link {background-color: #0a4f16!important; border-bottom: 1px solid #c0c0c0} A.ui-slider-handle, A.ui-slider-handle:focus {background-color: #0a4f16; border-bottom: 1px solid #c0c0c0} .standard-titlebar-title, .standard-titlebar-title A, #standard-titlebar-info {color: #373737!important} #header-holder .main-page-top {border-top: 10px solid #0a4f16} #header-holder {background: none!important; background-color: #FFFFFF!important; filter: none!important} .standard-view-box {border-left: 5px solid #4E2A3C!important} .standard-holder-sides {background-color: #FFFFFF!important} /* #header-menu-navigation LI A:HOVER {color: #FFFFFF; background-color: #0a4f16} */ .header-dashboard-link A:HOVER {color: #FFFFFF !important; background-color: #0a4f16} /* #header-menu-navigation LI A:HOVER {color: #FFFFFF} */ DIV#header-motd-controller {background-color: #0A214F} .ui-slider-range, .questionnaire-option-controlswitch {background-color: #0a4f16!important} #footer {border-top: 10px solid #0A214F} .countdown-bar-marker {background-color: #0A214F} .chat-window-message-text-incoming {background-color: #0A214F} .chat-window-message-text-outgoing {background-color: #14429E} #govuk-global-header {height: 5.52em} .body-inner-canvas-motd-mini {margin-top: 24.63em!important} .body-inner-canvas-motd-normal {margin-top: 30.63em!important} .body-inner-canvas-motd-large {margin-top: 32.2em!important} .govuk-header-logo {height: 4.2em} .inner-content-one-third{background-image: url("../images/skins/nqc/homes/supplychain_bg.png")} #header-menu-search {margin-top: 8px!important} #govuk-global-header {background-color: #FFFFFF} .govuk-header-logo {height: 50px; margin-left: 10px; width: auto} .govuk-header-logo A SPAN{vertical-align: 7px} .govuk-divheader {border-top: 10px solid #0a4f16;padding-top: 5px;} INPUT.standard-button-disabled, INPUT.standard-button-disabled:HOVER, A.standard-button.standard-button-disabled {color: #818181!important; background-color: #EAEDEF!important; cursor:not-allowed; border: 1px #515151 solid!important} INPUT.link-button-disabled, INPUT.link-button-disabled:HOVER {color: #818181!important; cursor:not-allowed} INPUT[type='checkbox']:disabled + label {color: #d3d3d3} INPUT[type='checkbox']:disabled + label:hover {cursor: not-allowed !important} .basic-gadget {border-top: 1px solid #BFC1C3 !important; margin-bottom: 0.5em} .basic-gadget .gadget-header {border-bottom: none!important} .basic-gadget .gadget-record {border-bottom: none} .basic-gadget .gadget-item {padding-top: 0.3em; padding-right: 0; padding-bottom: 0.5em; padding-left: 0;} .basic-gadget .gadget-item-100 {width: 100%!important} .basic-gadget .gadget-item-column-content {padding-top: 0; padding-bottom: 0; padding-left: 0} .nowrap-gadget .gadget-item-column-content {white-space: normal} .gadget-item-hint {width:100%; float: left; margin-top: 5px; color: #6F777B} .basic-gadget A {text-decoration: none!important} .basic-gadget .hint {font-size: 90%} .basic-gadget + div + .footer-verbs {margin-bottom: 0.75em} .basic-gadget + div + .footer-verbs .standard-header-verb-link A {text-indent: 0} .mode-hr #globalparenthierarchy_gadget_body.vertical-gadget, #nqctree_gadget_body.vertical_gadget {height:55rem !important} @media screen and (min-width: 1400px) { #main-confirm-popup .pd-inner #editreferences_form {max-height: 22vw} .mode-hr #globalparenthierarchy_gadget_body.vertical-gadget, #nqctree_gadget_body.vertical_gadget {height:72rem !important} } /*COPIED FROM sa_style.css*/ BODY, SELECT, INPUT, TEXTAREA, .aciTreeText {font-family: Lato, Arial, sans-serif!important; font-size: 1em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;} .nqc-main-banner {float:left; color: #FFFFFF; width: 100%; position: relative} .nqc-main-banner VIDEO {width: 100%; position: absolute; z-index: 1701} .nqc-main-banner .video-overlay {position:absolute; z-index: 1702; float: left; background: linear-gradient(to right,#0A214F,transparent)} .nqc-main-banner .video-overlay-right {background: linear-gradient(to right,transparent,#0A214F)} .nqc-main-banner .video-overlay P {width: 90%; margin-top: 30px} .nqc-main-banner H2 {font-size: 4vw!important; margin-left: 60px; margin-top: 4vw; float: left} .nqc-main-banner P {font-size: 2vw!important; margin-left: 60px; float: left; margin-top: 30px;} .nqc-main-banner A {margin-left: 60px} .nqc-home {height: 400px; color: #FFFFFF; font-size: 19px; line-height: 22px} .auto-home {height: 400px; color: #FFFFFF; font-size: 19px; line-height: 22px} .auto-home-holder {margin: 15px} .content-two-thirds .standard-two-thirds{padding-left:13px;} .nqc-tile4 {margin-top: 30px; margin-bottom: 30px} .auto-home HR {width: 25%; background-color: #FFFFFF; text-align:left} .auto-home P {margin-top: 10px; font-size: 16px} .auto-home A {text-decoration: none; color: #FFFFFF} .auto-main-banner A:HOVER, .auto-home A:HOVER {text-decoration: underline} .auto-arrow {color: #5dbfd4;margin-right: 5px} .auto-button {color: #0A214F; font-size: 16px!important; margin-left: 15px; margin-top: 20px; padding-bottom: 10px; padding-top: 10px; padding-left: 25px; padding-right: 25px; background-color: #FFFFFF; float: left; display: block} .content-button {color:#0A214F; background-color: #c0c0c0; font-size: 16px!important; margin-top: 0px; padding-bottom: 10px; padding-top: 10px; padding-left: 25px; padding-right: 25px; float: left; display: block; margin-left: 0px} .auto-home-1 {background-color: #363c80} .auto-home-2 {background-color: #202b53} .auto-home-3 {background-color: #161c32} .auto-home-4 {background-color: #0a1824} .nqc-home-image {color: #FFFFFF; height: 248px; margin-bottom: 15px; text-align: center; background-repeat: no-repeat;margin-left:10px} .nqc-home-image H3 {padding-top: 75px; width: 80%; margin: 0 auto} .nqc-home-image HR {width: 25%; height: 2px; margin: 0 auto; margin-bottom: 15px; margin-top: 15px; background-color: #FFFFFF} .nqc-home-image P {width: 75%; margin: 0 auto} .nqc-home-image-1 {background-image: url('../../../images/skins/sa/4-1.png')} .thales-home-image-1 {padding-left: 0;background-image: url('../../../images/skins/sa/thales/workers.jpg'); background-color: #000000; background-position: right; background-repeat: no-repeat} .thales-home-image-1 P {padding-top: 75px} .nqc-home-image-2 {background-image: url('../../../images/skins/sa/4-2.png')} .thales-home-image-2 {background-image: url('../../../images/skins/sa/thales/jet.jpg')} .nqc-home-image-3 {background-image: url('../../../images/skins/nqc/map1.png'); height: 435px; width: 100%; margin-top: 30px} .image-gradientoverlay {background: linear-gradient(to right,#0A214F,transparent); height: 100%; width: 100%} .image-gradientoverlay-reverse {background: linear-gradient(to left,#0A214F,transparent); height: 100%; width: 100%} .image-overlay-content {color: #FFFFFF; padding-top: 30px} .nqc-home-image-3 .image-overlay-content {margin-left: 60px; padding-top: 150px} .image-overlay-content-right {text-align: right; margin-right: 60px; margin-left:0px} .image-overlay-content-right .secondary-video-link {float: right} .image-overlay-content H2 {font-size: 48px!important; } .image-overlay-content P {font-size: 24px!important;} .nqc-home-image-1 .image-overlay-content P {text-align: left; margin-top: 30px} .style-nqc .govuk-header-logo A {font-size: 26px; font-weight: bold; text-decoration: none} .style-nqc #header A {color: inherit} .style-nqc #header-menu-right {margin-top: 20px} .govuk-header-global {border-bottom: 1px solid #B3B3B3} .standard-breadcrumbs {margin-top: 5px} .nqc-main-banner2, .nqc-main-banner3, .nqc-main-banner4 {display: none} .video-overlay-content-right {float: right; text-align: left; padding-right: 90px; width: 50%} .video-overlay-content-right H2 {width: 100%} .video-overlay-content .auto-button {z-index: 2} .video-overlay-content .auto-button {margin-left: 60px} .nqc-home-olive {background-color: #9E8A14} .nqc-home-green {background-color: #324F0A} .nqc-home-blue {background-color: #0A3B4F} .govuk-header-wrapper {padding-right: 0} .secondary-video-link {margin-top: 30px; color: #FFF; text-decoration: none; font-size: 16px; float: left; margin-left: 45px} .secondary-video-link:HOVER SPAN {text-decoration: underline} .govuk-header-logo {margin-left: 0px!important} .banner-control {text-align: center; width: 20px; height: 35px; position: absolute; color: #FFFFFF; font-size: 32px; top: 50%; background-color: #0A214F; opacity: 0.75; padding: 2px} .banner-control IMG {text-align: center} .banner-control:HOVER {opacity: 1; cursor: pointer} .banner-control-right {right: 0px; padding-right: 5px} .banner-control-left {left: 0px; padding-left: 5px} .banner-controls {position: absolute; margin: 0 auto; z-index: 1705; color: #FFFFFF; width: 100px; text-align: center; bottom: 10px; left: 0; right: 0} .banner-controls SPAN {margin-left:2px; margin-right: 2px; cursor: pointer} .pause-control {vertical-align: 0px} .auto-button:HOVER {background-color: #F8F8F8} .content-button:HOVER {background-color: #0A214F; color: #FFF} .content-button IMG, .auto-button IMG, .secondary-video-link IMG {margin-left: 5px; vertical-align: -5px} #mobile-menu{color:#0B0C0C; cursor:pointer;} .video-logo {display: block; margin-top: -60px; height: 22px; margin-bottom: 20px} .status-icon {display: inline-block; width: 20px; height: 20px} .govuk-header-logo IMG {height: 100%} .govuk-header-logo {overflow: visible!important} #cyber-safe-logo {display: block; margin-top: -11px; margin-left: 303px; height: 15px!important} .questionnaire-question-option-info-child {padding-left: 25px!important} .questionnaire-question-option-text-field-error .daytime-start, .questionnaire-question-option-text-field-error .daytime-end {margin-left: 0px!important} .aiag-footer-logo {width: 100%; float: left} .aiag-footer-logo IMG {width: 250px} .cybersafe-arrow {height: 105px; margin-bottom: 10px; position: relative; color: #FFF; background-size: 100%; background-repeat: no-repeat; background-position: right} #cybersafe-arrows-left-1 {background-image: url('../../../images/skins/sa/cybersafe/arrow_1.png')} #cybersafe-arrows-left-2 {background-image: url('../../../images/skins/sa/cybersafe/arrow_2.png')} #cybersafe-arrows-left-3 {background-image: url('../../../images/skins/sa/cybersafe/arrow_3.png')} .cybersafe-arrows-right DIV {height: 105px; margin-bottom: 10px; display: flex; align-items: center} .cybersafe-arrows-right P {margin-left: 15px; width: 80%; margin-top: 15px} .cybersafe-arrow {display: flex; align-items: center; width:100%; float: left} .cybersafe-arrow P {width: 70%; margin-left: 10px} .cyber-blue-heading {color: #0A214F} .viewbox-body-content {margin-left: 8px} #cybersaferesults {opacity: 0.6} .questionnaire-question-option-multifile-upload-attachments TD, .questionnaire-question-option-multifile-upload-attachments INPUT {font-size: 19px} .questionnaire-question-option-multifile-upload-attachments A {background-image: none!important} .questionnaire-question-option-info.questionnaire-question-option-child, .questionnaire-question-option-child, .text-field-child, .form-option-child {margin-left: 15px} .questionnaire-question-option-group-options .progressive-disclosure-text {margin-left: 16px} .questionnaire-question-option-group-options .questionnaire-question-option-child:last-of-type {margin-bottom: 15px} .questionnaire-question-option-text-field .progressive-disclosure-text {margin-left: 6px} .home-clear-banner {background: transparent; float: left; width: 100%; color: #575757} .home-grey-banner {background: #EFEFEF; float: left; width: 100%; color: #575757; padding-bottom: 45px} .home-grey-banner2 {background: #434343; color: #FFFFFF} .home-grey-banner2 H3:first-child {margin-top: 45px} .home-grey-banner H2 {font-weight: 700; margin-top: 45px; font-size: 27px} .home-grey-banner P {font-size: 21px; margin-top: 10px} .home-grey-banner H3 {font-weight: 700; font-size: 24px} .home-grey-banner-stat {width: 33%; float: left; display: inline} .home-grey-banner-stat H2 {font-size: 38px; color: #0A214F; font-weight: 700} .home-blue-banner {float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; background: #0A214F; color: #FFFFFF} .home-blue-banner H2 {margin-bottom: 30px; font-size: 27px} .home-blue-banner H3 {margin-bottom: 15px} .home-blue-banner P {margin-bottom: 15px} .home-blue-banner .content-full {margin-bottom: 15px} .home-scm-banner {background-image: url('../../../images/skins/sa/homes/scm_background.jpg'); float: left; background-size: 65%; background-repeat: no-repeat; padding-top: 60px; padding-bottom: 60px} .home-scm-banner-box {float: right; width: 40%; padding: 30px; background-color: #9fc5e8; margin-top: 15px; margin-bottom: 15px; border-radius: 45px} .home-scm-banner-box H2 {font-size: 27px; margin-bottom: 15px} .home-scm-banner-box UL {list-style-type: none; list-style-position: outside; width:100%; float: left; margin-top: 15px} .home-scm-banner-box LI {float: left; padding-left: 35px; background: url('../../../images/skins/sa/homes/magnify.png'); background-repeat: no-repeat; min-height: 30px; margin-bottom: 15px; font-size: 19px} .home-scm-banner-box .standard-submit {float: right} .home-blue-banner .standard-submit {background-color: #FFFFFF; color: #0A214F; margin-top: 15px} .home-blue-banner-icon {width: 80px; float: left; display: inline; min-height: 210px} .home-blue-banner-content {padding-right: 30px} .home-word-cloud {text-align: center; margin-top: 30px; margin-bottom: 30px} .home-banners {width: 100%; float: left} .home-banners .auto-button {color: #0A214F; font-size: 1.7vw !important; margin-left: 15px; margin-top: 20px; padding-bottom: 1em; padding-top: 1em; padding-left: 2.5em; padding-right: 2.5em; background-color: #FFFFFF; float: left; display: block} .home-floating-container {width: 75%; padding: 3rem 10rem; margin: 0 auto; box-shadow: 0 0 20px -7px #000000} .globe-bg {background-image: url("/images/world2.jpg"); background-size: cover; background-repeat: no-repeat; color: #ffffff} .blue-overlay {width: 100%; height: 100%; background: #06132f; opacity: 0.85; position: absolute; left: 0; top: 0} @media screen and (max-width: 1149px) { .cybersafe-arrows-left, .cybersafe-arrows-right {width: 50%!important; display: inline; clear: none!important} .cybersafe-arrows-right P {margin-top: 0px} .com-banner-overlay-title {font-size: 24px} .com-banner-overlay-description {font-size: 18px} .home-grey-banner H2 {margin-top: 10px; font-size: 19px} } /*END OF COPY FROM sa_style.css*/ /*COPIED FROM nqc_awards.css*/ /*AWARD Styles*/ .award {display: inline-flex !important; text-align: center; justify-content: center; min-height: 24px; min-width: 24px; float: left; margin-left: 0.25rem; align-items: center;} .award-1 {box-shadow: none!important} .award-value {margin-left: 0.5rem} .award-arrow {font-size: 130%; line-height: 1em} .award-arrow-box {box-shadow: none!important}; .award-circle {border-radius: 50%} .award-text-bronze {color: #9E5614} .award-text-silver {color: #999999} .award-text-gold {color: #E4C827} .award-text-orange {color: #F47738} .award-text-grey {color: #EAEDEF} .award-text-darkgrey {color: #6F777B} .award-text-pink {color: #EE7697} .award-text-white {color: #FFFFFF} .award-text-red, .award-text-red A{color: #9C0020!important} .award-red, .award-yes, .award-fail, .award-heatmap-hot, .graph-horizontal-difference .graph-horizontal-bar-decrease {background-color: #9C0020!important; fill: #9C0020 !important; color: #FFFFFF} .award-text-blue, .award-text-blue A {color: #0A214F!important} .award-blue {color: #0A214F; background-color: #0A214F} .award-text-lightblue, .award-text-lightblue A {color: #2B8CC4!important} .award-lightblue {color: #FFFFFF; background-color: #098FB3} .award-text-amber, .award-text-amber A {color: #E48227!important} .award-text-yellow, .award-text-yellow A {color: #ffeb99!important} .award-text-green, .award-text-green A {color: #149E2B!important} .award-text-responding {color: #2B8CC4!important} .award-text-darkgreen {color: #006435!important} .award-text-lightgreen {color: #85994b!important} .award-text-turquoise, .award-text-turquoise A {color: #28a197!important} .award-text-mauve, .award-text-mauve A {color: #6f72af!important} .award-text-fuschia, .award-text-fuschia A {color: #912b88!important} .award-text-purple, .award-text-purple A {color: #2e358b!important} .award-text-cream, .award-text-cream A {color: #F5E1A4!important} .award-text-black, .award-text-black A {color: #404040!important} .award-text-brown {color: #b58840!important} .award-faintred {background-color: #A07074!important; color: #A07074} .award-faintamber {background-color: #B99677!important; color: #B99677} .award-faintgreen {background-color: #70A078!important; color: #70A078} .award-black {background-color: #404040!important; color: #404040} .award-white {background-color: #FFFFFF!important; color: #808080} .award-amber, .award-heatmap-warm {color: #FFFFFF; background-color: #E48227!important; fill: #E48227 !important} .award-green, .award-yes, .award-na, .graph-horizontal-difference .graph-horizontal-bar-increase {color: #FFFFFF; fill: #149E2B !important; background-color: #149E2B!important;} .award-darkgreen {color: #FFFFFF; background-color: #006435!important;} .award-lightgreen {color: #FFFFFF; background-color: #85994b!important;} .award-paused, .award-rewind, .award-rewound {color: #E25A68; background-color: #E25A68!important} .award-bronze {color: #FFFFFF; background-color: #9E5614} .award-silver {color: #FFFFFF; background-color: #999999} .award-gold {color: #FFFFFF; background-color: #E4C827} .award-orange {color: #FFFFFF; background-color: #F47738; fill: #F47738} .award-grey {color: #161616; background-color: #ADB5BD; fill: #ADB5BD !important} .award-lightgrey {color: #808080; background-color: #EAEDEF; fill: #EAEDEF !important} .award-darkgrey {color: #FFFFFF; background-color: #6F777B} .award-pink {color: #EE7697; background-color: #EE7697} .award-yellow {color: #131518 !important; background-color: #ffeb99} .award-mustard {color: #E48227; background-color: #E48227} .award-aqua {color: #145C9E; background-color: #145C9E} .award-turquoise {color: #28a197; background-color: #28a197} .award-mauve {color: #6f72af; background-color: #6f72af} .award-lime {color: #c5f8d7; background-color: #c5f8d7} .award-fuschia {color: #912b88; background-color: #912b88} .award-purple {color: #2e358b; background-color: #2e358b} .award-cream {color: #131518; background-color: #F5E1A4} .award-stopped {color: #000000; background-color: #000000} .award-blue2{background-color: #0A214F!important; color: #0A214F!important} .award-blue3 {color: #145C9E!important; background-color: #145C9E!important} .award-blue4, .award-heatmap-cool {color: #2766E4!important; background-color: #2766E4!important} .award-grey1{background-color: #6F777B!important; color: #6F777B!important} .award-grey2{background-color: #BFC1C3!important; color: #BFC1C3!important} .award-grey3{background-color: #DEE0E2!important; color: #DEE0E2!important} .award-grey4{background-color: #E8E8E8!important; color: #E8E8E8!important} .award-brown{background-color: #b58840!important} .award-submitting {color: #FFFFFF; background-color: #0A4F16} .award-indicator-nqc_admin, .award-indicator-nqc_support {border-left: 0.5em solid #0A214F} .award-indicator-account_manager, .award-indicator-campaign_manager, .award-indicator-supplier_manager {border-left: 0.5em solid #145C9E} .award-indicator-user {border-left: 0.5em solid #9E7014} .award-indicator-red, .award-indicator-fail, .award-indicator-risk {border-left: 6px solid #9C0020} .award-indicator-amber {border-left: 0.5em solid #E48227} .award-indicator-amber2{border-left: 0.5em solid #E45E27} .award-indicator-silver {border-left: 0.5em solid #999999} .award-indicator-bronze {border-left: 0.5em solid #9E5614} .award-indicator-blue {border-left: 0.5em solid #0A214F} .award-indicator-lightblue {border-left: 0.5em solid #2b8cc4} .award-indicator-turquoise {border-left: 0.5em solid #28a197} .award-indicator-mauve {border-left: 0.5em solid #6f72af} .award-indicator-fuschia {border-left: 0.5em solid #912b88} .award-indicator-purple {border-left: 0.5em solid #2e358b} .award-indicator-black {border-left: 0.5em solid #000000} .award-indicator-orange {border-left: 0.5em solid #E43B27} .award-indicator-gold {border-left: 0.5em solid #E4C827} .award-indicator-grey {border-left: 0.5em solid #EAEDEF} .award-indicator-darkgrey {border-left: 0.5em solid #6F777B} .award-indicator-pink {border-left: 0.5em solid #d53880} .award-indicator-green, .award-indicator-na {border-left: 0.5em solid #149E2B} .award-indicator-darkgreen {border-left: 0.5em solid #006435} .award-indicator-lightgreen {border-left: 0.5em solid #85994b} .revision-traffic-light {color: #FFFFFF!important} .gadget-header-revision .award-traffic-light {width: 1.8em; padding-right: 0.2em; text-align: right} .award-traffic-light {color: #FFFFFF} .award-traffic-light-central {margin: 0 auto!important; float: none!important} .award-traffic-light-left {float: left} .award-traffic-light-right {float: right} .award-traffic-light A {color: #FFFFFF!important; text-decoration:none!important} .award-traffic-light-link:HOVER {background-color: #808080} .award-traffic-light-link:HOVER .award-label {color: #333333} .award-label {float: left; margin: 0 auto; width: 100%; padding-left: 5px; padding-right: 5px;} .award-inline {width: 1em; margin-right: 0.5em; height: 1em; display: inline; float: left} .organisation-biography .award-traffic-light {float: left; display: inline} .viewbox-traffic-light {height: 0.95em} .award-grey-role-up-red{background-color:#EAEDEF !important;color:#EAEDEF;outline:2.5px solid #9C0020;outline-offset:-2.5px} .award-green-role-up-red{background-color:#149E2B !important;color:#149E2B;outline:2.5px solid #9C0020;outline-offset:-2.5px} .award-amber-role-up-red{background-color:#E48227 !important;color:#E48227;outline:2.5px solid #9C0020;outline-offset:-2.5px} /*END OF COPY FROM nqc_awards.css*/ .play-button { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #help_videos_popular .play-button SVG {height: 64px} .pdf-viewer {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2000} .pdf-viewer.hide {display: none} .pdf-viewer .close {position: relative; background-color: #ffffff; color: #000000; z-index: 1000; padding: 1rem; font-size: 36px} .pdf-viewer .close:hover {cursor: pointer} .pdf-viewer .unable-to-view {position: relative; background-color: #ffffff; height: 100%; display: flex; align-items: center; justify-content: center; background-color: white; padding: 3rem} .pdf-viewer .object-wrapper {position: relative; left: 0; top: 0; width: 100%; height: 100%} .pdf-viewer .object-wrapper object {width: 100%; height: 100%;} .heading1 {font-size: 47pt !important; margin-bottom: 2rem} .heading2 {font-size: 28.5pt !important; margin-bottom: 1.65rem} .heading3 {font-size: 28.5pt !important; margin-bottom: 1.65rem} .heading4 {font-size: 18pt !important; margin-bottom: 1.3rem} .heading5 {font-size: 12pt !important; margin-bottom: 1.05rem} .paragraph {font-size: 12pt !important; color: #505050; margin-bottom: 1.05rem} .paragraph-small {font-size: 10pt !important; color: #505050; margin-bottom: 1.05rem} .button, .standard-submit {position: relative; display: inline-block; box-sizing: border-box; padding: 1.2rem 1.5rem; border-radius: 2rem; text-decoration: none; /*transition: background-color 0.25s ease-in, color 0.15s ease-in;*/ overflow: hidden} .button.button-simple:hover:before, .button.button-simple:focus:before {opacity: 0; transition: opacity 0.15s ease-out} .button.button-simple:before {content: attr(data-pre-icon); position: absolute; left: 0} .background-image-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: hidden} .background-image {position: absolute; width: 100%} .background-image.background-image-faded {opacity: 0.25} .background-image.attach-right {right: 0} .background-image.attach-left {left: 0} .background-image.attach-top {top: 0} .background-image.attach-bottom {} /*SVG styling*/ .toggle-arrow, .edit-pencil, .burger-menu svg, .notification-icon {display: inline-block; vertical-align: middle; border-radius: 30px} .toggle-arrow svg, .edit-pencil svg, .burger-menu svg, .notification-icon svg {display: block} .burger-line-top {transition: transform 0.3s ease-in; transform-origin: center; transform: translateY(-4px)} .burger-line-middle {transition: transform 0.3s ease-in; transform-origin: center} .burger-line-bottom {transition: transform 0.3s ease-in; transform-origin: center; transform: translateY(4px)} /*transitions*/ .toggle-arrow svg {transition: transform 0.2s ease-in-out} /*icon states*/ /*hover*/ .toggle-arrow:hover, .burger-menu:hover svg, .notification-icon:hover {cursor: pointer; background-color: #f3f3f3} .edit-pencil:hover, .upload-icon:hover {cursor: pointer} /*active*/ .toggle-arrow-open, .burger-menu-open svg {background-color: #e3e3e3 !important} .svg-ivrc-wheel {transition: transform 0.3s cubic-bezier(0.16, 1.94, 0.99, 0.82); transform: rotate(-180deg); width: 100%; max-width: 320px} .svg-ivrc-wheel.stage-0 {transform: rotate(45deg)} .svg-ivrc-wheel.stage-1 {transform: rotate(-45deg)} .svg-ivrc-wheel.stage-2 {transform: rotate(-135deg)} .svg-ivrc-wheel.stage-3 {transform: rotate(-225deg)} .svg-ivrc-wheel.stage-4 {transform: rotate(-315deg)} .burger-menu-open .burger-line-top {transform: rotate(45deg)} .burger-menu-open .burger-line-middle {transform: scale(0.1)} .burger-menu-open .burger-line-bottom {transform: rotate(-45deg)} .svg-clear-icon {border-radius: 48px} .svg-clear-icon * {pointer-events: none} .svg-clear-icon:hover {cursor: pointer} .svg-clear-icon:hover .svg-clear-icon_background {fill: #EDEDED} .svg-clear-icon:focus .svg-clear-icon_background {fill: #EDEDED} ul.list {} ul.list li {} ul.list li a, ul.list li span {} .node {pointer-events: all; transition: all 0.2s ease-out; transform-origin: center; transform-box: fill-box; transform: scale(1.0)} .node:hover, .node.trigger-menu-active {cursor: pointer; transform: scale(1.1);} .node + text {pointer-events: none} .hierarchy-text-component-name-invited.hide, .hierarchy-text-component-name-supplier.hide {display: block} ul.hierarchy-options {padding: 0.5rem} ul.hierarchy-options li {padding: 0.5rem 0.25rem} .svg-tree-container {max-height: 626px; overflow: auto; border-bottom: 1px solid var(--nqc-grey)} .svg-tree {min-width: 100%} .active-wide-screen .svg-tree-container, .active-full-screen .svg-tree-container {max-height: 100%} .node-svg {} .node-svg:focus {outline: 3px solid #FFBF47} .node-svg.parent-highlight {transform: scale(1.05)} .node-svg.parent-highlight.parent-award-red {stroke: #9C0020} .node-svg.parent-highlight.parent-award-amber, .node-svg.parent-highlight.parent-award-orange {stroke: #E48227} .node-svg.parent-highlight.parent-award-green {stroke: #149E2B} .node-svg.parent-highlight.parent-award-grey {stroke: #EAEDEF} .svg-hierarchy-branch {animation-name: hierarchyBranch} .active-wide-screen .lazyload-container {height: 100% !important;} /*PATH.node-svg {transform: rotate(-90deg)}*/ .custom-select-wrapper {clear: left; /*float: left; height: 35px; */display: inline-flex; position: relative; width: 100%; font-size: 16px} .custom-select-wrapper-inline {width: 300px} /*width is defaulted to prevent the select menu changing size when option is selected - can be overidden by applying a "width" property when creating the menu*/ .custom-select-wrapper button {display: flex; align-items: center; justify-content: space-between; font-family: inherit; height: 32.53px; padding: 0 0.5rem; text-align: left; float: left; width: 100%; background-color: white; position: relative; border: 1px solid #808080 !important} .custom-select-wrapper .standard-select {position: absolute; top: 0; left: 0; width: 100%; height: 35px} /*override background colour on toggle-arrow so is always clear on custom select menu*/ .custom-select-trigger .toggle-arrow, .custom-select-trigger .toggle-arrow:hover {background: transparent !important} .custom-select-trigger.trigger-menu-active .custom-select-arrow svg, .toggle-arrow-open svg {transform: scaleY(-1)} .custom-select-trigger span{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .custom-select-trigger .custom-select-arrow{ flex-shrink:0;} .custom-select-trigger2 {border-radius: 1rem; height: 50px} .floating-menu-trigger:not(input[type='text']):hover {cursor: pointer} .floating-menu-trigger.inline-trigger {display: inline-block} .floating-menu {position: absolute; top: -300px; left: -300px; opacity: 0; width: 300px; background-color: #ffffff; border: 1px solid #d3d3d3; z-index: 10000; box-shadow: 2px 2px 27px -13px #000000; overflow-y: hidden; /*border-radius: 0.5rem*/} /*.floating-menu:before {content: ""; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000000}*/ .floating-menu .menu-container {overflow-x: hidden; word-wrap: break-word} .floating-menu .menu-header {position: relative; display: flex; background-color: var(--dialog-header-background-color); color: var(--dialog-header-text-color); font-size: var(--dialog-header-font-size); font-weight: bold; padding: 16px;} .floating-menu .menu-header .floating-menu-close {display: flex; align-items: center; justify-content: center; position: absolute; right: 1rem; top: 50%; width: 1.2rem; height: 1.2rem; margin-top: -0.6rem; font-size: 32px; color: var(--dialog-header-text-color)} .floating-menu .menu-header .floating-menu-close:hover {cursor: pointer} .floating-menu .menu-body {overflow: auto; font-size: 14px;} .floating-menu .menu-section .list-item.list-item-expandable { padding: 16px 16px 0; } .floating-menu .menu-section .list-item.list-item-expandable div { margin-bottom: 16px; } .floating-menu .menu-footer {margin: 16px;} .floating-menu .menu-section .menu-item{margin-bottom: 0.2rem} .floating-menu .menu-section span {margin-top: 5px; margin-bottom: 5px} /* .floating-menu .menu-section span {margin-left: 0.3rem; margin-right: 0.3rem; vertical-align: middle;} */ .floating-menu .menu-section img {width: 20px; height: 20px; vertical-align: bottom} .floating-menu .menu-section img.gravatar-full{display:flex; width: 80px; height: 80px; margin: 0 auto; border-radius: 4rem;} .floating-menu .menu-section a.initials{display:flex; width: 80px; height: 80px; margin: 0 auto; border-radius: 4rem; font-size: 1.45em} .floating-menu .menu-section .user-initials{display: flex; align-items: center; justify-content: center; height: 5rem; width: 5rem; line-height: 5rem; background-color: #0a4f16; border-radius: 2.5rem; font-size: 2em; font-weight: 700; color:#FFFFFF; margin: 0 auto} /*.floating-menu .menu-section img.user-initials{display: inline-flex; height: 1.7rem; width: 1.7rem; line-height: 1.7rem; border-radius: 0.85rem; font-size: 0.7em; color: white} .floating-menu .menu-section .floating-menu-gravatar img {border-radius: 0.85rem; height: 1.7rem; width: 1.7rem; vertical-align: middle} /*Notifications Menu*/ .floating-menu .menu-section .notification-content {} .floating-menu .menu-section .notification-subject {font-weight: bold} .floating-menu .menu-section .notification-timestamp {color: #737373; margin-top: 5px} .floating-menu .menu-section .notification-body { overflow: hidden; margin:2rem; transform: translateZ(0); will-change: transform; display: none; overflow: hidden; margin: 0.2rem; color: #737373; overflow-wrap: break-word;} /* .floating-menu .menu-section .notification-body.notification-expanded {height: auto} */ /* .floating-menu .menu-footer a { color: #737373 !important} */ .floating-menu .menu-section.small-quick-links {width: 100%; padding: 6px} .floating-menu.menu-active:before {content: ""; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000000} .menu-attachment {position: relative} .custom-context-menu {padding: 0.5rem} .context-menu-content {display: none} .custom-context-menu .context-menu-content {display: block} .input-wrapper {position: relative; display: flex; align-items: flex-start} .input-wrapper-inline {position: relative; display: inline-flex; align-items: flex-start} .input-checkbox, .input-radio {position: relative; display: inline-flex; align-items: flex-start; padding: 0.5rem; } .input-checkbox > *, .input-radio > * {position: relative; vertical-align: middle; flex-shrink: 0; } .input-highlight {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1} .input-checkbox:hover, .input-radio:hover {cursor: pointer} .input-checkbox INPUT, .input-radio INPUT {border: none; background-color: transparent; width: 16px; height: 16px; top: 12px; opacity: 0; position: absolute} .input-checkbox INPUT:focus, .input-radio INPUT:focus {outline: none} .input-checkbox INPUT:focus ~ svg, .input-radio INPUT:focus ~ svg {outline: 3px solid #FFBF47} .input-checkbox INPUT.checkbox-state-indeterminate, .input-radio INPUT.checkbox-state-indeterminate {background-color: green} .input-option:hover {cursor: pointer; background-color: #f3f3f3} .input-option.highlighted {background-color: #e3e3e3} .input-text {flex-shrink: 1} .input-label {position: relative; display: inline-block; padding-left: 0.5rem} .input-hint {padding-left: 0.5rem; color: grey; margin-top: 5px} .input-properties-edit {display: none; position: absolute; top: 0; margin-top: -7.5px; right: -30px} INPUT[type='checkbox']:checked ~ .input-text .input-properties-edit, INPUT[type='checkbox'].checkbox-state-indeterminate ~ .input-text .input-properties-edit {display: block} .input-checkbox svg .check, .input-radio svg .check {opacity: 0} .input-checkbox svg .indeterminate, .input-radio svg .indeterminate {opacity: 0} .input-checkbox INPUT:checked + svg .box, .input-radio INPUT:checked + svg .box {fill: transparent; opacity: 1; transition: opacity 0.3s ease-in, fill 0.3s ease-in} .input-checkbox INPUT.checkbox-state-indeterminate + svg .box, .input-radio INPUT.checkbox-state-indeterminate + svg .box {fill: transparent} .input-checkbox INPUT:checked + svg .check, .input-radio INPUT:checked + svg .check {opacity: 1; transition: opacity 0.2s ease-in} .input-checkbox INPUT.checkbox-state-indeterminate + svg .indeterminate, .input-radio INPUT.checkbox-state-indeterminate + svg .indeterminate {opacity: 1; transition: opacity 0.2s ease-in} .input-checkbox INPUT:disabled + svg .box, .input-radio INPUT:disabled + svg .box {opacity: 0.4} .input-checkbox INPUT:disabled ~ .input-label, .input-radio INPUT:disabled ~ .input-label {color: #a3a3a3} .input-checkbox INPUT:disabled ~ *:hover {cursor: not-allowed} .input-children-toggle {margin-top: 2px} .input-children-toggle:hover {cursor: pointer} .input-checkbox:has(input:disabled) {cursor: not-allowed} .input-children-container {margin-left: 1rem; padding-left: 0.5rem; border-left: 2px solid #d3d3d3} .address-plus-lookup-holder, .address-lookup-holder {position: relative} .address-plus-lookup-holder input {width: 100% !important; margin-bottom: 0px !important} .address-plus-lookup-holder input:read-only, .input-wrapper input:read-only, .questionnaire-question-option.questionnaire-question-option-address-lookup input:read-only, .google-lookup:read-only {background-color: var(--nqc-light-grey)} .checkbox-tree {} .checkbox-tree .input-checkbox {margin-left: 30px} .checkbox-tree .input-children-toggle + .input-checkbox {margin-left: 0} .checkbox-tree .input-children-container {margin-left: 2.9rem} .chart-key {} .chart-key .chart-key-prepend {border-bottom: 1px solid #d3d3d3; padding: 0.5rem; margin-bottom: 0.5rem} .chart-key .chart-key-append {border-top: 1px solid #d3d3d3; padding: 0.5rem; margin-top: 0.5rem} .chart-key-item {display: table-row} .chart-key-item {display: table-row} .chart-key-item .key {display: table-cell; padding: 0.25rem; vertical-align: middle} .chart-key-item .key svg {display: block} .chart-key-item .key-label {display: table-cell; padding: 0.25rem; vertical-align: middle} .slides {position: relative; height: 100%; overflow: hidden} .slides .slide-container {position: relative; display: flex; left: 0%; width: 100%; height: 100%; transition: left 0.25s ease-in} .slides .slide-container.no-resize {align-items: stretch} .slides .slide-holder {width: 0; overflow: hidden} .slides .slide-holder:nth-child(1) {width: 100%} .slides .slide {position: relative; height: 100%; overflow: auto} .slides .slide:after, .slide-holder:after {content: ""; display: block; height: 0; clear: both} .slides .slide-container.slide-style-window .slide-holder, .slide-container.slide-style-raised .slide-holder {padding: 0.75rem} .slides .slide-container.slide-style-window .slide {border: 1px solid #d3d3d3; /*border-radius: 0.5rem*/} .slides .slide-container.slide-style-raised .slide {border: 1px solid #d3d3d3; /*border-radius: 0.5rem; */box-shadow: 0 0 27px -21px #000000} .slides .slide-navigation-container {display: flex} .slides .slide-navigation-container.navigation-center {justify-content: center} .slides .slide-navigation-buttons {display: flex} .slides .slide-navigation-button {transition: background-color 0.3s ease-in, transform 0.1s ease-in; transform: scale(1); width: 1rem; height: 1rem; border-radius: 1rem; margin: 0.5rem 0.25rem 1.25rem 0.25rem; background-color: #f3f3f3} .slides .slide-navigation-button:hover {cursor: pointer; transform: scale(1.2)} .slides .slide-navigation-button.slide-active {background-color: #d3d3d3} .slides .left-arrow, .slides .right-arrow {position: absolute; border-radius: 1rem; width: 2rem; height: 2rem; margin-top: -1rem; top: 50%; text-align: center; font-size: 2rem; opacity: 0.4} .slides .left-arrow {position: absolute; left: 0.75rem} .slides .right-arrow {position: absolute; right: 0.75rem} .slides .left-arrow:hover, .slides .right-arrow:hover {cursor: pointer; opacity: 0.8} .slides .slide-navigation-button.disabled:hover {cursor: not-allowed; transform: scale(1.0)} .slides .slide.hidden, .slides .slide-navigation-button.hidden {display: none} .basic-card {position: relative; height: 100%; padding: 3rem 0.75rem 0.75rem 0.75rem; background-color: transparent; border-radius: 1.5rem; border: 1px solid #000000} .basic-card .card-icon {position: absolute; top: -1.5rem; left: 50%; margin-left: -1.5rem; width: 3rem; height: 3rem; padding: 0.75rem; background-color: #0A4F16; border-radius: 1.5rem; border: 1px solid #0A4F16} .basic-card:hover {background-color: #0A4F16; border-color: #0A4F16} .basic-card:hover .card-icon {border-color: #ffffff} .basic-card:hover * {color: #ffffff !important} .scrm-basic-card {position: relative; height: 100%; padding: 2.5rem 0.75rem 0.75rem 0.75rem; background-color: transparent; border-radius: 1.5rem;} .scrm-basic-card .card-icon {position: absolute; top: -1.5rem; left: 50%; margin-left: -1.5rem; width: 3rem; height: 3rem; background-color: #0A4F16; border-radius: 1.5rem; border: 1px solid #0A4F16} .scrm-complex-card {position: relative; min-height: 195px; width: 284px; background-color: white; border-radius: 1.5rem; border: 2px solid #0A4F16; z-index: 2;} .scrm-complex-card .card-icon {position: absolute; top: 1.5rem; left: 65%; width: 5rem; height: 5rem; background-color: #ffffff; border-radius: 2.5rem; border: 3px solid #0A4F16} .scrm-complex-card .scrm-complex-card-body .scrm-complex-card-body-title{padding: 1.5rem 6.2rem 0.4rem 1.5rem; min-height:90px; background: linear-gradient(90deg, #1C4220 0%, #175126 23%, #0A7836 67%, #009A44 100%); border-radius: 1.3rem 1.3rem 0 0; text-align: left; word-break: break-all;} /* .scrm-complex-card .scrm-complex-card-body .scrm-complex-card-body-title::before{content: ""; position: absolute; top: 79px; left: 0; right: 0; margin: auto; background-image: linear-gradient(90deg, #28662d 0%, #29672d 23%, #296a2e 67%, #296c2f 100%); clip-path: polygon(100% 0, 0 0, 50% 100%); width: 25px; height: 20px;} */ .scrm-complex-card .scrm-complex-card-body .scrm-complex-card-body-title p{margin: 0; font-size: 36px; color: #ffffff; font-weight: 700;} .scrm-complex-card .scrm-complex-card-body .scrm-complex-card-body-text{padding: 1.5rem 1rem 0rem 1rem; text-align: left; border-radius: 0 0 1.5rem 1.5rem;} .mineai-section .mineai-section-dotted-semi-circle{ height: 12rem; width: 12rem; border: 2px dashed #0A4F16; top: 50%; margin-top: -7rem; right: 4.25rem; border-radius: 100%; } .mineai-section .mineai-section-line{ border-left: 2px dashed #0A4F16; top: 0; bottom: 0; right: 50%; margin-bottom: 1.5rem; } .mineai-section .mineai-section-surveil-assure{ flex-direction: column; align-content: center; } .mineai-section .mineai-section-semi-circle-barnie-purple{ height: 2rem; width: 2rem; border: 1px solid #534897; background-color: #534897; margin-right: -0.9rem; right: 50%; margin-top: -1rem; border-radius: 100%; z-index: 1;} .mineai-section .mineai-section-semi-circle-barnie-purple-second{ height: 2rem; width: 2rem; border: 1px solid #534897; background-color: #534897; margin-right: -1rem; right: 50%; margin-top: -1rem; border-radius: 100%; z-index: 1;} .mineai-section .mineai-section-semi-circle-sea-foam-green{ height: 2rem; width: 2rem; border: 1px solid #479A94; background-color: #479A94; margin-right: -0.9rem; right: 50%; margin-top: -1rem; border-radius: 100%; z-index: 1;} .mineai-section .mineai-section-semi-circle-barnie-purple-double{ height: 2rem; width: 2rem; border: 1px solid #534897; background-color: #534897; margin-right: -2.2rem; right: 50%; margin-top: -1rem; border-radius: 100%; z-index: 1;} .mineai-section .mineai-section-semi-circle-sea-foam-green-double{ height: 2rem; width: 2rem; border: 1px solid #479A94; background-color: #479A94; margin-right: 0.25rem; right: 50%; margin-top: -1rem; border-radius: 100%; z-index: 1;} .mineai-section .mineai-section-box { margin-top: 1rem; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; padding: 1rem; background-color: #F9F9F9; border-radius: 1rem; } .mineai-section .mineai-section-box .padding { padding: 1rem !important; } .mineai-section .mineai-section-box .mineai-section-keys p { margin-bottom: 0; padding: 0.25rem; } .mineai-section .mineai-section-box .mineai-section-key { display: flex; flex-direction: column; padding: 4px; align-items: center;} .mineai-section .mineai-section-box .mineai-section-semi-circle-barnie-purple { width: 2rem; height: 1rem; border-radius: 0 0 100px 100px; margin-top: 0; margin-right: 0; } .mineai-section .mineai-section-box .mineai-section-semi-circle-sea-foam-green { width: 2rem; height: 1rem; border-radius: 0 0 100px 100px; margin-top: 0; margin-right: 0; } .mineai-section .mineai-section-box.background-grey { background-color: white; } .scrm-shield-card {position: relative; height: 100%; padding: 2.5rem 1rem 0.75rem 1rem; background-color: transparent; border-radius: 1.5rem; border: 1px solid #0A4F16} .scrm-shield-card .card-icon {position: absolute; top: -1.5rem; left: 50%; margin-left:-1.5rem; width: 3rem; height: 3rem;} .custom-select-menu {border-top: none} .custom-select-menu .input-checkbox, .custom-select-menu .input-radio {display: flex; width: 100%; border-bottom: 1px solid #d3d3d3} .custom-select-menu .input-checkbox:hover, .custom-select-menu .input-radio:hover {background-color: #f3f3f3} .custom-select-menu .search-filter-container {position: sticky; top: 0; z-index: 1000; background-color: var(--nqc-white); padding: 0.5rem; border-bottom: 1px solid var(--nqc-black)} .custom-select-menu .search-filter-container .search-filter-input {width: 100%; border: 1px solid var(--nqc-light-grey); padding: 0.5rem} #sa-header-img {overflow: hidden;} #sa-header-img video{margin-bottom: -5px; max-height: 560px;} .sa-logo-card {border: 1px solid #BEBDBE; border-radius: 40px; padding: 2rem; background-color: #ffffff;} .sa-basic-card {background-color: #ffffff; border-radius: 20px; padding: 2rem;} .sa-basic-card .svg-container.card-icon{border-radius: 30px; border: 1px solid #005109; width: 57px; height: 57px;} .sa-horizontal-card {display: flex; flex-wrap: nowrap; align-items: flex-start;} .sa-horizontal-card .card-icon{border-radius: 30px; border: 1px solid #005109; width: 57px; height: 57px; flex: none; margin-right: 40px; display: flex; align-items: center; justify-content: center;} .sa-horizontal-card .smaller-card-icon{border-radius: 30px; border: 1px solid #005109; width: 48px; height: 48px; flex: none; margin-bottom: 15px; display: flex; align-items: center; justify-content: center;} .sa-big-card {position: relative; width: 310px; height: 100%; padding: 6rem 3.75rem 1rem 3.75rem; background-color: #F9F9F9; border-radius: 1.5rem;} .sa-big-card .card-icon {position: absolute; top: -2rem; left: 12%; width: 75%; height: 110px; background: linear-gradient(180deg, #0F9C39 0%, #0F431F 100%); border-radius: 20px; display: flex; align-items: center; justify-content: center;} .sa-quote-card {padding: 1rem 2rem; position: relative;} .sa-quote-card::before { content: ''; height: 50px; width: 50px; background-image: url('../images/start_quote.svg'); background-repeat: no-repeat; position: absolute; top: -50px; left: 0; margin: auto;} .sa-quote-card::after { content: ''; height: 50px; width: 50px; background-image: url('../images/end_quote.svg'); background-repeat: no-repeat; position: absolute; bottom: 0; right: -30px; margin: auto;} .border-hider {width: 100%; height: 100%; border: 10px solid #ffffff; position: absolute; top: 0px; right: -4px; box-shadow: -6px 0px 0px 0px #ffffff;} .grey-image-background {position: absolute; height: 68%; width: 60%; background: #F9F9F9; top: 20%; left: 20%; border-radius: 20px;} /*SVG line animations*/ .prepare-animation {display: none} .prepare-animation.animation-reveal {opacity: 0} .prepare-animation.animate { display: initial; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; transform-origin: top left; } .svg-wrapper {padding: 0.2rem} .location-marker {display: none} #skipToMainContent {height: 0; display: block; overflow: hidden} #skipToMainContent:focus {height: auto} /*animation types - add data-animation-type and .prepare-animation to add relevant animation-name to element*/ @keyframes route { to {stroke-dashoffset: 0} } @keyframes hierarchyBranch { to {stroke-dashoffset: 0} } @keyframes reveal { to {opacity: 1} } /**/ .slides .slide-container.slide-style-fixheader .slide-holder { height: 446px; padding-bottom: 10px; } .slides .slide-container.slide-style-fixheader .slide { overflow: hidden; border-bottom: 1px solid var(--nqc-grey); } .slides .slide-container.slide-style-fixheader .slide .carousel-body { overflow-y: auto; height: 395px; border-top: 1px solid var(--nqc-grey); } .slides .slide-container.slide-style-fixheader .slide .carousel-body #standard-googlemap-canvas { height: 394px !important; } .slides .slide-container.slide-style-fixheader .slide .carousel-body.component-map #standard-googlemap-canvas { height: 298px !important; } .slides .slide-container.slide-style-fixheader .slide .carousel-risk_gauge { padding-top: 140px; } .slides .slide-container.slide-style-fixheader .slide .carousel-risk_gauge .gauge-awarddial { height: 105px; } span.award { box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25); border-radius: 3px; } .award-circle {border-radius: 100px} .award-risk {min-width: 12px} span.award-circle {border-radius: 100px} .scm-search { width: 100% !important; margin: 0 !important; font-size: 16px !important; } #standard-right-col .scm-form-fields ul { width: auto !important; } #standard-right-col .scm-form-fields .form-field-group .form-search-results { margin-left: 0px; margin-top: 35px; } #standard-right-col .scm-form-fields .standard-form-option { padding: 0 !important; } .scale-container { border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); padding: 5px; background: #fff; position: absolute; bottom: 20px; font-size: 13px; max-width: 90%; left: 2%; width: 85%; } .overlay-title { display: block; font-weight: bold; } .q-impacts { display: inline-block; color: #c0c0c0; } .sources { font-size: 13px; float: right; } .scale-bar { margin-top: 5px; } .scale-markers { margin-bottom: 10px; margin-top: 3px; } .sources-link { float: right; position: relative; top: -1.2em; } .scale-bar,.scale-markers { box-sizing: border-box; display: block; width: 100%; height: 5px; font-size: 9px; } .scale-bar .grey { height: 100%; width: 10%; background: #c0c0c0; float: left; } .scale-bar .scale { width: 80%; height: 5px; float: right; opacity: 0.75; margin-right: 1.5%; } .scale-markers .grey { height: 100%; width: 10%; float: left; text-align: center; } .scale-markers .scale { height: 100%; width: 90%; height: 5px; float: right; } .scale-markers .scale span { width: 9%; text-align: right; float: left; position: relative; left: 1%; } .carousel-body .scale-container { display: none; } .risk-gadget-scale { margin: 10px 10px 20px 10px; } .risk-scale-bar { margin: 0 8%; width: 84%; height: 7px; } .risk-scale-bar, .risk-scale-markers { margin: 0; box-sizing: border-box; display: block; width: 100%; font-size: 9px; clear: both; } .risk-scale-bar div,.risk-scale-markers div { height: 100%; /*width: 13%;*/ margin: 0; float: left; text-align: center; } .risk-scale-bar .grey { background: #c0c0c0; outline: 1px solid #fff; } .risk-scale-bar .red { background: #9C0020; outline: 1px solid #fff; } .risk-scale-bar .amber { background: #E48227; outline: 1px solid #fff; } .risk-scale-bar .green { background: #149E2B; outline: 1px solid #fff; } .float-right {float: right !important} .float-left {float: left} .float-none {float: none !important} .address-lookup-result {padding: 0.75rem; font-size: 14px} .address-lookup-result:hover {cursor: pointer; background-color: #e3e3e3} .address-lookup-result_main-text {display: inline-block; font-size: 14px} .address-lookup-result_secondary-text {display: inline-block; font-size: 12px} .collapsible.closed {overflow-y: hidden; display: none} .absolute {position: absolute} .top-0 {top: 0} .right-0 {right: 0} .left-0 {left: 0} .bottom-0 {bottom: 0} .top {top: 1rem} .right {right: 1rem} .left {left: 1rem} .bottom {bottom: 1rem} /*#flhr-header-image img{ max-width: 691px; }*/ .relevant_risks{ max-width: 315px !important; } .interrogate_on_target{ max-width: 308px !important; } .remediate_with_assurance{ max-width: 424px !important; } .aiag-logo{ max-width: 150px !important; } .compliant_evidence {max-width: 300px !important;} .us_uflpa {max-width: 300px !important;} .legislative_compliance{ max-width: 300px !important; } .risk_surveillance{ max-height: 500px !important; } .personalised_risk_alerts{ max-height: 450px !important; } .world_dottted_map{ background-image: url('../images/world_dottted_map.svg'); background-repeat: no-repeat; min-height:400px; background-size: 100%; position: relative;} .multi_tier_visibility{ max-height: 350px;} .clarity_supply_chain_risk{ max-height: 375px !important; } .mineai{ max-height: 350px !important; } /**/ /*LAYOUT BREAK POINTS*/ /*experimental*/ .layout-columns {display: flex; flex-direction: row; flex-wrap: nowrap} @media screen and (max-width: 469px) { .xs-show {display: none !important} .select2-container { width: 90% !important; } .questionnaire-question-option.questionnaire-question-spreadsheet.questionnaire-question-option-child-nomarker {border-left: 0; margin-left: 0px;} #standard-left-col .button:not(.button-always-show-label) > *:not(svg) { display: none } .scrm-wheel .svg-ivrc-wheel{margin-right: -80px;} .sa-horizontal-card {flex-direction: column; align-items: normal;} .sa-horizontal-card .card-icon{margin-right: 0px; margin-bottom: 20px;} .sa-quote-card {padding: 1rem 0; position: relative;} } /*adjust width of text fields, select menus, etc, for any non-mobile here*/ @media screen and (min-width: 470px) { .scale-container { left: 50%; transform: translateX(-50%); width: 80%; max-width: 500px; } .progress-button {width: auto; max-width: 100%} .xs-hide {display: none !important} .layout > div.xs-col0 {width: 0 !important} .layout > div.xs-col1 {width: 8.3333% !important} .layout > div.xs-col2 {width: 16.6666% !important} .layout > div.xs-col3 {width: 25% !important} .layout > div.xs-col4 {width: 33.3333% !important} .layout > div.xs-col5 {width: 41.6666% !important} .layout > div.xs-col6 {width: 50% !important} .layout > div.xs-col7 {width: 58.3333% !important} .layout > div.xs-col8 {width: 66.6666% !important} .layout > div.xs-col9 {width: 75% !important} .layout > div.xs-col10 {width: 83.3333% !important} .layout > div.xs-col11 {width: 91.6666% !important} .layout > div.xs-col12 {width: 100% !important} .layout > div.xs-col-tenth {width: 10% !important} .layout > div.xs-col-ninth {width: 11.1111% !important} .layout > div.xs-col-eighth {width: 12.5% !important} .layout > div.xs-col-seventh {width: 14.2857% !important} .layout > div.xs-col-sixth {width: 16.6666% !important} .layout > div.xs-col-fifth {width: 20% !important} .layout > div.xs-col-quarter {width: 25% !important} .layout > div.xs-col-third {width: 33.3333% !important} .layout > div.xs-col-half {width: 50% !important} .layout > div.xs-offset0 {margin-left: 0 !important} .layout > div.xs-offset1 {margin-left: 8.3333% !important} .layout > div.xs-offset2 {margin-left: 16.6666% !important} .layout > div.xs-offset3 {margin-left: 25% !important} .layout > div.xs-offset4 {margin-left: 33.3333% !important} .layout > div.xs-offset5 {margin-left: 41.6666% !important} .layout > div.xs-offset6 {margin-left: 50% !important} .layout > div.xs-offset7 {margin-left: 58.3333% !important} .layout > div.xs-offset8 {margin-left: 66.6666% !important} .layout > div.xs-offset9 {margin-left: 75% !important} .layout > div.xs-offset10 {margin-left: 83.3333% !important} .layout > div.xs-offset11 {margin-left: 91.6666% !important} .layout > div.xs-offset12 {margin-left: 100% !important} .layout > div.xs-extend0 {margin-right: 0 !important} .layout > div.xs-extend1 {margin-right: 8.3333% !important} .layout > div.xs-extend2 {margin-right: 16.6666% !important} .layout > div.xs-extend3 {margin-right: 25% !important} .layout > div.xs-extend4 {margin-right: 33.3333% !important} .layout > div.xs-extend5 {margin-right: 41.6666% !important} .layout > div.xs-extend6 {margin-right: 50% !important} .layout > div.xs-extend7 {margin-right: 58.3333% !important} .layout > div.xs-extend8 {margin-right: 66.6666% !important} .layout > div.xs-extend9 {margin-right: 75% !important} .layout > div.xs-extend10 {margin-right: 83.3333% !important} .layout > div.xs-extend11 {margin-right: 91.6666% !important} .layout > div.xs-extend12 {margin-right: 100% !important} .xs-order-reset {order: initial !important} .xs-order-1 {order: 1 !important} .xs-order-2 {order: 2 !important} .xs-order-3 {order: 3 !important} .xs-order-4 {order: 4 !important} .xs-order-5 {order: 5 !important} .xs-order-6 {order: 6 !important} .width-xs-100 {width: 100% !important} .width-xs-80 {width: 80% !important} .width-xs-66 {width: 66.666% !important} .width-xs-50 {width: 50% !important} .width-xs-33 {width: 33.333% !important} .width-xs-20 {width: 20% !important} .xs-valign-top {align-items: flex-start !important} .xs-valign-center {align-items: center !important} .xs-valign-bottom {align-items: flex-end !important} .xs-halign-left {justify-content: flex-start !important} .xs-halign-center {justify-content: center !important} .xs-halign-right {justify-content: flex-end !important} .xs-valign-self-top {align-self: flex-start !important} .xs-valign-self-center {align-self: center !important} .xs-valign-self-bottom {align-self: flex-end !important} /*applies padding to the element*/ .xs-padding {padding: 0.5rem !important} .xs-padding-medium {padding: 1.5rem !important} .xs-padding-large {padding: 3rem !important} .xs-padding-xl {padding: 6rem !important} /*applies/overrides padding on an element*/ .xs-padding-top {padding-top: 0.5rem !important} .xs-padding-top-medium {padding-top: 1.5rem !important} .xs-padding-top-large {padding-top: 3rem !important} .xs-padding-top-xl {padding-top: 6rem !important} .xs-padding-right {padding-right: 0.5rem !important} .xs-padding-right-medium {padding-right: 1.5rem !important} .xs-padding-right-large {padding-right: 3rem !important} .xs-padding-right-xl {padding-right: 6rem !important} .xs-padding-bottom {padding-bottom: 0.5rem !important} .xs-padding-bottom-medium {padding-bottom: 1.5rem !important} .xs-padding-bottom-large {padding-bottom: 3rem !important} .xs-padding-bottom-xl {padding-bottom: 6rem !important} .xs-padding-left {padding-left: 0.5rem !important} .xs-padding-left-medium {padding-left: 1.5rem !important} .xs-padding-left-large {padding-left: 3rem !important} .xs-padding-left-xl {padding-left: 6rem !important} /*removes padding*/ .xs-padding-none {padding: 0 !important} .xs-padding-top-none {padding-top: 0 !important} .xs-padding-right-none {padding-right: 0 !important} .xs-padding-bottom-none {padding-bottom: 0 !important} .xs-padding-left-none {padding-left: 0 !important} /*applies margin to the element*/ .xs-margin {margin: 0.5rem !important} .xs-margin-auto {margin: auto !important} .xs-margin-medium {margin: 1.5rem !important} .xs-margin-large {margin: 3rem !important} .xs-margin-xl {margin: 6rem !important} /*applies/overrides margin on an element*/ .xs-margin-top {margin-top: 0.5rem !important} .xs-margin-top-auto {margin-top: auto !important} .xs-margin-top-medium {margin-top: 1.5rem !important} .xs-margin-top-large {margin-top: 3rem !important} .xs-margin-top-xl {margin-top: 6rem !important} .xs-margin-right {margin-right: 0.5rem !important} .xs-margin-right-auto {margin-right: auto !important} .xs-margin-right-medium {margin-right: 1.5rem !important} .xs-margin-right-large {margin-right: 3rem !important} .xs-margin-right-xl {margin-right: 6rem !important} .xs-margin-bottom {margin-bottom: 0.5rem !important} .xs-margin-bottom-auto {margin-bottom: auto !important} .xs-margin-bottom-medium {margin-bottom: 1.5rem !important} .xs-margin-bottom-large {margin-bottom: 3rem !important} .xs-margin-bottom-xl {margin-bottom: 6rem !important} .xs-margin-left {margin-left: 0.5rem !important} .xs-margin-left-auto {margin-left: auto !important} .xs-margin-left-medium {margin-left: 1.5rem !important} .xs-margin-left-large {margin-left: 3rem !important} .xs-margin-left-xl {margin-left: 6rem !important} /*removes margin*/ .xs-margin-none {margin: 0 !important} .xs-margin-top-none {margin-top: 0 !important} .xs-margin-right-none {margin-right: 0 !important} .xs-margin-bottom-none {margin-bottom: 0 !important} .xs-margin-left-none {margin-left: 0 !important} .xs-position-relative {position: relative} .xs-position-absolute {position: absolute} .xs-text-size1 {font-size: 60px !important} .xs-text-size2 {font-size: 48px !important} .xs-text-size3 {font-size: 36px !important} .xs-text-size4 {font-size: 24px !important} .xs-text-size5 {font-size: 18px !important} .xs-text-size6 {font-size: 15px !important} .xs-text-size7 {font-size: 12px !important} .xs-font-size67 {font-size: 67px !important} .xs-flex-direction-row {flex-direction: row;} .brand-logo {width: 20%} INPUT.file-upload {width: auto} .questionnaire-question-option-text-field-0, .questionnaire-question-option-width-0, .form-select-width-0 {width: auto!important} .questionnaire-question-option-text-field-5, .questionnaire-question-option-width-5, .form-select-width-5 {width: 5%!important} .questionnaire-question-option-text-field-10, .questionnaire-question-option-width-10, .form-select-width-10 {width: 10%!important} .questionnaire-question-option-text-field-15, .questionnaire-question-option-width-15, .form-select-width-15 {width: 15%!important} .questionnaire-question-option-text-field-20, .questionnaire-question-option-width-20, .form-select-width-20 {width: 20%!important} .questionnaire-question-option-text-field-25, .questionnaire-question-option-width-25, .form-select-width-25 {width: 25%!important} .questionnaire-question-option-text-field-30, .questionnaire-question-option-width-30, .form-select-width-30 {width: 30%!important} .questionnaire-question-option-text-field-33, .questionnaire-question-option-width-33, .form-select-width-33 {width: 33%!important} .questionnaire-question-option-text-field-40, .questionnaire-question-option-width-40, .form-select-width-40 {width: 40%!important} .questionnaire-question-option-text-field-45, .questionnaire-question-option-width-45, .form-select-width-45 {width: 45%!important} .questionnaire-question-option-text-field-50, .questionnaire-question-option-width-50, .form-select-width-50 {width: 50%!important} .questionnaire-question-option-text-field-52, .questionnaire-question-option-width-52, .form-select-width-50 {width: 52%!important} .questionnaire-question-option-text-field-66, .questionnaire-question-option-width-66, .form-select-width-66 {width: 66%!important} .questionnaire-question-option-text-field-75, .questionnaire-question-option-width-75, .form-select-width-75 {width: 75%!important} .questionnaire-question-option-text-field-80, .questionnaire-question-option-width-80, .form-select-width-80 {width: 80%!important} .questionnaire-question-option-text-field-85, .questionnaire-question-option-width-85, .form-select-width-85 {width: 85%!important} .questionnaire-question-option-text-field-98, .questionnaire-question-option-width-98, .form-select-width-98 {width: 98%!important} .questionnaire-question-option-text-field-100, .questionnaire-question-option-width-100, .form-select-width-100 {width: 100%!important} .questionnaire-multi-controls {margin-left: 15px} .header-search-container {width: 50%; order: 0} #multi_step_login_form INPUT {width: 270px} .questionnaire-bottombar-controls {width: auto} #questionnaire-bottombar-controls-previous {margin-left: 15px} .questionnaire-question-spreadsheet .spreadsheet-cell {width: auto} .oauth-login-button, .login-or {margin-left: 0} .questionnaire-question-option-fieldinline {display: inline} .questionnaire-question-option-inline, .questionnaire-question-option-inline .questionnaire-select {width: auto !important; display: inline} .questionnaire-question-option-inlinecontinued {margin-left: 15px!important} .questionnaire-question-option-inlinecontinuedchild {padding-top: 15px!important} .questionnaire-question-option-inlinecontinued.questionnaire-question-option-child {border: 0px!important; padding-left: 0px!important} .questionnaire-question-option-child-nomarker {margin-left: 0px!important; border: 0px!important; padding-left: 0px!important} .label-cell-1, .text-field-cell-1, .select-cell-1 {width: 1%!important} .label-cell-2, .text-field-cell-2, .select-cell-2 {width: 2%!important} .label-cell-3, .text-field-cell-3, .select-cell-3 {width: 3%!important} .label-cell-4, .text-field-cell-4, .select-cell-4 {width: 4%!important} .label-cell-5, .text-field-cell-5, .select-cell-5 {width: 6%!important} .label-cell-6, .text-field-cell-6, .select-cell-6 {width: 6%!important} .label-cell-7, .text-field-cell-7, .select-cell-7 {width: 7%!important} .label-cell-8, .text-field-cell-8, .select-cell-8 {width: 8%!important} .label-cell-9, .text-field-cell-9, .select-cell-9 {width: 9%!important} .label-cell-10, .text-field-cell-10, .select-cell-10 {width: 10%!important} .label-cell-11, .text-field-cell-11, .select-cell-11 {width: 11%!important} .label-cell-12, .text-field-cell-12, .select-cell-12 {width: 12%!important} .label-cell-13, .text-field-cell-13, .select-cell-13 {width: 13%!important} .label-cell-14, .text-field-cell-14, .select-cell-14 {width: 14%!important} .label-cell-15, .text-field-cell-15, .select-cell-15 {width: 15%!important} .label-cell-16, .text-field-cell-16, .select-cell-16 {width: 16%!important} .label-cell-17, .text-field-cell-17, .select-cell-17 {width: 17%!important} .label-cell-18, .text-field-cell-18, .select-cell-18 {width: 18%!important} .label-cell-19, .text-field-cell-19, .select-cell-19 {width: 19%!important} .label-cell-20, .text-field-cell-20, .select-cell-20 {width: 20%!important} .label-cell-21, .text-field-cell-21, .select-cell-21 {width: 21%!important} .label-cell-22, .text-field-cell-22, .select-cell-22 {width: 22%!important} .label-cell-23, .text-field-cell-23, .select-cell-23 {width: 23%!important} .label-cell-24, .text-field-cell-24, .select-cell-24 {width: 24%!important} .label-cell-25, .text-field-cell-25, .select-cell-25 {width: 25%!important} .label-cell-26, .text-field-cell-26, .select-cell-26 {width: 26%!important} .label-cell-27, .text-field-cell-27, .select-cell-27 {width: 27%!important} .label-cell-28, .text-field-cell-28, .select-cell-28 {width: 28%!important} .label-cell-29, .text-field-cell-29, .select-cell-29 {width: 29%!important} .label-cell-30, .text-field-cell-30, .select-cell-30 {width: 30%!important} .label-cell-32, .text-field-cell-32, .select-cell-32 {width: 32%!important} .label-cell-33, .text-field-cell-33, .select-cell-33 {width: 33%!important} .label-cell-34, .text-field-cell-34, .select-cell-34 {width: 34%!important} .label-cell-35, .text-field-cell-35, .select-cell-35 {width: 35%!important} .label-cell-36, .text-field-cell-36, .select-cell-36 {width: 36%!important} .label-cell-38, .text-field-cell-38, .select-cell-38 {width: 38%!important} .label-cell-39, .text-field-cell-39, .select-cell-39 {width: 39%!important} .label-cell-40, .text-field-cell-40, .select-cell-40 {width: 40%!important} .label-cell-41, .text-field-cell-41, .select-cell-41 {width: 41%!important} .label-cell-42, .text-field-cell-42, .select-cell-42 {width: 42%!important} .label-cell-46, .text-field-cell-46, .select-cell-46 {width: 46%!important} .label-cell-48, .text-field-cell-48, .select-cell-48 {width: 46%!important} .label-cell-50, .text-field-cell-50, .select-cell-50 {width: 50%!important} .label-cell-56, .text-field-cell-56, .select-cell-56 {width: 56%!important} .label-cell-58, .text-field-cell-58, .select-cell-58 {width: 58%!important} .label-cell-60, .text-field-cell-60, .select-cell-60 {width: 60%!important} .label-cell-66, .text-field-cell-66, .select-cell-66 {width: 66%!important} .label-cell-70, .text-field-cell-70, .select-cell-70 {width: 70%!important} .label-cell-73, .text-field-cell-73, .select-cell-73 {width: 73%!important} .label-cell-75, .text-field-cell-75, .select-cell-75 {width: 75%!important} .label-cell-80, .text-field-cell-80, .select-cell-80 {width: 80%!important} .label-cell-90, .text-field-cell-90, .select-cell-90 {width: 90%!important} .label-cell-100, .text-field-cell-100, .select-cell-100 {width: 100%!important} #scan-1a .standard-form-option {width: 50%} .questionnaire-question-spreadsheet .spreadsheet-cell:nth-child(2) {padding-left: 0} .questionnaire-question-spreadsheet .spreadsheet-rows-container .questionnaire-question-option-spreadsheet-row:last-child {margin-bottom: 0.5rem} .address-lookup-holder .svg-clear-icon {position: absolute !important; right: 25.4% !important; top: 50%; margin-top: -12px !important; margin-bottom: 0px !important;} } @media screen and (max-width: 699px) { .sm-show {display: none !important} .multi_tier_visibility{ max-width: 80% !important;} .world_dottted_map{ min-height: auto !important;} .dashboard-heading-left {flex:auto; width: 100%} #scrm-header-image.flhr-header-image img{ width: 600px !important; max-width: none;} } /*DO 50/50 column breaks here*/ @media screen and (min-width: 700px) { .pdf-viewer .close {position: absolute; background-color: transparent; color: #ffffff; right: 0; top: 0} .pdf-viewer .object-wrapper {left: 10%; top: 10%; width: 80%; height: 80%} .dashboard-gadget-breadcrumb{max-width:30em !important} .dashboard-gadget-breadcrumb > div {border-color: #ffffff} .dashboard-gadget-breadcrumb {padding: 0; position: relative; top: 1px; width: auto} .dashboard-gadget-breadcrumb.supplier-tab {max-width: 30em} .gadget-list-filter-holder{flex: 1%; min-width: 0;} .gadget-filter-holder .standard-form-option .text-field{width:88% !important} .sm-hide {display: none !important} .banner-supply-chain-mapping #globeImg {display: block} .content-container {width: 1600px} .content-container2 {max-width: 1600px} .main-banner-card {position: absolute; bottom: 5rem; width: 75%; padding-left: 1rem} .banner-main-home {height: 800px} .banner-main-home .content-container {padding: 0 !important} .carousel-container {padding: 2rem 4rem} .layout > div.sm-col0 {width: 0 !important} .layout > div.sm-col1 {width: 8.3333% !important} .layout > div.sm-col2 {width: 16.6666% !important} .layout > div.sm-col3 {width: 25% !important} .layout > div.sm-col4 {width: 33.3333% !important} .layout > div.sm-col5 {width: 41.6666% !important} .layout > div.sm-col6 {width: 50% !important} .layout > div.sm-col7 {width: 58.3333% !important} .layout > div.sm-col8 {width: 66.6666% !important} .layout > div.sm-col9 {width: 75% !important} .layout > div.sm-col10 {width: 83.3333% !important} .layout > div.sm-col11 {width: 91.6666% !important} .layout > div.sm-col12 {width: 100% !important} .layout > div.sm-col-tenth {width: 10% !important} .layout > div.sm-col-ninth {width: 11.1111% !important} .layout > div.sm-col-eighth {width: 12.5% !important} .layout > div.sm-col-seventh {width: 14.2857% !important} .layout > div.sm-col-sixth {width: 16.6666% !important} .layout > div.sm-col-fifth {width: 20% !important} .layout > div.sm-col-quarter {width: 25% !important} .layout > div.sm-col-third {width: 33.3333% !important} .layout > div.sm-col-half {width: 50% !important} .layout > div.sm-offset0 {margin-left: 0 !important} .layout > div.sm-offset1 {margin-left: 8.3333% !important} .layout > div.sm-offset2 {margin-left: 16.6666% !important} .layout > div.sm-offset3 {margin-left: 25% !important} .layout > div.sm-offset4 {margin-left: 33.3333% !important} .layout > div.sm-offset5 {margin-left: 41.6666% !important} .layout > div.sm-offset6 {margin-left: 50% !important} .layout > div.sm-offset7 {margin-left: 58.3333% !important} .layout > div.sm-offset8 {margin-left: 66.6666% !important} .layout > div.sm-offset9 {margin-left: 75% !important} .layout > div.sm-offset10 {margin-left: 83.3333% !important} .layout > div.sm-offset11 {margin-left: 91.6666% !important} .layout > div.sm-offset12 {margin-left: 100% !important} .layout > div.sm-extend0 {margin-right: 0 !important} .layout > div.sm-extend1 {margin-right: 8.3333% !important} .layout > div.sm-extend2 {margin-right: 16.6666% !important} .layout > div.sm-extend3 {margin-right: 25% !important} .layout > div.sm-extend4 {margin-right: 33.3333% !important} .layout > div.sm-extend5 {margin-right: 41.6666% !important} .layout > div.sm-extend6 {margin-right: 50% !important} .layout > div.sm-extend7 {margin-right: 58.3333% !important} .layout > div.sm-extend8 {margin-right: 66.6666% !important} .layout > div.sm-extend9 {margin-right: 75% !important} .layout > div.sm-extend10 {margin-right: 83.3333% !important} .layout > div.sm-extend11 {margin-right: 91.6666% !important} .layout > div.sm-extend12 {margin-right: 100% !important} .sm-order-reset {order: initial !important} .sm-order-1 {order: 1 !important} .sm-order-2 {order: 2 !important} .sm-order-3 {order: 3 !important} .sm-order-4 {order: 4 !important} .sm-order-5 {order: 5 !important} .sm-order-6 {order: 6 !important} .sm-width-100 {width: 100% !important} .sm-width-90 {width: 90% !important} .sm-width-80 {width: 80% !important} .sm-width-70 {width: 70% !important} .sm-width-66 {width: 66.666% !important} .sm-width-50 {width: 50% !important} .sm-width-33 {width: 33.333% !important} .sm-width-25 {width: 25% !important} .sm-width-25 {width: 25% !important} .sm-width-20 {width: 20% !important} .sm-valign-top {align-items: flex-start !important} .sm-valign-center {align-items: center !important} .sm-valign-bottom {align-items: flex-end !important} .sm-halign-left {justify-content: flex-start !important} .sm-halign-center {justify-content: center !important} .sm-halign-right {justify-content: flex-end !important} .sm-valign-self-top {align-self: flex-start !important} .sm-valign-self-center {align-self: center !important} .sm-valign-self-bottom {align-self: flex-end !important} /*applies padding to the element*/ .sm-padding {padding: 0.5rem !important} .sm-padding-medium {padding: 1.5rem !important} .sm-padding-large {padding: 3rem !important} .sm-padding-xl {padding: 6rem !important} /*applies/overrides padding on an element*/ .sm-padding-top {padding-top: 0.5rem !important} .sm-padding-top-medium {padding-top: 1.5rem !important} .sm-padding-top-large {padding-top: 3rem !important} .sm-padding-top-xl {padding-top: 6rem !important} .sm-padding-right {padding-right: 0.5rem !important} .sm-padding-right-medium {padding-right: 1.5rem !important} .sm-padding-right-large {padding-right: 3rem !important} .sm-padding-right-xl {padding-right: 6rem !important} .sm-padding-bottom {padding-bottom: 0.5rem !important} .sm-padding-bottom-medium {padding-bottom: 1.5rem !important} .sm-padding-bottom-large {padding-bottom: 3rem !important} .sm-padding-bottom-xl {padding-bottom: 6rem !important} .sm-padding-left {padding-left: 0.5rem !important} .sm-padding-left-medium {padding-left: 1.5rem !important} .sm-padding-left-large {padding-left: 3rem !important} .sm-padding-left-xl {padding-left: 6rem !important} /*removes padding*/ .sm-padding-none {padding: 0 !important} .sm-padding-top-none {padding-top: 0 !important} .sm-padding-right-none {padding-right: 0 !important} .sm-padding-bottom-none {padding-bottom: 0 !important} .sm-padding-left-none {padding-left: 0 !important} /*applies margin to the element*/ .sm-margin {margin: 0.5rem !important} .sm-margin-auto {margin: auto !important} .sm-margin-medium {margin: 1.5rem !important} .sm-margin-large {margin: 3rem !important} .sm-margin-xl {margin: 6rem !important} /*applies/overrides margin on an element*/ .sm-margin-top {margin-top: 0.5rem !important} .sm-margin-top-auto {margin-top: auto !important} .sm-margin-top-medium {margin-top: 1.5rem !important} .sm-margin-top-large {margin-top: 3rem !important} .sm-margin-top-xl {margin-top: 6rem !important} .sm-margin-right {margin-right: 0.5rem !important} .sm-margin-right-auto {margin-right: auto !important} .sm-margin-right-medium {margin-right: 1.5rem !important} .sm-margin-right-large {margin-right: 3rem !important} .sm-margin-right-xl {margin-right: 6rem !important} .sm-margin-bottom {margin-bottom: 0.5rem !important} .sm-margin-bottom-auto {margin-bottom: auto !important} .sm-margin-bottom-medium {margin-bottom: 1.5rem !important} .sm-margin-bottom-large {margin-bottom: 3rem !important} .sm-margin-bottom-xl {margin-bottom: 6rem !important} .sm-margin-left {margin-left: 0.5rem !important} .sm-margin-left-auto {margin-left: auto !important} .sm-margin-left-medium {margin-left: 1.5rem !important} .sm-margin-left-large {margin-left: 3rem !important} .sm-margin-left-xl {margin-left: 6rem !important} /*removes margin*/ .sm-margin-none {margin: 0 !important} .sm-margin-top-none {margin-top: 0 !important} .sm-margin-right-none {margin-right: 0 !important} .sm-margin-bottom-none {margin-bottom: 0 !important} .sm-margin-left-none {margin-left: 0 !important} .sm-position-relative {position: relative} .sm-position-absolute {position: absolute} .sm-text-size1 {font-size: 60px !important} .sm-text-size2 {font-size: 48px !important} .sm-text-size3 {font-size: 36px !important} .sm-text-size4 {font-size: 24px !important} .sm-text-size5 {font-size: 18px !important} .sm-text-size6 {font-size: 15px !important} .sm-text-size7 {font-size: 12px !important} .sm-font-size67 {font-size: 67px !important} .header-logo-container {width: 50%; max-width: 477px} .header-search-container {width: 50%; order: 10} #header-menu-navigation {display: inline} #standard-left-col.standard-half, #reverse-right-col.standard-half {width: 50% !important; padding-right: 0.5rem} #standard-right-col.standard-half, #reverse-left-col.standard-half {width: 50% !important; padding-left: 0.5rem} .standard-secondarybar-left {width: 74%} .standard-secondarybar-right {width: 26%} .content-one-half {width: 50%} .content-one-third {width: 33.3%; float: left} .content-one-quarter {width: 25%; float: left} .content-two-thirds, .standard-two-thirds {width: 63%} .content-container.padding {padding: 2.5rem 0 !important} .content-container.padding.padding-medium {padding: 5.5rem 0 !important} .content-container.padding.padding-large {padding: 8rem 0 !important} .content-first-third, .content-first-half{padding-right: 0.25rem} .content-last-third, .content-last-half{padding-left: 0.25rem} .brand-logo {width: 10%} .large-quote .open-quote img {width: 3rem; position: absolute; top: -0.5rem} .large-quote .open-quote {min-width: 3rem} .large-quote .close-quote {min-width: 3rem} .large-quote .close-quote img {width: 3rem; position: absolute; bottom: /*1.5rem*/-0.5rem} .text-field-child LABEL, .text-field-child INPUT, .form-option-child LABEL, .form-option-child INPUT {margin-left: 15px!important} .gadget-record-mobile-hidden, .gadget-header-mobile-hidden {display: initial} .gadget-item {width: auto; background-repeat: no-repeat; text-align: center; float: left; text-overflow: ellipsis; white-space:nowrap; overflow: hidden} .gadget-item-column-name {display: none} .gadget-column-view-data {width: 72.25%} .gadget-column-view-data-thin {width: 30%} .gadget-column-view-data-long {width: 55%} .gadget-column-last {padding-right: 0.5em; border-right: 0px!important; float: right!important; text-align: right !important} .gadget-column-first {text-align: left!important} .gadget-item-center {text-align: center} .gadget-item-right {text-align: right} .gadget-item-name {width: 28%} .gadget-item-total {width: 14%; text-align: center!important} .gadget-item-description {width: 43%} .gadget-item-notes {width: 40%} .gadget-item-name_long {width: 40%} .gadget-item-name_longer {width: 61.5%} .gadget-item-name_xlong {width: 76.5%} .gadget-item-name_xxlong {width: 82%} .gadget-item-name_check {width: 88%} .gadget-item-name_short {width: 24.5%} .gadget-item-name_xshort {width: 17%} .gadget-item-name_xxshort {width: 16.5%} .gadget-item-1 {width: 1%} .gadget-item-2 {width: 2%} .gadget-item-3 {width: 3%} .gadget-item-4 {width: 4%} .gadget-item-5, .standard-form-option-5 {width: 5%} .gadget-item-6 {width: 6%} .gadget-item-7 {width: 7%} .gadget-item-8, .standard-form-option-8 {width: 8%} .gadget-item-9 {width: 9%} .gadget-item-10, .standard-form-option-10 {width: 10%} .gadget-item-11, .gadget-item-score {width: 11%} .gadget-item-12 {width: 12%} .gadget-item-13, .standard-form-option-13 {width: 13%} .gadget-item-14 {width: 14%} .gadget-item-15, .standard-form-option-15 {width: 15%} .gadget-item-16 {width: 16%} .gadget-item-17 {width: 17%} .gadget-item-18 {width: 18%} .gadget-item-19 {width: 19%} .gadget-item-20, .standard-form-option-20 {width: 20%} .gadget-item-21, .standard-form-option-21 {width: 21%} .gadget-item-22, .standard-form-option-22 {width: 22%} .gadget-item-23, .standard-form-option-23 {width: 23%} .gadget-item-24, .standard-form-option-24 {width: 24%} .gadget-item-25, .standard-form-option-25 {width: 25%} .gadget-item-26, .standard-form-option-26 {width: 26%} .gadget-item-27, .standard-form-option-27 {width: 27%} .gadget-item-28, .standard-form-option-28 {width: 28%} .gadget-item-29, .standard-form-option-29 {width: 29%} .gadget-item-30, .standard-form-option-30 {width: 30%} .gadget-item-31, .standard-form-option-31 {width: 31%} .gadget-item-32, .standard-form-option-32 {width: 32%} .gadget-item-33 {width: 33%} .gadget-item-34 {width: 34%} .gadget-item-35 {width: 35%} .gadget-item-36 {width: 36%} .gadget-item-37 {width: 37%} .gadget-item-38 {width: 38%} .gadget-item-39, .standard-form-option-39 {width: 39%} .gadget-item-40 {width: 40%} .gadget-item-42, .standard-form-option-42 {width: 42%} .gadget-item-43 {width: 43%} .gadget-item-44 {width: 44%} .gadget-item-45, .standard-form-option-45 {width: 45%} .gadget-item-46, .standard-form-option-46 {width: 46%} .gadget-item-47 {width: 47%} .gadget-item-50 {width: 50%} .gadget-item-51 {width: 51%} .gadget-item-52 {width: 52%} .gadget-item-53 {width: 53%} .gadget-item-54 {width: 54%} .gadget-item-55 {width: 55%} .gadget-item-56 {width: 56%} .gadget-item-57 {width: 57%} .gadget-item-58 {width: 58%} .gadget-item-60 {width: 60%} .gadget-item-61 {width: 61%} .gadget-item-62 {width: 62%} .gadget-item-63 {width: 63%} .gadget-item-64, .standard-form-option-64 {width: 64%} .gadget-item-65, .standard-form-option-65 {width: 65%} .gadget-item-66, .standard-form-option-66 {width: 66%} .gadget-item-67, .standard-form-option-67 {width: 67%} .gadget-item-68, .standard-form-option-68 {width: 68%} .gadget-item-69, .standard-form-option-69 {width: 69%} .gadget-item-70, .standard-form-option-70 {width: 70%} .gadget-item-71, .standard-form-option-71 {width: 71%} .gadget-item-72, .standard-form-option-72 {width: 72%} .gadget-item-73, .standard-form-option-73 {width: 73%} .gadget-item-74, .standard-form-option-74 {width: 74%} .gadget-item-75, .standard-form-option-75 {width: 75%} .gadget-item-76, .standard-form-option-76 {width: 76%} .gadget-item-77, .standard-form-option-77 {width: 77%} .gadget-item-78, .standard-form-option-78 {width: 78%} .gadget-item-79, .standard-form-option-79 {width: 79%} .gadget-item-80, .standard-form-option-80 {width: 80%!important} .gadget-item-82, .standard-form-option-82 {width: 82%} .gadget-item-83, .standard-form-option-83 {width: 83%} .gadget-item-85, .standard-form-option-85 {width: 85%} .gadget-item-90 {width: 90%} .gadget-item-93 {width: 93%} .gadget-item-94 {width: 94%} .gadget-item-95 {width: 95%} .gadget-item-96 {width: 96%} .gadget-item-97 {width: 97%} .gadget-item-98 {width: 98%} .gadget-item-99 {width: 98.75%} .gadget-item-100 {width: 100%;border-right: 0px!important} .gadget-item-sphinx-form {width: 97%} .gadget-item-count {width: 20%} .gadget-item-amount {width: 18%} .gadget-item-text {width: 15%} .gadget-item-check {width: 8%; text-align: center!important; line-height: 0.75em} .gadget-item-datelong {width: 14%} #standard-left-col .gadget-item-date, #reverse-right-col .gadget-item-date {width: 11%} #standard-right-col .gadget-item-date, #reverse-left-col .gadget-item-date {width: 30%} #standard-right-col .gadget-item-100, #reverse-left-col .gadget-item-100 {border-right: 0px!important} .gadget-item-enum {width: 12.5%} .gadget-item-type {width: 9%} .gadget-item-number {width: 7%} .gadget-item-ticket_link {width: 6%} .gadget-item-award {width: 4.5%} .gadget-record-timetable {list-style-type: none;font-size:13px;} .gadget-item-timetable {padding-top:0!important; padding-bottom:0!important; padding-left:2px!important;} .gadget-record-timetable {margin: 0px!important} .gadget-record-timetable INPUT {float: none!important; margin: 0 auto; top: 0; left: 0; margin-left: 0px!important} .gadget-record-timetable INPUT.timetable-label {float: left!important; margin-left: 5px!important} .gadget-record-timetable .gadget-item-column-content {position: relative!important;} .gadget-item-timetable-checkbox {margin-right:0px!important; margin: 0 auto} .gadget-item-timetable-span {border-right:1px #bfc1c3 solid!important;width:14.28%;padding-top:0!important; padding-bottom:0!important;} .gadget-item-timetable-span-top {border-top:1px #bfc1c3 solid!important;} .gadget-item-timetable-span-left {border-left:1px #bfc1c3 solid!important;} .gadget-record .gadget-item-pipe-top{background-image: url("../../images/gadgets/pipe-top-white.png"); background-position-y: 16px; background-position-x: 12px} .gadget-record .gadget-item-pipe-bottom{background-image: url("../../images/gadgets/pipe-bottom-white.png"); background-position-x: 12px} .gadget-record .gadget-item-pipe-vertical{background-image: url("../../images/gadgets/pipe-bottom-white.png"); background-position-x: 12px; background-repeat: repeat-y} .gadget-record-selected .gadget-item-pipe-vertical{background-image: url("../../images/gadgets/pipe-vertical-selected.png")} .gadget-record-selected .gadget-item-pipe-top{background-image: url("../../images/gadgets/pipe-top-selected.png")} .gadget-record-selected .gadget-item-pipe-bottom{background-image: url("../../images/gadgets/pipe-bottom-selected.png")} .govuk-footer-inside-government {width: 48%; margin-left: 2%} .govuk-footer-explore {width: 48%; margin-right: 2%} #chat-icon-banner {position: absolute; top: -244px; right: -25px} #chat-icon {position: absolute; top: -4px; right: 0} #chat-icon IMG {top: 2.5px} #scan-1a .standard-form-option {width: 33%} } @media screen and (max-width: 1349px) { .flhr-accordian .canvas .width-100 { width: 60% !important; } } @media screen and (max-width: 1049px) { .accordian-image {max-width: 95% !important;} } @media screen and (max-width: 850px) { .home-banners {height: auto} .md-show {display: none !important} #login_form .standard-form-option, #login_form .login-form-continue {width: 270px !important} .dashboard-gadget-breadcrumb.has-icon a:not(.icon-holder) {width: calc(100% - 3rem) !important; max-width: 100% !important} .dashboard-gadget-breadcrumb.has-icon a.icon-holder {width: 3rem !important} #latest-vulnerabilities DIV {width: 100%} .accordian-image {max-width: 400px !important;} .flhr-accordian .canvas .width-100{ width: 100% !important;} .flhr-accordian .background-image{ width: 100% !important; text-align: center; position: static !important; margin-top: 0 !important; margin-bottom: 3em;} .flhr-accordian .background-image-container { position: static !important; } .layout-flex.flhr-accordian { flex-direction: column-reverse; } .flhr-accordian .canvas .content-container { padding-bottom: 1rem !important;} #scrm-header-image{ width: auto !important; position: absolute !important; right: 0; top: 0; margin-top: 0 !important; margin-bottom: 3em; overflow: hidden;} #scrm-header-image img{ width: 800px !important; max-width: none;} .background-image-container:has(#scrm-header-image) { position: relative !important; min-height: 450px;} #sa-header-img{position: absolute !important; right: 0; margin-top: 0 !important; margin-bottom: 3em; overflow: hidden;} .background-image-container:has(#sa-header-img) { position: relative !important; min-height: 500px;} .grey-image-background {height: 68%; width: 100%; top: 20%; left: 0;} } @media screen and (min-width: 850px) { .card-sidebar.card-sidebar-responsive.width-half {width: 50%; max-width: 50%; padding-left: 0.5rem; padding-right: 0.5rem} .card-sidebar.card-sidebar-responsive.width-half ~ .card-container {max-width: 50%} .md-hide {display: none !important} .block-header {padding: 3rem 6rem} .main-banner-card {position: absolute; width: 60%} .layout > div.md-col0 {width: 0 !important} .layout > div.md-col1 {width: 8.3333% !important} .layout > div.md-col2 {width: 16.6666% !important} .layout > div.md-col3 {width: 25% !important} .layout > div.md-col4 {width: 33.3333% !important} .layout > div.md-col5 {width: 41.6666% !important} .layout > div.md-col6 {width: 50% !important} .layout > div.md-col7 {width: 58.3333% !important} .layout > div.md-col8 {width: 66.6666% !important} .layout > div.md-col9 {width: 75% !important} .layout > div.md-col9-5 {width: 82.3333% !important} .layout > div.md-col10 {width: 83.3333% !important} .layout > div.md-col11 {width: 91.6666% !important} .layout > div.md-col12 {width: 100% !important} .layout > div.md-col-tenth {width: 10% !important} .layout > div.md-col-ninth {width: 11.1111% !important} .layout > div.md-col-eighth {width: 12.5% !important} .layout > div.md-col-seventh {width: 14.2857% !important} .layout > div.md-col-sixth {width: 16.6666% !important} .layout > div.md-col-fifth {width: 20% !important} .layout > div.md-col-quarter {width: 25% !important} .layout > div.md-col-third {width: 33.3333% !important} .layout > div.md-col-half {width: 50% !important} .layout > div.md-offset0 {margin-left: 0 !important} .layout > div.md-offset1 {margin-left: 8.3333% !important} .layout > div.md-offset2 {margin-left: 16.6666% !important} .layout > div.md-offset3 {margin-left: 25% !important} .layout > div.md-offset4 {margin-left: 33.3333% !important} .layout > div.md-offset5 {margin-left: 41.6666% !important} .layout > div.md-offset6 {margin-left: 50% !important} .layout > div.md-offset7 {margin-left: 58.3333% !important} .layout > div.md-offset8 {margin-left: 66.6666% !important} .layout > div.md-offset9 {margin-left: 75% !important} .layout > div.md-offset10 {margin-left: 83.3333% !important} .layout > div.md-offset11 {margin-left: 91.6666% !important} .layout > div.md-offset12 {margin-left: 100% !important} .layout > div.md-extend0 {margin-right: 0 !important} .layout > div.md-extend1 {margin-right: 8.3333% !important} .layout > div.md-extend2 {margin-right: 16.6666% !important} .layout > div.md-extend3 {margin-right: 25% !important} .layout > div.md-extend4 {margin-right: 33.3333% !important} .layout > div.md-extend5 {margin-right: 41.6666% !important} .layout > div.md-extend6 {margin-right: 50% !important} .layout > div.md-extend7 {margin-right: 58.3333% !important} .layout > div.md-extend8 {margin-right: 66.6666% !important} .layout > div.md-extend9 {margin-right: 75% !important} .layout > div.md-extend10 {margin-right: 83.3333% !important} .layout > div.md-extend11 {margin-right: 91.6666% !important} .layout > div.md-extend12 {margin-right: 100% !important} .md-order-reset {order: initial !important} .md-order-1 {order: 1 !important} .md-order-2 {order: 2 !important} .md-order-3 {order: 3 !important} .md-order-4 {order: 4 !important} .md-order-5 {order: 5 !important} .md-order-6 {order: 6 !important} .md-width-100 {width: 100% !important} .md-width-90 {width: 90% !important} .md-width-80 {width: 80% !important} .md-width-70 {width: 70% !important} .md-width-66 {width: 66.666% !important} .md-width-60 {width: 60% !important} .md-width-55 {width: 55% !important} .md-width-50 {width: 50% !important} .md-width-45 {width: 45% !important} .md-width-43 {width: 43% !important} .md-width-40 {width: 40% !important} .md-width-39 {width: 39% !important} .md-width-33 {width: 33.333% !important} .md-width-25 {width: 25% !important} .md-width-20 {width: 20% !important} .md-valign-top {align-items: flex-start !important} .md-valign-center {align-items: center !important} .md-valign-bottom {align-items: flex-end !important} .md-halign-left {justify-content: flex-start !important} .md-halign-center {justify-content: center !important} .md-halign-right {justify-content: flex-end !important} .md-valign-self-top {align-self: flex-start !important} .md-valign-self-center {align-self: center !important} .md-valign-self-bottom {align-self: flex-end !important} /*applies padding to the element*/ .md-padding {padding: 0.5rem !important} .md-padding-medium {padding: 1.5rem !important} .md-padding-large {padding: 3rem !important} .md-padding-xl {padding: 6rem !important} /*applies/overrides padding on an element*/ .md-padding-top {padding-top: 0.5rem !important} .md-padding-top-medium {padding-top: 1.5rem !important} .md-padding-top-large {padding-top: 3rem !important} .md-padding-top-xl {padding-top: 6rem !important} .md-padding-right {padding-right: 0.5rem !important} .md-padding-right-medium {padding-right: 1.5rem !important} .md-padding-right-large {padding-right: 3rem !important} .md-padding-right-xl {padding-right: 6rem !important} .md-padding-bottom {padding-bottom: 0.5rem !important} .md-padding-bottom-medium {padding-bottom: 1.5rem !important} .md-padding-bottom-large {padding-bottom: 3rem !important} .md-padding-bottom-xl {padding-bottom: 6rem !important} .md-padding-left {padding-left: 0.5rem !important} .md-padding-left-medium {padding-left: 1.5rem !important} .md-padding-left-large {padding-left: 3rem !important} .md-padding-left-xl {padding-left: 6rem !important} /*removes padding*/ .md-padding-none {padding: 0 !important} .md-padding-top-none {padding-top: 0 !important} .md-padding-right-none {padding-right: 0 !important} .md-padding-bottom-none {padding-bottom: 0 !important} .md-padding-left-none {padding-left: 0 !important} /*applies margin to the element*/ .md-margin {margin: 0.5rem !important} .md-margin-auto {margin: auto !important} .md-margin-medium {margin: 1.5rem !important} .md-margin-large {margin: 3rem !important} .md-margin-xl {margin: 6rem !important} /*applies/overrides margin on an element*/ .md-margin-top {margin-top: 0.5rem !important} .md-margin-top-auto {margin-top: auto !important} .md-margin-top-medium {margin-top: 1.5rem !important} .md-margin-top-large {margin-top: 3rem !important} .md-margin-top-xl {margin-top: 6rem !important} .md-margin-right {margin-right: 0.5rem !important} .md-margin-right-auto {margin-right: auto !important} .md-margin-right-medium {margin-right: 1.5rem !important} .md-margin-right-large {margin-right: 3rem !important} .md-margin-right-xl {margin-right: 6rem !important} .md-margin-bottom {margin-bottom: 0.5rem !important} .md-margin-bottom-auto {margin-bottom: auto !important} .md-margin-bottom-medium {margin-bottom: 1.5rem !important} .md-margin-bottom-large {margin-bottom: 3rem !important} .md-margin-bottom-xl {margin-bottom: 6rem !important} .md-margin-left {margin-left: 0.5rem !important} .md-margin-left-auto {margin-left: auto !important} .md-margin-left-medium {margin-left: 1.5rem !important} .md-margin-left-large {margin-left: 3rem !important} .md-margin-left-xl {margin-left: 6rem !important} /*removes margin*/ .md-margin-none {margin: 0 !important} .md-margin-top-none {margin-top: 0 !important} .md-margin-right-none {margin-right: 0 !important} .md-margin-bottom-none {margin-bottom: 0 !important} .md-margin-left-none {margin-left: 0 !important} .md-position-relative {position: relative} .md-position-absolute {position: absolute} .header-logo-container {width: 40%} .standard-third {width: 33%; padding-right: 0.5rem} .due-diligence-reveal {transition: opacity 0.3s ease-in; opacity: 0; box-sizing: border-box; position: absolute; width: 50%; left: 50%; top: 0; background-color: #e66500; color: #ffffff; padding: 2rem} #nqcLogoHolder {border-bottom: none; border-right: 5px solid #1cd1cc} .uflpa-table th{ transform: none !important; writing-mode: initial !important; } .uflpa-table th:first-child { vertical-align: middle !important;} .uflpa-table td { padding: 1.5rem !important; } .card-icon-right{ z-index: 1; position: absolute; top: 0 !important; right: 0 !important; } } @media screen and (min-width: 1050px) { .header-search-container {padding-left: 0.9rem; width: auto; order: 0} .lg-margin-top-xxl {margin-top: 7.5rem !important} .accordian-image {max-width: 420px !important;} } @media screen and (max-width: 1149px) { .lg-show {display: none !important} #searchtypename_search-container input.org-search-clear-input, #searchtypeduns_search-container input.duns-search-clear-input, .org-search-clear-input, .duns-search-clear-input { width: 29px !important; position: absolute; right: 10px; bottom: 10px; } #org-results, #duns-results { margin-right: 8px; max-width: 100% !important; } .mobile-header {margin-top: 1rem} .mobile-header:first-child {margin-top: 0} .duedate-list li {margin-bottom: 1rem} .duedate-list li > div {width: 100% !important; margin-bottom: 0.5rem} #main-confirm-popup .pd-inner #editreferences_form {max-height: 35vw} .sm-flex-direction-column-reverse {flex-direction: column-reverse;} } @media screen and (max-width: 1200px) { #flhr-header-image{ width: 100% !important; text-align: center; position: static !important; margin-top: 0 !important; margin-bottom: 3em;} .background-image-container:has(#flhr-header-image) { position: static !important; } .content-container:has(.layout .md-col9.display-flex.valign-center) {padding-bottom: 0 !important;} .content-container > .layout > .md-col9.display-flex.valign-center {width: 100% !important;} .content-container .layout .md-col9.display-flex.valign-center .width-100{width: 100% !important;} .banner-home-main.layout.layout-flex {flex-direction: column-reverse;} } @media screen and (min-width: 1150px) { .mineai-section .mineai-section-dotted-semi-circle{margin-top: -6rem; margin-right: -6rem; right: 1.5rem;} .mineai-section .mineai-section-map-mine{margin-right:4.5rem} .mineai-section .mineai-section-map-mine-background {background-color: white; top:0; right: 1.5rem; left: 0; bottom: 0;} .mineai-section .mineai-section-map-mine-background-grey {background-color: #F9F9F9; top:0; right: 1.5rem; left: 0; bottom: 0;} .mineai-section .mineai-section-line{border-top: 2px dashed #0A4F16; top: 50%; left: 0; right: 1.5rem; border-left:0; bottom: unset; margin-bottom: 0;} .mineai-section .mineai-section-surveil-assure{padding-left:3.5rem; flex-direction: unset;} .mineai-section .mineai-section-semi-circle-barnie-purple-double{ right: 69%; } .mineai-section .mineai-section-semi-circle-sea-foam-green-double{ right: 69%; } .mineai-section .mineai-section-semi-circle-barnie-purple-second{ right: 22%; } .mineai-section .mineai-section-box {margin-top: 0rem; margin-right: 5rem; flex-direction: unset; margin-bottom: 0;} .mineai-section .mineai-section-box .mineai-section-key {flex-direction: unset;} /*.standard-body-form #standard-right-col, .standard-body-form #reverse-left-col {width: 296px}*/ #standard-left-col, #reverse-right-col {width: 74%; min-height: 27em} #standard-right-col, #reverse-left-col {width: 26% !important} .standard-col-content {margin: 1rem} #header-menu-search-results {width: 88%} .world_dottted_map{ background-repeat: no-repeat; min-height:400px;} .multi_tier_visibility{ max-height: 290px !important; position: absolute; bottom: 0; right: 10%;} .lg-hide {display: none !important} .layout > div.lg-col0 {width: 0 !important} .layout > div.lg-col1 {width: 8.3333% !important} .layout > div.lg-col2 {width: 16.6666% !important} .layout > div.lg-col3 {width: 25% !important} .layout > div.lg-col4 {width: 33.3333% !important} .layout > div.lg-col5 {width: 41.6666% !important} .layout > div.lg-col6 {width: 50% !important} .layout > div.lg-col7 {width: 58.3333% !important} .layout > div.lg-col8 {width: 66.6666% !important} .layout > div.lg-col9 {width: 75% !important} .layout > div.lg-col10 {width: 83.3333% !important} .layout > div.lg-col11 {width: 91.6666% !important} .layout > div.lg-col12 {width: 100% !important} .layout > div.lg-col-tenth {width: 10% !important} .layout > div.lg-col-ninth {width: 11.1111% !important} .layout > div.lg-col-eighth {width: 12.5% !important} .layout > div.lg-col-seventh {width: 14.2857% !important} .layout > div.lg-col-sixth {width: 16.6666% !important} .layout > div.lg-col-fifth {width: 20% !important} .layout > div.lg-col-quarter {width: 25% !important} .layout > div.lg-col-third {width: 33.3333% !important} .layout > div.lg-col-half {width: 50% !important} .layout > div.lg-offset0 {margin-left: 0 !important} .layout > div.lg-offset1 {margin-left: 8.3333% !important} .layout > div.lg-offset2 {margin-left: 16.6666% !important} .layout > div.lg-offset3 {margin-left: 25% !important} .layout > div.lg-offset4 {margin-left: 33.3333% !important} .layout > div.lg-offset5 {margin-left: 41.6666% !important} .layout > div.lg-offset6 {margin-left: 50% !important} .layout > div.lg-offset7 {margin-left: 58.3333% !important} .layout > div.lg-offset8 {margin-left: 66.6666% !important} .layout > div.lg-offset9 {margin-left: 75% !important} .layout > div.lg-offset10 {margin-left: 83.3333% !important} .layout > div.lg-offset11 {margin-left: 91.6666% !important} .layout > div.lg-offset12 {margin-left: 100% !important} .layout > div.lg-extend0 {margin-right: 0 !important} .layout > div.lg-extend1 {margin-right: 8.3333% !important} .layout > div.lg-extend2 {margin-right: 16.6666% !important} .layout > div.lg-extend3 {margin-right: 25% !important} .layout > div.lg-extend4 {margin-right: 33.3333% !important} .layout > div.lg-extend5 {margin-right: 41.6666% !important} .layout > div.lg-extend6 {margin-right: 50% !important} .layout > div.lg-extend7 {margin-right: 58.3333% !important} .layout > div.lg-extend8 {margin-right: 66.6666% !important} .layout > div.lg-extend9 {margin-right: 75% !important} .layout > div.lg-extend10 {margin-right: 83.3333% !important} .layout > div.lg-extend11 {margin-right: 91.6666% !important} .layout > div.lg-extend12 {margin-right: 100% !important} .lg-order-reset {order: initial !important} .lg-order-1 {order: 1 !important} .lg-order-2 {order: 2 !important} .lg-order-3 {order: 3 !important} .lg-order-4 {order: 4 !important} .lg-order-5 {order: 5 !important} .lg-order-6 {order: 6 !important} .lg-width-100 {width: 100% !important} .lg-width-90 {width: 90% !important} .lg-width-80 {width: 80% !important} .lg-width-70 {width: 70% !important} .lg-width-66 {width: 66.666% !important} .lg-width-50 {width: 50% !important} .lg-width-33 {width: 33.333% !important} .lg-width-25 {width: 25% !important} .lg-width-20 {width: 20% !important} .lg-width-auto {width: auto !important} .lg-valign-top {align-items: flex-start !important} .lg-valign-center {align-items: center !important} .lg-valign-bottom {align-items: flex-end !important} .lg-halign-left {justify-content: flex-start !important} .lg-halign-center {justify-content: center !important} .lg-halign-right {justify-content: flex-end !important} .lg-valign-self-top {align-self: flex-start !important} .lg-valign-self-center {align-self: center !important} .lg-valign-self-bottom {align-self: flex-end !important} /*applies padding to the element*/ .lg-padding {padding: 0.5rem !important} .lg-padding-medium {padding: 1.5rem !important} .lg-padding-large {padding: 3rem !important} .lg-padding-xl {padding: 6rem !important} /*applies/overrides padding on an element*/ .lg-padding-top {padding-top: 0.5rem !important} .lg-padding-top-medium {padding-top: 1.5rem !important} .lg-padding-top-large {padding-top: 3rem !important} .lg-padding-top-xl {padding-top: 6rem !important} .lg-padding-right {padding-right: 0.5rem !important} .lg-padding-right-medium {padding-right: 1.5rem !important} .lg-padding-right-large {padding-right: 3rem !important} .lg-padding-right-xl {padding-right: 6rem !important} .lg-padding-bottom {padding-bottom: 0.5rem !important} .lg-padding-bottom-medium {padding-bottom: 1.5rem !important} .lg-padding-bottom-large {padding-bottom: 3rem !important} .lg-padding-bottom-xl {padding-bottom: 6rem !important} .lg-padding-left {padding-left: 0.5rem !important} .lg-padding-left-medium {padding-left: 1.5rem !important} .lg-padding-left-large {padding-left: 3rem !important} .lg-padding-left-xl {padding-left: 6rem !important} /*removes padding*/ .lg-padding-none {padding: 0 !important} .lg-padding-top-none {padding-top: 0 !important} .lg-padding-right-none {padding-right: 0 !important} .lg-padding-bottom-none {padding-bottom: 0 !important} .lg-padding-left-none {padding-left: 0 !important} /*applies margin to the element*/ .lg-margin {margin: 0.5rem !important} .lg-margin-auto {margin: auto !important} .lg-margin-medium {margin: 1.5rem !important} .lg-margin-large {margin: 3rem !important} .lg-margin-xl {margin: 6rem !important} /*applies/overrides margin on an element*/ .lg-margin-top {margin-top: 0.5rem !important} .lg-margin-top-auto {margin-top: auto !important} .lg-margin-top-medium {margin-top: 1.5rem !important} .lg-margin-top-large {margin-top: 3rem !important} .lg-margin-top-xl {margin-top: 6rem !important} .lg-margin-right {margin-right: 0.5rem !important} .lg-margin-right-auto {margin-right: auto !important} .lg-margin-right-medium {margin-right: 1.5rem !important} .lg-margin-right-large {margin-right: 3rem !important} .lg-margin-right-xl {margin-right: 6rem !important} .lg-margin-bottom {margin-bottom: 0.5rem !important} .lg-margin-bottom-auto {margin-bottom: auto !important} .lg-margin-bottom-medium {margin-bottom: 1.5rem !important} .lg-margin-bottom-large {margin-bottom: 3rem !important} .lg-margin-bottom-xl {margin-bottom: 6rem !important} .lg-margin-left {margin-left: 0.5rem !important} .lg-margin-left-auto {margin-left: auto !important} .lg-margin-left-medium {margin-left: 1.5rem !important} .lg-margin-left-large {margin-left: 3rem !important} .lg-margin-left-xl {margin-left: 6rem !important} /*removes margin*/ .lg-margin-none {margin: 0 !important} .lg-margin-top-none {margin-top: 0 !important} .lg-margin-right-none {margin-right: 0 !important} .lg-margin-bottom-none {margin-bottom: 0 !important} .lg-margin-left-none {margin-left: 0 !important} .lg-position-relative {position: relative} .lg-position-absolute {position: absolute} .lg-display-inline {display: inline-block !important} .lg-display-flex {display: flex !important; flex-wrap: wrap !important} .lg-display-flex.center {align-items: center !important; justify-content: center !important} .lg-display-block {display: block !important} .lg-display-inline-flex {display: inline-flex !important; flex-wrap: wrap !important} .lg-flex-wrap-nowrap {flex-wrap: nowrap !important} .lg-flex-direction-column {flex-direction: column;} .mobile-menu {display: none} #options_gadget, #options_gadget_2 {display: initial} } @media screen and (min-width: 1350px) { #header-menu-search-results {width: 92%} .xl-hide {display: none !important} .layout > div.xl-col0 {width: 0 !important} .layout > div.xl-col1 {width: 8.3333% !important} .layout > div.xl-col2 {width: 16.6666% !important} .layout > div.xl-col3 {width: 25% !important} .layout > div.xl-col4 {width: 33.3333% !important} .layout > div.xl-col5 {width: 41.6666% !important} .layout > div.xl-col6 {width: 50% !important} .layout > div.xl-col7 {width: 58.3333% !important} .layout > div.xl-col8 {width: 66.6666% !important} .layout > div.xl-col9 {width: 75% !important} .layout > div.xl-col10 {width: 83.3333% !important} .layout > div.xl-col11 {width: 91.6666% !important} .layout > div.xl-col12 {width: 100% !important} .layout > div.xl-col-tenth {width: 10% !important} .layout > div.xl-col-ninth {width: 11.1111% !important} .layout > div.xl-col-eighth {width: 12.5% !important} .layout > div.xl-col-seventh {width: 14.2857% !important} .layout > div.xl-col-sixth {width: 16.6666% !important} .layout > div.xl-col-fifth {width: 20% !important} .layout > div.xl-col-quarter {width: 25% !important} .layout > div.xl-col-third {width: 33.3333% !important} .layout > div.xl-col-half {width: 50% !important} .layout > div.xl-offset0 {margin-left: 0 !important} .layout > div.xl-offset1 {margin-left: 8.3333% !important} .layout > div.xl-offset2 {margin-left: 16.6666% !important} .layout > div.xl-offset3 {margin-left: 25% !important} .layout > div.xl-offset4 {margin-left: 33.3333% !important} .layout > div.xl-offset5 {margin-left: 41.6666% !important} .layout > div.xl-offset6 {margin-left: 50% !important} .layout > div.xl-offset7 {margin-left: 58.3333% !important} .layout > div.xl-offset8 {margin-left: 66.6666% !important} .layout > div.xl-offset9 {margin-left: 75% !important} .layout > div.xl-offset10 {margin-left: 83.3333% !important} .layout > div.xl-offset11 {margin-left: 91.6666% !important} .layout > div.xl-offset12 {margin-left: 100% !important} .layout > div.xl-extend0 {margin-right: 0 !important} .layout > div.xl-extend1 {margin-right: 8.3333% !important} .layout > div.xl-extend2 {margin-right: 16.6666% !important} .layout > div.xl-extend3 {margin-right: 25% !important} .layout > div.xl-extend4 {margin-right: 33.3333% !important} .layout > div.xl-extend5 {margin-right: 41.6666% !important} .layout > div.xl-extend6 {margin-right: 50% !important} .layout > div.xl-extend7 {margin-right: 58.3333% !important} .layout > div.xl-extend8 {margin-right: 66.6666% !important} .layout > div.xl-extend9 {margin-right: 75% !important} .layout > div.xl-extend10 {margin-right: 83.3333% !important} .layout > div.xl-extend11 {margin-right: 91.6666% !important} .layout > div.xl-extend12 {margin-right: 100% !important} .xl-order-reset {order: initial !important} .xl-order-1 {order: 1 !important} .xl-order-2 {order: 2 !important} .xl-order-3 {order: 3 !important} .xl-order-4 {order: 4 !important} .xl-order-5 {order: 5 !important} .xl-order-6 {order: 6 !important} .xl-width-100 {width: 100% !important} .xl-width-90 {width: 90% !important} .xl-width-80 {width: 80% !important} .xl-width-70 {width: 70% !important} .xl-width-60 {width: 60% !important} .xl-width-66 {width: 66.666% !important} .xl-width-50 {width: 50% !important} .xl-width-33 {width: 33.333% !important} .xl-width-25 {width: 25% !important} .xl-width-20 {width: 20% !important} .xl-valign-top {align-items: flex-start !important} .xl-valign-center {align-items: center !important} .xl-valign-bottom {align-items: flex-end !important} .xl-halign-left {justify-content: flex-start !important} .xl-halign-center {justify-content: center !important} .xl-halign-right {justify-content: flex-end !important} .xl-valign-self-top {align-self: flex-start !important} .xl-valign-self-center {align-self: center !important} .xl-valign-self-bottom {align-self: flex-end !important} /*applies padding to the element*/ .xl-padding {padding: 0.5rem !important} .xl-padding-medium {padding: 1.5rem !important} .xl-padding-large {padding: 3rem !important} .xl-padding-xl {padding: 6rem !important} /*applies/overrides padding on an element*/ .xl-padding-top {padding-top: 0.5rem !important} .xl-padding-top-medium {padding-top: 1.5rem !important} .xl-padding-top-large {padding-top: 3rem !important} .xl-padding-top-xl {padding-top: 6rem !important} .xl-padding-right {padding-right: 0.5rem !important} .xl-padding-right-medium {padding-right: 1.5rem !important} .xl-padding-right-large {padding-right: 3rem !important} .xl-padding-right-xl {padding-right: 6rem !important} .xl-padding-bottom {padding-bottom: 0.5rem !important} .xl-padding-bottom-medium {padding-bottom: 1.5rem !important} .xl-padding-bottom-large {padding-bottom: 3rem !important} .xl-padding-bottom-xl {padding-bottom: 6rem !important} .xl-padding-left {padding-left: 0.5rem !important} .xl-padding-left-medium {padding-left: 1.5rem !important} .xl-padding-left-large {padding-left: 3rem !important} .xl-padding-left-xl {padding-left: 6rem !important} /*removes padding*/ .xl-padding-none {padding: 0 !important} .xl-padding-top-none {padding-top: 0 !important} .xl-padding-right-none {padding-right: 0 !important} .xl-padding-bottom-none {padding-bottom: 0 !important} .xl-padding-left-none {padding-left: 0 !important} /*applies margin to the element*/ .xl-margin {margin: 0.5rem !important} .xl-margin-auto {margin: auto !important} .xl-margin-medium {margin: 1.5rem !important} .xl-margin-large {margin: 3rem !important} .xl-margin-xl {margin: 6rem !important} /*applies/overrides margin on an element*/ .xl-margin-top {margin-top: 0.5rem !important} .xl-margin-top-auto {margin-top: auto !important} .xl-margin-top-medium {margin-top: 1.5rem !important} .xl-margin-top-large {margin-top: 3rem !important} .xl-margin-top-xl {margin-top: 6rem !important} .xl-margin-right {margin-right: 0.5rem !important} .xl-margin-right-auto {margin-right: auto !important} .xl-margin-right-medium {margin-right: 1.5rem !important} .xl-margin-right-large {margin-right: 3rem !important} .xl-margin-right-xl {margin-right: 6rem !important} .xl-margin-bottom {margin-bottom: 0.5rem !important} .xl-margin-bottom-auto {margin-bottom: auto !important} .xl-margin-bottom-medium {margin-bottom: 1.5rem !important} .xl-margin-bottom-large {margin-bottom: 3rem !important} .xl-margin-bottom-xl {margin-bottom: 6rem !important} .xl-margin-left {margin-left: 0.5rem !important} .xl-margin-left-auto {margin-left: auto !important} .xl-margin-left-medium {margin-left: 1.5rem !important} .xl-margin-left-large {margin-left: 3rem !important} .xl-margin-left-xl {margin-left: 6rem !important} /*removes margin*/ .xl-margin-none {margin: 0 !important} .xl-margin-top-none {margin-top: 0 !important} .xl-margin-right-none {margin-right: 0 !important} .xl-margin-bottom-none {margin-bottom: 0 !important} .xl-margin-left-none {margin-left: 0 !important} .xl-position-relative {position: relative} .xl-position-absolute {position: absolute} } .content-container.padding-top-none {padding-top: 0 !important} .content-container.padding-bottom-none {padding-bottom: 0 !important} .content-container.padding-top-none {padding-top: 0 !important} .content-container.padding-bottom-none {padding-bottom: 0 !important} .printable-media .improvement_guidance { display: inline-block !important; } .improvement_guidance { font-size: 16px!important; padding: 2px; white-space: normal; word-break: normal; color: #434343; line-height: 1.5; margin-bottom: 1em; display: none !important; } span[data-clipboard] { position: relative; } .gadget-item-column-content { position: relative; } /* .gadget-item-column-content > * { vertical-align: middle; } */ .clipboard_icon { margin-right: 2px; width: 20px; height: 20px; display: block; float: left; cursor: pointer; background-color: white; background-image: url(/images/copy_to_clipboard.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 16px; visibility: hidden; position: absolute; right: 0; z-index: 8; } div:hover > .clipboard_icon { visibility: visible; } .clipboard_icon:hover { background-image: url(/images/copy_to_clipboard.png); } .clipboard_label { position: fixed; font-weight: normal; font-size: x-small; margin-left: 5px; padding-left: 5px; padding-right: 5px; height: 20px; line-height: 20px; box-sizing: border-box; text-align: center; } .clipboard_label_copy { background: white; color: #999; border: 1px solid #999; z-index: 9; } .clipboard_label_copied { background: #999; color: white; z-index: 10; border: 0; padding-left: 0; } .clipboard_label_copied::before { border: 10px solid transparent; border-right: 10px solid #999; display: block; content: ""; position: absolute; left: -20px; } .language_selector { font-size: 16px; float: left; width: 100%; cursor: default; margin-bottom: 0.5em; } .language_selector span { cursor: pointer; } .language_selector .user_agreement_active { font-weight: bold; text-decoration: underline; } #contact_us_form .language_selector { padding-left: 1em; } #support_gadget_body abbr { cursor: help; } #billing_chart_div { height: 400px; width: 100%; float:left; } #billing_chart_div * { font-family: Lato,Arial,sans-serif!important; } .form-pacman .progressive-disclosure-text { margin-left: 0; /*width: auto !important;*//*REMOVED TO FIX AUTO-4795*/ clear: both !important; } .form-pacman .progressive-disclosure-text .form-option-child { border: 0 !important; box-sizing: border-box !important; margin: 0; padding-left: 0; } .form-pacman .progressive-disclosure-text .form-option-child select, .form-pacman .progressive-disclosure-text .form-option-child input { margin: 0 !important; } .form-pacman .outline-progressive-parent { padding-top: 0 !important; } .form-pacman .standard-form-option { box-sizing: border-box !important; padding-top: 0; padding-bottom: 0; } .form-pacman .standard-form-option label { font-size: 18px !important; } .form-pacman .gadget-selector-holder { width: auto !important; } .form-pacman .progressive-disclosure-toggle-label { padding: 5px 0 !important; } .form-pacman .form-option-child:not(:first-of-type) { margin-top: -10px; padding-top: 1.5em !important; } #popup-dialog-confirm a { user-select: none; } #statementofaccounts_gadget_body .gadget-record { position: relative; } #statementofaccounts_gadget_body .gadget-item.gadget-item-download { position: absolute; top: 0; padding-top: 4px; } #statementofaccounts_gadget .gadget-footer { height: unset !important; } form#campaign_form { clear: both; } input#passive_file_upload, input#campaign_file_upload { width: 285px; box-sizing: border-box; } #campaign_form input:disabled + label {opacity: 0.55; cursor: not-allowed; } #campaign_form .standard-form-option-radio-inline, #add_biling_event .standard-form-option-radio-inline, #page_add_form .standard-form-option-radio-inline { margin-top:0; } #campaign_form .text-area-template {background-color: #eeeeee; padding: 15px; font-size: 16px; float: left; padding-left: 5px; margin-bottom: 15px; width: 85%;} #campaign_form .text-area-template p { /* font-weight: bold; */ height: auto; width: 97%; margin-top: 0.6em; margin-bottom: 0.6em; padding-left: 15px; } #campaign_form .text-area-template>* { padding-left: 15px; } #campaign_form .text-area-template h2 { margin-left: 15px; } #campaign_form .text-area-template ul li { margin-left: 45px; } #campaign_form .text-area-template .template_tag { font-weight: bold; } .form-pacman .form-option-group-options { max-height: 440px; overflow-y: visible; } #campaign_form .form-pacman textarea { width: 97% !important; } #dhl-awards {margin-top: 15px} .dhl-award {width: 100%; float: left} .dhl-award-block {width: 240px; float: left; display: block; color: #000!important; padding: 5px} .dhl-award-right {float: right} .display_ONLINE { color: #818181} .display_ONLINE:hover { color: #0B0C0C} form .gadget .standard-form-option-check-block .standard-form-option .standard-form-option-check .block-label { padding-top: 0.3em !important} form .gadget .form-option-group-options .form-option-child:not(:first-of-type) {padding-top: 0 !important} .lazy-load-container {overflow: visible} .lazy-load-container:after {content: ""; display: block; clear: both} .grecaptcha-badge {z-index: 10000} .login-email-field input.has-edit-icon {padding-right: 34px} svg.edit-icon {position: absolute; height: 24px; width: 24px; box-sizing: border-box; margin-top: 4px; margin-left: -40px} svg.edit-icon:hover {cursor: pointer} .standard-form-option.p-relative {position: relative} .form-option-info {padding-top: 10px;padding-bottom: 15px} .form-option-info P, .form-option-info LI {font-size: 16px} .form-option-info A {vertical-align: 0px} .display-control-item:after {content: ""; display: block; clear: both} .display-control.has-eye-icon {display: inline-block; text-decoration: none; width: 24px; height: 24px; vertical-align: bottom} .display-control.has-eye-icon svg {color: #d3d3d3} .spacer {margin-top: 1.6em} .hide-on-load {display: none !important} .pill {display: inline-block; background-color: #d3d3d3; font-size: 12px; padding: 0.8rem} .pill:not(.loaded):hover {cursor: pointer} .pill.loaded {display: initial; background-color: transparent; font-size: initial; padding: 0} span.useragreement-status { width: 1em; color: #fff; padding: 5px;} span.ua-expired { background-color: #EAEDEF; } span.ua-live { background-color: #149E2B; } span.ua-draft { background: #E4C827; } .mce-content-readonly { opacity: 0.5; } .mce-tinymce {margin-top: 5px!important} #ua_contentheight { position: absolute; width: 780px; text-align: right; font-size: small; padding-top: 10px; } #yoy_chart_div { height: 240px; width: 100%; float:left; } #yoy_chart_div * { font-family: Lato,Arial,sans-serif!important; } #standard-right-col .yoy_chart .gadget-header-title { width: 90% !important; } .content-pointer-container .shadow {position: absolute; width: 100%; top: 0; left: 0} .content-pointer {display: block; margin: 0 auto; width: 129px} .remove_link { text-decoration: none !important; font-size: x-large} #reminder_frequency_label {padding-top: 15px} #help-video {margin-bottom: 15px} .check-rank-selected-list ul {list-style: none; margin: 0; padding: 0} .check-rank-list-item {display: flex; position: relative; box-sizing: border-box; margin-top: 0.5rem; user-select: none} .check-rank-list-item:hover {cursor: grab} .check-rank-list-item .check-rank-rank {display: flex; align-items: center; justify-content: center; position: relative; height: 2.5rem; color: #ffffff; background-color: #14429E} .check-rank-list-item .rank-up, .check-rank-list-item .rank-down {padding: 0 0.5rem} .check-rank-list-item .rank-up:hover, .check-rank-list-item .rank-down:hover {cursor: pointer} .check-rank-list-item .check-rank-text {display: flex; align-items: center; justify-content: flex-start; flex-grow: 1; position: relative; border: 1px solid #d3d3d3; border-left: none; padding-left: 1rem} .filter_counts { white-space: nowrap; margin-top: 8px; margin-right: 90px; } #filter_total_label, #filter_filtered_label, #filter_selected_label { width: auto !important; margin-top: 8px; } #filter_renewals { background: transparent url(/images/search-button-small-black.png) no-repeat 10px 50%; padding-left: 35px; background-size: 15px; width: 100%; /*width: 786px;*/ } /* .save_button_disabled { background: #ccc !important; border: 1px solid #ccc !important; color: #999 !important; cursor: not-allowed !important; } */ #cancel_selection.cancel-button-disabled { background: #fff; color: #ccc !important; cursor: not-allowed !important; } #cancel_selection.cancel-button-disabled:hover { text-decoration: none !important; } #cancel_selection.cancel-button-disabled:active, #cancel_selection.cancel-button-disabled:focus { border: 0; outline: 0;} #changes_ribbon { background: rgb(255, 192, 192); padding: 1rem; box-sizing: border-box; border-left: 10px solid red; opacity: 0.9; font-size: 18px; font-weight: bold; display: none; justify-content: space-between; } #changes_ribbon a.cancel_selection { color: #214f0a; font-weight: normal; text-align: right; } #changes_ribbon a.cancel_selection:hover { text-decoration: underline; cursor: pointer; } #renewal_filter_form .standard-form-option { position: relative; } #renewal_filter_form #filter_spinner { position: absolute; left: -35px; top: 22px; } #filter_selected_top, #filter_selected_bottom { text-decoration: underline; color: #0a4f16; cursor: pointer; white-space: break-spaces; border-radius: 0px!important } #search_overlay { border: 1px solid #808080; position: absolute; left: 0; width: 100%; /*width: 786px;*/ background: #ffffff url(/images/search-button-small-black.png) no-repeat 10px 50%; padding-left: 35px; background-size: 15px; font-style: italic; font-weight: bold; color: #cccccc; display: none; cursor: pointer; font-size: 18px; padding-right: 4px; } #saq_renewal_gadget_selectall { margin: 0 !important; } input.standard-submit#cancel_selection { color: #6e6e6e; border-radius: 0 !important;} #cancel_selection:hover { text-decoration: underline; } /* .gadget-body .block-label.selection-button-checkbox.not_autorenewable { text-align: left; padding-left: 4px !important; } .gadget-body .block-label.selection-button-checkbox.not_autorenewable::before { display: none; } .gadget-body .block-label.selection-button-checkbox.not_autorenewable::after { display: none; } */ .gadget-body .not_autorenewable { text-align: left; padding: 0 0 10px 10px; } .gadget-body .gadget-viewbox-full .block-label.selection-button-checkbox.tristate::after { width: 7px; height: 7px; background: #6e6e6e; position: absolute; top: -2px; left: 3px; } /* #saq_renewal_body .gadget-item.gadget-column-last { display: none; } */ .titlebar-mr {color: #C0C0C0} /* .renewals_gadget_wrapper .gadget-body .gadget-viewbox-full .block-label.selection-button-checkbox[for=saq_renewal_gadget_selectall]::before { left: -1px !important; } .renewals_gadget_wrapper .gadget-body .gadget-viewbox-full .block-label.selection-button-checkbox[for=saq_renewal_gadget_selectall]::after { left: 2px !important; } .renewals_gadget_wrapper .gadget-body .gadget-viewbox-full .block-label { margin-bottom: 0; padding-bottom: 1px !important; } */ #statementofaccounts .gadget-footer, #oeminvoices .gadget-footer {height: 0} #renewal_button_form { clear: both; } /* #renew_selected_button_top, #renew_selected_button_bottom { margin-right: 0 !important; } #renewal_filter_form, #renewal_button_form { position: relative; } #renewal_filter_form .standard-form-option, #renewal_button_form .standard-form-option { padding: 0 !important; } #renewal_button_form { margin-bottom: 40px; } #renewal_button_form fieldset { position: absolute; right: 0; top: -40px; } */ /* .calltoaction { display: inline-block; background: #003366; padding: 10px; color: #fff; font-weight: bold; text-decoration: none; } */ /*#campaign_progress_chart_div, #campaign_progress_filter_div { width: 800px; float: left; max-width: 100%; }*/ #campaign_progress_chart_div{ height: 400px; } #campaign_progress_filter_div { height: 50px; } /* width: 825px; position: relative; left: -25px; max-width: 100%; }*/ #campaign_progress_chart_div *, #campaign_progress_filter_div * { font-family: Lato,Arial,sans-serif!important; } #campaign_progress_chart_export{ width: 1280px; height: 720px; position: absolute; z-index: -1; left: -2000px; opacity: 0; } .select2-container--default .select2-results>.select2-results__options { max-height: 208px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #0a4f16 !important; } p.keyword_match { max-height: 140px; display: block; overflow-y: scroll; background: #fff; } .progressive-disclosure-keyword-matches { width: 99%; } h3.nn_policy_area { font-weight: bold; clear: both; } span.nn_score { width: 34px; display: inline-block; height: 34px; line-height: 36px; text-align: center; border-radius: 100%; color: #fff; font-weight: bold; margin-right: 10px; } .nn_sentence { max-height: 1.2em; display: block; overflow: hidden; margin: 0 !important; text-overflow: ellipsis; white-space: nowrap; transition: max-height 0.5s ease, padding 0.5s ease; } .nn_sentence:hover, .nn_sentence:focus { max-height: 10em; cursor: help; background: #fff; white-space: normal; padding: 15px !important; font-weight: bold !important; transition: max-height 0.5s ease 0.5s, padding 0.5s ease 0.5s; } .nn_award { display: block; /* border-radius: 100%; */ position: absolute; background: transparent; z-index: 999; font-size: 16px; text-align: center; line-height: 26px; color: #fff; width: 26px; height: 26px; left: -40px; top: 6px; } .nn_award-green { background: #149E2B !important; } /* .nn_award-green:after { content: '✔'; } */ .nn_award-gold { /* background: #E4C827 !important; */ } .nn_award-amber { /* background: #E48227 !important; */ } .nn_award-red { /* background: #9C0020 !important; */ } .invitation-legend p { padding: 0 15px; } .invitation-legend-state { padding: 0; padding-bottom: 3px; border-bottom: 2px solid #ebebeb; overflow: auto; } .new-status .invitation-legend-item { padding: 0; } .new-status .invitation-legend-item LABEL{ padding-top: 4px !important; padding-bottom: 0 !important; margin-top: 0; } .new-status .invitation-legend-item .block-label.selection-button-checkbox::before{ min-width: 22px; min-height: 22px; left: 4px; } .new-status .invitation-legend-item .block-label.selection-button-checkbox::after { zoom: 1.15; } #standard-right-col .new-status .standard-form-option-filter-check{ padding-top: 1px !important; padding-bottom: 1px !important; } .invitation-legend-state:last-child { border: 0; } .invitation-legend-item { padding: 5px 0; margin-left: 10px; font-weight: bold; } .invitation-legend-item LABEL{ font-size:16px; } .invitation-legend-item .standard-form-option-check .award-label{ font-weight:100; } .award-sending { color: #131518; background-color: #BFC8EC !important; } .award-delivered { color: #FFFFFF; background-color: #083D89 !important; } .award-undelivered { color: #FFFFFF; background-color: #98141B !important; } .award-disableduser { color: #FFFFFF; background-color: #495057 !important; } .award-registered { color: #131518; background-color: #FFBF0A !important; } .award-responding { color: #FFFFFF; background-color: #098FB3 !important; } .award-validating { color: #FFFFFF; background-color: #7A53A4 !important; } .award-completed { color: #FFFFFF; background-color: #2A7A72 !important; } .award-expired { color: #868E96; background-color: #EAEDEF !important; } .award-deleted { color: #131518; background-color: #E56168 !important; } .award-improving { color: #131518; background-color: #9EEBFF !important; } .award-assessing { color: #131518; background-color: #FFE59D !important; } .award-results { color: #131518; background-color: #B1DEDA !important; } .award-superceded { color: #FFFFFF; background-color: #9FC1F5 !important; } .award-rescored { color: #FFFFFF; background-color: #DFC8F6 !important; } .award-new { color: #FFFFFF; background-color: #FF8932 !important; } .award-closed { color: #FFFFFF; background-color: #866946 !important; } .award-denied { color: #FFFFFF; background-color: #495057 !important; } .award-stopped { color: #FFFFFF; background-color: #98141B !important; } .standard-form-option-check label.block-label { padding: 5px 0 10px 50px; overflow: visible; } .date-picker-prev-translation, .date-picker-next-translation {display: none;} .text-field-date-picker {color: transparent; display: none; font-size: 16px; background: url('../images/gadgets/date-picker.svg') no-repeat center; background-size: 25px 25px; text-indent: 100px; width: 29px; height: 24px; margin: 0px; padding: 0px; border: 0; cursor: pointer; float: right !important; margin-left:5px; margin-right: 10px !important;margin-top:2.5px;} .text-field-date-picker::-ms-clear {display: none !important} .ui-datepicker {background: white; font-size: 120%; border: 1px solid lightgray !important; border-radius: 0 !important} .ui-datepicker-header {background: #EAEDEF !important; padding: 5px 10px; border-radius: 0 !important; border: 0 !important} .ui-datepicker-prev, .ui-datepicker-next {background-color: transparent; border: 1px solid var(--nqc-primary); color: var(--nqc-primary) !important; padding: 0.5rem 1.25rem !important; font-weight: 400; margin-top:5px; border-radius: 16px !important; top: 2px !important; cursor: pointer;} .ui-datepicker-prev span, .ui-datepicker-next span {text-indent: 0 !important; font-weight: normal; background-image: none !important;} .ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled {cursor: default; background-color: gray;} .ui-datepicker-prev.ui-state-disabled:hover, .ui-datepicker.next.ui-state-disabled:hover {color: white} .ui-datepicker-prev:hover, .ui-datepicker-next:hover{border: 1px solid var(--nqc-primary) !important; background-color: var(--nqc-primary) !important;} .ui-datepicker-prev {background-image: url('../images/arrow-left.svg'); background-repeat: no-repeat; background-position: center; background-size: 14px 20px; left: 4px !important;} .ui-datepicker-prev:hover {left: 4px !important; background-image: url('../images/arrow-left-white.svg') !important;} .ui-datepicker-prev-hover {background-image: url('../images/arrow-left-white.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 14px 20px !important;} .ui-datepicker-prev.ui-state-disabled {background-image: url('../images/arrow-left.svg') !important;} .ui-datepicker-next {background-image: url('../images/arrow-right.svg'); background-repeat: no-repeat; background-position: center; background-size: 14px 20px; right: 4px !important;} .ui-datepicker-next:hover {right: 4px !important; background-image: url('../images/arrow-right-white.svg') !important;} .ui-datepicker-next-hover {background-image: url('../images/arrow-right-white.svg'); background-repeat: no-repeat !important; background-position: center !important; background-size: 14px 20px !important;} .ui-datepicker-next.ui-state-disabled {background-image: url('../images/arrow-right.svg') !important;} .ui-datepicker-title {text-align: center; clear: both} .ui-datepicker-month, .ui-datepicker-year {padding: 5px; font-size: 15px; width:42% !important} .ui-datepicker-month {margin-right: 5px;} .ui-datepicker-calendar {text-align: center;} .ui-datepicker-calendar td a {padding: 5px; display: block; color: #515151; text-decoration: none; border: 0 !important; text-decoration: none !important;} .ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td a.ui-state-active {background-color: #0a4f16; color: white !important} .ui-datepicker-calendar td a.ui-state-active {font-weight: bold} .node-status {display: inline-block; width: 100%; height: 100%; color: black; transform: rotate(-90deg) scaleX(-1); transform-origin: center center; text-align: center} .hierarchy-tree-node-marker.pending-content {background-color: white; border: 1px dashed #d3d3d3} td.ui-datepicker-unselectable {color: lightgray;} .ui-state-default {padding: 5px} .cms-content {line-height: 1.3} .cms-content H1 {font-size: 47pt; margin-bottom: 2rem} .cms-content H2 {font-size: 28.5pt; margin-block-start: 0.83em; margin-block-end: 0.83em} .cms-content H3 {font-size: 28.5pt; margin-block-start: 0.83em; margin-block-end: 0.83em} .cms-content H4 {font-size: 18pt; margin-bottom: 1.3rem; color: #505050} .cms-content P {font-size: 12pt; margin-bottom: 1.05rem} .hierarchy-tree-bg-holder-horizontal .node-status { transform: scaleX(1); } label.cookie_readonly { color: #000000 !important; } label.cookie_readonly::before, label.cookie_readonly::after { opacity: 0.5 !important; } .table_wrapper { width: 100%; overflow: auto; } .policy_table { border-collapse: collapse; } .policy_table th { background: #0a4f16; color: #fff; } .policy_table p,.policy_table li { font-size: 19px !important; } .policy_table th, .policy_table td { font-size: 19px; padding: 5px; text-align: left; border: 1px solid #000; vertical-align: top; } .policy_list, .policy_list li { font-size: 19px !important; list-style-position: outside !important; margin-left: 1em; padding-left: 0.5em; } .cookie-banner.link-button { display: inline-block; margin: 7px 4px; color: #fff; } #global-cookie-message-holder a { color: #fff; } label#strictly_necessary_label,label#performance_label { font-size: 24px; font-weight: bold; color: #000 !important; } .customise_cookies { display: block; margin-bottom: 15px; } .customise_cookies:after { content: ""; display: block; clear: both; } #customise_cookies_form { padding: 10px; } #customise_cookies_form .confirm_cookie { margin: 10px 0 0 -10px; } #customise_cookies_form .standard-form-option { margin: 5px 0; } #customise_cookies_form #strictly_necessary_link,#customise_cookies_form #performance_link { font-size: 19px; margin-bottom: 15px; display: block; } /* REGISTRATION FORM STYLES */ #organisation_form select { background: white; } #organisation_form select:disabled, #organisation_form input[type=text]:disabled { background-color: #F2F2F2; border: 1px solid #808080; color: #0B0C0C; padding-right: 1.4rem; text-overflow: ellipsis;} .standard-form-option.standard-error INPUT.display_prefix { border: 0 !important; height: 20px; top: 45px; left: 22px; width: 3.5em; } .registration-form .standard-form-option { position: relative; } .registration-form .standard-form-option.form-option-child, .registration-form .standard-form-option.form-option-child SELECT:first-of-type { margin: 0 !important; } .canvas form input[type=password]::-ms-reveal { display: none; } .togglePassword { cursor: pointer; width: 21px; height: 19px; display: block; z-index: 999; position: absolute; right: 10px; top: 41px; } svg.eye-icon-open, svg.eye-icon-closed { fill: #0a4f16; } .registration-form .org-search-clear-input, .registration-form .duns-search-clear-input { min-width: 24px; width: 24px !important; right: 10px; height: 24px; top: 11px; background: transparent; border: 0; color: #0a4f16; position: absolute; margin: 0; } .standard-form-option-telephone { display: flex; flex-wrap: wrap; } .registration-form .display_prefix { width: 4em; position: absolute; left: 3px; bottom: 3px; border: 0; pointer-events: none; height: 26px; } .registration-form #telephone_prefix { width: 5em; flex-grow: 0; flex-shrink: 0; } .registration-form #telephone_number { flex: 10%; flex-grow: 1; flex-shrink: 1; margin: 0 0 0 0.4em; } .password-hint { display: block; position: absolute; top: 70px; z-index: 9999; width: 300px; font-size: 12px; cursor: default; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); } .hide-hint { opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; } .password-hint .hint-contents { background: #ffffff; border: 1px solid #d0d0d0; } .password-hint .hint-legend { font-weight: bold; } .password-hint .hint-contents div { width: 100%; overflow: auto; padding: 0.5em; } .password-hint .hint-contents div input.password-hint-checkbox { width: 1em !important; margin-top: 0.1em; } .password-hint .hint-contents div label.password-hint-checkbox-label { width: 90% !important; } span.tick,span.cross { width: 20px; height: 20px; display: inline-block; font-size: 14px; line-height: 14px; font-weight: bold; color: green; } span.tick { color: green; } span.cross { color: red; } .org_lookup_selector { font-size: 16px; clear: both; } .org_lookup_selector .org_lookup_active, .language_selector .user_agreement_active { font-weight: normal; text-decoration: none; color: #0b0c0c; cursor: default; } .org_lookup_selector span, .language_selector span { cursor: pointer; color: #0a4f16; } .language_selector span:hover, .org_lookup_selector span:hover { font-weight: bold; } .language_selector .user_agreement_active:hover, .org_lookup_selector .org_lookup_active:hover { font-weight: normal !important; } .hidefield { display: none!important; } .pac-container, .pac-container * { font-family: Lato !important; } .user_agreement_content { width: 100%; min-height: 200px; resize: vertical; } #agree_disclaimer { margin-left: 50px; font-size: 15px; color: #999; } .registration-form .standard-form-option input.standard-submit[name="register"] { width: auto !important; } .registration-form .org-search-clear-input, .registration-form .duns-search-clear-input { min-width: 24px; width: 24px !important; right: 10px; height: 24px; top: 11px; background: transparent; border: 0; color: #0a4f16; position: absolute; } #org-results, #duns-results { margin-right: 8px; max-width: 100%; } #org-results UL, #duns-results UL { display: block; box-sizing: border-box; border: 1px solid #e6e6e6; border-top: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, .3); position: relative; background: #fff; overflow: auto; } #org-results ul li .lookupfield-result-title, #duns-results ul li .lookupfield-result-title { font-size: 13px !important; float: left !important; padding-right: 4px; padding-top: 3px; } #org-results ul li .lookupfield-result-hint, #duns-results ul li .lookupfield-result-hint { font-size: 11px !important; line-height: 20px; height: 20px; overflow: hidden; color: #515151; } #org-results ul li, #duns-results ul li { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; font-size: 11px; border: 0; border-top: 1px solid #e6e6e6; width: 100%; } #org-results ul li.org-results-cant_find_text .lookupfield-result-title, #duns-results ul li.duns-results-cant_find_text .lookupfield-result-title { float: right !important; color: #515151; font-size: 11px !important; } #org-results ul li:hover, #duns-results ul li:hover { background: #fafafa !important; } @media (max-width: 344px) { .questionnaire-question-option-text-field-error .address-lookup-holder .svg-clear-icon {position: absolute !important; right: 4px !important;} } @media (max-width: 470px) { .registration-form .display_prefix { display: none; } .registration-form #telephone_prefix { flex: 100%; flex-grow: 0; flex-shrink: 0; margin-bottom: 1em; } .registration-form #telephone_number { flex: 100%; flex-grow: 0; flex-shrink: 0; margin: 0; } .registration-form #agree_disclaimer { width: 100% !important; margin-left: 0 !important; } #main-confirm-popup .pd-inner #editreferences_form {width: 300px; max-height: 75vw} #main-confirm-popup .pd-inner #editreferences_form .text-field {width: 73%;} .questionnaire-question-option-multifile-upload .custom-file-upload {float: none !important; width: 98% !important;} } @media (min-width: 700px) { .registration-form .text-field-child LABEL, .registration-form .text-field-child INPUT, .registration-form .form-option-child LABEL, .registration-form .form-option-child INPUT { margin-left: 0 !important; } } #language_select_close{ float: right; border: 1px; color: white; } .language-select-header{ font-size: inherit; font-weight: inherit; font-family: inherit; color: white; background-color: #0a4f16; border: 1px; padding: 10px; } #autostart_spinner { position: fixed; width: 100%; height: 100vh; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 6000; } #autostart_spinner::after { background-image: url(/images/skins/sa/file-loading.gif); background-position: center; background-repeat: no-repeat; content: ''; display: block; position: absolute; left: 48%; top: 48%; width: 40px; height: 40px; } .layout input, .layout select, .layout label { width: 100%; } .layout .standard-form-option { position: relative; } #edit_user_form .display_prefix { width: 4em; position: absolute; left: 3px; bottom: 3px; border: 0; pointer-events: none; height: 26px; } #edit_user_form .telephone-country { width: 5em; flex-grow: 0; flex-shrink: 0; } #edit_user_form .telephone-number { flex: 10%; flex-grow: 1; flex-shrink: 1; margin: 0 0 0 0.4em; } .language-select{ background-color: white; border: 1px; } .language-select-list{ list-style-type: none; } .language-option-wrapper{ display: inline-block; width: 100%; border-style: solid none; border-width: 1px; border-color: grey; padding: 5px; } .lang-button{ display: inline-block; width: 100%; border: none; text-align: left; vertical-align: middle; } .language-label-text{ vertical-align: middle; } .lang-button SPAN:hover { cursor: pointer; text-decoration: underline; color: green; } .floating-menu-trigger-active{ font-size: inherit !important; font-weight: inherit !important; font-family: inherit !important; color: white !important; background-color: #0a4f16; border: 1px; padding: 10px; } .quick-menu-navigation-lang-icon{ vertical-align: middle; margin-top: 5px; margin-bottom: 6px; margin-left: 10px; height: 12px; border: 1px solid #c0c0c0 } .language-label-text{ vertical-align: middle; } .language-label-text:hover { cursor: pointer; text-decoration: underline; color: green; } #language-menu-close{ margin-right: 1px; float: right; color: white !important; } .sort_files{ display: block; height: 33px; } #sorting_options{ max-width: 25%; float: left; } .standard-form-option-container{ border: 1px solid #808080; padding: 0 5px; margin-bottom: 15px; } .standard-form-option-block-scroll{ max-height: 355px; overflow-y: scroll; } .standard-form-option-container .standard-form-option-check-block{ padding-left: 10px; } .search-field{ padding-left: 35px; } #search_icon{ position: absolute; left: 25px; margin-top: 8px; } .sort_container{ width: 215px; border: 1px solid #808080; padding: 5px 0 0 10px; display: none; background: #fff; z-index: 1; position: absolute; right: 10px; margin-top: 5px; } .sort_container label{ padding-top: 5px; font-size: 18px; width: auto; max-width: 170px !important; overflow-wrap: break-word; } .sort_container INPUT[type=radio]{ margin-right: 0.5em !important; width: 20px !important; } .multifile-upload-file { margin-bottom: 0 !important; display: flex !important; float: right !important; flex-wrap: wrap; padding: 4px; border-radius: 8px; transition: background-color 0.21s ease-in; } .multifile-upload-file svg { margin-left: auto; order: 1; } .multifile-upload-file:hover { background-color: var(--nqc-tertiary-hover); border-radius: 8px; cursor: pointer; } .multifile-upload-file .questionnaire-question-option-error { order: 0; } .multifile-upload-file-remove { margin-top: 0 !important; margin-bottom: 0 !important; display: flex !important; float: right !important; flex-wrap: wrap; width: auto !important; padding: 1px; border-radius: 8px; transition: background-color 0.21s ease-in; } .multifile-upload-file-remove:hover { background-color: var(--nqc-tertiary-hover); cursor: pointer; } .multfile-upload-attachments-button-upload .file-icon A {padding-right: 0;} .multifile-upload-table { width: 100%; border-collapse: collapse; } .multifile-upload-table tr { border-bottom: 1px solid #d3d3d3; } .multifile-upload-table td { padding: 0.5rem; } .multifile-upload-table .questionnaire-question-option { padding-bottom: 0; } .multifile-upload-table .questionnaire-question-option-multifile-upload-submit { margin: 0; } .multifile-upload-table .questionnaire-question-option-multifile-upload-attachments { margin-top: 0; } /*New questionnaire multifile-upload*/ .questionnaire-question-option-multifile-upload INPUT[type=file] {display: none !important;} .questionnaire-question-option-multifile-upload .custom-file-upload {display: flex; border: 1px solid #0A4F16; width: fit-content; padding: 0.5rem; padding-right: 15px; color: #0A4F16; border-radius: 8px; float: left; margin-right: 0.5em; cursor: pointer; background-color: #ffffff} .questionnaire-question-option-multifile-upload .custom-file-upload:hover, .questionnaire-question-option-multifile-upload .custom-file-upload:focus {color: #ffffff; background-color: #0A4F16} .questionnaire-question-option-multifile-upload .custom-file-upload:hover svg path, .questionnaire-question-option-multifile-upload .custom-file-upload:focus svg path {stroke: #ffffff;} .questionnaire-question-option-multifile-upload .custom-file-upload:hover svg line, .questionnaire-question-option-multifile-upload .custom-file-upload:focus svg line {stroke: #ffffff;} .questionnaire-question-option-multifile-upload .custom-file-upload:focus {outline: 3px solid #FFBF47;} .questionnaire-question-option-multifile-upload .nqc-cta-secondary.button-tertiary:focus {outline: 3px solid #FFBF47;} .questionnaire-question-option-multifile-upload .nqc-cta {margin-left: 0} .selected-package { border: 2px solid #0A4F16 !important;} .packages-box{ border-radius: 10px; padding: 25px 15px 10px 20px; min-height: 250px; } .shadow{ box-shadow: 0px 0px 5px 2px #DDDDDD; } .follow-on-questionnaire-type SELECT, .follow-on-questionnaire-start SELECT { float: left; } .follow-on-questionnaire-type .standard-form-field-controls button, .follow-on-questionnaire-start .standard-form-field-controls button { margin-left: 5px } .follow-on-questionnaire-type .standard-form-field-controls-bottom , .follow-on-questionnaire-start .standard-form-field-controls-bottom { margin-left: 15px } .follow-on-questionnaire-type .standard-form-field-controls-bottom button, .follow-on-questionnaire-start .standard-form-field-controls-bottom button{ margin-top: 9px } /*.uflpa-table { border-collapse: separate; }*/ .uflpa-table th:first-child { width: 40%; transform: none; writing-mode: initial; vertical-align: bottom;} .uflpa-table th { width: 20%; padding: 1.5rem 0.8rem !important; transform: rotate(180deg); writing-mode: vertical-rl;} .uflpa-table td { border: 1px solid #EDEDED; padding: none !important; text-align: center; } .uflpa-table td:first-child { text-align: left; } .uflpa-table .position-sticky{ position: sticky; top: 0px; background: white; } .title-with-icon{ width: 100%; display: flex; margin-bottom: 1rem; } .title-with-icon p { padding-top: 15px; padding-left: 10px; margin: 0; } .title-icon { width: 3rem; height: 3rem; padding: 0.75rem; background-color: #0A4F16; border-radius: 1.5rem; border: 1px solid #0A4F16; float: left; } .uflpa-basic-card {position: relative; height: 100%; padding: 3rem 0.75rem 0.75rem 0.75rem; background-color: transparent; } .uflpa-basic-card.selected-package { padding-bottom: 4rem;} .uflpa-basic-card .card-icon { position: absolute; top: -1.7rem; left: 50%; margin-left: -1.5rem; width: 3.5rem; height: 3.5rem; padding: 0.7rem 0.4rem; background-color: #fff; border-radius: 50%; border: 1px solid #C9C9C9; } .selected-package { border: 1px solid #0A4F16 !important;} .packages-box{ background-color: #fff; border-radius: 10px; padding: 25px 15px 10px 20px; min-height: 250px; } .shadow{ box-shadow: 0px 0px 5px 2px #DDDDDD; } /*.uflpa-table { border-collapse: separate; }*/ .uflpa-table th:first-child { border-left: 1px solid #F9F9F9; border-top: 1px solid #F9F9F9; border-right: none; background-color: #F9F9F9; width: 40%; transform: none; writing-mode: initial; vertical-align: bottom !important;} .uflpa-table th { width: 23%; transform: rotate(180deg); writing-mode: vertical-rl; border: 1px solid #EDEDED; } .uflpa-table th:nth-child(2) { border-right: none; } .uflpa-table td { border: 1px solid #EDEDED; padding: none !important; text-align: center; } .uflpa-table td:first-child { text-align: left; } .uflpa-table .position-sticky{ position: sticky; top: 0px; background: white; } .uflpa-table .position-sticky.selected-package{ box-shadow: inset 0px 0px 0px 1px #0A4F16;} .uflpa-table th span { display: inline-block;margin-left: 40%; } .title-with-icon{ width: 100%; display: flex; margin-bottom: 1rem; } .title-with-icon p { padding-top: 8px; padding-left: 10px; margin: 0; } .title-icon { width: 3rem; height: 3rem; padding: 0.75rem; background-color: #0A4F16; border-radius: 1.5rem; border: 1px solid #0A4F16; float: left; } .uflpa-basic-card {position: relative; height: 100%; padding: 1rem 0.75rem 0.75rem 0.75rem; background-color: transparent; } .uflpa-basic-card .card-icon { position: absolute; top: -1.7rem; left: 50%; margin-left: -1.5rem; width: 3.5rem; height: 3.5rem; padding: 0.7rem 0.4rem; background-color: #fff; border-radius: 50%; border: 1px solid #C9C9C9; } .card-icon-right{ z-index: 1; position: absolute; bottom: 50px; right: 50%; } .card-icon-right .card-icon{ top: -1rem !important; left: 100% !important; } .uflpa-basic-card .card-span { position: absolute; top: 1.5rem; margin-left: -3.8rem; width: 8rem; padding: 1rem 0 0.5rem; background-color: #fff; border-radius: 25px; border: 1px dashed #0A4F16; } .shadow-box{ border-radius: 10px; padding: 25px 15px 10px 20px; box-shadow: 0px 0px 5px 2px #ccc; min-height: 240px; } .uflpa-basic-card .paragraph{ min-height: 4rem;} .tick-icon{ display: block; background-image: url(../images/tick-icon.png); background-repeat: no-repeat; width: 28px; height: 22px; margin: 0 auto; } .ufpla-table TD{ border: 1px solid #d9d4d4;} #category-questionnaire-filer { padding: 0; margin: 0;} #category-questionnaire-filer .standard-form-option{ padding-top: 0 !important; padding-bottom: 0 !important;} #questionnaire_gadget_body .gadget-filter-holder{ padding: 0; margin: 0;} #questionnaire_gadget_body .standard-form-option{ padding-top: 0 !important; padding-bottom: 0 !important;} #questionnaire_gadget_body .standard-form-option{ padding-top: 0 !important; padding-bottom: 0 !important;} .border-grey { border: 1px solid #EDEDED; } .template-content IMG {margin-top: 1.05rem} .template-content P {margin-bottom: 1.05rem} .template-content H3 {color: #000000!important; font-size: 18pt !important; margin-bottom: 1.3rem; font-weight: 700} .border-radius-none { border-radius: 0 !important;} /* ******************** */ /* *** header icons *** */ /* ******************** */ #header-menu-navigation LI { display: block; float: left } #header-menu-navigation li a { margin-left: 16px; position: relative; padding-left: 24px !important; padding-right: 24px !important; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 8px; height: 38px; } #header-menu-navigation span { display: block; } #header-menu-navigation span svg { top: 1px; left: -8px; float: left; position: relative; } /* *** header icon secondary *** */ #header-menu-navigation .header-secondary { background-color: transparent; border: 1px solid var(--nqc-primary); } #header-menu-navigation .header-secondary span { color: var(--nqc-primary); } #header-menu-navigation .header-secondary:hover { background-color: var(--nqc-secondary-hover); } #header-menu-navigation .header-secondary:focus { background-color: var(--nqc-transparent); } #header-menu-navigation .header-secondary:active { background-color: var(--nqc-secondary-active); } /* *** header icon tertiary *** */ #header-menu-navigation .header-tertiary:hover { background-color: var(--nqc-tertiary-hover); cursor: pointer; border: 1px solid var(--nqc-tertiary-hover); } #header-menu-navigation .header-tertiary:focus { background-color: var(--nqc-transparent); border: 1px solid var(--nqc-transparent); } #header-menu-navigation .header-tertiary:active { background-color: var(--nqc-tertiary-active); border: 1px solid var(--nqc-tertiary-active); } .standard-button { border-radius: 8px !important; background-color: var(--nqc-primary) !important; height: 40px; } INPUT[name="filter_submit"].standard-submit{ background-color: var(--nqc-transparent); color: var(--nqc-primary) !important; border: 1px solid var(--nqc-primary); border-radius: 8px !important; font-weight: normal !important; height: 38px; margin-left: 0px !important;} INPUT[name="filter_submit"].standard-submit:hover{ background-color: var(--nqc-secondary-hover) !important; } INPUT[name="filter_submit"].standard-submit:focus{ background-color: var(--nqc-transparent) !important; } INPUT[name="filter_submit"].standard-submit:active{ background-color: var(--nqc-secondary-active) !important; } INPUT.standard-submit, INPUT.standard-action, .file-download A, A.standard-button { background-color: var(--nqc-primary); border: 1px solid var(--nqc-primary); border-radius: 8px !important; font-weight: normal !important; height: 38px; } INPUT.standard-submit:hover, INPUT.standard-action:hover, .file-download A:hover, A.standard-button:hover { background-color: var(--nqc-primary-hover); border-color: var(--nqc-primary-hover); } INPUT.standard-submit:focus, INPUT.standard-action:focus, .file-download A:focus, A.standard-button:focus { background-color: var(--nqc-primary); border-color: var(--nqc-primary); } INPUT.standard-submit:active, INPUT.standard-action:active, .file-download A:active, A.standard-button:active { background-color: var(--nqc-primary-active); border-color: var(--nqc-primary-active); } .confirm-yes, .confirm-no { line-height: 38px; } .confirm-yes{ padding: 0 10px !important; } #oeminvoices .gadget-column-highlight-white, #oeminvoices .gadget-column-highlight-grey { background: none !important; } #oeminvoices ul li.gadget-record:hover { cursor: pointer; background: #e6e6e6; font-weight: bold; } #oeminvoicesummary h3 { padding: 4px 0 8px 4px; } #oeminvoicesummary table { width: 100%; } #oeminvoicesummary table td { padding: 2px; } #oeminvoicesummary table thead tr td { border-bottom: 1px solid #d3d3d3; padding-bottom: 5px; margin-bottom: 5px; } #oeminvoicesummary table tr td { text-align: right; } #oeminvoicesummary table tr td.description { text-align: left; } #oeminvoicesummary table tr.strong td { font-weight: bold; } INPUT.standard-submit:disabled{background-color: #9DB9A2; border-color: #9DB9A2; color: white !important;} .check-readonly { color: #ADB5BD; cursor: default; pointer-events: none;} .check-readonly::before, .check-readonly::after { border-color: #ADB5BD !important;} .tox-tinymce-aux { z-index: 9999 !important; } .ml_green::before { outline: 10px solid rgba(0, 128, 0, 0.5); } .ml_amber::before { outline: 10px solid rgba(255, 128, 0, 0.5); } .ml_red::before { outline: 10px solid rgba(255, 0, 0, 0.5); } .double-caret-right::before { content: "\00BB"; display: inline-block; padding-right: 5px; font-size: 22px; color: var(--nqc-primary);} .double-caret-right:hover, .double-caret-right:hover::before { color: var(--nqc-primary-hover); } .double-caret-right:focus { box-shadow: 0px 0px 0px 3px #FFBF47; outline: 0; color: var(--nqc-primary);} .double-caret-right:focus::before { color: var(--nqc-primary); } .quick-link-disabled.double-caret-right::before {color: var(--nqc-primary-disabled);} .standard-header-verb-disabled-link.double-caret-right::before, .standard-header-verb-disabled-link.double-caret-right {color: var(--nqc-primary-disabled);} #site-timeout-warning-holder {margin-top: 20px} .risk-indicator-container { display: inline-flex; flex-direction: row; flex-wrap: nowrap; } .gadget-item .risk-indicator-container {vertical-align: -3px} .ownmessage_prefix { font-style: italic; } #filterButton { margin-bottom: 4px; } .trigger-kharon-drilldown .text-description { text-decoration: underline; cursor: pointer; } .kharon-slide > p, .kharon-slide > h3, .kharon-slide > a { margin-left: 2.5em; } .kharon-url { margin-bottom: 1em; display: inline-block; text-decoration: none; /* font-size: 14px; */ } .kharon-url:hover { text-decoration: underline; } .kharon-carousel-body { border-top: 1px solid var(--nqc-grey); } .kharon-slide { position: absolute; height: 100%; width: 100%; background: #fff; top: 0; overflow-y: scroll; display: none; } .kharon-back { cursor: pointer; position: relative; top: 3px; display: none; } .kharon-risks-header { margin-left: 0.5em !important; } .kharon-carousel-body .item-text { padding-right: 0 !important; } .standard-form-infolegal{ line-height: 1.3157; font-weight: 700; } .standard-form-infolegal span.icon-important{ margin-left: 20px; } .standard-form-infolegal SPAN { float: left; display: inline-block; width: 92%; margin-top: 8px; } .form-option-child p, .form-option-child .standard-form-option-radio, .form-option-child i{ margin-left: 15px !important; } /* payment form AUTO-11123 */ .payment_button { /* background: #F47738 !important; */ /* border-color: #F47738 !important; */ background: #0A4F16 !important; border-color: #0A4F16 !important; pointer-events: auto; } .payment_button:hover { /* color: #F47738 !important; */ color: #0A4F16 !important; background: #fff !important; } .standard-submit-complete.payment_button:disabled, .standard-submit-complete.payment_button:disabled:hover { /* background: #F47738 !important; */ background: #0A4F16 !important; color: #fff !important; opacity: 50%; cursor: not-allowed !important; } .standard-submit-complete:disabled, .standard-submit-complete:disabled:hover { background: #0A4F16 !important; color: #fff !important; opacity: 50%; cursor: not-allowed !important; } .payment_spinner { margin-left: 140px; } /* AUTO-12178 */ .order-item { background: #F8F9FA; padding: 16px; margin: 8px 0 24px 0; font-size: 18px; } #order_details h2 { font-size: 18px; margin-bottom: 8px; color: #868E96; } #order_details label.disabled { color: #ADB5BD; } div.order-item p.order-item-title { font-size: 18px; padding: 0; margin: 0 0 8px 0; } div.order-item p.order-item-location, div.order-item p.order-cost-title { font-size: 16px; padding: 0; margin: 0 0 8px 0; } div.order-item p.order-item-includes, div.order-item p.order-item-disclaimer { font-size: 16px; font-weight: normal; padding: 0; margin: 0 0 8px 0; } div.order-item p.order-cost-amount { padding: 0; margin: 0; } div.order-item ul.order-item-details { margin-left: 24px; } div.order-item ul.order-item-details li { margin-bottom: 8px; } div.order-item hr { background-color: #CFD4DA !important; } div.order-item p.order-cost-title { font-weight: normal; } div.order-item span.order-cost-small { font-size: 11px; font-weight: normal; } div.order-item.hidden { opacity: 0; height: 0; padding: 0; margin: 16px 0 0 0; overflow: hidden; } #payment_options { background: #F8F9FA; padding: 16px; margin: 8px 0 0 0; font-size: 18px; } #payment_options label { font-size: 16px; margin-bottom: 8px; } #payment_options .row { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; align-items: auto; align-content: start } .card_logos { height: 28px; margin-bottom: 24px; display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap; align-items: center; } .card_logos img { max-height: 28px; max-width: 40px; margin-right: 4px; } .card_number label { margin-bottom: 8px; } .card_number input { width: 436px; } .expiry_and_security { display: grid; grid-template-columns: 115px 125px 240px; grid-template-rows: 27px 40px; grid-column-gap: 10px; grid-row-gap: 0px; } .expiry_date_label { grid-area: 1 / 1 / 2 / 3; } .security_number_label { grid-area: 1 / 3 / 2 / 4; } .month_picker { grid-area: 2 / 1 / 3 / 2; } .year_picker { grid-area: 2 / 2 / 3 / 3; } .security_code { grid-area: 2 / 3 / 3 / 4; } .expiry_and_security select, .expiry_and_security input { height: 35px; width: 120px; } #order_confirmation { /* background: #EAF6F5; */ /* padding: 16px; */ /* margin-bottom: 24px; */ position: relative; } #order_confirmation .close { position: absolute; top: 12px; right: 12px; height: 12px; width: 12px; line-height: 10px; cursor: pointer; } #order_confirmation .order { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; flex: 1 0 0; } #order_confirmation .order .thanks { display: flex; align-items: flex-start; gap: 4px; font-weight: bold; } #order_confirmation .ordernumber { font-weight: bold; } /* #order_confirmation .order ul li { margin: 0 0 4px 20px; } */ input[name=verified_saq_rating], input[name=twentyfourhour_verification], #terms_of_payment { filter: grayscale(1); } .form-option-hidden { display: none; } L10N { text-decoration: underline wavy #ffff00; } svg.svg-tree path { stroke: #000000; stroke-width: 1; } foreignObject { line-height: 1.5; width: 100%; } div.risk_indicator { height: 14px; width: 9px; border-width: 1.5px; border-style: solid; margin-right: 2px; border-radius: 2px; } foreignObject.mineai { color: #6F777B; } path.svg-hierarchy-branch.mineai { stroke: #999999; } #organisationnameexclusions_gadget .gadget-column-heading { font-weight: bold; text-align: left; } #organisationnameexclusions_gadget .orgexclusion { color: #ccc; } #organisationnameexclusions_gadget .orgexclusion_ACTIVE { color: #000; } #organisationnameexclusions_gadget .gadget-item-column-content, #organisationnameexclusions_gadget .gadget-item { white-space: normal !important; } /* .banner { opacity: 0.1; animation: fade-in linear forwards; animation-timeline: view(); position: relative; right: 20%; animation-range: entry 100px; } @keyframes fade-in { 100% { right: 0; opacity: 1; } } */ .gadget-record-row-title, .gadget-column-firstaward { padding-left: 0.5em; } .block-label.selection-button-checkbox.bounce::after { animation: fadeout 0.5s; } .block-label.selection-button-checkbox.selected.bounce::after { animation: bounce 1s; } @keyframes bounce { 0%, 20%, 40%, 60%, 80%, 100% { transform: rotate(-45deg) translateY(0); /* Include initial rotation */ } 10% { transform: rotate(-45deg) translateY(-4px) translateX(4px); } 30% { transform: rotate(-45deg) translateY(-2px) translateX(2px); } 50% { transform: rotate(-45deg) translateY(-1px) translateX(1px); } 70% { transform: rotate(-45deg) translateY(-0.5px) translateX(0.5px); } 90% { transform: rotate(-45deg) translateY(-0.25px) translateX(0.25px); } } @keyframes fadeout { 0% { opacity: 1; scale: 1; } 100% { scale: 2; border-width: 0 0 10px 10px; top: 2px; opacity: 0; } } #menu-user-settings .menu-section { padding: 16px; border-bottom: 1px solid #CFD4DA; } #menu-user-settings .profile-section { line-height: 1.5; } #menu-user-settings .account_org_svg_icon { margin: 2px 2px 2px -2px; } #chat-icon-holder { position: fixed; top: 162px; right: 0px; z-index: 999; cursor: pointer; width: 40px; height: 140px; background: #E45E27; } #chat-icon-banner { text-decoration: none; background-color: #E45E27; color: #ffffff; white-space: nowrap; z-index: 98; margin: 0; padding: 10px; transform: rotate(-90deg); position: absolute; /* right: -28px !important; */ /* right: -21px !important; */ left: -26px !important; top: 71px !important; } #chat-icon { top: 0 !important; right: 0 !important; } .livechat-button { transition: width 0.5s ease, background-color 0.5s ease opacity 0.5s ease; height: 40px; width: 40px; background: yellow; cursor: pointer; display: flex; } .livechat-button:hover { height: 40px; background: green; } .livechat-button-label { width: 0; opacity: 0; display: inline-block; overflow: hidden; transition: width 0.5s ease; } .livechat-button:hover .livechat-button-label { width: auto; opacity: 1; } .standard-infobox-body .info-box{ padding: 8px 8px 0 8px; /* background: #F8F9FA; */ background: #E6E6E6; min-height: 90px; border-radius: 4px; display: flex; } .standard-infobox-body .info-box div{ float: left; } .info-box .small-text{ font-size: 14px; } .info-box .risk-award{ display: block; width: 8px; height: 16px; border-radius: 2px; margin-right: 8px; float: left; } .col-1{ width: 42%; } .col-2{ width: 53%; } .col-mid{ width: 5%; } .large-text{ font-size: 28px; font-style: normal; font-weight: 700; line-height: 42px; }