/* line 1, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: collapse !important;
}

/* line 7, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable td {
  box-sizing: content-box;
}

/* line 11, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable th {
  box-sizing: content-box;
}

/* line 15, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable td.dataTables_empty {
  text-align: center;
}

/* line 18, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable th.dataTables_empty {
  text-align: center;
}

/* line 23, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > th.sorting_asc {
  padding-right: 30px;
}

/* line 26, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > th.sorting_desc {
  padding-right: 30px;
}

/* line 29, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > th.sorting {
  padding-right: 30px;
}

/* line 32, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > td.sorting_asc {
  padding-right: 30px;
}

/* line 35, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > td.sorting_desc {
  padding-right: 30px;
}

/* line 38, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > td.sorting {
  padding-right: 30px;
}

/* line 42, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > th:active {
  outline: none;
}

/* line 47, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead > tr > td:active {
  outline: none;
}

/* line 52, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting {
  cursor: pointer;
  position: relative;
}

/* line 55, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting:before {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 1em;
  content: "\2191";
}

/* line 63, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting:after {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 0.5em;
  content: "\2193";
}

/* line 72, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_asc {
  cursor: pointer;
  position: relative;
}

/* line 75, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_asc:before {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 1em;
  content: "\2191";
  opacity: 1;
}

/* line 84, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_asc:after {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 0.5em;
  content: "\2193";
}

/* line 93, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_desc {
  cursor: pointer;
  position: relative;
}

/* line 96, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_desc:before {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 1em;
  content: "\2191";
}

/* line 104, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_desc:after {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 0.5em;
  content: "\2193";
  opacity: 1;
}

/* line 114, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_asc_disabled {
  cursor: pointer;
  position: relative;
}

/* line 117, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_asc_disabled:before {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 1em;
  content: "\2191";
  opacity: 0;
}

/* line 126, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_asc_disabled:after {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 0.5em;
  content: "\2193";
}

/* line 135, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}

/* line 138, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_desc_disabled:before {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 1em;
  content: "\2191";
}

/* line 146, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 10%;
  display: block;
  opacity: 0.3;
  right: 0.5em;
  content: "\2193";
  opacity: 0;
}

/* line 159, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable.nowrap th {
  white-space: nowrap;
}

/* line 162, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable.nowrap td {
  white-space: nowrap;
}

/* line 168, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

/* line 173, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_length select {
  width: 75px;
  display: inline-block;
}

/* line 178, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_filter {
  text-align: right;
}

/* line 180, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

/* line 185, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

/* line 191, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
}

/* line 195, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right;
}

/* line 199, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end;
}

/* line 205, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

/* line 217, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important;
}

/* line 220, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0;
}

/* line 225, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 231, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollBody table thead .sorting:after {
  display: none;
}

/* line 236, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollBody table thead .sorting_asc:after {
  display: none;
}

/* line 241, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none;
}

/* line 249, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollBody table tbody tr:first-child th {
  border-top: none;
}

/* line 252, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none;
}

/* line 261, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.dataTables_scrollFoot table {
  margin-top: 0 !important;
  border-top: none;
}

/* line 269, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable.table-sm > thead > tr > th, table.dataTable.table-condensed > thead > tr > th {
  padding-right: 20px;
}

/* line 275, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable.table-sm .sorting:after, table.dataTable.table-condensed .sorting:after {
  top: 6px;
  right: 6px;
}

/* line 281, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-condensed .sorting_asc:after {
  top: 6px;
  right: 6px;
}

/* line 287, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.dataTable.table-sm .sorting_desc:after, table.dataTable.table-condensed .sorting_desc:after {
  top: 6px;
  right: 6px;
}

/* line 294, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.table-bordered.dataTable th {
  border-left-width: 0;
}

/* line 296, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.table-bordered.dataTable th:last-child {
  border-right-width: 0;
  border-right-width: 0;
}

/* line 301, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.table-bordered.dataTable td {
  border-left-width: 0;
}

/* line 303, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.table-bordered.dataTable td:last-child {
  border-right-width: 0;
  border-right-width: 0;
}

/* line 309, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.table-bordered.dataTable tbody th {
  border-bottom-width: 0;
}

/* line 312, vendor/assets/stylesheets/dataTables.bootstrap.scss */
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0;
}

/* line 319, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0;
}

/* line 322, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0;
}

/* line 325, vendor/assets/stylesheets/dataTables.bootstrap.scss */
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  /* line 334, vendor/assets/stylesheets/dataTables.bootstrap.scss */
  div.dataTables_wrapper div.dataTables_length {
    text-align: center;
  }
  /* line 337, vendor/assets/stylesheets/dataTables.bootstrap.scss */
  div.dataTables_wrapper div.dataTables_filter {
    text-align: center;
  }
  /* line 340, vendor/assets/stylesheets/dataTables.bootstrap.scss */
  div.dataTables_wrapper div.dataTables_info {
    text-align: center;
  }
  /* line 343, vendor/assets/stylesheets/dataTables.bootstrap.scss */
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
  }
}

/* line 1, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

/* line 6, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

/* line 11, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

/* line 17, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  top: 8px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #56616e;
}

/* line 36, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}

/* line 41, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}

/* line 44, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}

/* line 48, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}

/* line 58, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}

/* line 63, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  /*  top: 50%;
  left: 50%;
*/
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #56616e;
}

/* line 84, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}

/* line 89, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

/* line 92, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

/* line 95, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 101, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child ul.dtr-details li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

/* line 105, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child ul.dtr-details li:first-child {
  padding-top: 0;
}

/* line 108, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child ul.dtr-details li:last-child {
  border-bottom: none;
}

/* line 111, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

/* line 117, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

/* line 127, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

/* line 144, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}

/* line 148, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

/* line 161, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}

/* line 164, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  /* line 175, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}

/* line 179, vendor/assets/stylesheets/dataTables.responsive.bootstrap.css */
div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

/* purposely a teeny bit lighter than $drugbank-dark-grey */
/* line 3, app/assets/stylesheets/shared/surveys.scss */
.survey label.required:before {
  content: "*";
  color: #ff00b8;
  margin-right: 0.25rem;
}

/* line 11, app/assets/stylesheets/shared/surveys.scss */
.survey .form-group.radio label, .survey .form-group.checkbox label {
  margin-right: 1rem;
}

/* line 14, app/assets/stylesheets/shared/surveys.scss */
.survey .form-group.radio .field_with_errors, .survey .form-group.checkbox .field_with_errors {
  display: inline-block;
}

/* line 18, app/assets/stylesheets/shared/surveys.scss */
.survey .form-group input[type="checkbox"], .survey .form-group input[type="radio"] {
  margin-right: 0.5rem;
}

/* line 22, app/assets/stylesheets/shared/surveys.scss */
.survey .additional_info-group {
  display: none;
  margin-top: 1rem;
  margin-left: 1rem;
}

/* line 1, app/assets/stylesheets/public/releases.scss */
.releases-c .popover {
  width: calc(100% - 3rem);
  max-width: 500px;
  min-width: 250px;
}

/* line 5, app/assets/stylesheets/public/releases.scss */
.releases-c .popover pre {
  /* Use padding instead of margin so the scrollbar doesn't cover the text */
  margin-bottom: 0;
  padding-bottom: 1rem;
  white-space: normal;
}

/* line 13, app/assets/stylesheets/public/releases.scss */
.release-content .tab-pane {
  /* Kind of hacky, but for whatever reason bootstrap popovers don't
  position correctly when triggered from inside a scrollable table,
  so we'll scroll the entire tab content instead on small screens */
  overflow-x: scroll;
}

/* line 20, app/assets/stylesheets/public/releases.scss */
.download-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 15px;
  padding-left: 0;
  touch-action: pan-x;
}

/* line 21, app/assets/stylesheets/public/releases.scss */
.download-table table {
  width: 100%;
}

/* line 23, app/assets/stylesheets/public/releases.scss */
.download-table table .btn-download {
  white-space: nowrap;
}

/* line 30, app/assets/stylesheets/public/releases.scss */
.download-table table .btn-download .icon-login svg,
.download-table table .btn-download .icon-download-apply svg,
.download-table table .btn-download .icon-download-in-review svg,
.download-table table .btn-download .icon-download-verify-email svg {
  height: 16px;
  width: 12px;
}

/* line 36, app/assets/stylesheets/public/releases.scss */
.download-table table .btn-download .icon-download-small svg {
  width: 8px;
  height: 16px;
}

/* line 54, app/assets/stylesheets/public/releases.scss */
.release-content .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 60, app/assets/stylesheets/public/releases.scss */
.release-content .right-content {
  padding: 16px 0px 16px 50px;
}

/* line 62, app/assets/stylesheets/public/releases.scss */
.release-content .right-content p {
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 0px;
}

/* line 66, app/assets/stylesheets/public/releases.scss */
.release-content .right-content p b {
  font-weight: 700;
}

/* line 74, app/assets/stylesheets/public/releases.scss */
.release-content .left-content .icon-lightbulb > svg {
  height: 54px;
  width: 54px;
}

/* line 79, app/assets/stylesheets/public/releases.scss */
.release-content .alert.alert-info {
  border-radius: 8px;
  background: rgba(240, 240, 240, 0.5);
  border-style: none;
  max-width: 100%;
  padding: 0px 40px 0px 50px;
  align-items: center;
  color: #00161e;
  font-family: Gemeli;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  margin-left: 0px;
  margin-right: 0px;
}

/* line 97, app/assets/stylesheets/public/releases.scss */
.release-content .alert.alert-info a {
  font-weight: 700;
  color: #00b0f2;
}

/* line 104, app/assets/stylesheets/public/releases.scss */
p.cc {
  font-family: Gemeli;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  padding: 8px;
  margin-bottom: 15px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: rgba(240, 240, 240, 0.5);
}

/* line 120, app/assets/stylesheets/public/releases.scss */
p.cc .link_cc {
  font-weight: 700;
}

/* line 125, app/assets/stylesheets/public/releases.scss */
.dlink {
  width: 200px;
}

/* line 126, app/assets/stylesheets/public/releases.scss */
.dlink-timestamp {
  width: 150px;
}

/* line 127, app/assets/stylesheets/public/releases.scss */
.dlink-cmd {
  width: 175px;
}

/* line 128, app/assets/stylesheets/public/releases.scss */
.dlink-size {
  width: 100px;
}

/* line 129, app/assets/stylesheets/public/releases.scss */
.dlink-version {
  width: 75px;
}

/* line 130, app/assets/stylesheets/public/releases.scss */
.download-tabs.tabber {
  margin-bottom: 1.5em;
}

/* line 132, app/assets/stylesheets/public/releases.scss */
.cc0-license-logo {
  margin-right: 1em;
}

/* line 136, app/assets/stylesheets/public/releases.scss */
.cc-vector-logo {
  height: 18px;
  width: 18px;
}

/* line 141, app/assets/stylesheets/public/releases.scss */
.general-content .academic-footer {
  max-width: 500px;
}

@media (max-width: 350px) {
  /* line 149, app/assets/stylesheets/public/releases.scss */
  .academic-footer .targeted-linkout-box .right {
    display: none !important;
  }
}

@media (min-width: 768px) {
  /* line 157, app/assets/stylesheets/public/releases.scss */
  .general-content .academic-footer #download-linkout {
    display: none;
  }
  /* line 160, app/assets/stylesheets/public/releases.scss */
  .general-content #download-linkout {
    display: inline;
  }
}

@media (max-width: 767px) {
  /* line 166, app/assets/stylesheets/public/releases.scss */
  .general-content #download-linkout {
    display: none;
  }
  /* line 170, app/assets/stylesheets/public/releases.scss */
  .general-content .academic-footer #download-linkout {
    display: inline;
  }
  /* line 174, app/assets/stylesheets/public/releases.scss */
  .general-content.release-content {
    padding-right: 24px;
  }
  /* line 177, app/assets/stylesheets/public/releases.scss */
  .general-content.release-content .signup-box {
    margin-left: 0px;
    margin-right: 0px;
  }
  /* line 181, app/assets/stylesheets/public/releases.scss */
  .general-content.release-content .signup-box .card-body {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  /* line 189, app/assets/stylesheets/public/releases.scss */
  .release-content .alert.container {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    display: block;
    justify-content: flex-start;
  }
  /* line 197, app/assets/stylesheets/public/releases.scss */
  .release-content .alert .left-content {
    padding-top: 0px;
    flex-basis: 100%;
    /* Full width on mobile */
  }
  /* line 203, app/assets/stylesheets/public/releases.scss */
  .left-content .icon-lightbulb > svg {
    height: 40px;
    width: 40px;
  }
  /* line 208, app/assets/stylesheets/public/releases.scss */
  .release-content .alert .right-content {
    padding-left: 0px;
    flex-basis: 100%;
    /* Full width on mobile */
  }
}

/* line 215, app/assets/stylesheets/public/releases.scss */
.signup-notice {
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0rem .5rem;
}

/* line 221, app/assets/stylesheets/public/releases.scss */
.signup-notice p {
  font-weight: lighter;
}

/* line 223, app/assets/stylesheets/public/releases.scss */
.signup-notice p a {
  font-weight: bold;
}

/* line 225, app/assets/stylesheets/public/releases.scss */
.signup-notice .signup-box {
  flex: 1 1 360px;
  width: 100%;
  max-width: 750px;
  margin-right: 2rem;
}

/* line 230, app/assets/stylesheets/public/releases.scss */
.signup-notice .signup-box .card {
  border-color: white;
}

/* line 233, app/assets/stylesheets/public/releases.scss */
.signup-notice .signup-box .heading {
  color: #000;
  /* Paragraph/P Default Reg. */
  font-family: Gemeli;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

/* line 243, app/assets/stylesheets/public/releases.scss */
.signup-notice .signup-box ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  gap: 16px;
}

/* line 251, app/assets/stylesheets/public/releases.scss */
.signup-notice .signup-box li::before {
  content: "";
  /* Create a pseudo-element */
  display: inline-block;
  width: 11.929px !important;
  height: 8.32px !important;
  padding-left: 15px;
  padding-top: 11px;
  margin-top: 8px;
  margin-right: 15px;
  /* Optional spacing between checkbox and text */
  background-image: url(/assets/connect/checkmark-85ff749ed1369e81a00c4838f273f6af8cb4f5c2ed6cc06fb1a79b2f7df0aa3a.svg);
  background-size: cover;
  /* Scale the SVG to fit the dimensions */
}

/* line 265, app/assets/stylesheets/public/releases.scss */
.signup-notice .signup-box li {
  display: inline-flex;
  position: relative;
  /* Create a positioning context for the icon */
  color: #000;
  font-family: Gemeli;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  /* 137.5% */
}

/* line 282, app/assets/stylesheets/public/releases.scss */
.releases-c .disabled-download {
  opacity: 0.4;
}

/* line 286, app/assets/stylesheets/public/releases.scss */
.releases-c .download-popover {
  width: 200px;
  border: none;
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

/* line 292, app/assets/stylesheets/public/releases.scss */
.releases-c .download-popover .arrow {
  display: none;
}

/* line 296, app/assets/stylesheets/public/releases.scss */
.releases-c .download-popover .popover-body {
  text-align: center;
  line-height: 20px;
  /* 142.857% */
  display: flex;
  padding: 16px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
}

/* line 314, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist {
  display: flex;
  flex-direction: column;
  padding: 25px 20px;
  background-color: white;
  box-shadow: 0px 0px 6px 0px rgba(45, 49, 57, 0.5);
  margin-bottom: 32px;
  max-width: 656px;
}

/* line 325, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-title {
  margin-bottom: 15px;
}

/* line 329, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item-container {
  position: relative;
  z-index: 1;
}

/* line 334, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item {
  margin-bottom: 20px;
  position: relative;
  display: flex;
}

/* line 339, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item:last-of-type {
  margin-bottom: 0;
}

/* line 343, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon {
  margin-right: 20px;
  background: white;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 100px;
  color: white;
  text-align: center;
  border: 2px solid #ff00b8;
}

/* line 354, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 361, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon svg {
  fill: #ff00b8;
  height: 100%;
}

/* line 366, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon.icon-login svg {
  width: 10px;
}

/* line 370, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon.icon-email svg {
  width: 12px;
}

/* line 374, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon.icon-tutorial svg {
  width: 24px;
}

/* line 378, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon.icon-checkmark-connect {
  top: 1px;
  position: relative;
}

/* line 382, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon .drugbank-icon.icon-checkmark-connect svg {
  width: 12px;
  height: 100%;
  fill: white;
}

/* line 390, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-icon.completed {
  background: #ff00b8;
}

/* line 395, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* line 401, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content .item-title {
  font-size: 16px;
  line-height: 1;
}

/* line 405, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content .item-title a {
  color: #ff00b8;
  text-decoration: underline;
}

/* line 409, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content .item-title a:hover {
  opacity: 0.75;
}

/* line 414, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content .item-title.completed {
  text-decoration: line-through;
  opacity: 0.5;
}

/* line 420, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content .item-text {
  font-size: 14px;
  line-height: 22px;
  font-weight: lighter;
}

/* line 424, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .checklist-item .item-content .item-text a {
  font-weight: normal;
}

/* line 431, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .icon-line-pink {
  background: #ff00b8;
  z-index: -1;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 14px;
}

/* line 440, app/assets/stylesheets/public/releases.scss */
.academic-account-checklist .icon-line-white {
  background: #FFF;
  z-index: -1;
  top: 0px;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 14px;
}

/* line 2, app/assets/stylesheets/public/public_users.scss */
.confirmation-wait .logo {
  margin-top: 1.5em;
}

/* line 5, app/assets/stylesheets/public/public_users.scss */
.confirmation-wait p.message {
  font-size: 17px;
}

/* line 10, app/assets/stylesheets/public/public_users.scss */
#license-viewer {
  height: 10rem;
  overflow: auto;
  background: #f7f7f7;
  padding: 0 12px 0 1rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: smaller;
  border-radius: 7px;
  border: 1px solid #5B5B5B;
}

/* line 22, app/assets/stylesheets/public/public_users.scss */
#license-viewer::-webkit-scrollbar {
  width: 17px;
}

/* line 27, app/assets/stylesheets/public/public_users.scss */
#license-viewer::-webkit-scrollbar-track {
  background-color: #D9D9D9;
  border-radius: 100px;
  background-clip: padding-box;
  border: 5px solid transparent;
}

/* line 34, app/assets/stylesheets/public/public_users.scss */
#license-viewer::-webkit-scrollbar-thumb {
  background-color: #5B5B5B;
  border-radius: 100px;
  background-clip: padding-box;
  border: 5px solid transparent;
  height: 35px;
}

/* line 42, app/assets/stylesheets/public/public_users.scss */
#license-viewer h2 {
  font-size: 14px;
  width: 73%;
  display: inline-block;
  margin-right: 16px;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  /* line 42, app/assets/stylesheets/public/public_users.scss */
  #license-viewer h2 {
    width: 100%;
    margin-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  /* line 42, app/assets/stylesheets/public/public_users.scss */
  #license-viewer h2 {
    width: 66%;
  }
}

/* line 61, app/assets/stylesheets/public/public_users.scss */
#license-viewer h2 + p {
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: auto;
  vertical-align: top;
}

@media (max-width: 767px) {
  /* line 61, app/assets/stylesheets/public/public_users.scss */
  #license-viewer h2 + p {
    margin-top: 0;
  }
}

/* line 70, app/assets/stylesheets/public/public_users.scss */
#license-viewer h2 + p .license-img {
  display: inline-block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

/* line 76, app/assets/stylesheets/public/public_users.scss */
#license-viewer h3,
#license-viewer p {
  font-size: 12px;
  line-height: 22px;
  margin-top: 0;
}

/* line 84, app/assets/stylesheets/public/public_users.scss */
#login-links {
  text-align: center;
}

/* line 86, app/assets/stylesheets/public/public_users.scss */
#login-links h4 {
  color: #fff;
  font-weight: 600;
}

/* line 90, app/assets/stylesheets/public/public_users.scss */
#login-links .btn-drugbank-secondary {
  font-weight: 600;
}

/* line 93, app/assets/stylesheets/public/public_users.scss */
#login-links .link-box {
  padding: 1em;
  background-color: #3A3C40;
  border-radius: 6px;
}

/* line 97, app/assets/stylesheets/public/public_users.scss */
#login-links .link-box .btn {
  margin: 0.5em;
}

/* line 103, app/assets/stylesheets/public/public_users.scss */
.hint {
  font-style: italic;
  margin-top: 10px;
}

/* line 110, app/assets/stylesheets/public/public_users.scss */
#public-user-form .legacy-ui label.error {
  color: #ea6771;
  font-size: 0.75rem;
}

/* line 116, app/assets/stylesheets/public/public_users.scss */
#public-user-form .legacy-ui input.error[type="text"], #public-user-form .legacy-ui input.error[type="email"], #public-user-form .legacy-ui input.error[type="password"], #public-user-form .legacy-ui input.error[type="checkbox"], #public-user-form .legacy-ui textarea.error {
  border-color: #ea6771;
}

/* line 122, app/assets/stylesheets/public/public_users.scss */
#public-user-form .form-check .form-check-label {
  padding-left: 0px;
}

/* line 125, app/assets/stylesheets/public/public_users.scss */
#public-user-form .form-group {
  position: relative;
}

/* line 128, app/assets/stylesheets/public/public_users.scss */
#public-user-form .row > .form-group > label.error {
  right: 15px;
}

/* line 131, app/assets/stylesheets/public/public_users.scss */
#public-user-form .form-check-label label.error {
  display: none !important;
}

/* line 134, app/assets/stylesheets/public/public_users.scss */
#public-user-form #accept-policy.error {
  border-color: #ea6771;
}

/* line 136, app/assets/stylesheets/public/public_users.scss */
#public-user-form #accept-policy.error strong {
  color: #ea6771;
}

/* line 141, app/assets/stylesheets/public/public_users.scss */
#public-user-form .radio-group label, #public-user-form .checkbox-group label {
  margin-right: 20px;
}

/* line 144, app/assets/stylesheets/public/public_users.scss */
#public-user-form .radio-group input, #public-user-form .checkbox-group input {
  margin-right: 5px;
}

/* line 148, app/assets/stylesheets/public/public_users.scss */
#public-user-form .hint {
  margin-top: 0rem;
  font-size: smaller;
}

/* line 152, app/assets/stylesheets/public/public_users.scss */
#public-user-form #download-card {
  border: 1px solid #00b0f2;
}

/* line 156, app/assets/stylesheets/public/public_users.scss */
#public-user-form hr {
  position: relative;
  width: calc(100% + 80px);
  left: -40px;
  margin: 24px 0;
}

@media (max-width: 479px) {
  /* line 156, app/assets/stylesheets/public/public_users.scss */
  #public-user-form hr {
    width: calc(100% + 48px);
    left: calc(-24px);
  }
}

/* line 168, app/assets/stylesheets/public/public_users.scss */
#public-user-form .account-details-buttons {
  margin-top: 48px;
}

@media (max-width: 479px) {
  /* line 168, app/assets/stylesheets/public/public_users.scss */
  #public-user-form .account-details-buttons {
    flex-direction: column;
    align-items: center;
    row-gap: 24px;
    margin-top: 32px;
  }
  /* line 177, app/assets/stylesheets/public/public_users.scss */
  #public-user-form .account-details-buttons .btn {
    width: 100%;
  }
}

/* line 184, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow {
  background-color: #F0F0F0;
  color: #00161e;
  flex-grow: 1;
}

/* line 189, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .card-body {
  padding: 1.5rem 1.5rem 6.5rem 1.5rem;
}

/* line 193, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card {
  border-radius: 8px;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1);
  max-width: 700px;
}

/* line 198, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .public-user-workflow-card__header-section {
  margin: 0px 3.25rem 1.5rem;
  padding-top: 1.5rem;
}

@media (max-width: 767px) {
  /* line 198, app/assets/stylesheets/public/public_users.scss */
  .public-user-workflow .public-user-workflow-card .public-user-workflow-card__header-section {
    margin-right: -15px;
    margin-left: -15px;
  }
}

/* line 208, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .public-user-workflow-card__header {
  color: #00161e;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  width: 80%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/* line 221, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .public-user-workflow-card__description {
  text-align: center;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

/* line 228, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .public-user-workflow-card__body-section {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  /* line 228, app/assets/stylesheets/public/public_users.scss */
  .public-user-workflow .public-user-workflow-card .public-user-workflow-card__body-section {
    width: 100%;
    padding: 0 11px;
  }
}

/* line 240, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group:focus-within label {
  color: #ff00b8;
}

/* line 244, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group .col-form-label {
  transition: all .2s ease-out;
  padding-top: 0;
}

/* line 250, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group.required .col-form-label::after {
  content: "*";
}

/* line 254, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group.required .help-block.with-errors {
  font-size: 12px;
  line-height: 30px;
  color: #FF001D;
  font-weight: lighter;
  max-height: 10px;
  margin-top: 0px;
  height: 10px;
}

/* line 263, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group.required .help-block.with-errors:empty {
  display: none;
}

/* line 269, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group.required.error > label {
  color: #FF001D;
}

/* line 273, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .form-group.required.error .form-control {
  border: 1px solid #FF001D !important;
}

/* line 280, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .hint {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}

/* line 288, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card #accept-policy {
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
}

/* line 294, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card #accept-policy span, .public-user-workflow .public-user-workflow-card #accept-policy label {
  cursor: pointer;
  color: #00161e;
}

/* line 300, app/assets/stylesheets/public/public_users.scss */
.public-user-workflow .public-user-workflow-card .submit-wrapper input[type="submit"]:disabled {
  pointer-events: none;
}

/* line 306, app/assets/stylesheets/public/public_users.scss */
#contact-tooltip {
  display: none;
  position: fixed;
  z-index: 100;
  width: 140px;
  font-size: 12px;
  line-height: 18px;
  font-weight: lighter;
  font-style: italic;
  background-color: white;
  padding: 10px;
  border-radius: 15px;
  box-shadow: 0px 0px 6px 0px rgba(34, 55, 121, 0.2);
  text-align: center;
}

/* line 321, app/assets/stylesheets/public/public_users.scss */
#contact-tooltip.show {
  display: block !important;
}

/* line 326, app/assets/stylesheets/public/public_users.scss */
body.sessions-c,
body.passwords-c {
  background-color: #F0F0F0;
}

/* line 331, app/assets/stylesheets/public/public_users.scss */
body.sessions-c main,
body.passwords-c main {
  background-color: #F0F0F0;
}

@media (max-width: 479px) {
  /* line 342, app/assets/stylesheets/public/public_users.scss */
  body.sessions-c .db-workflow-bg,
body.passwords-c .db-workflow-bg,
body.registrations-c .db-workflow-bg,
body.unlocks-c .db-workflow-bg,
body.confirmations-c .db-workflow-bg {
    background-color: white;
  }
  /* line 345, app/assets/stylesheets/public/public_users.scss */
  body.sessions-c .db-card, body.sessions-c .db-simple-card,
body.passwords-c .db-card,
body.passwords-c .db-simple-card,
body.registrations-c .db-card,
body.registrations-c .db-simple-card,
body.unlocks-c .db-card,
body.unlocks-c .db-simple-card,
body.confirmations-c .db-card,
body.confirmations-c .db-simple-card {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    margin-top: 0px !important;
  }
  /* line 350, app/assets/stylesheets/public/public_users.scss */
  body.sessions-c .db-card .card-header, body.sessions-c .db-card .db-simple-card-body, body.sessions-c .db-simple-card .card-header, body.sessions-c .db-simple-card .db-simple-card-body,
body.passwords-c .db-card .card-header,
body.passwords-c .db-card .db-simple-card-body,
body.passwords-c .db-simple-card .card-header,
body.passwords-c .db-simple-card .db-simple-card-body,
body.registrations-c .db-card .card-header,
body.registrations-c .db-card .db-simple-card-body,
body.registrations-c .db-simple-card .card-header,
body.registrations-c .db-simple-card .db-simple-card-body,
body.unlocks-c .db-card .card-header,
body.unlocks-c .db-card .db-simple-card-body,
body.unlocks-c .db-simple-card .card-header,
body.unlocks-c .db-simple-card .db-simple-card-body,
body.confirmations-c .db-card .card-header,
body.confirmations-c .db-card .db-simple-card-body,
body.confirmations-c .db-simple-card .card-header,
body.confirmations-c .db-simple-card .db-simple-card-body {
    padding-top: 0px;
  }
}

/* line 2, app/assets/stylesheets/public/reactions.scss */
.reactions-list .item-link-out {
  text-align: center;
  vertical-align: middle;
}

/* line 5, app/assets/stylesheets/public/reactions.scss */
.reactions-list .item-link-out a {
  margin: .9em 0;
}

/* line 7, app/assets/stylesheets/public/reactions.scss */
.reactions-list th.enzyme-head {
  width: 30%;
}

/* line 10, app/assets/stylesheets/public/reactions.scss */
.reactions-list td.enzymes {
  font-size: 1rem;
}

/* line 15, app/assets/stylesheets/public/reactions.scss */
table.reaction > tbody > tr > th {
  width: 16%;
  background: #B3B3B3;
}

/* line 2, app/assets/stylesheets/public/contact.scss */
body.pages-c.contact-a h5 {
  line-height: 2rem;
}

/* line 5, app/assets/stylesheets/public/contact.scss */
body.pages-c.contact-a .contact-buttons {
  margin-bottom: 2rem;
}

/* line 7, app/assets/stylesheets/public/contact.scss */
body.pages-c.contact-a .contact-buttons .btn {
  margin: 0rem 1rem 1rem 0rem;
}

/* line 11, app/assets/stylesheets/public/contact.scss */
body.pages-c.contact-a .contact-links {
  display: flex;
  flex-direction: column;
}

/* line 15, app/assets/stylesheets/public/contact.scss */
body.pages-c.contact-a .general-content {
  padding: 2rem;
}

/* line 17, app/assets/stylesheets/public/contact.scss */
body.pages-c.contact-a .general-content > .row > div {
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  /* line 15, app/assets/stylesheets/public/contact.scss */
  body.pages-c.contact-a .general-content {
    padding: 3.5rem;
  }
  /* line 22, app/assets/stylesheets/public/contact.scss */
  body.pages-c.contact-a .general-content > .row > div {
    padding: 0rem 1.5rem;
  }
}

/* line 31, app/assets/stylesheets/public/contact.scss */
form#contact-form .form-buttons {
  margin-top: 1rem;
  text-align: right;
}

/* line 34, app/assets/stylesheets/public/contact.scss */
form#contact-form .form-buttons .btn {
  min-width: 100px;
}

/* line 39, app/assets/stylesheets/public/contact.scss */
form#contact-form .with-errors {
  color: red;
}

/* line 43, app/assets/stylesheets/public/contact.scss */
form#contact-form textarea {
  height: 100px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid white;
  border-radius: 0px;
}

/* line 50, app/assets/stylesheets/public/contact.scss */
form#contact-form input[type="text"], form#contact-form input[type="email"], form#contact-form select {
  background-color: transparent;
  transition: none;
  font-weight: 100;
  color: black;
  border-radius: 0px;
}

/* line 58, app/assets/stylesheets/public/contact.scss */
form#contact-form input[type="text"], form#contact-form input[type="email"] {
  border-radius: 0px;
  box-shadow: none;
  padding: 10px 0px;
  border: none;
  border-bottom: 2px solid black;
}

/* line 66, app/assets/stylesheets/public/contact.scss */
form#contact-form select {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid white;
}

/* line 71, app/assets/stylesheets/public/contact.scss */
form#contact-form select:focus, form#contact-form textarea:focus {
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  border: 2px solid #ff00b8;
}

/* line 76, app/assets/stylesheets/public/contact.scss */
form#contact-form label {
  color: black;
  display: block;
  font-size: 1rem;
}

/* line 81, app/assets/stylesheets/public/contact.scss */
form#contact-form label.required::after {
  content: "*";
}

/* line 87, app/assets/stylesheets/public/contact.scss */
form#contact-form input.disabled.button {
  opacity: 1;
}

/* line 91, app/assets/stylesheets/public/contact.scss */
form#contact-form .custom-checkbox {
  display: inline-block;
  margin: 10px 10px 0px 0px;
}

/* line 95, app/assets/stylesheets/public/contact.scss */
form#contact-form .custom-checkbox label {
  cursor: pointer;
}

/* line 98, app/assets/stylesheets/public/contact.scss */
form#contact-form .custom-checkbox input.custom-control-input {
  display: none;
}

/* line 102, app/assets/stylesheets/public/contact.scss */
form#contact-form .custom-checkbox .custom-control-indicator {
  width: auto;
  height: auto;
  top: 0;
  position: relative;
  border: 2px solid black;
  background-color: transparent;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  padding: 6px 10px 4px;
}

/* line 115, app/assets/stylesheets/public/contact.scss */
form#contact-form .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: none;
  background-color: #ff00b8;
  border-color: black;
}

/* line 121, app/assets/stylesheets/public/contact.scss */
form#contact-form .custom-checkbox .custom-control-input:hover ~ .custom-control-indicator {
  border-color: #ff00b8;
  color: white;
}

/* line 128, app/assets/stylesheets/public/contact.scss */
form#contact-form input::-webkit-input-placeholder, form#contact-form textarea::-webkit-input-placeholder, form#contact-form select::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
}

/* line 131, app/assets/stylesheets/public/contact.scss */
form#contact-form input::-moz-placeholder, form#contact-form textarea::-moz-placeholder, form#contact-form select::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
}

/* line 134, app/assets/stylesheets/public/contact.scss */
form#contact-form input:-ms-input-placeholder, form#contact-form textarea:-ms-input-placeholder, form#contact-form select:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
}

/* line 137, app/assets/stylesheets/public/contact.scss */
form#contact-form input:-moz-placeholder, form#contact-form textarea:-moz-placeholder, form#contact-form select:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
}

/* line 3, app/assets/stylesheets/public/pages.scss */
.covid_19-a .content-container .card-content p, .covid_19-a .content-container .card-content .alert, .covid_19_vaccination-a .content-container .card-content p, .covid_19_vaccination-a .content-container .card-content .alert {
  max-width: 1180px;
}

/* line 8, app/assets/stylesheets/public/pages.scss */
.covid_19-a .card-content .dl-row, .covid_19_vaccination-a .card-content .dl-row {
  padding: 0px;
  padding-bottom: 1rem;
  border-bottom: 1px dotted #aab3c1;
  margin-bottom: 1rem;
}

/* line 14, app/assets/stylesheets/public/pages.scss */
.covid_19-a .card-content .dl-row dl dt, .covid_19-a .card-content .dl-row dl dd, .covid_19_vaccination-a .card-content .dl-row dl dt, .covid_19_vaccination-a .card-content .dl-row dl dd {
  padding: 1rem 0;
}

/* line 20, app/assets/stylesheets/public/pages.scss */
.covid_19-a .text-content, .covid_19_vaccination-a .text-content {
  margin-bottom: 2rem;
}

/* line 22, app/assets/stylesheets/public/pages.scss */
.covid_19-a .text-content h1, .covid_19-a .text-content h2, .covid_19-a .text-content h3, .covid_19-a .text-content h4, .covid_19-a .text-content h5, .covid_19-a .text-content h6, .covid_19_vaccination-a .text-content h1, .covid_19_vaccination-a .text-content h2, .covid_19_vaccination-a .text-content h3, .covid_19_vaccination-a .text-content h4, .covid_19_vaccination-a .text-content h5, .covid_19_vaccination-a .text-content h6 {
  margin-bottom: 1rem;
}

/* line 25, app/assets/stylesheets/public/pages.scss */
.covid_19-a .text-content ul, .covid_19_vaccination-a .text-content ul {
  padding-left: 1rem;
}

/* line 28, app/assets/stylesheets/public/pages.scss */
.covid_19-a .text-content img#vaccine-img, .covid_19_vaccination-a .text-content img#vaccine-img {
  width: 100%;
  max-width: 810px;
}

/* line 35, app/assets/stylesheets/public/pages.scss */
.covid_19-a table th.date-head, .covid_19_vaccination-a table th.date-head {
  white-space: nowrap;
}

/* line 40, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table, .covid_19_vaccination-a .link-table {
  height: 100%;
}

/* line 43, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr th, .covid_19_vaccination-a .link-table tr th {
  padding: 0.3rem 1rem;
}

/* line 46, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr:first-child td, .covid_19_vaccination-a .link-table tr:first-child td {
  padding-top: 1rem;
}

/* line 49, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr:last-child td, .covid_19_vaccination-a .link-table tr:last-child td {
  padding-bottom: 1rem;
}

/* line 53, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr:not(:last-child) td, .covid_19_vaccination-a .link-table tr:not(:last-child) td {
  border-bottom: none;
}

/* line 57, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr td, .covid_19_vaccination-a .link-table tr td {
  padding: 0.5rem 1rem;
  vertical-align: middle;
}

/* line 60, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr td:not(:first-child), .covid_19_vaccination-a .link-table tr td:not(:first-child) {
  border-left: none;
}

/* line 63, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table tr td:not(:last-child), .covid_19_vaccination-a .link-table tr td:not(:last-child) {
  border-right: none;
}

/* line 68, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table img, .covid_19_vaccination-a .link-table img {
  width: auto;
  height: auto;
  max-height: 35px;
  max-width: 100px;
}

/* line 74, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table a, .covid_19_vaccination-a .link-table a {
  font-weight: normal;
  color: #21252b;
}

/* line 78, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table.side-link-table, .covid_19_vaccination-a .link-table.side-link-table {
  height: auto;
}

/* line 80, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table.side-link-table ul, .covid_19_vaccination-a .link-table.side-link-table ul {
  padding-left: 1rem;
}

/* line 83, app/assets/stylesheets/public/pages.scss */
.covid_19-a .link-table.side-link-table a, .covid_19_vaccination-a .link-table.side-link-table a {
  font-weight: normal;
  color: #00b0f2;
}

/* line 90, app/assets/stylesheets/public/pages.scss */
.covid_19-a table.datatable-simple, .covid_19_vaccination-a table.datatable-simple {
  margin-top: 0px !important;
}

/* line 94, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-article, .covid_19_vaccination-a #covid-article {
  background-image: url(/assets/covid-19-db15fd485bf3aa315e0be9919755371b1c59eaedc036c7e1cad1cacaeeea6103.png);
  background-size: auto 310px;
  background-position: 190px -40px;
  background-repeat: no-repeat;
  min-height: 232px;
  height: 100%;
  max-width: 463px;
  border: 1px solid #aab3c1;
  border-radius: 5px;
  padding: 1rem;
}

/* line 106, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-article h5, .covid_19-a #covid-article p, .covid_19_vaccination-a #covid-article h5, .covid_19_vaccination-a #covid-article p {
  max-width: 200px;
}

/* line 109, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-article h5, .covid_19_vaccination-a #covid-article h5 {
  font-weight: normal;
  color: #282c34;
}

/* line 113, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-article p, .covid_19_vaccination-a #covid-article p {
  font-size: 0.8rem;
  font-weight: 100;
  color: #282c34;
  margin-bottom: 1.2rem;
}

/* line 119, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-article .btn-pink-filled, .covid_19_vaccination-a #covid-article .btn-pink-filled {
  border-color: #ff00b8;
}

/* line 121, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-article .btn-pink-filled:hover, .covid_19_vaccination-a #covid-article .btn-pink-filled:hover {
  border-color: #c42a8f;
}

/* line 127, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-scientific-ad, .covid_19_vaccination-a #covid-scientific-ad {
  display: inline-block;
  max-height: 238px;
  box-shadow: 0px 0px 6px 0px rgba(45, 49, 57, 0.5);
}

/* line 131, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-scientific-ad img, .covid_19_vaccination-a #covid-scientific-ad img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 238px;
}

/* line 137, app/assets/stylesheets/public/pages.scss */
.covid_19-a #covid-scientific-ad:hover, .covid_19_vaccination-a #covid-scientific-ad:hover {
  box-shadow: 0px 0px 6px 0px rgba(45, 49, 57, 0.75);
}

/* line 142, app/assets/stylesheets/public/pages.scss */
.covid_19-a .poll, .covid_19_vaccination-a .poll {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0rem;
}

/* line 148, app/assets/stylesheets/public/pages.scss */
.covid_19-a .poll .poll-buttons .btn, .covid_19_vaccination-a .poll .poll-buttons .btn {
  padding: 0.1rem 2.1rem;
  border-width: 2px;
}

/* line 155, app/assets/stylesheets/public/pages.scss */
.covid_19-a .alert, .covid_19_vaccination-a .alert {
  font-weight: normal;
}

@media (max-width: 991px) {
  /* line 160, app/assets/stylesheets/public/pages.scss */
  .covid_19-a .link-table, .covid_19_vaccination-a .link-table {
    margin-bottom: 1rem !important;
  }
  /* line 162, app/assets/stylesheets/public/pages.scss */
  .covid_19-a .link-table img, .covid_19_vaccination-a .link-table img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  /* line 170, app/assets/stylesheets/public/pages.scss */
  .covid_19-a .card-content .dl-row > .row > .col-sm-12:not(:last-child), .covid_19_vaccination-a .card-content .dl-row > .row > .col-sm-12:not(:last-child) {
    margin-bottom: 1rem;
  }
  /* line 174, app/assets/stylesheets/public/pages.scss */
  .covid_19-a .link-table, .covid_19_vaccination-a .link-table {
    margin-bottom: 1rem !important;
  }
  /* line 176, app/assets/stylesheets/public/pages.scss */
  .covid_19-a .link-table img, .covid_19_vaccination-a .link-table img {
    max-width: 100px;
  }
  /* line 181, app/assets/stylesheets/public/pages.scss */
  .covid_19-a table th.date-head, .covid_19_vaccination-a table th.date-head {
    white-space: normal;
  }
}

/* line 188, app/assets/stylesheets/public/pages.scss */
.supporter-logos {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* line 194, app/assets/stylesheets/public/pages.scss */
.supporter-logos a {
  margin: 2rem;
}

/* line 197, app/assets/stylesheets/public/pages.scss */
.supporter-logos img {
  max-height: 60px;
  width: auto;
  max-width: 180px;
}

/* line 2, app/assets/stylesheets/public/errors.scss */
.form-errors ul {
  margin-bottom: 0;
}

/* line 4, app/assets/stylesheets/public/errors.scss */
.field_with_errors label,
.field_with_errors .form-control-feedback,
.field_with_errors .col-form-label,
.field_with_errors .form-check-label,
.field_with_errors .custom-control {
  color: #d9534f;
}

/* line 12, app/assets/stylesheets/public/errors.scss */
.field_with_errors .form-control {
  border-color: #d9534f;
}

/* line 16, app/assets/stylesheets/public/errors.scss */
.field_with_errors .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7;
}

/* line 22, app/assets/stylesheets/public/errors.scss */
.field_with_errors .form-control-danger {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

/* line 4, app/assets/stylesheets/public/controls.scss */
.button-check-box input {
  display: none;
}

/* line 6, app/assets/stylesheets/public/controls.scss */
.button-check-box .button-control-indicator {
  padding: .1rem 1rem;
  width: auto;
  height: auto;
  top: 0;
  position: relative;
  border-radius: 999px;
  border: 1px solid #aab3c1;
  background-color: transparent;
}

/* line 15, app/assets/stylesheets/public/controls.scss */
.button-check-box .button-control-indicator :focus {
  box-shadow: none;
}

/* line 19, app/assets/stylesheets/public/controls.scss */
.button-check-box .button-control-input:checked ~ .button-control-indicator {
  padding: .1rem 1rem;
  background-image: none;
  background-color: #ff00b8;
  border-color: #741d5c;
}

/* line 25, app/assets/stylesheets/public/controls.scss */
.button-check-box .button-control-input:focus ~ .button-control-indicator,
.button-check-box .button-control-input:hover ~ .button-control-indicator {
  box-shadow: 0 0 0 3px #ff00b8;
}

/* line 29, app/assets/stylesheets/public/controls.scss */
.button-check-box .button-control-indicator:focus {
  box-shadow: none;
}

/* line 32, app/assets/stylesheets/public/controls.scss */
.button-check-box .button-control-description {
  color: white;
}
