@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Overpass:wght@100;200;300;400;600;700;800&family=Roboto:wght@100;300;400;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.OTP-popup-overlay{background-color:#00000080;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.OTP-popup-overlay,.otp-popup{align-items:center;display:flex}.otp-popup{background:#fff;border-radius:20px;box-sizing:border-box;flex-direction:column;max-width:800px;padding:2rem;position:relative;width:80%}.email-svg{flex-shrink:0;height:126.75px;margin-bottom:2rem;pointer-events:none;-webkit-user-select:none;user-select:none;width:193.333px}.send-email-component h1{font-size:2.5rem;font-weight:400;letter-spacing:-.96px;margin:0}.send-email-component h1,.send-email-component p{color:#000;font-family:Roboto,sans-serif;line-height:normal;text-align:center;-webkit-user-select:none;user-select:none}.send-email-component p{font-size:2rem;font-weight:300;letter-spacing:-.64px;margin:1rem 0 2rem}.otp-inputs{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.otp-inputs input{background:#d9d9d9;border:2px solid #000;border-radius:20px;font-family:Roboto,sans-serif;font-size:2rem;font-weight:400;height:80px;outline:none;text-align:center;transition:border-color .2s,background-color .2s;width:60px}.otp-inputs input.active,.otp-inputs input.filled{background:#fff}.otp-inputs input.filled{color:#27a966}.otp-inputs input:hover{border-color:#27a966;cursor:text}.otp-inputs input::-webkit-inner-spin-button,.otp-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error-container{height:2rem;margin-bottom:1rem}.error{color:red;font-size:1.5rem;margin:0;text-align:center}.resend-code{align-items:center;display:flex;gap:.5rem;margin-bottom:2rem}.resend-code p{color:#000;font-weight:300;margin:0;text-align:center}.resend-code button,.resend-code p{font-family:Roboto,sans-serif;font-size:1.5rem;letter-spacing:.9px;line-height:normal}.resend-code button{background:none;border:none;color:#27a966;cursor:pointer;font-weight:500;padding:0;text-decoration:underline;transition:color .2s}.resend-code button:hover{color:#1e8a53}.resend-code button:disabled{color:#ccc;cursor:not-allowed;text-decoration:none}.resend-code button:disabled:hover{color:#ccc}.verify-cancel-buttons{display:flex;gap:2rem}.cancel-button,.verify-button{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:500;height:50px;justify-content:center;letter-spacing:.9px;transition:background-color .2s,color .2s;width:200px}.cancel-button{background:#fff;border:1px solid #000;color:#000000bf}.cancel-button:hover{background-color:#0000000d}.verify-button{background:#27a966;border:none;box-shadow:0 4px 10px #e9444b40;color:#fff}.verify-button:hover{background-color:#1e8a53}.verify-button:disabled{background-color:#ccc;cursor:not-allowed}.verify-button:disabled:hover{background-color:#ccc}@media (max-width:768px){.otp-popup{padding:1rem;width:90%}.email-svg{height:auto;width:150px}.otp-inputs input{border-radius:10px;font-size:1.5rem;height:60px;width:40px}.verify-cancel-buttons{flex-direction:column;gap:1rem}.cancel-button,.verify-button{width:100%}}body{margin:0;padding:0}.container,body{height:100vh;width:100vw}.container{display:flex}.left-section,.right-section{align-items:center;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column}.left-section{background-color:#fff}.right-section{background-color:#3f9d45;background-image:url(/static/media/loginbackground.ce4b1a1876de0a3ae35f.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.top-content{align-items:center;display:flex;height:30vh;justify-content:center}.ResearchConnectText,.WildlifeNLContainer{margin:0}.ResearchConnectText{color:#27a966;font-family:Overpass,sans-serif;font-size:2.7vw;font-weight:200;text-align:center;-webkit-user-select:none;user-select:none}.WildlifeNLContainer{align-items:center;display:flex;justify-content:center}.LoginLogo{height:20vh;margin-right:2vw;pointer-events:none}.LoginLogo,.WildlifeNLText{-webkit-user-select:none;user-select:none}.WildlifeNLText{color:#fff;font-family:Overpass,sans-serif;font-size:2.7vw;font-weight:800;text-shadow:0 4px 4px #00000040}.login-container{justify-content:flex-start;margin-top:6vh}.login-container,.login-form{align-items:center;display:flex;flex-direction:column;width:100%}.email-label{color:#000;font-family:Roboto,sans-serif;font-size:32px;font-weight:300;line-height:normal;margin-bottom:15px;margin-left:5px;-webkit-user-select:none;user-select:none;width:510px}.input-bar{align-items:center;background:#0000;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;display:flex;height:82px;margin-bottom:20px;padding:0 15px;width:510px}.email-input{background:#0000;border:none;color:#000;font-size:32px;font-weight:300;height:100%;outline:none;width:100%}.email-input,.signin-button{font-family:Roboto,sans-serif}.signin-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #e9444b40;color:#fff;cursor:pointer;display:flex;font-size:30px;font-weight:500;height:82px;justify-content:center;letter-spacing:.9px;text-align:center;-webkit-user-select:none;user-select:none;width:510px}.signin-button:hover{background-color:#1e8a53}@media screen and (max-width:768px){.top-content{height:auto;margin-bottom:2rem}.ResearchConnectText,.WildlifeNLText{font-size:5vw}.email-label,.input-bar,.signin-button{width:80%}.email-input,.signin-button{font-size:5vw}}.navbar{align-items:center;background:#734100;box-shadow:0 4px 10px #e9444b40;box-sizing:border-box;display:flex;height:90px;justify-content:space-between;left:0;padding:0 3%;position:fixed;top:0;width:100%;z-index:1000}.navbar-left{align-items:center;display:flex}.navbar-left,.navbar-logo{pointer-events:none;-webkit-user-select:none;user-select:none}.navbar-logo{border-radius:33.5px;height:67px;margin-right:20px;width:75px}.navbar-title{color:#fff;font-family:Overpass,sans-serif;font-size:54px;font-weight:800;line-height:normal;padding-top:3%;text-shadow:0 4px 4px #00000040}.navbar-actions,.navbar-title{-webkit-user-select:none;user-select:none}.navbar-actions{flex-grow:1;gap:15%;justify-content:center;padding:0 20% 0 0}.navbar-action,.navbar-actions{align-items:center;display:flex}.navbar-action{cursor:pointer;flex-direction:column;transition:transform .2s}.navbar-action:hover{transform:translateY(-5px)}.navbar-icon{fill:#fff;height:50px;margin-bottom:5px;pointer-events:none;transition:fill .2s;-webkit-user-select:none;user-select:none;width:50px}.navbar-action:hover .navbar-icon{fill:#27a966}.navbar-action p{color:#fff;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;letter-spacing:.6px;line-height:normal;margin:0;pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none}.navbar-action:hover p{color:#27a966}@media (max-width:768px){.navbar{flex-direction:column;height:auto;padding:1rem}.navbar-left{margin-bottom:1rem}.navbar-actions{gap:30px}.navbar-title{font-size:36px}.navbar-icon{height:40px;width:40px}.navbar-action p{font-size:16px}}.dashboard-container{display:flex;flex-direction:column;font-family:Roboto,sans-serif;position:relative}.experiments-title{color:#000;flex-shrink:0;font-size:50px;font-weight:700;margin-left:24px;margin-top:100px;-webkit-user-select:none;user-select:none}.filters-container{flex-shrink:0;justify-content:space-between;margin-left:3%;margin-right:3%;margin-top:20px}.filter{align-items:center;display:flex;margin-bottom:10px;margin-right:10px}.filter-label{font-size:19px!important}.date-inputs{align-items:center;display:flex}.date-input{position:relative}.date-input input[type=date]{border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;color:#0000008c;font-size:25px;font-weight:300;height:50px;padding:0 10px;transition:border-color .2s,box-shadow .2s;width:200px}.date-input input[type=date]:hover:not(:focus){border-color:#27a966;box-shadow:0 0 5px #27a966}.date-separator{font-size:20px;margin:0 10px}.search-input input[type=text]{color:#000!important}.show-all-experiments-filter{align-items:center;display:flex;margin-bottom:10px}.show-all-experiments-filter .filter-label{font-size:20px;margin-right:10px}.show-all-experiments-filter input[type=checkbox]{cursor:pointer;height:20px;width:20px}.table-container{height:calc(100vh - 270px);margin-left:.5%;margin-right:.5%;margin-top:20px;overflow-x:auto;overflow-y:auto;-webkit-user-select:none;user-select:none}.experiments-table{border-collapse:collapse;width:100%}.experiments-table td,.experiments-table th{padding:12px;text-align:center}.experiments-table th{background:#d9d9d9;border:1px solid #000;cursor:pointer;font-size:20px;font-weight:500;letter-spacing:.6px;position:sticky;top:0}.experiments-table td{font-size:15px;font-weight:400;letter-spacing:.45px}.experiments-table td,.experiments-table th{border-bottom:1px solid #0000004d}.experiments-table tbody tr:hover{background-color:#d9d9d9cc;box-shadow:0 0 5px #0003}.add-experiment-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:6px;width:106px;z-index:1000}.add-experiment-button img{height:auto;width:100%}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.experiments-title{font-size:36px;margin-left:16px;margin-top:70px}.filter-label{font-size:18px}.dropdown-button{font-size:18px;height:45px}.search-input input[type=text]{font-size:20px;height:45px;width:250px}.search-icon{height:25px;width:25px}.experiments-table td,.experiments-table th{font-size:14px;padding:8px}.add-experiment-button{height:90px;width:90px}}.dashboard-qst-toggle-btn{background:none;border:none;cursor:pointer;height:35px;width:35px}.profile-page{display:flex;flex-direction:column;min-height:100vh}.profile-content{align-items:center;background-color:#f5f5f5;display:flex;flex:1 1;justify-content:center}.profile-info{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.profile-info h2{color:#333;margin-bottom:20px}.profile-info p{color:#555;font-size:16px;margin:10px 0}.logout-button{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:30px;padding:10px 20px;transition:background-color .3s ease}.logout-button:hover{background-color:#e60000}.loader{color:#555;font-size:24px}.error-message{font-size:18px}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:9999}.popup-overlay.show{opacity:1}.popup-content{background-color:#fff;border-radius:8px;height:210vh;max-height:90vh;padding:20px;position:relative;transform:translateY(-20px);transition:transform .3s ease;width:90%}.popup-content-small{height:auto;padding:10px;width:25%}.popup-preview-box{align-items:center;height:92%;overflow:auto;width:100%}.popup-preview-box::-webkit-scrollbar{width:12px}.popup-preview-box::-webkit-scrollbar-track{background:#e0e0e0;border-radius:6px}.popup-preview-box::-webkit-scrollbar-thumb{background-color:#a0a0a0;border:3px solid #e0e0e0;border-radius:6px}.popup-preview-box::-webkit-scrollbar-thumb:hover{background-color:grey}.popup-overlay.show .popup-content{transform:translateY(0)}.popup-actions{display:flex;gap:20px;justify-content:center;margin-top:1vh;width:100%}.popup-actions button{background-color:#27a966;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1vw;margin-bottom:4vh;padding:2vh 2vw}.popup-actions button:hover{opacity:.9}.popup-actions button.close-button{background-color:#007bff;color:#fff}.popup-actions button.close-button:hover{background-color:#0056b3}.popup-actions button.download-csv-button{background-color:#27a966;color:#fff}.popup-actions button.download-csv-button:hover{background-color:#1e8a4e}.export-table-container-dash{height:70vh;margin-left:.5%;margin-right:.5%;overflow-x:auto;overflow-y:auto;-webkit-user-select:none;user-select:none}.export-table-dash{border-collapse:collapse;width:100%}.export-table-dash td,.export-table-dash th{border-bottom:1px solid #0000004d;padding:12px;text-align:center}.export-table-dash th{background:#d9d9d9;border:1px solid #000;font-size:20px;font-weight:500;letter-spacing:.6px;position:sticky;top:0}.export-table-dash th.export-experiment-name-header{text-align:left}.export-table-dash td{color:#000;font-size:15px;font-weight:400;letter-spacing:.45px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-experiment-name-cell,.export-experiment-name-header,.export-table-dash td.export-experiment-name-cell{text-align:left}.export-table-dash tbody tr:hover{background-color:#d9d9d9cc;box-shadow:0 0 5px #0003}.row-even-dash{background-color:#d9d9d999}.row-odd-dash{background-color:#d9d9d966}.questionnaire-dash{background-color:#fafafa}.questionnaire-dash td{padding-left:40px}.export-table-container-dash::-webkit-scrollbar{width:8px}.export-table-container-dash::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.export-table-container-dash::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.export-table-container-dash::-webkit-scrollbar-thumb:hover{background:#555}.truncate-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-container-scroll{max-height:180vh;overflow-x:auto}.table-container-scroll::-webkit-scrollbar{width:8px}.table-container-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.table-container-scroll::-webkit-scrollbar-thumb:hover{background:#555}.table-container-scroll table{min-width:100%}.export-search-filter{margin-bottom:4vh;position:relative;top:2vh}.export-search-input-container{align-items:center;display:flex;position:relative}.export-search-input{border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;color:#000;font-size:25px;font-weight:300;height:50px;padding:0 40px 0 10px;transition:border-color .2s,box-shadow .2s;width:350px}.export-search-input:hover:not(:focus){border-color:#27a966;box-shadow:0 0 5px #27a966}.export-search-input:focus{color:#000}.export-search-icon{height:30px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px}@media (max-width:768px){.export-search-filter{margin:15px 2.5%;right:2.5vw}.export-search-input{font-size:18px;height:45px;max-width:300px}.export-search-icon{height:25px;width:25px}}.export-title{color:#000;font-family:Roboto,sans-serif;font-size:50px;font-weight:700;line-height:normal;margin-left:25px;margin-top:100px;-webkit-user-select:none;user-select:none}.export-actions-header,.export-responses-header{width:150px}.export-responses-cell{width:100px}.export-actions-cell{width:150px}.export-questionnaire-actions-cell{text-align:center;width:150px}.export-questionnaire-actions-cell button{display:inline-block;font-size:14px;padding:6px 12px}.export-actions-cell button{font-size:14px;padding:6px 12px}.export-responses-cell{text-align:center}.export-sort-icon{height:10px;margin-left:5px;pointer-events:none;transition:transform .2s;width:10px}.export-sort-ascending{transform:rotate(180deg)}.export-sort-descending{transform:rotate(0deg)}.no-responses-message{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;color:#555;font-size:18px;margin-bottom:20px;margin-top:20px;padding:15px;text-align:center;width:100%}.no-responses-container,.no-responses-message{align-items:center;display:flex;justify-content:center}.no-responses-container{flex-direction:column}.no-responses-message{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;color:#333;font-size:19px;margin-bottom:1vh;padding:20px}.no-responses-container .popup-actions{margin-top:1vh}.close-button-no-responses{margin-top:1px}.filters-container{align-items:center;display:flex}.export-creator-header{background:#d9d9d9;border:1px solid #000;font-size:20px;font-weight:500;letter-spacing:.6px;position:sticky;text-align:left;top:0;width:200px}.export-creator-cell{color:#000;font-size:15px;font-weight:400;letter-spacing:.45px;max-width:400px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:200px}@media (max-width:768px){.export-creator-cell,.export-creator-header{font-size:16px;width:150px}}.experiment-creation-page-title{color:#000;font-size:50px;font-weight:700;margin-left:24px;margin-top:100px;-webkit-user-select:none;user-select:none}.experiment-creation-content-box{background:#d9d9d900;border:1px solid #000;flex-shrink:0;height:auto;left:50%;padding:20px 0;position:absolute;top:170px;transform:translateX(-50%);width:1460px}.experiment-creation-flex-container{align-items:flex-start;display:flex;gap:80px;justify-content:flex-start;margin-top:20px;padding:0 140px}.experiment-creation-section-label{display:block;font-size:27px;height:32px;line-height:normal;margin-top:15px;width:250px}.experiment-creation-section-label,.experiment-creation-text-input{color:#000;font-family:Roboto,sans-serif;font-weight:300;margin-left:140px}.experiment-creation-text-input{background:#c4c4c400;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;font-size:25px;margin-top:5px;padding:22px 41px;width:calc(100% - 280px)}.experiment-creation-title-input{height:25px}.experiment-creation-description-label{margin-top:30px}.experiment-creation-description-input{height:160px;resize:none;top:auto}.experiment-creation-duration-section{flex:1 1}.experiment-creation-section-number{color:#000;display:block;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;letter-spacing:.6px;margin-bottom:10px}.experiment-creation-date-inputs{align-items:center;display:flex;margin-top:5px}.experiment-creation-date-input input[type=date]{border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;color:#000;font-size:25px;font-weight:300;height:50px;padding:0 10px;transition:border-color .2s,box-shadow .2s;width:200px}.experiment-creation-date-input input[type=date]:hover:not(:focus){border-color:#27a966;box-shadow:0 0 5px #27a966}.experiment-creation-date-separator{font-size:20px;margin:0 10px}.experiment-creation-livinglab-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.experiment-creation-livinglab-content{align-items:center;display:flex;flex-direction:row;margin-top:0}.experiment-creation-livinglab-label{color:#000;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;letter-spacing:.6px;margin-right:10px}.experiment-creation-dropdown{position:relative;width:225px}.experiment-creation-dropdown-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #27a96640;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;padding:0 15px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.experiment-creation-dropdown-button:focus{outline:none}.experiment-creation-dropdown-icon{height:11px;position:absolute;right:15px;transition:transform .2s;width:17px}.experiment-creation-dropdown-icon-hover{transform:rotate(0deg)}.experiment-creation-dropdown-content{background-color:#fff;border-radius:12px;bottom:55px;box-shadow:0 -8px 16px #0003;display:none;left:0;margin-bottom:5px;max-height:200px;min-width:100%;overflow-y:auto;position:absolute;z-index:1}.experiment-creation-dropdown.experiment-creation-open .experiment-creation-dropdown-content{display:block}.experiment-creation-dropdown-item{cursor:pointer;font-size:18px;padding:10px}.experiment-creation-dropdown-item:hover{background-color:#f1f1f1}body{overflow:hidden}.experiment-creation-submit-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:6px;width:106px;z-index:1000}@media (max-width:1600px){.experiment-creation-flex-container{flex-direction:column;gap:40px;padding:0 50px}.experiment-creation-dropdown-button{width:100%}}.dynamic-view-container{background:#d9d9d900;border:1px solid #000;box-sizing:border-box;display:flex;flex-direction:column;height:fit-content;left:50%;margin:0 auto;max-height:62vh;overflow-y:auto;padding:16px;position:relative;transform:translateX(-50%);width:97vw}.dynamic-view-field{margin-bottom:16px}.dynamic-view-field-content{align-items:center;display:flex}.dynamic-view-field-name{color:#000;font-weight:500;width:550px}.dynamic-view-field-name,.dynamic-view-field-value{font-family:Roboto;font-size:25px;letter-spacing:.75px}.dynamic-view-field-value{color:#0f0f0f;font-weight:400;margin-left:16px;width:75vw}.dynamic-view-line{background-color:#00000058;height:3px;margin-top:8px;width:100%}.dynamic-view-field-value{height:auto;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.dynamic-view-container::-webkit-scrollbar{width:8px}.dynamic-view-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.dynamic-view-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.dynamic-view-container::-webkit-scrollbar-thumb:hover{background:#555}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif}.experiment-container{margin:0 auto;max-width:1200px;padding:20px}.experiment-view-title{color:#000;font-size:50px;font-style:normal;font-weight:700;height:60px;left:25px;line-height:normal;position:absolute;top:90px;width:100%}.experiment-details-component{margin-top:160px;width:100%}.buttons-container{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:11px}.experiment-button{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;height:60px;justify-content:space-between;letter-spacing:1.35px;line-height:normal;padding-left:20px;padding-right:20px;position:relative;width:300px}.experiment-button-icon{height:30px;margin-left:10px;width:30px}.stop-button-icon{height:40px;width:40px}.view-questionnaires-button{align-items:center;background-color:#27a966;border:none;border-radius:19px;cursor:pointer;display:flex;flex-shrink:0;height:91px;padding-left:45px;padding-right:111px;position:relative;width:430px}.view-questionnaires-button:hover{background-color:#1e8a52}.view-questionnaires-button-text{color:#fff;font-family:Roboto,sans-serif;font-size:27px;font-weight:500;letter-spacing:1.35px;line-height:normal}.view-questionnaires-button-icon{fill:#fff;height:52px;position:absolute;right:30px;top:19px;width:46px}.view-messages-button{align-items:center;background-color:#27a966;border:none;border-radius:19px;cursor:pointer;display:flex;flex-shrink:0;height:91px;padding-left:45px;padding-right:111px;position:relative;width:400px}.view-messages-button:hover{background-color:#1e8a52}.view-messages-button-text{color:#fff;font-family:Roboto,sans-serif;font-size:32px;font-weight:500;letter-spacing:1.35px;line-height:normal}.view-messages-button-icon{fill:#fff;height:52px;position:absolute;right:30px;top:23px;width:46px}.stop-experiment-button{align-items:center;background-color:#e81e21;border:none;border-radius:19px;cursor:pointer;display:flex;flex-shrink:0;height:91px;justify-content:center;position:relative;width:400px}.stop-button-text{color:#fff;font-family:Roboto,sans-serif;font-size:34px;font-weight:500;letter-spacing:.95px}.stop-experiment-button:hover{background-color:#bf181e}.delete-experiment-button{background:none;border:none;cursor:pointer}.delete-experiment-button img{height:85px;width:85px}.edit-experiment-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.edit-popup-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:90%;padding:30px;width:500px}.edit-popup-content h2{margin-bottom:10px}.edit-popup-content label{display:block;font-weight:500;margin-bottom:5px}.edit-popup-content input,.edit-popup-content textarea{margin-bottom:15px;width:100%}.edit-popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.experimentview-dropdown{position:relative;width:300px}.experimentview-dropdown .experimentview-dropdown-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #27a96640;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;padding:0 15px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.experimentview-dropdown .experimentview-dropdown-button:focus{outline:none}.experimentview-dropdown .experimentview-dropdown-icon{height:11px;position:absolute;right:15px;transition:transform .2s;width:17px}.experimentview-dropdown .experimentview-dropdown-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;display:none;left:0;margin-top:5px;max-height:200px;min-width:100%;overflow-y:auto;position:absolute;top:55px;z-index:1}.experimentview-dropdown.experimentview-open .experimentview-dropdown-content{display:block}.experimentview-dropdown .experimentview-dropdown-item{cursor:pointer;font-size:18px;padding:10px}.experimentview-dropdown .experimentview-dropdown-item:hover{background-color:#f1f1f1}.error-message-update-experiment{color:#e81e21;font-size:15px;margin-top:-18px;width:100%}.confirmation-popup-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:1000}.confirmation-popup-overlay.show{opacity:1}.confirmation-popup-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;max-width:30vw;padding:20px 30px;text-align:center;transform:translateY(-20px);transition:transform .3s ease;width:90%}.confirmation-popup-overlay.show .confirmation-popup-content{transform:translateY(0)}.confirmation-popup-actions{display:flex;justify-content:space-around;margin-top:20px}.confirmation-popup-btn{border:none;border-radius:10px;cursor:pointer;font-size:30px;padding:8px 16px}.confirmation-popup-btn-yes{background-color:#27a966;color:#fff}.confirmation-popup-btn-no{background-color:#e81e21;color:#fff}.confirmation-popup-btn:hover{opacity:.9}.questionnaire-dashboard-container{display:flex;flex-direction:column;font-family:Roboto,sans-serif;position:relative}.questionnaires-title{color:#000;flex-shrink:0;font-size:50px;font-weight:700;margin-left:24px;margin-top:100px;-webkit-user-select:none;user-select:none}.questionnaire-filters-container{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-left:5%;margin-right:5%;margin-top:20px}.questionnaire-filter{align-items:center;display:flex;margin-bottom:20px}.questionnaire-filter-label{color:#000;font-size:20px;font-weight:500;margin-right:10px;-webkit-user-select:none;user-select:none}.questionnaire-table-container{height:calc(100vh - 270px);margin-left:.5%;margin-right:.5%;margin-top:20px;overflow-x:auto;overflow-y:auto;-webkit-user-select:none;user-select:none}.questionnaires-table{border-collapse:collapse;width:100%}.questionnaires-table td,.questionnaires-table th{padding:12px;text-align:center}.questionnaires-table th{background:#d9d9d9;border:1px solid #000;cursor:pointer;font-size:20px;font-weight:500;letter-spacing:.6px;position:sticky;top:0}.questionnaires-table td{cursor:pointer;font-size:15px;font-weight:400;letter-spacing:.45px}.questionnaires-table td,.questionnaires-table th{border-bottom:1px solid #0000004d}.questionnaires-table tbody tr:hover{background-color:#d9d9d9cc;box-shadow:0 0 5px #0003}.add-questionnaire-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:6px;width:106px;z-index:1000}.add-questionnaire-button img{height:auto;width:100%}.add-questionnaire-button:disabled{cursor:not-allowed;opacity:.6}.questionnaire-table-container::-webkit-scrollbar{width:8px}.questionnaire-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.questionnaire-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.questionnaire-table-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.questionnaires-title{font-size:36px;margin-left:16px;margin-top:70px}.filter-label{font-size:18px}.dropdown-button{font-size:18px;height:45px}.search-input input[type=text]{font-size:20px;height:45px;width:250px}.search-icon{height:25px;width:25px}.questionnaires-table td,.questionnaires-table th{font-size:14px;padding:8px}.add-questionnaire-button{height:90px;width:90px}}.questionnaire-creation-container{overflow:hidden}.questionnaire-creation-page-title{color:#000;font-size:50px;font-weight:700;margin-left:24px;margin-top:100px;-webkit-user-select:none;user-select:none}.questionnaire-creation-content-box{background:#d9d9d900;border:1px solid #000;flex-shrink:0;height:auto;left:50%;padding:20px 0;position:absolute;top:170px;transform:translateX(-50%);width:1460px}.questionnaire-creation-section-label{display:block;font-size:27px;height:32px;line-height:normal;margin-top:15px;width:250px}.questionnaire-creation-section-label,.questionnaire-creation-text-input{color:#000;font-family:Roboto,sans-serif;font-weight:300;margin-left:140px}.questionnaire-creation-text-input{background:#c4c4c400;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;font-size:25px;margin-top:5px;padding:22px 41px;width:calc(100% - 280px)}.questionnaire-creation-dropdown{margin-left:140px;margin-top:5px;position:relative;width:calc(100% - 280px)}.questionnaire-creation-dropdown-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #27a96640;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;padding:0 15px;position:relative;-webkit-user-select:none;user-select:none;width:30%}.questionnaire-creation-dropdown-button:focus{outline:none}.questionnaire-creation-dropdown-icon{height:11px;position:absolute;right:15px;transition:transform .2s;width:17px}.questionnaire-creation-dropdown.open .questionnaire-creation-dropdown-icon{transform:rotate(180deg)}.questionnaire-creation-dropdown-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;display:none;left:0;max-height:200px;min-width:30%;overflow-y:auto;position:absolute;top:55px;z-index:1}.error-message{width:30%}.questionnaire-creation-dropdown.open .questionnaire-creation-dropdown-content{display:block}.questionnaire-creation-dropdown-item{cursor:pointer;font-size:18px;padding:10px}.questionnaire-creation-dropdown-item:hover{background-color:#f1f1f1}.questionnaire-creation-submit-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:6px;width:106px;z-index:1000}@media (max-width:1600px){.questionnaire-creation-content-box{width:90%}}.questionnaire{align-items:center;display:flex;flex-direction:column;position:relative}.question-container{display:flex;justify-content:center;margin-bottom:50px;position:relative}.question-box{background:#d9d9d900;border:1px solid #000;box-sizing:border-box;margin:0 auto;padding:20px 20px 70px;position:relative;width:85vw}.question-title-group{box-sizing:border-box;display:flex;flex-direction:column;padding-right:85px;width:100%}.question-index{font-weight:600!important;margin-bottom:10px}.question-title{word-wrap:break-word;font-weight:500!important;white-space:pre-wrap;word-break:break-word}.view-question-button{height:65px;position:absolute;right:20px;top:20px;width:65px}.view-question-svg{height:100%;object-fit:contain;width:100%}.question-index{margin-right:20px}.multiple-choice-group{margin-top:30px}.answer-option{align-items:flex-start}.answer-text{word-wrap:break-word;flex:1 1;max-width:calc(85vw - 120px);white-space:pre-wrap;word-break:break-word}.regex-group{align-items:center;display:flex;margin-top:20px}.regex-label{margin-right:10px}.answering-methodology{bottom:20px;position:absolute;right:20px;text-align:center}.text-style{word-wrap:break-word;color:#000;font-family:Roboto,sans-serif;font-size:35px;font-weight:300;letter-spacing:1.05px}.answer-option{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.answer-left{align-items:flex-start;display:flex}.answer-letter{flex-shrink:0;margin-right:10px;width:50px}.message-button-container{align-items:center;display:flex}.message-button-svg{cursor:pointer;height:40px;width:40px}.answering-methodology{margin-top:15px}.questionnaire-view-container{font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.questionnaire-view-title{color:#000;font-size:50px;font-weight:700;height:60px;line-height:normal;margin-top:100px;padding-left:24px;width:100%}.questionnaire-view-details{margin-top:20px;width:100%}.questionnaire-view-not-found{align-items:center;color:#555;display:flex;font-family:Roboto,sans-serif;font-size:24px;height:80vh;justify-content:center}.questionnaire-view-questions{margin-top:20px}.add-questions-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:6px;width:106px;z-index:1000}.add-questions-button img{height:auto;width:100%}.add-questions-button:disabled{cursor:not-allowed;opacity:.6}.edit-questions-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:1vw;width:106px;z-index:1000}.edit-questions-button img{height:auto;width:100%}.edit-questions-button:disabled{cursor:not-allowed;opacity:.6}.questionnaire-buttons-container{display:flex;gap:20px;justify-content:center;margin-top:10px}.questionnaire-buttons-container2{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:11px}.questionnaire-button{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;height:60px;justify-content:space-between;letter-spacing:1.35px;line-height:normal;padding-left:20px;padding-right:20px;position:relative;width:300px}.red-button{background-color:#e81e21}.red-button:hover{background-color:#bf181e}.blue-button{background-color:#007bff}.blue-button:hover{background-color:#0060cc}.green-button{background-color:#27a966}.green-button:hover{background-color:#1e8a52}.gray-button{background-color:#bebebe;cursor:not-allowed}.questionnaire-delete-button{background:none;border:none;cursor:pointer;display:flex;height:85px;justify-content:center;width:85px}.questionnaire-delete-button img{height:85px;width:85px}.questionnaire-edit-button{background:none;border:none;cursor:pointer;display:flex;height:85px;justify-content:center;width:85px}.questionnaire-edit-button img{height:85px;width:85px}@media (max-width:768px){.questionnaire-view-title{font-size:36px;left:10px;width:auto}.questionnaire-view-details{margin-top:140px}.questionnaire-view-container .dynamic-view{padding:15px}.questionnaire-view-container .field-name{display:block;margin-bottom:5px}}.edit-questionnaire-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.edit-questionnaire-popup-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #00000040;max-width:90%;padding:30px;width:500px}.edit-questionnaire-popup-content h2{margin-bottom:10px}.edit-questionnaire-popup-content label{display:block;font-weight:500;margin-bottom:5px}.edit-questionnaire-popup-content input,.edit-questionnaire-popup-content textarea{margin-bottom:15px;width:100%}.edit-questionnaire-popup-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.questionnaireview-interactiontype-dropdown{position:relative;width:225px}.questionnaireview-interactiontype-dropdown-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #27a96640;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:space-between;padding:0 15px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.questionnaireview-interactiontype-dropdown-button:focus{outline:none}.questionnaireview-interactiontype-dropdown-icon{height:11px;transition:transform .2s;width:17px}.questionnaireview-interactiontype-dropdown-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;display:none;left:0;margin-top:5px;max-height:200px;min-width:100%;overflow-y:auto;position:absolute;top:55px;z-index:1}.questionnaireview-interactiontype-dropdown.open .questionnaireview-interactiontype-dropdown-content{display:block}.questionnaireview-interactiontype-dropdown-item{cursor:pointer;font-size:18px;padding:10px}.equestionnaireview-interactiontype-dropdown-item:hover{background-color:#f1f1f1}.error-message-update-questionnaire{color:#e81e21;font-size:15px;margin-top:-18px;width:100%}.add-question-container{display:inline-block;position:relative}.add-question-button{background:none;border:none;cursor:pointer;padding:0;width:20vw}.add-question-button img{display:block;height:auto;width:100%}.scrollable-body{height:100vh;margin:0;overflow-y:auto;padding:0}.question-view-title{color:#000;font-family:Roboto,sans-serif;font-size:50px;font-weight:700;line-height:normal;margin-left:25px;margin-top:90px}.AddQuestion-Button{display:flex;justify-content:center;margin-top:20px;width:100%}.scrollable-body::-webkit-scrollbar{width:8px}.scrollable-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.scrollable-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.scrollable-body::-webkit-scrollbar-thumb:hover{background:#555}.questionselection-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.questionselection-Popup-container{background:#fff;border:1.5px solid #000000bf;border-radius:20px;height:450px;overflow:hidden;position:relative;width:900px}.Singleanswerheader{left:0}.Multiplechoiceheader,.Singleanswerheader{background:#27a966;height:90px;position:absolute;top:0;width:450px}.Multiplechoiceheader{left:450px}.Seperationline{border:2px solid #0009;height:0;left:450px;position:absolute;top:450px;transform:rotate(-90deg);transform-origin:0 0;width:450px}.Singleanswer{left:73px}.Multiplechoicetext,.Singleanswer{word-wrap:break-word;color:#fff;font-family:Roboto,sans-serif;font-size:45px;font-weight:500;letter-spacing:1.35px;position:absolute;text-align:center;top:25px}.Multiplechoicetext{left:520px}.Singleanswerrectangle{left:1px}.Multiplechoicerectangle,.Singleanswerrectangle{background:#fff;cursor:pointer;height:358px;position:absolute;top:92px;width:447px}.Multiplechoicerectangle{left:450px}.Singleanswersvg{left:62px;text-align:center;top:207px;width:270px}.Multiplechoicesvg,.Singleanswersvg{cursor:pointer;height:auto;position:absolute}.Multiplechoicesvg{left:529px;top:124px;width:296px}.Multiplechoicesvg img,.Singleanswersvg img{display:block;height:auto;max-width:100%}.qst-question-container{background:#fff;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;box-sizing:border-box;display:flex;flex-direction:column;font-family:Roboto,sans-serif;gap:20px;margin:2vh auto 20px;padding:20px;width:85vw}.qst-header{align-items:center;display:flex;justify-content:space-between}.qst-question-index{color:#000;font-size:35px;font-weight:300;letter-spacing:1.05px}.qst-remove-question-btn{background:none;border:none;cursor:pointer}.qst-input-container{align-items:center;background:#c4c4c400;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;box-sizing:border-box;display:flex;height:82px;padding:0 20px}.qst-text-input{background:none;border:none;color:#000;font-size:32px;font-weight:300;outline:none;width:100%}.qst-answer-text::placeholder,.qst-description-text::placeholder,.qst-question-text::placeholder,.qst-regex-text::placeholder{color:#0000008c}.qst-answer-row{align-items:center;display:flex;gap:20px;padding-top:5px}.qst-answer-label{color:#000;font-size:35px;font-weight:400;letter-spacing:1.05px;text-align:center}.qst-answer-input-container{flex:1 1}.qst-remove-answer-btn{background:none;border:none;cursor:pointer;height:50px;width:50px}.qst-create-new-answer-row{align-items:center;display:flex;gap:20px}.qst-create-new-answer-btn{background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #e9444b40;cursor:pointer;height:56px;justify-content:center;width:284px}.qst-create-new-answer-btn,.qst-toggle-row{align-items:center;display:flex}.qst-toggle-btn{background:none;border:none;cursor:pointer;height:35px;margin-left:70px;width:35px}.qst-toggle-label{color:#000;font-size:20px;font-weight:200;letter-spacing:.6px;margin-left:10px;text-align:center}.qst-regex-row{align-items:center;display:flex;gap:20px}.qst-regex-label{color:#000;font-size:33px;font-weight:400;letter-spacing:1.05px;text-align:center}.qst-regex-input-container{width:60%}button:focus{outline:none}.qst-index-input-container{align-items:center;display:flex}.qst-index-input{border:1px solid #00000040;border-radius:8px;font-size:24px;height:52px;margin-left:10px;text-align:center;width:52px}.qst-index-input:focus{border-color:#0000008c;outline:none}.qst-question-index-input{font-size:26px;text-align:center;width:46px}.qst-follow-up-btn{background:none;border:none;cursor:pointer;padding-top:3px}.qst-follow-up-btn img{height:103%;width:103%}.save-questions-button{background:none;border:none;bottom:3vh;cursor:pointer;height:102px;padding:0;position:fixed;right:1.5vw;width:100px;z-index:1000}.save-questions-button img{height:auto;width:120%}.qst-follow-up-container{position:relative}.qst-follow-up-info{color:gray;font-size:12px;white-space:nowrap}.qst-follow-up-dropdown,.qst-follow-up-info{left:50%;margin-top:5px;position:absolute;top:100%;transform:translateX(-50%)}.qst-follow-up-dropdown{z-index:10}.qst-follow-up-select{font-size:13.5px;padding:5px;width:200px}.qst-follow-up-btn:hover{opacity:.95}.check-regex-button{align-items:center;background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;height:60px;justify-content:space-between;letter-spacing:1.35px;line-height:normal;margin-left:20px;padding-left:20px;padding-right:20px;position:relative;width:250px}.check-regex-button:hover{background-color:#0060cc}.check-regex-button-icon{height:30px;margin-left:10px;width:30px}.regex-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1001}.regex-popup-content{animation:popupSlideDown .3s ease forwards;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000040;padding:24px 20px;position:relative;width:320px}@keyframes popupSlideDown{0%{opacity:.5;transform:translateY(-20px) scale(1.3)}to{opacity:1;transform:translateY(0) scale(1.6)}}.close-popup-button{-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:#0000;background:#0000;border:none;box-shadow:none!important;cursor:pointer;outline:none!important;padding:0;position:absolute;right:12px;top:10px}.close-popup-button:active,.close-popup-button:focus{border:none!important;box-shadow:none!important;outline:none!important}.close-popup-button img{height:24px;pointer-events:none;position:relative;top:-2px;width:24px}.close-popup-button:hover img{opacity:.8}.regex-popup-content h2{color:#333;font-size:18px;margin-bottom:12px;margin-top:0}.popup-label{color:#555;display:block;font-size:14px;margin-bottom:6px}.regex-popup-content input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin-bottom:12px;padding:10px;width:100%}.regex-popup-content input[type=text]:focus{border-color:#007bff;box-shadow:0 0 2px #007bff40;outline:none}.regex-popup-content-check button{background-color:#007bff;border:none;border-radius:4px;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;margin-top:6px;padding:10px 16px;transition:background-color .2s ease}.regex-popup-content-check button:hover{background-color:#0056b3}.popup-action-row{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.popup-result{font-size:16px;font-weight:600;margin:0}.popup-result.approved{color:#28a745}.popup-result.rejected{color:#dc3545}.popup-result.invalid{color:#fd7e14}.message-creation-page-title{color:#000;font-size:50px;font-weight:700;margin-left:24px;margin-top:90px;-webkit-user-select:none;user-select:none}.message-creation-content-box{background:#d9d9d900;border:1px solid #000;border-radius:12px;margin:20px auto;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px;width:1460px}.message-creation-section-label{color:#000;display:block;font-family:Roboto,sans-serif;font-size:27px;font-weight:300;height:32px;line-height:normal;margin-left:140px;margin-top:15px;width:250px}.message-creation-text-input{color:rgba(0,0,0,);margin-left:140px;width:calc(100% - 280px)}.message-creation-number-input,.message-creation-text-input{background:#c4c4c400;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;font-family:Roboto,sans-serif;font-size:25px;font-weight:300;height:25px;margin-top:5px;padding:22px 41px}.message-creation-number-input{color:#000;width:300px}.message-creation-flex-container{display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:0 140px}.message-creation-section-number{color:#000;display:block;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;letter-spacing:.6px;margin-bottom:10px}.message-creation-encounter-meters-section,.message-creation-encounter-minutes-section,.message-creation-interaction-section,.message-creation-severity-section{align-items:flex-start;display:flex;flex-direction:column;width:22%}.message-creation-slider-input{align-items:center;display:flex;margin-top:5px;width:100%}.message-creation-slider-input input[type=range]{background:#d3d3d3;border-radius:5px;height:5px;outline:none;width:100%}.message-creation-slider-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#27a966;border-radius:50%;cursor:pointer;height:25px;width:25px}.message-creation-slider-input input[type=range]::-moz-range-thumb{background:#27a966;border-radius:50%;cursor:pointer;height:25px;width:25px}.message-creation-slider-input span{font-size:20px;margin-left:10px}.message-creation-dropdown-custom{position:relative;width:225px}.message-creation-species-dropdown-custom{width:400px}.message-creation-dropdown-button-custom{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #e9444b40;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%}.message-creation-dropdown-icon-custom{height:11px;position:absolute;right:15px;transform:rotate(180deg);transition:transform .2s ease;width:17px}.message-creation-dropdown-icon-hover-custom{transform:rotate(0deg)}.message-creation-dropdown-content-custom{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;display:none;margin-top:5px;max-height:200px;min-width:100%;overflow-y:auto;position:absolute;z-index:1}.message-creation-dropdown-custom.open .message-creation-dropdown-content-custom{display:block}.message-creation-dropdown-item-custom{cursor:pointer;font-size:18px;padding:10px}.message-creation-dropdown-item-custom:hover{background-color:#f1f1f1}.message-creation-submit-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:20px;width:106px;z-index:1000}.message-creation-content-box::-webkit-scrollbar{width:6px}.message-creation-content-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.message-creation-content-box::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.message-creation-content-box::-webkit-scrollbar-thumb:hover{background:#555}.error-message{color:red;font-size:16px;margin-left:140px;margin-top:5px}@media (max-width:1600px){.message-creation-flex-container{flex-direction:column;gap:40px;padding:0 50px}.message-creation-dropdown-button{width:100%}}.message-creationb-page-title{color:#000;font-size:50px;font-weight:700;margin-left:24px;margin-top:90px;-webkit-user-select:none;user-select:none}.message-creationb-content-box{background:#d9d9d900;border:1px solid #000;border-radius:12px;margin:20px auto;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px;width:1460px}.message-creationb-section-label{color:#000;display:block;font-size:27px;height:32px;line-height:normal;margin-top:15px;width:250px}.message-creationb-section-label,.message-creationb-text-input{font-family:Roboto,sans-serif;font-weight:300;margin-left:140px}.message-creationb-text-input{background:#c4c4c400;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;color:rgba(0,0,0,);font-size:25px;height:25px;margin-top:5px;padding:22px 41px;width:calc(100% - 280px)}.message-creationb-flex-container{display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:0 140px}.message-creationb-section-number{color:#000;display:block;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;letter-spacing:.6px;margin-bottom:10px}.message-creationb-encounter-meters-section,.message-creationb-encounter-minutes-section,.message-creationb-interaction-section,.message-creationb-severity-section{align-items:flex-start;display:flex;flex-direction:column;width:22%}.message-creationb-slider-input{align-items:center;display:flex;margin-top:5px;width:100%}.message-creationb-slider-input input[type=range]{background:#d3d3d3;border-radius:5px;height:5px;outline:none;width:100%}.message-creationb-slider-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#27a966;border-radius:50%;cursor:pointer;height:25px;width:25px}.message-creationb-slider-input input[type=range]::-moz-range-thumb{background:#27a966;border-radius:50%;cursor:pointer;height:25px;width:25px}.message-creationb-slider-input span{font-size:20px;margin-left:10px}.message-creationb-interaction-content{margin-top:5px;width:100%}.message-creationb-interaction-label{color:#000;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;letter-spacing:.6px;margin-bottom:10px}.message-creationb-dropdown{position:relative;width:100%}.message-creationb-dropdown-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #27a96640;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;padding:0 15px;position:relative;-webkit-user-select:none;user-select:none;width:40%}.message-creationb-dropdown-button:focus{outline:none}.message-creationb-dropdown-icon{height:11px;position:absolute;right:15px;transition:transform .2s;width:17px}.message-creationb-dropdown-content{background-color:#fff;border-radius:12px;bottom:55px;box-shadow:0 -8px 16px #0003;display:none;left:0;margin-bottom:5px;max-height:200px;min-width:40%;overflow-y:auto;position:absolute;z-index:1}.message-creationb-dropdown.message-creationb-open .message-creationb-dropdown-content{display:block}.message-creationb-dropdown-item{cursor:pointer;font-size:18px;padding:10px}.message-creationb-dropdown-item:hover{background-color:#f1f1f1}.message-creationb-number-input{background:#c4c4c400;border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;color:#000;font-family:Roboto,sans-serif;font-size:25px;font-weight:300;margin-top:5px;padding:10px;width:100%}.message-creationb-submit-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:20px;width:106px;z-index:1000}.message-creationb-content-box::-webkit-scrollbar{width:6px}.message-creationb-content-box::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.message-creationb-content-box::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.message-creationb-content-box::-webkit-scrollbar-thumb:hover{background:#555}.severity-label{color:#555;display:block;font-size:14px;margin-top:5px;text-align:center}@media (max-width:1600px){.message-creationb-flex-container{flex-direction:column;gap:40px;padding:0 50px}.message-creationb-dropdown-button{width:100%}}.message-dashboard-container{display:flex;flex-direction:column;font-family:Roboto,sans-serif;position:relative}.messages-title{color:#000;flex-shrink:0;font-size:50px;font-weight:700;margin-left:24px;margin-top:100px;-webkit-user-select:none;user-select:none}.message-filters-container{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-left:5%;margin-right:5%;margin-top:20px}.message-filter{align-items:center;display:flex;margin-bottom:20px}.filter-label{color:#000;font-size:20px;font-weight:500;margin-right:10px;-webkit-user-select:none;user-select:none}.interactiontype-filter{margin-right:20px}.dropdown{position:relative;width:225px}.species-filter .dropdown{width:400px}.dropdown-button{align-items:center;background:#27a966;border:none;border-radius:12px;box-shadow:0 4px 10px #e9444b40;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:50px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%}.dropdown-icon{height:11px;position:absolute;right:15px;transform:rotate(180deg);transition:transform .2s;width:17px}.dropdown-icon-hover{transform:rotate(0deg)}.dropdown-content{background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;display:none;margin-top:5px;max-height:200px;min-width:100%;overflow-y:auto;position:absolute;z-index:1}.dropdown.open .dropdown-content{display:block}.dropdown-item{cursor:pointer;font-size:18px;padding:10px}.dropdown-item:hover{background-color:#f1f1f1}.search-filter,.search-input{position:relative}.search-input input[type=text]{border:3px solid #00000040;border-radius:12px;box-shadow:0 4px 10px #00000040;color:#0000;font-size:25px;font-weight:300;height:50px;padding:0 40px 0 10px;transition:border-color .2s,box-shadow .2s;width:350px}.search-input input[type=text]:hover:not(:focus){border-color:#27a966;box-shadow:0 0 5px #27a966}.search-input input[type=text]:focus{color:#000}.search-icon{height:30px;pointer-events:none;position:absolute;right:10px;top:10px;width:30px}.message-table-container,.search-icon{-webkit-user-select:none;user-select:none}.message-table-container{height:calc(100vh - 270px);margin-left:.5%;margin-right:.5%;margin-top:20px;overflow-x:auto;overflow-y:auto}.messages-table{border-collapse:collapse;width:100%}.messages-table td,.messages-table th{padding:12px;text-align:center}.messages-table th{background:#d9d9d9;border:1px solid #000;cursor:pointer;font-size:20px;font-weight:500;letter-spacing:.6px;position:sticky;top:0}.messages-table td{font-size:15px;font-weight:400;letter-spacing:.45px}.messages-table td,.messages-table th{border-bottom:1px solid #0000004d}.sort-icon{height:10px;margin-left:5px;pointer-events:none;transition:transform .2s;width:10px}.sort-ascending{transform:rotate(180deg)}.sort-descending{transform:rotate(0deg)}.messages-table tbody tr:hover{background-color:#d9d9d9cc;box-shadow:0 0 5px #0003}.row-even{background-color:#d9d9d999}.row-odd{background-color:#d9d9d966}.add-message-button{background:none;border:none;bottom:12px;cursor:pointer;height:102px;padding:0;position:fixed;right:6px;width:106px;z-index:1000}.add-message-button img{height:auto;width:100%}.loading-container{align-items:center;display:flex;height:300px;justify-content:center}.spinner{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#27a966;height:120px;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message-table-container::-webkit-scrollbar{width:8px}.message-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.message-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.message-table-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.messages-title{font-size:36px;margin-left:16px;margin-top:70px}.filter-label{font-size:18px}.dropdown-button{font-size:18px;height:45px}.search-input input[type=text]{font-size:20px;height:45px;width:250px}.search-icon{height:25px;width:25px}.messages-table td,.messages-table th{font-size:14px;padding:8px}.add-message-button{height:90px;width:90px}}.message-container{margin:0 auto;max-width:1200px;padding:20px}.message-view-title{color:#000;font-family:Inter,sans-serif;font-size:50px;font-weight:700;height:60px;left:25px;line-height:normal;position:absolute;top:90px;width:100%}.message-details-component{margin-top:160px;width:100%}.message-not-found{align-items:center;color:#555;display:flex;font-size:24px;height:80vh;justify-content:center}.delete-message-button{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Roboto,sans-serif;font-size:20px;font-weight:500;height:60px;justify-content:space-between;letter-spacing:1.35px;line-height:normal;margin:20px auto;padding-left:20px;padding-right:20px;position:relative;width:250px}.delete-message-button-icon{height:30px;margin-left:10px;width:30px}.delete-message-red-button{background-color:#e81e21}.delete-message-red-button:hover{background-color:#bf181e}.delete-message-gray-button{background-color:#bebebe;cursor:not-allowed}@media (max-width:768px){.message-view-title{font-size:36px;left:10px;width:auto}.message-details-component{margin-top:140px}.dynamic-view{padding:15px}.field-name{display:block;margin-bottom:5px}}.unauthorized-container{align-items:center;display:flex;flex-direction:column;font-size:2vw;height:100vh;justify-content:center;padding:0 5vw;text-align:center}.unauthorized-container h1{font-size:4vw}.unauthorized-container p{font-size:2vw;text-align:center}.retry-button{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:2vw;margin-top:30px;padding:1vw 2vw;transition:background-color .3s ease}.retry-button:hover{background-color:#e60000}
/*# sourceMappingURL=main.ce95e7b9.css.map*/