:root {
  --bs-font-sans-serif: "Helvetica Neue",Helvetica,Arial,sans-serif;
  --button-box-shadow: 0px 4px 4px rgba(153, 153, 153, 0.4);
}

html,
body {
  height: 100%;
}

.g-recaptcha {
  display: flex;
  justify-content: center;
  margin: 10px;
}

h1 {
  font-size: 25px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-weight: bold;
  font-size: 15px;
}

.header-title {
  font-size: 1.8em;
  font-weight: bold;
  margin: -8px 0 0 1em;
}

.logo-block {
  margin: 15px 0px;
}

.user-info {
  color: #323232;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  padding: 0.8em 0.4em 0 0;
}

.navbar {
  border-radius: 0;
}
.navbar > .active {
  color: black;
}

.navbar-inverse .navbar-nav > li > a {
  color: #F4F4F4;
  color: #999999;
}

.form_table {
  margin-top: 10px;
}
.form_table input {
  width: 100%;
}
.form_table table td:first-child {
  min-width: 150px;
}
.form_table table.table select {
  margin: 0;
}
.form_table input[type=text] {
  width: 100%;
}
.form_table input[type=checkbox] {
  width: 15px;
}
.form_table .table select {
  min-width: 130px;
}
.form_table ul.errorlist {
  padding-left: 0;
}
.form_table ul.errorlist li {
  margin: 0;
}

.errorlist {
  color: #B94A48;
}
.errorlist li {
  list-style: none;
}

.error {
  color: red;
  margin: 0.6em 0;
}

fieldset {
  background-clip: padding-box;
  border-radius: 4px 4px 4px 4px;
  display: table;
  margin-top: 35px;
  position: relative;
  width: 100%;
}

.form-row {
  margin: 5px 0;
}

.filter {
  margin: 5px 0;
}

#relevance-form ul {
  list-style-type: none;
}
#relevance-form li {
  display: inline;
  margin: 10px;
}

#time-period-filter {
  margin-bottom: 40px;
}

.radiobutton-container li {
  font-size: 0.75em;
}
.radiobutton-container ul {
  margin-top: -8px;
}

.calculator {
  background-position: -952px -170px;
  display: inline-block;
  width: 14px;
  height: 16px;
  margin-right: 0.3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/static/img/glyphicons.4533b64cf747.png");
  background-repeat: no-repeat;
}

.pdf_export {
  width: 14px;
  height: 15px;
  background-image: url("/static/img/pdf-download.13883b7337c9.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 0px !important;
  margin-top: 9px;
}

.external-icon {
  width: 14px;
  height: 15px;
  background-image: url("/static/img/external.b866410f5473.svg");
  background-repeat: no-repeat;
  display: inline-block;
  margin-left: 0px !important;
  margin-top: 9px;
}

.survey_export {
  width: 40px;
  height: 40px;
  margin-right: 0.3em;
  line-height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
}

.generic_pdf_export {
  background-image: url("/static/img/app-pdf-icon.49f95dfc943e.svg");
}

.xls_export {
  background-image: url("/static/img/xlsx-icon.7f1bdaa4ee57.svg");
}

ul.navbar-nav li a {
  text-decoration: none;
}
ul.checkbox_list {
  display: inline;
}
ul.checkbox_subitems {
  display: inline;
}

ul#surveylist, #surveylist ul {
  list-style-type: none;
}

.progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0e90d2;
}

.survey_filter {
  margin-bottom: 10px;
}
.survey_filter select {
  margin: 0 0 5px 0;
}

.separator {
  height: 1.2em;
  width: 20px;
  display: inline-block;
}

.progress-table .btn {
  margin: 5px 0;
}

li.checkbox_item {
  display: inline;
}
li label {
  text-indent: -5px;
}

label {
  display: inline-block;
  padding-left: 15px;
}
label.checkbox_label {
  width: 30px;
  display: inline;
}
label input {
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  overflow: hidden;
}

input[type=checkbox] {
  width: 15px;
  display: inline;
}

.survey_questions {
  margin-bottom: 30px;
}
.survey_questions ul {
  list-style-type: none;
}
.survey_questions ul.errorlist {
  padding-left: 0;
}
.survey_questions li {
  display: inline;
  margin: 10px;
  font-size: 0.75em;
}

span.delete_uploaded_file {
  cursor: pointer;
  margin-top: 13px;
}

.question_help, .question_hint {
  font-size: 0.8em;
  font-style: italic;
}

.radio {
  margin-left: 1em;
}

.question_form label input[type=radio],
.question_form label input[type=checkbox] {
  display: inline;
}

.question_form label.no-answer {
  margin-left: 50px;
  font-weight: normal;
  font-style: italic;
  color: #a0a0a0;
}

table label.no-answer {
  font-weight: normal;
  font-style: italic;
  color: #a0a0a0;
}

.radio-widget ul {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.radio-widget ul li:before {
  content: "";
  display: block;
}

.dataTables_wrapper label input {
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  vertical-align: inherit;
  position: inherit;
}
.dataTables_wrapper input[type=search] {
  height: 34px !important;
  padding: 6px 12px !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.profile-label {
  padding-top: 10px;
}

#id_profile_data-geo_group {
  overflow: hidden;
}

select#id_profile_data-country {
  overflow: hidden;
}

.question_title {
  font-weight: bold;
  width: 100%;
  display: inline-block;
}

.question_description {
  font-weight: normal;
  font-size: 0.9em;
  width: 100%;
  display: inline-block;
}

.question_help {
  font-style: italic;
  font-size: 0.9em;
  width: 100%;
  display: inline-block;
}

.question-block {
  margin: 1.2em 0;
  border-top: 0px #DDDBDB solid;
  border-bottom: 0px #DDDBDB solid;
  padding: 0.8em 0;
}

.question-form {
  margin: 1.2em 0;
}

.question-label {
  text-align: left;
}

.question-separator {
  margin: 0 0 1em 0;
}

.question-form > input, select {
  margin: 1em 0;
}

.combo-no-margin {
  margin: 0 0 1.2em 0;
}

.warnings {
  margin: 0 0 0.2em 0;
  padding: 0;
}

.full-width {
  width: 100px !important;
}

.cs_btn_submit_cancel {
  display: inline-block;
  margin: 1.2em 0;
}

#id_rfc_comment-rfc_comment {
  margin-bottom: 20px;
}

.h4-sub-question-level-1 {
  font-size: 1em;
  font-weight: bold;
  margin: 0.6em 0 0.9em 2.4em;
}

.subquestion-indent-2 {
  margin: 0 0 0 2.4em;
}
.subquestion-indent-2 label {
  font-size: 0.9em;
}

#btn-notify-rfc-completed {
  margin-top: 30px;
}

#id_time_period {
  width: 150px;
  display: inline-block;
}

#surveylist .optional {
  color: orange;
}

#survey_form_error_modal .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

#time_period_form_checkbox ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#time_period_form_checkbox ul li {
  display: inline-block;
  margin-right: 10px;
}
#time_period_form_checkbox ul li label {
  margin-bottom: 0;
}
#time_period_form_checkbox ul li label input {
  top: -3px;
}

.set_survey_relevance h1 {
  margin-bottom: 40px;
}
.set_survey_relevance table tbody > tr > td input {
  margin: auto;
}
.set_survey_relevance table tbody > tr > td.level-1 {
  padding-left: 1em;
}
.set_survey_relevance table tbody > tr > td.level-2 {
  padding-left: 3em;
}
.set_survey_relevance table tbody > tr > td.level-3 {
  padding-left: 6em;
}
.set_survey_relevance table tbody > tr > td.level-4 {
  padding-left: 9em;
}
.set_survey_relevance table thead > tr > th {
  text-align: center;
}
.set_survey_relevance table thead > tr > th:first-child {
  text-align: left;
}

.set_survey_relevance table tbody > tr > td,
.set_survey_relevance table thead > tr > th {
  vertical-align: middle;
}

.rows-toggler {
  margin-bottom: 2em;
}

.warning {
  color: #ffc107;
  margin-left: 10px;
}

.mb-1 {
  margin-bottom: 0.6em;
}

.relavance-textarea {
  width: 100% !important;
}

.dhs-buttons {
  text-align: right;
}

.nav-row {
  border-bottom: 2px solid #dfdfdf;
  margin: 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.nav-row .not-authenticated-top-bar {
  margin: 10px 0 11px 0;
}
.nav-row .not-authenticated-top-bar span {
  padding-top: 10px;
}

.nav-link {
  font-weight: bold;
  color: #b2b2b2;
  font-size: 20px;
}

.language-select #language-select {
  background-color: #e5f5fc;
  color: #4a81a3;
  font-weight: bold;
  font-size: 16px;
  border: none;
  border-radius: 12px;
  padding: 8px 24px;
  width: 40px;
  min-width: 140px;
}
.language-select #language-select:hover {
  background-color: #e5f5fc;
  color: #4a81a3;
}
.language-select #language-select:focus {
  background-color: #e5f5fc;
  color: #4a81a3;
}
.language-select #language-select:first-child:active {
  background-color: #FAFDFE;
  color: #4a81a3;
}
.language-select #language-select::after {
  content: "";
  width: 0.9em;
  height: 0.6em;
  background-color: #4a81a3;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  float: right;
  margin-top: 0.5em;
  margin-left: 0.5em;
}
.language-select #language-select.active {
  background-color: #e5f5fc;
  color: #4a81a3;
}
.language-select #language-select.show {
  background-color: #e5f5fc;
  color: #4a81a3;
}
.language-select ul {
  background-color: #FAFDFE;
  border: none;
  width: 0.8em;
  -webkit-box-shadow: 0px 5px 10px -3px rgb(66, 68, 90);
  -moz-box-shadow: 0px 5px 10px -3px rgb(66, 68, 90);
  box-shadow: 0px 5px 10px -3px rgb(66, 68, 90);
  border-radius: 0px 0px 8px 8px;
}
.language-select ul li {
  background-color: #FAFDFE;
}
.language-select ul li:not(:first-child) {
  border-top: 1px solid #4a81a3;
}
.language-select ul li button {
  color: #4a81a3;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}
.language-select ul li button:hover {
  background-color: #FAFDFE;
}
.language-select .show {
  background-color: #FAFDFE;
  color: #4a81a3;
}
.language-select .dropdown-menu > li > a:focus {
  background: none;
  background-color: #e5f5fc;
  color: #4a81a3;
}
.language-select .dropdown-menu > li > a:hover {
  background: none;
  background-color: #e5f5fc;
  color: #4a81a3;
}

:not(.language-select button-check) + .language-select button:active {
  background-color: #e5f5fc;
  color: #4a81a3;
}

.language-select button:hover,
.language-select button:focus,
.language-select button.active,
.language-select button.show,
.language-select button:first-child:active,
:not(.language-select button-check) + .language-select button:active {
  background-color: #FAFDFE;
  color: #4a81a3;
}

.language-select .dropdown-menu > li > a:focus, .language-select .dropdown-menu > li > a:hover {
  background: none;
  background-color: #e5f5fc;
  color: #4a81a3;
}

.welcome-dropdown button {
  background-color: #e5f5fc;
  color: #4a81a3;
  font-weight: bold;
  font-size: 16px;
  border: none;
  border-radius: 12px;
  justify-content: space-between;
  padding: 8px 16px;
}
.welcome-dropdown button::after {
  content: none;
}
.welcome-dropdown ul {
  background-color: #FAFDFE;
  border: none;
  -webkit-box-shadow: 0px 5px 10px -3px rgb(66, 68, 90);
  -moz-box-shadow: 0px 5px 10px -3px rgb(66, 68, 90);
  box-shadow: 0px 5px 10px -3px rgb(66, 68, 90);
  border-radius: 0px 0px 8px 8px;
}
.welcome-dropdown ul li {
  background-color: #FAFDFE;
}
.welcome-dropdown ul li:not(:first-child) {
  border-top: 1px solid #4a81a3;
  border-top: 1.5px solid rgba(22, 90, 134, 0.5);
}
.welcome-dropdown ul li:hover {
  background-color: none;
}
.welcome-dropdown ul li a {
  color: #4a81a3;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}
.welcome-dropdown ul li a .logout-icon {
  background-image: url("/static/img/logout.5ddea9629562.svg");
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  float: right;
  margin-right: 7em;
  margin-top: -5px;
  background-position: center;
  margin-left: 6px;
}
.welcome-dropdown ul li a:hover {
  background-color: #FAFDFE !important;
}
.welcome-dropdown .show {
  background-color: #FAFDFE;
  color: #4a81a3;
}

.welcome-dropdown button:hover,
.welcome-dropdown button:focus,
.welcome-dropdown button.active,
.welcome-dropdown button.show,
.welcome-dropdown button:first-child:active,
:not(.welcome-dropdown button-check) + .welcome-dropdown button:active {
  background-color: #e5f5fc;
  color: #4a81a3;
}

.welcome-dropdown .dropdown-menu > li > a:focus, .welcome-dropdown .dropdown-menu > li > a:hover {
  background: none;
  background-color: #e5f5fc;
  color: #4a81a3;
}

.reporting-dropdown {
  display: inline;
  margin-left: 10px;
}
.reporting-dropdown span {
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
}

.navbar-link-custom {
  text-decoration: none;
  color: black;
  font-weight: bold;
  font-size: 16px;
}

.reporting-dropdown:hover, .navbar-link-custom:hover {
  color: rgba(0, 0, 0, 0.7);
}

.top-nav-item-active {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-nav li:first-of-type {
  padding-right: 1.3rem;
}
.navbar-nav li:last-of-type {
  padding-left: 1.3rem;
}
.navbar-nav li:not(:first-child):not(:last-child) {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
.navbar-nav li:not(:last-child) {
  border-right: 1px solid #dfdfdf;
}

tr.survey-level-0 a:first-of-type, tr.survey-level-0 span:first-of-type {
  margin-left: 0px;
}
tr.survey-level-1 span:first-child {
  font-size: 14px;
}
tr.survey-level-1 a:first-of-type, tr.survey-level-1 span:first-of-type {
  margin-left: 0px;
}
tr.survey-level-2 a:first-of-type, tr.survey-level-2 span:first-of-type {
  margin-left: 23px;
}
tr.survey-level-2 a, tr.survey-level-2 span.survey-list-icon {
  margin-left: 0px;
}
tr.survey-level-3 a:first-of-type, tr.survey-level-3 span:first-of-type {
  margin-left: 46px;
}

td[id^=pdf-] a {
  margin-left: 0px !important;
}

tr.survey-level-with-parent-0 a:first-of-type, tr.survey-level-with-parent-0 span:first-of-type {
  margin-left: 0px;
}
tr.survey-level-with-parent-1 a:first-of-type, tr.survey-level-with-parent-1 span:first-of-type {
  margin-left: 23px;
}
tr.survey-level-with-parent-1 a, tr.survey-level-with-parent-1 span.survey-list-icon {
  margin-left: 0px;
}
tr.survey-level-with-parent-2 a:first-of-type, tr.survey-level-with-parent-2 span:first-of-type {
  margin-left: 46px;
}
tr.survey-level-with-parent-3 a:first-of-type, tr.survey-level-with-parent-3 span:first-of-type {
  margin-left: 69px;
}

.accordion table td {
  font-size: 14px !important;
}

.form-check {
  margin-top: 14px;
  padding-left: 0px;
}
.form-check label {
  font-weight: bold;
}
.form-check .form-check-input {
  margin-top: 3px;
  margin-right: 10px;
  width: 13px;
  height: 13px;
}

.form-check-input:focus {
  box-shadow: None;
}
.form-check-input:active {
  filter: None;
}

.btn-danger.btn-danger:hover, .btn-danger.btn-danger:active {
  background-color: #C12E2A;
  background-position: 0;
  background-image: linear-gradient(to bottom, #C12E2A 0, #C12E2A 100%);
}

.btn-info.btn-info {
  color: #fff;
  transition-duration: 0s;
}
.btn-info.btn-info:hover, .btn-info.btn-info:active {
  color: #fff;
  background-position: 0;
  background-image: linear-gradient(to bottom, #2aabd2 0, #2aabd2 100%);
}

.btn-success.btn-success {
  transition-duration: 0s;
}
.btn-success.btn-success:hover, .btn-success.btn-success:active {
  background-position: 0;
  background-image: linear-gradient(to bottom, #419641 0, #419641 100%);
}

.btn-default.btn-default:hover, .btn-default.btn-default:active {
  background-position: 0;
  background-image: linear-gradient(to bottom, #e0e0e0 0, #e0e0e0 100%);
}

.btn-warning.btn-warning {
  color: #fff;
  transition-duration: 0s;
}
.btn-warning.btn-warning:hover, .btn-warning.btn-warning:active {
  color: #fff;
  background-position: 0;
  background-image: linear-gradient(to bottom, #eb9316, #eb9316);
}

.btn-primary.btn-primary:hover, .btn-primary.btn-primary:active {
  background-position: 0;
  background-image: linear-gradient(to bottom, #265a88, #265a88);
}

.btn-close {
  font-size: 10px;
}
.btn-close:focus {
  box-shadow: none;
}

.register-info i {
  background-image: url("/static/img/info_blue_icon.d3b1b46d3b93.svg");
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-left: 0.5em;
  margin-right: 0.4em;
  margin-top: 0.2em;
  background-position: center;
}
.register-info p {
  font-weight: 500;
}
.register-info span {
  color: #165A86;
}

.error-form-message-row i {
  background-image: url("/static/img/warning_icon.c8b0c7113bdc.svg");
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.2em;
  background-position: center;
}
.error-form-message-row ul {
  padding-left: 0px;
  padding-top: 4px;
  margin-left: -8px;
}
.error-form-message-row ul li {
  font-weight: 500;
}

.account-card {
  border-radius: 8px;
  border: none;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 4px;
}

.btn.homepage-action-btn {
  gap: 8px;
  background-color: #009CDE;
  border-radius: 4px;
  color: #fff;
  border: none;
  height: 34px;
  margin-top: 10px;
  margin-left: 10px;
  padding-top: 5px;
  padding: 5px 16px;
  font-weight: 500;
}
.btn.homepage-action-btn:hover, .btn.homepage-action-btn:active {
  background-color: #E5E5E5;
  color: #000;
}

.btn.account-action-btn {
  align-items: flex-start;
  padding: 4px 16px;
  gap: 8px;
  background-color: #009CDE;
  border-radius: 4px;
  color: #fff;
  border: none;
  font-weight: 700;
}
.btn.account-action-btn:hover, .btn.account-action-btn:disabled, .btn.account-action-btn:active {
  background-color: #E5E5E5;
  color: #FFFFFF;
}
.btn.account-action-btn.accept {
  background-color: #419641;
  font-weight: 500;
}
.btn.account-action-btn.accept:hover, .btn.account-action-btn.accept:disabled {
  background-color: #ccc8c8;
}
.btn.account-action-btn.reject {
  background-color: #E51937;
  font-weight: 500;
  margin-left: 18px;
}
.btn.account-action-btn.reject:hover, .btn.account-action-btn.reject:disabled {
  background-color: #ccc8c8;
}

.account-action-btn-light {
  font-weight: 500;
}

hr {
  border: 1px solid rgba(22, 90, 134, 0.5);
}

.reporting-time-periods button {
  background-color: #165A86;
  color: white;
  font-weight: bold;
}

.reporting-time-periods button:hover,
.reporting-time-periods button:focus,
.reporting-time-periods button.active,
.reporting-time-periods button.show,
.reporting-time-periods button:first-child:active,
:not(.reporting-time-periods button-check) + .reporting-time-periods button:active {
  background-color: #165A86;
  color: white;
  font-weight: bold;
}

.data-button {
  text-decoration: none;
}
.data-button button {
  background-color: white;
  box-shadow: var(--button-box-shadow);
  color: #165a86;
  font-weight: bold;
  line-height: 40px;
}
.data-button button:hover {
  background-color: white;
  color: #165a86;
}
.data-button button[disabled] {
  background-color: #CCCCCC;
  border-color: transparent;
  color: #FFFFFF;
}

footer {
  background: #3c3c3c;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjM2MzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjIyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3c3c3c), color-stop(100%, #222222));
  background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3c3c3c", endColorstr="#222222",GradientType=0 );
  text-align: center;
  color: #FFFFFF;
  padding: 0.75em;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

footer div {
  display: flex;
  flex-direction: column;
}

footer p {
  margin-bottom: 0px;
}

.user-settings-form label {
  font-size: 13px;
  padding-left: 10px;
  text-indent: 0px;
}
.user-settings-form select {
  background-image: url("/static/img/chevron_down.592857ac5374.svg");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  margin-top: 0px;
  border: 1.8px solid #165A86;
}
.user-settings-form input {
  border: 1.8px solid #165A86;
}
.user-settings-form .form-control:focus {
  border-color: #165A86;
  box-shadow: none;
}

.return-icon {
  background-image: url("/static/img/left-arrow.b4de46fbb42b.svg");
  background-repeat: no-repeat;
  background-size: contain;
  float: left;
  margin-top: 2px;
  height: 2em;
  width: 2.5em;
}

.btn-excel {
  background-color: #E51937;
  color: #fff;
  outline: none;
  padding: 6px 8px;
  box-shadow: var(--button-box-shadow);
  border-radius: 6px;
  border: none;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-excel:hover {
  background-color: #a0182c;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}

.btn-excel-white {
  background-color: #fff;
  color: #000;
}
.btn-excel-white:hover {
  background-color: #d8d5d5;
  color: #000;
  cursor: pointer;
  text-decoration: none;
}

.excel-icon {
  background-image: url("/static/img/excel_icon.08491cc98bcd.svg");
  width: 50px;
  height: 50px;
  margin-right: 8px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.top-nav-bar {
  margin: auto;
  height: 64px;
}
.top-nav-bar a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
}
.top-nav-bar .navbar-item {
  font-size: 16px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  margin-top: 1px;
}
.top-nav-bar .navbar-item.active {
  border-bottom: 2px solid #E51937;
}

.password-reset-link {
  color: #165a86;
  font-weight: 500;
}

.country-select-home {
  background-image: url("/static/img/chevron_down.592857ac5374.svg");
  background-size: 20px 20px;
  border: 0.5px solid #165A86;
}
.country-select-home:focus {
  border-color: #165A86;
  box-shadow: none;
}

.eye-open {
  background-image: url("/static/img/eye_open.f1c44220c8b6.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.eye-close {
  background-image: url("/static/img/eye_close.fbaf8f4c69ab.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.eye-icon {
  float: right;
  margin-left: -35px;
  margin-top: -35px;
  margin-right: 10px;
  position: relative;
  z-index: 2;
  width: 30px;
  height: 30px;
}

.login-form .error {
  margin: 0px;
}

.progress-container {
  width: 100%;
}
.progress-container p {
  margin: 0px 0px 2px 10px;
  color: #009cde;
  font-weight: bold;
}
.progress-container .progress {
  background-image: none;
  background-color: #e6f6fc;
  border-radius: 0px;
  height: 0.5rem;
}
.progress-container .progress-bar {
  background-image: none;
  background-color: #009cde;
}

.indicator-select {
  display: inline-flex;
}
.indicator-select h2 {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1em;
  font-weight: bold;
}
.indicator-select #id_country {
  width: 46rem;
  border-radius: 3px;
  height: 35px;
  margin-top: 16px;
  padding: 5px 12px;
  border-width: 1px;
  border-color: #165A86;
}
.indicator-select button {
  margin-left: 1em;
  height: 35px;
  margin-top: 16px;
}

.indicator-nav-top {
  padding-left: 5em;
  padding-right: 5em;
}
.indicator-nav-top #timePeriods {
  box-shadow: var(--button-box-shadow);
}

.dropdown-dropdown-black-icon {
  content: url("/static/img/down_black_dropdown.94b39f03f9f1.svg");
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  margin-left: 0px;
}

.dropdown-dropdown-icon {
  content: url("/static/img/down_dropdown.3a87d4a6fb39.svg");
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 3px;
  pointer-events: none;
}

#status-input:disabled {
  background: #FFFFFF;
  border: 0.5px solid rgba(22, 90, 134, 0.5);
  color: rgba(22, 90, 134, 0.5);
  border-radius: 2px;
  cursor: default;
}

.chevron-icon-filter.disabled {
  filter: invert(28%) sepia(96%) saturate(587%) hue-rotate(165deg) brightness(83%) contrast(92%);
}

.relevance-status-dropdown {
  width: 100%;
}
.relevance-status-dropdown button {
  width: 100%;
}
.relevance-status-dropdown button i {
  width: 15px;
}
.relevance-status-dropdown .btn-check:checked + .btn, .relevance-status-dropdown .btn.active, .relevance-status-dropdown .btn.show, .relevance-status-dropdown .btn:first-child:active, .relevance-status-dropdown :not(.btn-check) + .btn:active {
  background-color: var(--new-data-color);
  color: #FFF;
  border: 0.25px solid rgba(0, 0, 0, 0.1);
}
.relevance-status-dropdown .not-relevant-no-data-status-background:not(.btn-check) + .btn:active {
  background-color: #FFF;
}

.table #table-headers th input {
  padding-right: 15px;
}
.table .survey-title-row {
  background-color: #fff;
  vertical-align: middle !important;
}
.table .survey-title-row td {
  --bs-table-accent-bg: none !important;
  background-color: #fff;
}
.table .survey-title-row span {
  font-size: 15px;
}

#cs_list_state_form {
  display: inline;
}

.indicator-submit-state {
  text-decoration: none;
}
.indicator-submit-state button {
  color: white;
  border: none;
  background-color: #cccccc;
  box-shadow: var(--button-box-shadow);
  font-weight: bold;
  line-height: 40px;
  margin-top: 2px;
}
.indicator-submit-state .not-clickable {
  pointer-events: none;
}
.indicator-submit-state .active-submit {
  background-color: #e51937;
}
.indicator-submit-state .active-submit:hover {
  color: white;
  background-color: #e51937;
}

.time-period-filter h3 {
  margin-right: 0.6em;
}

#updateDataRelevanceModal .modal-body {
  padding: 2em;
}
#updateDataRelevanceModal button {
  color: #fff;
  font-weight: bold;
  background-color: #E51937;
  height: 35px;
  padding: 4px, 8px, 4px, 8px;
  border-radius: 4px;
  box-shadow: var(--button-box-shadow);
  background-image: none;
  border: none;
  margin-top: 0.5em;
}

.navbar button.navbar-toggler {
  background-color: #e5f5fc;
  border: none;
  box-shadow: none;
  margin-top: 1em;
  margin-right: 10px;
}
.navbar button.navbar-toggler:focus {
  box-shadow: none;
}

@media (max-width: 510px) {
  .user-info-block {
    margin-top: 5em;
  }
}
@media (max-width: 767px) {
  .language-select #language-select {
    margin-bottom: 15px;
  }
  #unaids-nav-logo {
    margin-top: 20px;
  }
  .top-nav-bar {
    text-align: center;
  }
  .indicator-nav-top {
    padding-left: 2em;
    padding-right: 2em;
  }
}
.export-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 24px;
  row-gap: 10px;
  margin-top: 16px;
  flex-wrap: wrap;
}

.export-row-header {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  margin-top: 16px;
  color: #000000;
}

@media (max-width: 783px) {
  .header-title {
    margin: 5px 0 0 3px;
    width: 100%;
  }
  .export-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 815px) {
  .sponsors-row {
    display: flex;
    flex-flow: column;
  }
}
@media (max-width: 877px) {
  .indicator-nav-top {
    padding-left: 2em;
    padding-right: 2em;
  }
}
@media (max-width: 908px) {
  .btn-excel {
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 15px;
  }
}
@media (max-width: 939px) {
  .data-button.me-4 {
    margin-right: 5px !important;
  }
}
@media (max-width: 991px) {
  .home-container {
    max-width: 100% !important;
    margin-top: 0px !important;
  }
  .register-container, .login-form {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  .navbar {
    margin-bottom: 0px !important;
  }
  .navbar .navbar-nav {
    margin-top: -5px;
    text-align: center;
  }
  .navbar .navbar-nav .nav-item {
    padding-left: 0px !important;
    padding-right: 0px !important;
    border: none;
  }
  .dropdown.welcome-dropdown button {
    margin-bottom: 15px;
  }
}
.validation-comments .validation-comments-wrapper {
  background-color: #F2F2F2;
  padding: 1.5em 1.5em 0.5em 1.5em;
  border-radius: 10px;
}

.light-blue-background {
  background-color: #f9fdfe;
}

.dropzone {
  border: 2px dashed #009cde;
  border-radius: 8px;
  padding: 16px;
  padding-top: 30px;
  text-align: center;
  width: 436px;
  height: 109px;
  cursor: pointer;
  background-image: url("/static/img/upload.97df1077fd37.svg");
  background-repeat: no-repeat;
  background-position: center 5px;
  margin-bottom: 16px;
}

.dz-message {
  color: #009cde;
  font-size: 16px;
  padding: 10px 5px 5px;
}

.btn-upload {
  background: #009cde;
  color: white;
  font-weight: bold;
  pointer-events: none;
}

#processed_files, #uploaded_files {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 20px;
}

.uploaded-file {
  position: relative;
  flex-shrink: 0;
  display: flex;
  width: 436px;
  height: 56px;
  background-color: #FAFDFE;
  border: 1px #ddedf3 solid;
  border-radius: 8px;
}
.uploaded-file .file-image {
  width: 56px;
  height: 56px;
  background-image: url("/static/img/attachment.ac45b1129c37.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.uploaded-file .file-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uploaded-file .dz-image img {
  display: none;
}
.uploaded-file.loading .file-image {
  background-image: url("/static/img/spinner.293396623a13.svg");
  animation: spin 5s linear infinite;
}
.uploaded-file.loading .dz-progress {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 3px;
}
.uploaded-file.loading .dz-progress span {
  height: 100%;
  background-color: #009cde;
  position: absolute;
  display: inline-block;
}
.uploaded-file .file-details {
  flex-grow: 1;
  padding-left: 5px;
}
.uploaded-file .file-details a, .uploaded-file .file-details .to-be-linked {
  color: black;
  text-decoration: none;
  display: block;
}
.uploaded-file .file-details .file-name {
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-top: 5px;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}
.uploaded-file .file-details .file-size {
  font-size: 12px;
}
.uploaded-file .file-actions {
  height: 56px;
  width: 56px;
}
.uploaded-file .file-actions .delete-file {
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin: 20px 22px;
  background-image: url("/static/img/trash-dark-blue.708fa8868644.svg");
}
.uploaded-file.dz-error {
  background-color: rgba(245, 163, 175, 0.2);
  border-color: #E51937;
}
.uploaded-file.dz-error .file-image {
  background-image: url("/static/img/warning.0f9ae1b0415f.svg");
}
.uploaded-file.dz-error .file-image img {
  display: none;
}
.uploaded-file.dz-error .dz-remove {
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin: 20px 22px;
  background-image: url("/static/img/remove.9f10fbf0966e.svg");
}

.dz-error-message {
  color: #E51937;
  font-size: 10px;
  margin-top: 5px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}