strong {
  font-weight: bold !important;
}

.sdg_container a {
  color: #004494;
}

a.btn-flat, nav ul a, nav .brand-logo {
  color: #444!important;
}

#chart {
  margin-left: 1px
}

i.icon-hidden {
  display: none!important;
}

.just_entered {
  font-size: 25px!important;
}

.btn.off {
  display: none;
}

.btn.on {
  display: block;
  color: #fff !important;
}

.btn, .btn-floating {
  background-color: #004494!important;
}

.btn:hover, .btn-floating:hover {
  background-color: #4073af!important;
}

[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked+label:after {
  border: 2px solid #004494!important;
}

[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:after {
  background-color: #004494!important;
}

.g_matrix {
  width: auto;
  height: auto;
}

#right_container .material-icons {
  padding: 10px;
}

.satellite_selected {
  stroke: #03a9f4!important;
}

.individual_satellite {
  stroke: #ec39d0!important;
  stroke-width: 1.5;
}

.satellite_selects_opt .btn {
  display: none;
}

.card_text_form {
  font-size: 0.8em!important;
  background-color: #ffffff;
  display: none;
}

textarea.materialize-textarea {
  color: black !important;
  padding-bottom: 0.8px !important;
}

.card_text_form:hover {
  cursor: pointer;
}

.card_text_form .row {
  margin-bottom: 12px;
}

.certainty_label {
  margin-top: -14px;
  color: black !important;
}

.btn.attach_csv {
  font-size: 0.7em!important;
  padding: 0 1rem;
}

.satellite_tip .toast_target {
  margin-bottom: 10px;
}

.toast_slide_text {
  display: none;
  padding: 6px;
}

.ul_satellite .collapsible-body {
  min-height: 330px;
}

.satellite_selects_opt div {
  display: inline;
}

.low_opacity {
  opacity: 0.2!important;
}

.full_opacity {
  opacity: 1!important;
}

.print_div {
  display: none;
}

.print_div:hover {
  cursor: pointer;
}

.material-icons:hover {
  cursor: pointer;
}

.material-icons-top {
  position: relative;
  top: 3px;
}

.toast_slide_color {
  display: none;
}

.toast_slide_text {
  display: none;
}

.circle {
  width: 100%;
  border-radius: 50%;
  text-align: center;
  font-size: 48px;
  padding: 50% 0;
  line-height: 0;
  position: relative;
  background: #38a9e4;
  color: white;
  font-family: Helvetica, Arial Black, sans;
}

.toast_actions i {
  color: black;
  margin: 10px;
  margin-top: -40px;
}

.toast_actions .btn-floating i {
  line-height: 30px!important;
}

.toast_actions .btn-floating {
  width: 30px!important;
  height: 30px!important;
  line-height: 30px!important;
}

#vis-container g:hover {
  cursor: pointer;
}

.ul_satellite span:hover {
  cursor: pointer;
}

.hovered_class_from_table {
  border: 10px solid red!important;
  background-color: blue;
}
.card.horizontal .card-image {
  max-width: 30%!important;
}
#toast-container {
  display: block;
  position: absolute;
  z-index: 10000;
  right: 1%!important;
}
#nav-mobile {
  padding-left: 73px!important;
}
html {
  font-family: 'Montserrat', sans-serif!important;
}
li.li_goal_container .collapsible-body ul li {
  max-height: 450px;
  overflow: auto;
  border-bottom: 1px solid #c14a24;
}
li.li_goal_container>div.collapsible-body>ul>li>table>thead svg {
  margin-left: 30px;
}
g.inactive {
  opacity: 0.3;
}
.flow-text-test {
  padding: 6px;
}
.target_toast_direction_title {
  padding: 5px;
  font-size: 1.2rem!important;
  font-weight: bold;
  color: #374752;
}
.toast {
  font-size: 0.9rem!important;
  word-break: none!important;
  padding: 7px 6px!important;
}
#right_container>div.right_container_cards>ul>li.li_goal_container.class_1.active>div.collapsible-body>ul>table>tbody>tr>td:nth-child(3)>div>div>input {
  font-size: 0.7rem!important;
  margin: 0 0 20px 5px!important;
}
table.sel_table_goal tbody tr td {
  padding: 0px!important;
}
table.sel_table_goal tbody tr th {
  padding: 0px!important;
}
.sel_table_value {
  font-size: 1.1em;
  padding: 10px;
  border-radius: 4px;
  border-color: 1px solid;
  font-size: 11px;
  margin-bottom: -23px;
  color: #fff;
  font-weight: bold;
}
.sel_table_value:hover {
  cursor: pointer;
}
body>div.sdg_container>nav>div>a span {
  display: block;
  font-size: 0.8em!important;
}
.select-wrapper.rect_select .dropdown-content li>a,
.select-wrapper.rect_select .dropdown-content li>span {
  font-size: 10px;
  color: #26a69a;
  display: block;
  line-height: 14px;
  /* padding: 7px 8px; */
}
.dropdown_config_div .form p {
  margin: 10px!important;
}
.goal_stats_container .collapsible-body,
.ul_tables .collapsible-body {
  padding: 10px!important;
}
.collapsible.ul_tables {
  max-height: 700px;
}
.progress_num_rec {
  font-weight: bold;
  font-size: 1.2em;
  color: #2196f3;
}
.material-icons.handle {
  cursor: grab!important;
  margin-right: 50px!important;
}
.toast_actions .control {
  display: none;
}
.row.toast_actions {
  margin-bottom: 0px!important;
}
#toast-container>div>div>div:nth-child(3)>div>i.material-icons.edit-icon {
  position: relative;
  float: right;
  margin-top: -3px;
  margin-right: 30px;
}
.delete_card_icon.material-icons {
  float: right;
  display: none;
  color: darkred;
}
.progress_category {
  font-size: 1.2em;
}
.edit-icon:hover,
.delete_card_icon:hover {
  cursor: pointer;
}
.card_legend_tooltip_container {
  display: none;
}
.val_title {
  background-color: #fff;
  padding: 10px;
  margin: 5px;
  height: 44px;
}
.card_val_title {
  font-weight: bold;
  color: black;
  position: absolute;
  float: left;
  margin-right: 51px;
  font-size: 1.3em;
  margin-top: 3.4px;
}
.progress_test {
  height: auto;
}
.progress_test .progress,
.determinate {
  height: 18px!important;
}
.yLabels:hover,
.xLabels:hover {
  cursor: pointer;
}
.xLabels_counter {
  font-size: 14px;
  fill: #21485f!important;
  font-weight: bold;
}
nav .nav-wrapper {
  position: relative;
  height: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.yLabels_counter {
  font-size: 14px;
  fill: #f3c221;
  font-weight: bold;
}

/*hacked from materialize, bug on v0.100.2 version*/
.dropdown-content.select-dropdown {
  margin-top: 40px!important;
}
.right_container_cards .li_goal_container {
  display: none;
}
.progress {
  background-color: #fdfdfd!important;
}
.tables_container {
  display: none;
}
.select-dropdown .disabled {
  display: none;
}
.toast_target {
  font-weight: bold!important;
  font-size: 1.3em!important;
  display: block;
  line-height: 1.1;
  color: #ff8c00;
}
.target_toast_direction_title {
  display: block;
  font-size: 1.3em;
  margin-bottom: 10px;
  text-align: center;
}
.goal_card_sel {
  opacity: 0.2;
}
.side-nav .input-field.col .dropdown-content [type="checkbox"]+label {
  top:-10px!important;
}
.side-nav .collapsible [type="checkbox"]+label {
  top: 10px!important;
  margin-left: 16px!important;
}
.side-nav .collapsible-body ul {
  max-height: 450px;
  overflow: auto;
}
.goal_toast_container {
  top: auto !important;
  /*left: 25% !important;*/
  bottom: 86%!important;
  /*left:7%;*/
  right:75%!important;
}
.dropdown_config_div {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.Label_tooltip_direction {
  font-size: 1.3em;
  color: orange;
  text-align: center;
  padding-bottom: 5px;
}
.yLabel_hovered,
.xLabel_hovered {
  font-size: 1.1em!important;
  color: blue!important;
}
.xLabel_tooltip strong,
.yLabel_tooltip strong {
  color: #ffc107;
}
.xLabel_tooltip,
.yLabel_tooltip {
  min-width: 440px!important;
  max-width: 450px!important;
  color: white;
  padding: 4px;
  margin-bottom: 10px;
  max-height: 200px!important;
  font-size: 0.9em!important;
}
.xLabel_tooltip small,
.yLabel_tooltip small {
  display: block;
  padding-top:20px;
  font-size: 0.7em;
}
.blues,
.editing_card_toast {
  background-color: #788f9c!important;
}
.card_toast.blues {
  min-width: 340px!important;
  max-width: 350px!important;
}
.card_toast_container {
  top: auto !important;
  bottom: 29%!important;
  right: 25%!important;
  min-width: 150px!important;
}
.chart_container {
  padding-left: 0px;
  /* display: grid;
     align-items: center;
     justify-content: center;
 */
}
table.highlight>tbody>tr:hover {
  background-color: rgba(255, 181, 145, 0.5);
}
.text_highlight {
  font-weight: bold;
  color:yellow;
}

.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-top: 10px;
  padding-bottom: 100%;
  vertical-align: top;
  overflow: hidden;
}
.svg-content-responsive {
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 0;
}
.close_tooltip {
  background-position: 50% 50%;
  bottom: 267px;
  color: rgb(0, 120, 168);
  display: block;
  height: 28px;
  left: -11px;
  position: absolute;
  right: -12px;
  text-decoration: none solid rgb(0, 120, 168);
  text-size-adjust: 100%;
  top: -13px;
  width: 28px;
  column-rule-color: rgb(0, 120, 168);
  perspective-origin: 14px 14px;
  transform: matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0);
  transform-origin: 14px 14px;
  caret-color: rgb(0, 120, 168);
  background: rgba(255, 255, 255, 0) url(icon-close-inf.svg) no-repeat scroll 50% 50% / auto padding-box border-box;
  /* border: 44px none rgb(0, 120, 168); */
  border-radius: 50% 50% 50% 50%;
  font: normal normal 600 normal 0px / 0px Segoe;
  /* outline: rgb(0, 120, 168) none 5px; */
}
.drag_tooltip {
  background-position: 50% 50%;
  bottom: 267px;
  color: rgb(168, 0, 134);
  display: block;
  height: 48px;
  left: 11px;
  position: absolute;
  right: 12px;
  text-decoration: none solid rgb(0, 120, 168);
  text-size-adjust: 100%;
  top: -13px;
  width: 48px;
  column-rule-color: rgb(0, 120, 168);
  perspective-origin: 14px 14px;
  transform: matrix(0.707107, 0.707107, -0.707107, 0.707107, 0, 0);
  transform-origin: 14px 14px;
  caret-color: rgb(0, 120, 168);
  background: rgba(255, 255, 255, 0) url(icon-close-inf.svg) no-repeat scroll 50% 50% / auto padding-box border-box;
  /* border: 44px none rgb(0, 120, 168); */
  border-radius: 50% 50% 50% 50%;
  font: normal normal 600 normal 0px / 0px Segoe;
  /* outline: rgb(0, 120, 168) none 5px; */
}
.targets_list {
  display: none;
}
.collapsible-header {
  color:black;
}
#container>div {
  display: inline-block;
}

#chart_legend {
  margin-top: 50px;
  max-height: 740px;
  overflow: auto;
}
.row .col.offset-s3 {
  margin-left: 1%!important;
}
#chart {
  /* margin-left: 400px; */
  height: auto;
}
.card {
  position: relative;
  margin: .5rem 0 1rem 0;
  background-color: #eceff1!important;
  -webkit-transition: -webkit-box-shadow .25s;
  transition: -webkit-box-shadow .25s;
  transition: box-shadow .25s;
  transition: box-shadow .25s,
  -webkit-box-shadow .25s;
  border-radius: 2px;
}
.sel_table_goal.responsive-table thead {
  z-index: 300;
  position: absolute;
  width: 90%;
  background: #63c9d6;
}
.sel_table_goal.responsive-table thead td {
  padding: 5px!important;
  font-size: 1.3em!important;
}
.right_container_cards .collapsible-body,
.right_container_cards .collapsible-header {
  background-color: #eceff1!important;
}
.goal_container {
  background-color: white;
  /*min-width: 300px;*/
  padding: 10px;
  margin: 2px;
}
.card-panel {
  background-color: #eceff1!important;
}
.collapsible-header {
  border-bottom: 1px solid #e0e4e6!important;
}
.card-sdg-goal {
  font-weight: bolder;
  font-size:1.3em;
}

rect.bordered {
  stroke: #f7f5f5;
  stroke-width: 1.5px;
}
rect:hover {
  cursor: pointer;
}
.rect_nohover:hover {
  cursor: default !important;
}
#dropdown_legend text.mono {
  fill: grey;
  color:grey;
}
.card_toast text.mono,
#chart text.mono {
  fill: #78909c;
  color: #78909c;
}
text.mono {
  font-size: 11px;
  font-family: Consolas,
  courier;
  fill: white;
  color:grey;
}
.legend_tooltip text {
  font-size: 14px;
}
#legend {
  font-size:12px;
  padding: 30px;
  padding-top: 50px;
  min-width: 100px;
}
#legend text {
  font-size: 14px;
}
text.axis-x,
text.axis-y {
  fill: white;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(.9);
  }
  100% {
    transform: scale(1);
  }
}
#goals_list:hover {
  cursor: pointer;
}
.selected {
  background-color:#ff5722;
}
#goals_list div>div,
#goals_list div>h5 {
  display: inline-block;
  margin: 7px;
}
#goals_list {
  font-size: 1em;
  max-height: 700px;
  overflow: auto;
}
#legend_tooltip {
  padding-top: 10px;
  margin-top: 20px;
  margin-left: 5px;
  min-width: 210px;
  height: auto;
}
.toast #legend_tooltip {
  margin-top: 0px!important;
  padding-top:0px!important;
}
.svg-container {
  max-height: 850px!important;
}
.progress_test {
  padding: 5px!important;
}
.progress_test .progress,
.determinate {
  height: 5px!important;
  border-radius: 7px!important;
}
.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-floating,
.dropdown-content,
.collapsible,
.side-nav {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.progress_num_rec>span {
  font-weight: bold;
  font-size: 1em!important;
  color: #637584!important;
}
.progress_category {
  font-size: 1em!important;
}
#right_container {
  display: none;
  overflow: auto;
  position: absolute;
  right: 30px;
}
#right_container table tr:hover {
  cursor: pointer;
}
.table_wrapper {
  max-height: 500px;
  overflow: auto;
}
#dropdown_legend,
#dropdown_config {
  margin-top: 50px!important;
  width: auto!important;
  height: auto;
}
.horizontal {
  max-height: 170px;
  width: 100% !important;
}
.card .card-content {
  padding: 10px !important;
}
#dropdown1 {
  top: 50px !important;
}
.side-nav {
  height: 100% !important;
}
.wrapper {
  margin-left: 300px;
  max-width: 200px;
}
.side-nav .collapsible-header {
  font-size:150%;
}
.side-nav li {
  padding: 10px!important;
  line-height: 24px!important;
}
.side-nav .collapsible-header div {
  position:relative;
  width: 100%;
  pointer-events: none;
}
table.striped>tbody>tr:nth-child(odd) {
  background-color: rgba(170, 213, 213, 0.5);
}
.side-nav .input-field {
  margin-left: 25px;
  max-width: 350px;
}
body>div.sdg_container {
  background: #ffffff;
}
#sdg_cards_container>div>div>div>div.card-stacked {
  background-color: #e1e6e859;
  color: #6a7e8a;
}
#card-sdg-name {
  height: 100px;
  overflow: auto;
}
#slide-out>div:nth-child(1)>ul>li>div.collapsible-body>ul>li:nth-child(1)>div:after {
  /*content: 'With some info'!important;*/
  float: right;
  margin-top: 10px;
  margin-right: 5px;
  display: block;
  color:grey;
  font-style: italic;
}
.target_checkbox_span:before {
  /*content: 'With data'!important;*/
  display: block;
  color:grey;
  font-style: italic;
}

.morecontent span {
  display: none;
}
.morelink {
  display: block;
}
#targets_count {
  background: #788f9c12;
  padding: 10px;
  border-radius: 2px;
  margin-top: 5px;
  border: 1px solid #d3d9dc21;
  height: 42px;
  overflow: auto;
}
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-left: 0;
  background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-track {
  background: none;
}
::-webkit-scrollbar-thumb {
  background: #3e3e3e;
  border-radius: 0;
}
.sdg_cards_container {
  display: none;
}
.fixed_col_row {
  font-size: 1.3em !important;
  fill: #ff9800 !important;
}
.right_container_cards .collapsible-header {
  padding: 0rem !important;
}
.right_container_cards .card {
  margin: 0rem 0 0rem 0 !important;
}
#total-matrix-title {
  font-weight: bold;
  font-size: 24px;
  margin-left: 20px;
  margin-top: 20px;
  border-bottom: 1px solid gray;
}
.planet-value,
.planet-sun-value {
  color: white;
}
.planet-moon-value {
  font-weight: bold;
  color: gray;

}
.footer-copyright {
  background-color: #004494;
}
.footer-copyright div {
  text-align: right;
  margin-right: 35px;
  font-weight: bold;
  padding: 10px 0;
}
.footer-copyright div a {
  color: #fff;
}
.footer-copyright div a:hover {
  color: lightblue;
}