.BackBtn_container__EO8Pq{font-size:1rem;font-weight:500}.BackBtn_container__EO8Pq:hover{cursor:pointer;opacity:.8}.BackBtn_wrapper__8NEv9{display:flex;align-items:center}.BackBtn_wrapper__8NEv9 .BackBtn_text__zOH25{padding-left:.5rem} .CustomBtn_btn__mmFgv{width:fit-content;padding-left:1.25rem;padding-right:1.25rem;border-radius:.375rem;font-weight:600;font-size:1rem;color:var(--color-white);border:none;background-color:var(--primary-color)}.CustomBtn_btn__mmFgv:hover{cursor:pointer;opacity:.8}.CustomBtn_btn--action__6t6Ux{background-color:var(--primary-color)}.CustomBtn_btn--primary__8FgJZ{background-color:var(--color-white);color:var(--primary-color);border:1px solid var(--primary-color)}.CustomBtn_btn--primary-grey__YD8z4{background-color:var(--color-white);color:var(--tertiary-text-color);border:1px solid var(--tertiary-text-color)}.CustomBtn_btn--cancel__i8gtS{background-color:var(--tertiary-text-color);color:var(--color-white);margin-right:1.563rem}.CustomBtn_btn--disabled__gpP3v{opacity:.5}.CustomBtn_btn--disabled__gpP3v:hover{opacity:.5}.CustomBtn_btn__content__aVGRn{display:flex;align-items:center;justify-content:center;gap:8px} .FormikErrors_error__Xgtz5{color:var(--error-color);font-size:14px;font-weight:500;white-space:pre-line} .Loader_container__ukdx3{display:flex;justify-content:center;align-items:center}.Loader_loading__jfo7w{--square: 16px;--offset: 18px;--duration: 2.4s;--delay: 0.2s;--timing-function: ease-in-out;--in-duration: 0.4s;--in-delay: 0.1s;--in-timing-function: ease-out;width:calc(3*var(--offset) + var(--square));height:calc(2*var(--offset) + var(--square));margin:0 1rem;position:relative}.Loader_square__ooAYd{display:inline-block;background:var(--secondary-color);border:none;border-radius:5px;width:var(--square);height:var(--square);position:absolute;padding:0;margin:0;font-size:6pt;color:#000}.Loader_square--1__AAKKf{left:calc(0*var(--offset));top:calc(0*var(--offset));animation:Loader_loader-square1__OxvhM var(--duration) var(--delay) var(--timing-function) infinite,Loader_squarefadein__yqmQ6 var(--in-duration) calc(1*var(--in-delay)) var(--in-timing-function) both}.Loader_square--2__JWETf{left:calc(0*var(--offset));top:calc(1*var(--offset));animation:Loader_loader-square2__WoLUB var(--duration) var(--delay) var(--timing-function) infinite,Loader_squarefadein__yqmQ6 var(--in-duration) calc(1*var(--in-delay)) var(--in-timing-function) both}.Loader_square--3__Ctp-1{left:calc(1*var(--offset));top:calc(1*var(--offset));animation:Loader_loader-square3__1XGCD var(--duration) var(--delay) var(--timing-function) infinite,Loader_squarefadein__yqmQ6 var(--in-duration) calc(2*var(--in-delay)) var(--in-timing-function) both}.Loader_square--4__3CTbR{left:calc(2*var(--offset));top:calc(1*var(--offset));animation:Loader_loader-square4__8ePbE var(--duration) var(--delay) var(--timing-function) infinite,Loader_squarefadein__yqmQ6 var(--in-duration) calc(3*var(--in-delay)) var(--in-timing-function) both}.Loader_square--5__lRpcJ{left:calc(3*var(--offset));top:calc(1*var(--offset));animation:Loader_loader-square5__x4crX var(--duration) var(--delay) var(--timing-function) infinite,Loader_squarefadein__yqmQ6 var(--in-duration) calc(4*var(--in-delay)) var(--in-timing-function) both}@keyframes Loader_loader-square1__OxvhM{0%{left:calc(0*var(--offset));top:calc(0*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(1*var(--offset))}100%{left:calc(0*var(--offset));top:calc(1*var(--offset))}}@keyframes Loader_loader-square2__WoLUB{0%{left:calc(0*var(--offset));top:calc(1*var(--offset))}8.333%{left:calc(0*var(--offset));top:calc(2*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(2*var(--offset))}25.00%{left:calc(1*var(--offset));top:calc(1*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(1*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(0*var(--offset))}100%{left:calc(0*var(--offset));top:calc(0*var(--offset))}}@keyframes Loader_loader-square3__1XGCD{0%,100%{left:calc(1*var(--offset));top:calc(1*var(--offset))}16.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}25.00%{left:calc(1*var(--offset));top:calc(0*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(0*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(1*var(--offset))}75.00%{left:calc(2*var(--offset));top:calc(2*var(--offset))}83.33%{left:calc(1*var(--offset));top:calc(2*var(--offset))}91.67%{left:calc(1*var(--offset));top:calc(1*var(--offset))}}@keyframes Loader_loader-square4__8ePbE{0%{left:calc(2*var(--offset));top:calc(1*var(--offset))}33.33%{left:calc(2*var(--offset));top:calc(1*var(--offset))}41.67%{left:calc(2*var(--offset));top:calc(2*var(--offset))}50.00%{left:calc(3*var(--offset));top:calc(2*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(1*var(--offset))}100%{left:calc(3*var(--offset));top:calc(1*var(--offset))}}@keyframes Loader_loader-square5__x4crX{0%{left:calc(3*var(--offset));top:calc(1*var(--offset))}50.00%{left:calc(3*var(--offset));top:calc(1*var(--offset))}58.33%{left:calc(3*var(--offset));top:calc(0*var(--offset))}66.67%{left:calc(2*var(--offset));top:calc(0*var(--offset))}75.00%{left:calc(2*var(--offset));top:calc(1*var(--offset))}100%{left:calc(2*var(--offset));top:calc(1*var(--offset))}}@keyframes Loader_squarefadein__yqmQ6{0%{transform:scale(0.75);opacity:0}100%{transform:scale(1);opacity:1}} .CheckBox_container__hlL04{margin-top:30px}.CheckBox_container__hlL04:hover{cursor:pointer;opacity:.8}.CheckBox_default-btn__hgHb8{display:flex;align-items:flex-start}.CheckBox_default-btn-toggle__FCCzQ{border:1px solid var(--color-black);width:1.25rem;height:1.25rem;margin-top:.2px}.CheckBox_default-btn__label__Tkk0G{margin-left:15px;font-size:14px}.CheckBox_circle-btn__QwBde{display:flex;flex-flow:row;align-items:center}.CheckBox_circle-btn__QwBde:hover{opacity:.8;cursor:pointer}.CheckBox_circle-btn__toggle__TxMA1{position:relative;min-width:1.5rem;min-height:1.5rem;background-color:var(--color-white);border-radius:50%;border:3px solid var(--color-black)}.CheckBox_circle-btn__toggle--active__6A3XL::after{content:"";height:.75rem;width:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:var(--primary-color);border-radius:50%}.CheckBox_circle-btn__label__6BDH-{font-size:1rem;font-weight:500;color:var(--color-black);margin-left:10px} .Select_container__Vu4eB{display:flex;width:100%;flex-flow:column;gap:2px;position:relative}.Select_select__zq57-{cursor:pointer;display:flex;height:45px;width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #000;align-items:center;padding:10px;justify-content:space-between}.Select_label__AYK8S{font-style:normal;font-size:1rem;font-weight:500;color:var(--color-black)}.Select_required__nG5g3{color:var(--error-color)}.Select_options__7I20y{position:absolute;z-index:1;display:flex;flex-flow:column;background-color:var(--color-white);border:.063rem solid var(--tertiary-color);width:100%;box-shadow:var(--primary-box-shadow);max-height:400px;overflow-y:scroll;margin-top:66px}.Select_option__cpfzZ{display:flex;flex-flow:row;align-items:center;padding:.625rem}.Select_option__cpfzZ:hover{background-color:var(--tertiary-color);border-radius:.25rem;color:var(--primary-color);cursor:pointer}.Select_option__text__LrHy0{font-style:normal;font-weight:500;font-size:.875rem;color:var(--quaternary-text-color);margin-left:.5rem}.Select_placeholder__q0vsn{color:var(--accent-color)}.Select_chevron__RgkHF{transition:.3s;transform:rotate(0deg)}.Select_chevron-flip__NYG6e{transition:.3s;transform:rotate(180deg)} .SearchBar_container__\+SIaL{height:45px;display:flex;flex-flow:row;width:100%;box-sizing:border-box;position:relative;padding-left:10px;border:2px solid var(--accent-color);border-radius:6px;color:var(--quaternary-text-color);background:var(--color-white);font-size:1rem;font-weight:400}.SearchBar_container__\+SIaL:focus-within{outline:none;border:2px solid var(--color-black);box-shadow:var(--highlighted-box-shadow)}.SearchBar_container__\+SIaL::placeholder{color:var(--accent-color)}.SearchBar_search__n1hCQ{border:none;outline:none;width:100%;border-radius:6px} .Tabs_container__kdC2w{display:flex;width:100%;padding-left:2.5rem;border-bottom:.1rem solid var(--light-border);background-color:var(--background-grey)}@media(max-width: 991.98px){.Tabs_container__kdC2w{padding-left:0}}.Tabs_wrapper__nFKX3{display:flex;overflow-x:scroll}.Tabs_button__inO41{width:180px;display:flex;height:54px;justify-content:center;padding:0 1rem;align-items:center;text-align:center;border:none;background:none;cursor:pointer;font-size:1rem;white-space:nowrap;border-bottom:5px solid rgba(0,0,0,0);transition:all .3s ease}.Tabs_button__inO41.Tabs_active__IT5bJ{border-bottom:5px solid var(--primary-color);color:var(--primary-color);font-weight:bold}@media(max-width: 991.98px){.Tabs_button__inO41.Tabs_active__IT5bJ{border-bottom:unset;border-top:1px solid var(--primary-color);border-right:1px solid var(--primary-color);border-left:1px solid var(--primary-color);background:var(--upload-file)}} .TextField_container__kvdaf{display:flex;flex-direction:column;width:100%;gap:2px}.TextField_label__J3PfS{font-size:1rem}.TextField_label__J3PfS.TextField_required__qCKPu::after{content:"*";color:var(--error-color);margin-left:4px}.TextField_input__container__cbZJz{display:flex;justify-content:flex-end;position:relative}.TextField_input__-cC01{height:45px;width:100%;box-sizing:border-box;padding-left:15px;border-radius:6px;border:1px solid var(--color-black);color:var(--quaternary-text-color);font-size:1rem;font-weight:400}.TextField_input__-cC01:focus{outline:none;border:2px solid var(--color-black);box-shadow:var(--highlighted-box-shadow)}.TextField_input__-cC01::placeholder{color:var(--accent-color)}.TextField_icon__RrtYM{position:absolute;height:100%;display:flex;justify-content:center;flex-direction:column;padding-right:10px;z-index:2;cursor:pointer} .TextAreaField_textarea__container__k\+2y0{display:flex;flex-direction:column;gap:5px}.TextAreaField_label__ATOcd{font-size:1rem}.TextAreaField_label__ATOcd.TextAreaField_required__8aKMs::after{content:"*";color:var(--error-color);margin-left:4px}.TextAreaField_TextAreaField__tvSdp{height:150px;padding:15px;border-radius:8px;border:none;width:100%;color:var(--quaternary-text-color);border-radius:6px;border:1px solid var(--color-black);font-size:14px;font-weight:500}.TextAreaField_TextAreaField__tvSdp:focus{outline:none;border:2px solid var(--color-black);box-shadow:var(--highlighted-box-shadow)}.TextAreaField_TextAreaField__tvSdp::placeholder{color:var(--accent-color)}.TextAreaField_max-chars__aWPkH{display:flex;justify-content:flex-end;font-size:.85rem;width:100%;color:var(--success-text);margin-top:.5rem}.TextAreaField_max-chars__limit-reached__2qWX9{color:var(--error-color)} .TextAreaField_textarea__container__vwhJe{display:flex;flex-direction:column;gap:5px}.TextAreaField_label__DHAI2{font-size:1rem}.TextAreaField_label__DHAI2.TextAreaField_required__Ry8dE::after{content:"*";color:var(--error-color);margin-left:4px}.TextAreaField_TextAreaField__jjYVk{height:150px;padding:15px;border-radius:8px;border:none;width:100%;color:var(--quaternary-text-color);border-radius:6px;border:1px solid var(--color-black);font-size:14px;font-weight:500}.TextAreaField_TextAreaField__jjYVk:focus{outline:none;border:2px solid var(--color-black);box-shadow:var(--highlighted-box-shadow)}.TextAreaField_TextAreaField__jjYVk::placeholder{color:var(--accent-color)}.TextAreaField_max-chars__37VM-{display:flex;justify-content:flex-end;font-size:.85rem;width:100%;color:var(--success-text);margin-top:.5rem}.TextAreaField_max-chars__limit-reached__9cXxO{color:var(--error-color)}.TextAreaField_ql-snow__pa7Ra .TextAreaField_ql-picker__EDNvO.TextAreaField_ql-expanded__jLI3h .TextAreaField_ql-picker-options__DVdOv{overflow-y:scroll;max-height:100px}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 12px"]{font-size:12px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 14px"]{font-size:14px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 16px"]{font-size:16px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 18px"]{font-size:18px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 20px"]{font-size:20px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 22px"]{font-size:22px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 24px"]{font-size:24px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 26px"]{font-size:26px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 28px"]{font-size:28px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 30px"]{font-size:30px !important}.TextAreaField_ql-editor__4Szq8 [style*="font-size: 32px"]{font-size:32px !important} .Toggle_container__efnZo{display:flex;justify-content:space-between}.Toggle_label__ctN9-{font-family:Arial,sans-serif;font-size:1rem;font-weight:400;color:var(--quaternary-text-color);margin-right:10px;cursor:pointer}.Toggle_input__dcYJg{display:none}.Toggle_slider__-B5qH{position:relative;width:42px;height:24px;background-color:var(--background-light-grey);border-radius:24px;cursor:pointer;transition:background-color .3s ease}.Toggle_slider__-B5qH::before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background-color:var(--color-white);top:2px;left:2px;transition:transform .3s ease}.Toggle_input__dcYJg:checked+.Toggle_slider__-B5qH{background-color:var(--primary-color)}.Toggle_input__dcYJg:checked+.Toggle_slider__-B5qH::before{transform:translateX(18px)} .ActionDropdown_dropdown__9rLaX{cursor:pointer;position:relative}.ActionDropdown_select__UodI-{cursor:pointer}.ActionDropdown_options__z6Bd7{display:flex;flex-flow:column;background-color:var(--color-white);border:.063rem solid var(--tertiary-color);box-shadow:var(--primary-box-shadow)}.ActionDropdown_options--table-inline__TSKdp{position:absolute;display:flex;flex-direction:column;min-width:140px;margin-left:-9rem;z-index:2}.ActionDropdown_options--help-n-support__uw7At{position:absolute}.ActionDropdown_label__7bBuW{font-style:normal;font-weight:500;font-size:.875rem;color:var(--quaternary-text-color)}.ActionDropdown_option__74NGC{display:flex;flex-flow:row;align-items:center;padding:.625rem}.ActionDropdown_option__74NGC:hover{background-color:var(--tertiary-color);border-radius:.25rem;color:var(--primary-color);cursor:pointer}.ActionDropdown_option__text__-t3to{font-style:normal;font-weight:500;font-size:.875rem;color:var(--quaternary-text-color);margin-left:.5rem}.ActionDropdown_option__icon__G5jG1{margin-right:8px;display:flex;align-items:center} .AdminRoleDropDown_select__nUlV9{cursor:pointer;display:flex;height:45px;width:100%;box-sizing:border-box;border-radius:6px;border:1px solid #000;align-items:center;padding:10px;justify-content:space-between}.AdminRoleDropDown_label__VMiJj{font-style:normal;font-weight:500;font-size:.875rem;color:var(--quaternary-text-color)}.AdminRoleDropDown_options__Q39Gb{z-index:1;display:flex;flex-flow:column;background-color:var(--color-white);border:.063rem solid var(--tertiary-color);width:100%;box-shadow:var(--primary-box-shadow)}.AdminRoleDropDown_option__Xk7OU{display:flex;flex-flow:row;align-items:center;padding:.625rem}.AdminRoleDropDown_option__Xk7OU:hover{background-color:var(--tertiary-color);border-radius:.25rem;color:var(--primary-color);cursor:pointer}.AdminRoleDropDown_option__text__85nSW{font-style:normal;font-weight:500;font-size:.875rem;color:var(--quaternary-text-color);margin-left:.5rem}.AdminRoleDropDown_chevron__l4tfC{transition:.3s;transform:rotate(0deg)}.AdminRoleDropDown_chevron-flip__iET1k{transition:.3s;transform:rotate(180deg)} .ModalBtn_primary-btn__odXVJ{background-color:var(--primary-color)}.ModalBtn_cancel-btn__w4MD4{background-color:var(--tertiary-text-color);margin-right:20px}.ModalBtn_primary-btn__odXVJ,.ModalBtn_cancel-btn__w4MD4{height:47px;width:fit-content;padding:.75rem 1.25rem;border-radius:6px;border:none;color:var(--color-white);font-weight:600;font-size:15px}.ModalBtn_primary-btn__odXVJ:hover,.ModalBtn_cancel-btn__w4MD4:hover{cursor:pointer;opacity:.8} .ModalFooter_container__hpKtb{padding:25px 1.25rem 25px 30px;border-top:1px solid var(--light-border);display:flex;justify-content:space-between} .ModalHeader_container__HyXfn{border-bottom:1px solid var(--light-border);display:flex;flex-flow:row;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1.25rem}.ModalHeader_label__1Biev{color:var(--primary-color);font-weight:500;margin-bottom:0;font-size:1.25rem}.ModalHeader_button__FH\+aO:hover{cursor:pointer;opacity:.8} .ModalWrapper_container__sB4jG{width:800px}@media(max-width: 991.98px){.ModalWrapper_container__sB4jG{width:525px}}@media(max-width: 575.98px){.ModalWrapper_container__sB4jG{width:400px}} .DeleteFileModal_container__z2aLy{padding:1.25rem;display:flex;flex-flow:column;justify-content:center;align-items:center}@media(max-width: 767.98px){.DeleteFileModal_container__z2aLy{width:auto}}.DeleteFileModal_warning-icon__r0iXC{width:65px}.DeleteFileModal_title__gigNW{font-weight:600;font-size:1.25rem;text-align:center;color:var(--quaternary-text-color)} /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selectedItem; } .annotationLayer .linkAnnotation:hover { -webkit-backdrop-filter: invert(100%); backdrop-filter: invert(100%); } } .annotationLayer { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 3; } .annotationLayer[data-main-rotation='90'] .norotate { transform: rotate(270deg) translateX(-100%); } .annotationLayer[data-main-rotation='180'] .norotate { transform: rotate(180deg) translate(-100%, -100%); } .annotationLayer[data-main-rotation='270'] .norotate { transform: rotate(90deg) translateY(-100%); } .annotationLayer canvas { position: absolute; width: 100%; height: 100%; } .annotationLayer section { position: absolute; text-align: initial; pointer-events: auto; box-sizing: border-box; margin: 0; transform-origin: 0 0; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: 0.2; background: rgba(255, 255, 0, 1); box-shadow: 0 2px 10px rgba(255, 255, 0, 1); } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea), .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--scale-factor)) sans-serif; height: 100%; margin: 0; vertical-align: top; width: 100%; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { background: none; border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-image: none; background-color: transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); border-radius: 2px; outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { background-color: CanvasText; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 103%; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .popupTriggerArea { height: 100%; width: 100%; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; } .annotationLayer .popupWrapper { position: absolute; font-size: calc(9px * var(--scale-factor)); width: 100%; min-width: calc(180px * var(--scale-factor)); pointer-events: none; } .annotationLayer .popup { position: absolute; max-width: calc(180px * var(--scale-factor)); background-color: rgba(255, 255, 153, 1); box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgba(136, 136, 136, 1); border-radius: calc(2px * var(--scale-factor)); padding: calc(6px * var(--scale-factor)); margin-left: calc(5px * var(--scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; } .annotationLayer .popup > * { font-size: calc(9px * var(--scale-factor)); } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popupDate { display: inline-block; margin-left: calc(5px * var(--scale-factor)); } .annotationLayer .popupContent { border-top: 1px solid rgba(51, 51, 51, 1); margin-top: calc(2px * var(--scale-factor)); padding-top: calc(2px * var(--scale-factor)); } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .annotationLayer .annotationTextContent { position: absolute; width: 100%; height: 100%; opacity: 0; color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } .PdfViewer_container__document__W1VtK{width:100%;max-width:calc(100% - 2em);margin:1em 0}.PdfViewer_container__document__W1VtK .PdfViewer_react-pdf__Document__4rZFf{display:flex;flex-direction:column;align-items:center}.PdfViewer_container__document__W1VtK .PdfViewer_react-pdf__Page__\+L9df{margin:1em 0;box-shadow:var(--primary-box-shadow)}.PdfViewer_container__document__W1VtK .PdfViewer_react-pdf__message__QTx-h{padding:1.25rem;color:#fff} .UnsupportedFile_unsupported-file__YhO53{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.UnsupportedFile_unsupported-file__txt__i9QBI{font-size:1rem;color:var(--quaternary-text-color)} .FileViewerModal_container__65PrB{padding:1.25rem;display:flex;justify-content:center} .DocCard_container__8xsRo{width:calc(25% - 10px);background-color:var(--color-white);box-shadow:var(--primary-box-shadow)}@media(max-width: 1199.98px){.DocCard_container__8xsRo{width:calc(33.33% - 10px)}}@media(max-width: 991.98px){.DocCard_container__8xsRo{width:calc(50% - 10px)}}@media(max-width: 575.98px){.DocCard_container__8xsRo{width:calc(100% - 10px)}}.DocCard_body__rd-xX{padding:1.25rem}.DocCard_body__txt__j75ed{font-size:1.25rem;color:var(--quaternary-text-color);font-weight:600}.DocCard_footer__xLl1d{padding:1.25rem;border-top:2px solid var(--light-border);display:flex;flex-flow:row;justify-content:space-between} .NoAttachmentsMessage_container__fj7a9{margin-top:1.25rem;display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%}.NoAttachmentsMessage_text__y48gW{font-size:18px;color:var(--dark-text);font-weight:500;margin-top:10px;text-align:center} .Attachments_container__HWzD9{max-width:1300px;margin:0 auto;display:flex;flex-wrap:wrap;gap:10px} .BackgroundBanner_banner__vQJeq{position:absolute;width:100%;min-height:345px;background-repeat:repeat;background-size:auto;z-index:-1} .CountdownTimerBig_container--column__iOGb\+{display:flex;flex-flow:column}@media(max-width: 1199.98px){.CountdownTimerBig_container__GYZG7{display:flex;flex-flow:column;align-items:center}}.CountdownTimerBig_content__RondV{display:flex;align-items:center;text-transform:"capitalize"}.CountdownTimerBig_divider__0wdNQ{margin-left:1rem;margin-right:1rem;font-size:1.625rem}@media(max-width: 767.98px){.CountdownTimerBig_divider__0wdNQ{margin-left:.5rem;margin-right:.5rem}}.CountdownTimerBig_title__5rkhY,.CountdownTimerBig_time-card__value__fKsrz{font-size:1.1rem;font-weight:700}.CountdownTimerBig_title__5rkhY{padding-bottom:.5rem;font-weight:600;color:var(--quaternary-text-color)}@media(max-width: 991.98px){.CountdownTimerBig_title__5rkhY{margin-right:0;text-align:center;margin-bottom:20px}}.CountdownTimerBig_time-card__1OJ0z{display:flex;flex-flow:column}.CountdownTimerBig_time-card__label__VhoIC{font-size:.5rem;color:var(--tertiary-text-color);font-weight:400;text-align:center;margin-bottom:.2rem}.CountdownTimerBig_time-card__value__fKsrz{width:54.32px;height:54.32px;background-color:var(--color-white);display:flex;justify-content:center;align-items:center;box-shadow:var(--primary-box-shadow)}.CountdownTimerBig_time-card__value__txt__fPIVx{color:var(--primary-color)} @media(max-width: 767.98px){.CountdownTimerSmall_container__7FdFm{display:flex;flex-flow:column;align-items:flex-start}} .CountdownTimerSmall_title__Obg63{color:var(--tertiary-text-color);font-size:14px;margin-bottom:.3rem} .CountdownTimerSmall_content__T0PYj{font-weight:700;color:var(--primary-color)} .CountdownTimerSmall_content__value__M8\+wf{font-weight:400} .FormattedDate_lg-date__C-va9{width:100%;align-items:flex-end;display:flex;flex-flow:column}@media(max-width: 1199.98px){.FormattedDate_lg-date__C-va9{display:flex;flex-flow:column;align-items:center}}.FormattedDate_lg-date__label__4AUhR,.FormattedDate_lg-date__value__R37D0{font-size:18px;text-align:center;font-weight:600;margin-bottom:18px;color:var(--tertiary-text-color)}@media(max-width: 1199.98px){.FormattedDate_lg-date__label__4AUhR,.FormattedDate_lg-date__value__R37D0{margin-right:0;text-align:center;margin-bottom:21px;margin-top:37px}}.FormattedDate_default-label__ATpZ2{font-weight:400;font-size:14px;color:var(--tertiary-text-color)}.FormattedDate_default-value__fEbkO{margin-top:5px;font-size:1rem;color:var(--primary-color);font-weight:700}@media(max-width: 767.98px){.FormattedDate_default-value__fEbkO{margin-left:0}} .RenderTBD_lg-date__YQ9Is{width:100%;align-items:flex-end;display:flex;flex-flow:column}@media(max-width: 1199.98px){.RenderTBD_lg-date__YQ9Is{display:flex;flex-flow:column;align-items:center}}.RenderTBD_lg-date--column__Cs6l4{margin-bottom:18px}.RenderTBD_lg-date__label__Yl9q3{font-size:18px;text-align:center;font-weight:600;margin-bottom:18px;color:var(--tertiary-text-color)}@media(max-width: 1199.98px){.RenderTBD_lg-date__label__Yl9q3{margin-right:0;text-align:center;margin-bottom:21px;margin-top:37px}}.RenderTBD_lg-date__label--column__Trd39{margin-bottom:18px}@media(max-width: 767.98px){.RenderTBD_container__FBrRa{display:flex;flex-flow:column;align-items:flex-start}}.RenderTBD_default-label__cE1vj{font-weight:400;font-size:14px;color:var(--tertiary-text-color)}.RenderTBD_default-value__UG7SK{margin-top:5px;font-size:1rem;color:var(--primary-color);font-weight:700}@media(max-width: 767.98px){.RenderTBD_default-value__UG7SK{margin-left:0}} .CurrentTime_container__R9Kmk{display:flex;flex-flow:row}@media(max-width: 991.98px){.CurrentTime_container__R9Kmk{display:none}}.CurrentTime_label__fAYyh{font-size:1rem;font-weight:400}.CurrentTime_time__AR\+CW{font-size:1rem;font-weight:700;margin-left:.5rem} .StyledReactSelect_select__eHyAu{width:100%}.StyledReactSelect_container__mcHc6{display:flex;flex-flow:column}.StyledReactSelect_label__oqncQ{margin-bottom:5px} @charset "UTF-8"; .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before { border-color: #ccc; border-style: solid; border-width: 3px 3px 0 0; content: ""; display: block; height: 9px; position: absolute; top: 6px; width: 9px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { margin-left: -4px; position: absolute; width: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; content: ""; z-index: -1; border-width: 8px; left: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { top: 0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { bottom: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; padding: 0; border: 0; width: 100%; } .react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^=bottom] { padding-top: 10px; } .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle { left: auto; right: 50px; } .react-datepicker-popper[data-placement^=top] { padding-bottom: 10px; } .react-datepicker-popper[data-placement^=right] { padding-left: 8px; } .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^=left] { padding-right: 8px; } .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; padding: 8px 0; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0; } .react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 15px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { align-items: center; background: none; display: flex; justify-content: center; text-align: center; cursor: pointer; position: absolute; top: 2px; padding: 0; border: none; z-index: 1; height: 32px; width: 32px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 2px; } .react-datepicker__navigation--next { right: 2px; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; } .react-datepicker__navigation--years-upcoming { top: -4px; } .react-datepicker__navigation:hover *::before { border-color: #a6a6a6; } .react-datepicker__navigation-icon { position: relative; top: -1px; font-size: 20px; width: 0; } .react-datepicker__navigation-icon--next { left: -2px; } .react-datepicker__navigation-icon--next::before { transform: rotate(45deg); left: -7px; } .react-datepicker__navigation-icon--previous { right: -2px; } .react-datepicker__navigation-icon--previous::before { transform: rotate(225deg); right: -7px; } .react-datepicker__month-container { float: left; } .react-datepicker__year { margin: 0.4rem; text-align: center; } .react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; } .react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0 10px 15px; text-align: left; } .react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] { -moz-appearance: textfield; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 85px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -87px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0; padding-left: 0; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-names { margin-bottom: -8px; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: #1d5d90; } .react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: #ccc; pointer-events: none; } .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; } .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: bold; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: #bad9f1; color: rgb(0, 0, 0); } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: transparent; } .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: #216ba5; } .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: #f0f0f0; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; position: relative; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { transform: rotate(135deg); right: -16px; top: 0; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0; outline: 0; padding: 0 6px 0 0; position: absolute; top: 0; right: 0; height: 100%; display: table-cell; vertical-align: middle; } .react-datepicker__close-icon::after { cursor: pointer; background-color: #216ba5; color: #fff; border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__children-container { width: 13.8rem; margin: 0.4rem; padding-right: 0.2rem; padding-left: 0.2rem; height: auto; } .react-datepicker__aria-live { position: absolute; clip-path: circle(0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; white-space: nowrap; } .DatePicker_date-picker__Rtt-P{display:flex;flex-flow:column;width:100%;gap:2px}.DatePicker_date-picker__Rtt-P .DatePicker_label__d1ZXi{font-size:1rem}.DatePicker_date-picker__Rtt-P .DatePicker_label__d1ZXi.DatePicker_required__1W\+3G::after{content:"*";color:var(--error-color);margin-left:4px}.DatePicker_date-picker__Rtt-P input{padding-left:15px;width:100%;border:1px solid var(--color-black);height:45px;border-radius:6px;font-size:1rem;color:var(--quaternary-text-color);font-size:1rem;font-weight:400}.DatePicker_date-picker__Rtt-P input:focus{outline:none;border:2px solid var(--color-black);box-shadow:var(--highlighted-box-shadow)}.DatePicker_date-picker__Rtt-P input::placeholder{color:var(--accent-color)} .ErrorLabel_text__TSIz9{color:var(--error-color);font-size:1.125rem;font-weight:500;white-space:pre-line} .EventStateStatus_text__fUEeB{font-weight:600;font-size:1.125rem}.EventStateStatus_text--success__nkaZA{color:var(--success-color)}.EventStateStatus_text--warning__x9q7p{color:var(--orange-500)}.EventStateStatus_text--error__FlRSp{color:var(--error-color)} .FooterBanner_container__vQ9NB{width:100%;padding:.5rem;display:flex;align-items:center;justify-content:space-between;background:var(--blue-900);color:var(--color-white);position:fixed;bottom:0;font-size:12px}.FooterBanner_container__vQ9NB.FooterBanner_sidebar__9tFgA{padding-left:1rem;padding-right:14rem} .LanguagesDropdown_container__DGRMP{position:relative;cursor:pointer}.LanguagesDropdown_select__EOEHx{display:flex;align-items:center;padding:1rem 1.25rem}.LanguagesDropdown_select__selected-lang__NxkRp{font-size:.75rem;font-weight:600;padding:0 .75rem;color:var(--quaternary-text-color)}.LanguagesDropdown_select__chevron__O9Fhn{width:10px;height:5px;background:var(--color-black);border-radius:0 0 5px 5px;clip-path:polygon(50% 100%, 0% 0%, 100% 0%);transition:transform .2s linear}.LanguagesDropdown_select__chevron--rotate__vYHzp{transform:rotate(180deg)}.LanguagesDropdown_options__dzZqY{position:absolute;width:100%;margin-top:6px;display:flex;flex-direction:column;background-color:var(--color-white);box-shadow:0 4px 4px -2px var(--box-shadow-color)}.LanguagesDropdown_options-item__zaUsc{padding:.25rem 1rem}.LanguagesDropdown_options-item__zaUsc:hover{cursor:pointer;opacity:.8}.LanguagesDropdown_options-item__label__Dc-yd{color:var(--quaternary-text-color);font-size:.875rem;font-weight:500} .Pagination_container__HLSzh{margin-top:25px;display:flex;flex-direction:column}.Pagination_text__Xd8Xf{font-weight:500;font-size:.65rem;color:var(--tertiary-text-color)}.Pagination_value__Qk2eZ{color:var(--primary-color);font-size:.825rem;padding:0 10px}.Pagination_prev__chevron__T5dy9,.Pagination_next__chevron__7sPUZ{scale:.7;margin:auto 20px;cursor:pointer}.Pagination_next__chevron__7sPUZ{transform:rotate(-90deg)}.Pagination_prev__chevron__T5dy9{transform:rotate(90deg)}.Pagination_prev__chevron__T5dy9:hover{cursor:pointer;opacity:.8}.Pagination_prev__chevron__T5dy9 a,.Pagination_next__chevron__7sPUZ a{display:flex;justify-content:center}.Pagination_pagination-container__Gk5Zc{display:flex;justify-content:center}@media(max-width: 991.98px){.Pagination_pagination-container__Gk5Zc{justify-content:left}}.Pagination_pagination-container__Gk5Zc li::marker{content:""}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s{border-radius:6px}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s a{width:32px;height:32px;margin:auto 4px;display:flex;box-sizing:border-box;align-items:center;font-weight:500;font-size:.75rem;justify-content:center}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s.Pagination_dots__DN5q4:hover{background-color:rgba(0,0,0,0);cursor:default}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s:hover{background-color:var(--background-light-grey);cursor:pointer}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s.Pagination_selected__w\+plE{justify-content:center;background-color:var(--primary-color);color:var(--color-white)}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s .Pagination_arrow__2qz5c::before{content:"";position:relative;display:inline-block;width:.4em;height:.4em;border-right:4px solid var(--color-black);border-top:4px solid var(--color-black)}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s .Pagination_arrow__2qz5c.Pagination_left__A7Z5P{transform:rotate(-135deg) translate(-50%)}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s .Pagination_arrow__2qz5c.Pagination_right__MIktS{transform:rotate(45deg)}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s.Pagination_disabled__uRkMo{pointer-events:none}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s.Pagination_disabled__uRkMo .Pagination_arrow__2qz5c::before{border-right:.12em solid var(--quaternary-text-color);border-top:.12em solid var(--quaternary-text-color)}.Pagination_pagination-container__Gk5Zc .Pagination_pagination-item__2aP6s.Pagination_disabled__uRkMo:hover{background-color:rgba(0,0,0,0);cursor:default} .ListTable_table-container__64\+C\+{min-width:1200px;padding:1rem;background-color:var(--color-white);border-radius:8px;min-height:400px}.ListTable_actionbar__ONqpK{display:flex;margin-bottom:1rem;justify-content:space-between}@media(max-width: 1199.98px){.ListTable_actionbar__ONqpK{justify-content:unset}}.ListTable_actionbar__ONqpK svg{cursor:pointer}.ListTable_actionbar__ONqpK svg:hover{opacity:.5}.ListTable_table__A3rQ7{width:100%;background-color:var(--color-white);border-radius:.75rem;padding:20px;border-collapse:collapse;overflow-x:scroll}@media(max-width: 991.98px){.ListTable_table__A3rQ7{padding:5px}}.ListTable_table__A3rQ7 thead{height:50px;font-size:1rem;color:var(--tertiary-text-color);background-color:var(--background-grey);text-align:left;border-radius:10px;border-spacing:0}.ListTable_table__A3rQ7 tr{margin:10px 0;border-bottom:1px dashed #e4e6ef;font-size:.875rem;font-weight:500}.ListTable_table__A3rQ7 th{padding:10px;color:var(--tertiary-text-color);font-weight:500;cursor:pointer}.ListTable_table__A3rQ7 td{padding:1rem 0;font-size:.65rem;text-align:left;position:relative}.ListTable_table__A3rQ7 .ListTable_sort-asc__8d1G1{margin-top:10px;margin-left:5px}.ListTable_table__A3rQ7 .ListTable_sort-desc__UZTm-{transform:rotate(180deg);margin-top:10px;margin-left:5px;position:absolute}.ListTable_table__A3rQ7 th:first-child,.ListTable_table__A3rQ7>td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.ListTable_table__A3rQ7 th:last-child,.ListTable_table__A3rQ7>td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.ListTable_expand-btn__LYEbr{background:var(--color-white);border:none;margin-top:2px;cursor:pointer}.ListTable_expand-btn__expanded__sFJ0U{transform:rotate(90deg)}.ListTable_expanded__content__Mb9U2{background-color:var(--background-grey)} .LogoutBtn_logout__gtZME{background:unset;border:unset;font-size:1rem;font-weight:500;cursor:pointer} .LogoutTimer_container__wepfp{display:flex;flex-flow:column;align-items:center}.LogoutTimer_time__X7L-c{display:flex;flex-flow:row;align-items:baseline}.LogoutTimer_title__sGG\+p{font-size:1rem;font-weight:400;color:var(--tertiary-text-color)}.LogoutTimer_time__minutes-value__4uyW9,.LogoutTimer_time__seconds-value__7hTcy{font-weight:700;font-size:1rem;color:var(--primary-color)}.LogoutTimer_time__minutes-label__gmA8W,.LogoutTimer_time__seconds-label__7LGeS{font-size:1rem;color:var(--primary-color)}.LogoutTimer_time__seconds-value__7hTcy{margin-left:.3rem} .AcceptNominationModal_container__m7XbO{padding:1.25rem;display:flex;flex-flow:column;justify-content:center;align-items:center}@media(max-width: 767.98px){.AcceptNominationModal_container__m7XbO{width:auto}}.AcceptNominationModal_warning-icon__LwmHu{width:65px}.AcceptNominationModal_title__H0XsJ{font-weight:600;font-size:1.25rem;text-align:center;color:var(--quaternary-text-color);margin:1.25rem 0;max-width:500px}.AcceptNominationModal_consent__-SMeh{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--light-border)}.AcceptNominationModal_termsLink__Bm0zd{color:var(--primary-color)} .AddLinkModal_container__YLQrv{padding:1.25rem} .ConfirmArchiveEventModal_container__8m2Lw{padding:1.25rem;display:flex;flex-flow:column;justify-content:center;align-items:center}@media(max-width: 767.98px){.ConfirmArchiveEventModal_container__8m2Lw{width:auto}} .ConfirmNominationModal_container__MS2D4{padding:1.25rem;display:flex;flex-flow:column;justify-content:center;align-items:center}@media(max-width: 767.98px){.ConfirmNominationModal_container__MS2D4{width:auto}}.ConfirmNominationModal_warning-icon__rlcsh{width:65px}.ConfirmNominationModal_title__JHVZ6{font-weight:600;font-size:1.25rem;text-align:center;color:var(--quaternary-text-color)} .ConfirmDenominationModal_container__QSPok{padding:1.25rem;display:flex;flex-flow:column;justify-content:center;align-items:center}@media(max-width: 767.98px){.ConfirmDenominationModal_container__QSPok{width:auto}}.ConfirmDenominationModal_warning-icon__wmYtz{width:65px}.ConfirmDenominationModal_title__EkpTk{font-weight:600;font-size:1.25rem;text-align:center;color:var(--quaternary-text-color)} .ConfirmQrRequestModal_container__ljIlI{padding:75px;display:flex;flex-flow:column;align-items:center}.ConfirmQrRequestModal_icon__Bw7cj{margin-bottom:20px;width:65px}.ConfirmQrRequestModal_text__wnXkI{font-weight:600;font-size:1.25rem;color:var(--quaternary-text-color);text-align:center} .DownloadedModal_container__ernf0{padding:1.25rem;display:flex;flex-direction:column;align-items:center}.DownloadedModal_title__VH7x5{font-size:1.5rem;font-weight:500;color:var(--quaternary-text-color);text-align:center}.DownloadedModal_img__uwFJu{width:76px;height:76px}.DownloadedModal_label__KD\+bU{font-weight:500;font-size:32px;color:var(--success-color);margin-top:18px;margin-bottom:18px}.DownloadedModal_subtitle__utmvq{font-size:1.5rem;font-weight:500;color:var(--quaternary-text-color);text-align:center} .DownloadingModal_container__BtwO1{padding:1.25rem;display:flex;flex-direction:column;align-items:center}.DownloadingModal_title__Nxup3{font-size:1.5rem;font-weight:500;color:var(--quaternary-text-color);text-align:center} .EditUserModal_container__OSwqg{padding:1.25rem}.EditUserModal_error__text__L7lMk{color:var(--error-color);font-size:14px;font-weight:500;margin-top:1.25rem;white-space:pre-line}.EditUserModal_error__icon__7\+YK3{width:60px} .EmailSendModal_container__VZjNZ{padding:1.25rem} .FileUploaderModal_container__YmHQj{display:flex;flex-flow:column;align-items:center;justify-content:center;border:1.5px dashed var(--primary-color);background-color:var(--tertiary-color);border-radius:.75rem;margin:30px;height:300px;cursor:pointer}@media(max-width: 767.98px){.FileUploaderModal_container__YmHQj{height:250px}}.FileUploaderModal_container__YmHQj:hover{opacity:.7}.FileUploaderModal_text__BTZ-V{color:var(--quaternary-text-color);margin-top:10px;margin-bottom:21px}.FileUploaderModal_subtext__38ofG{color:var(--tertiary-text-color);font-weight:500;text-align:center} .UploadedDocument_container__XVR6P{margin-top:1.25rem;display:flex;flex-flow:row;align-items:center}.UploadedDocument_container__XVR6P:hover{cursor:pointer;opacity:.8}.UploadedDocument_upload__Idxxh{height:87px}.UploadedDocument_upload__Idxxh:hover{cursor:auto;opacity:1}.UploadedDocument_upload__icon__5oSuP{display:flex;flex-flow:row;align-items:center}.UploadedDocument_upload__icon__5oSuP svg{width:30px}.UploadedDocument_upload__text__RtySV{margin-left:14px;font-weight:500;font-size:14px} .DocumentInputUpload_header__aqcC5{display:flex;justify-content:flex-end;width:100%;margin-top:25px}.DocumentInputUpload_btn__tRxe-{height:50px;width:100%;border:1px solid var(--color-black);border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding-left:19px;padding-right:19px;margin-top:18px}.DocumentInputUpload_btn__tRxe-:hover{cursor:pointer;opacity:.8}.DocumentInputUpload_text__JEdFS{margin-left:14px;font-weight:500;font-size:14px}.DocumentInputUpload_icon__vaPEo{display:flex;flex-flow:row;align-items:center}.DocumentInputUpload_icon__vaPEo svg{width:30px} .EventAttachModal_container__J\+oYc{padding:1.25rem} .ExtendSessionModal_container__F3eWx{padding:1.25rem;display:flex;flex-flow:column;align-items:center;justify-content:center}.ExtendSessionModal_icons__2fMFg{display:flex;justify-content:center;align-items:center}.ExtendSessionModal_session__kFG2Z{margin-top:20px}.ExtendSessionModal_session__time__ViQ63{display:flex;flex-flow:column;text-align:center}.ExtendSessionModal_session__label__ftOHF{font-size:1rem;font-weight:400;color:var(--tertiary-text-color)}.ExtendSessionModal_session__value__4IEyg{font-weight:700;font-size:1rem;color:var(--primary-color)}.ExtendSessionModal_text__FtljG{font-weight:500;color:var(--quaternary-text-color);font-size:1rem;text-align:center;margin-top:20px} .NewAdminUserModal_container__uMoE6{padding:1.25rem}.NewAdminUserModal_inputs__container__rArD6{display:flex;flex-flow:column;padding:1rem}.NewAdminUserModal_phone__input__aAn0M{width:100%;display:flex;height:45px;box-sizing:border-box;border:1px solid var(--color-black);padding:.5rem;border-radius:6px;transition:border-color .3s ease}.NewAdminUserModal_phone__input__aAn0M:focus-within{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.NewAdminUserModal_phone__input__aAn0M input{border:none;outline:none} /* CSS variables. */ :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; align-items: center; } .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } /* Styling native country `