$radius-card: 7px;
$grey-title-card: #ccd1d8;

svg {
  height: auto;
  max-width: 100%;
}

i.material-icons.font-size-default {
  font-size: inherit;
}

.logo {
  height: 64px;
}

.collection {
  margin: 0;
  border: 0;
  .active {
    .font-grey {
      color: white;
    }
  }
}

.town {
  font-size: 38px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: white;
  padding-top: 12px;
}

.watershed {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  color: white;
  padding-top: 12px;
}

.link {
  color: $primary-color-light;
  line-height: 40px;
  font-weight: 500;
  margin-left: 30px;

}

.collection-item {
  border: 0;
}

a.collection-item.text-icon-align {
  font-size: 14px;
  font-weight: 500;
  color: $primary-color-dark;
}

.row.in-card-title, .col.s6.in-card-title {
  background-color: $grey-title-card;
  color: #4f4f4f;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
}

.back-card {
  height: 550px;
  border-radius: $radius-card;
  box-shadow: 0 0;
}

.top-card {
  height: 500px;
  border-radius: $radius-card;
  box-shadow: 0 0;
}

.col.s12.m12.l6.no-left-padding {
  padding-left: 0;
}

.col.s12.m12.l6.no-right-padding {
  padding-right: 0;
}

.row.out-card-title, .col.s6.out-card-title {
  background-color: $grey-title-card;
  color: #4f4f4f;
  padding: 10px;
  color: white;
  padding-left: 25px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 500;
}

.row.margin-table-1 {
  margin: 0;
  margin-bottom: 1px;

}

.col.s6.in-card-content {
  background-color: #e9edf6;
  color: #4f4f4f;
  padding: 7px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  font-weight: 300;
}

.left-5 {
  left: 5px;
}

.bottom-5 {
  bottom: 5px;
}

.left-td {
  padding: 10px;
  padding-left: 20px;
  font-weight: 500;
  color: #4f4f4f;
}

.td-no-margin {
  padding: 10px;
  color: #4f4f4f;
}

.long-state-box {
  margin-top: 20px;
  margin-bottom: 5px;
}

.grey-indactor-box {
  background-color: #ededed;
  font-size: 15px;
  font-weight: 500;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #757981;
  padding: 10px !important;
}

.legend-box {
  background-color: #f6f9fd;
  color: $quality-bad;
  padding-left: 20px;
  padding-right: 20px;
}

.indactor-box {
  background-color: $quality-good;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  color: white;
  font-size: 15px;
  font-weight: 500;
  padding: 10px !important;
}

.green {
  background-color: $quality-good;
}

.orange {
  background-color: $quality-medium;
}

.red {
  background-color: $quality-bad;
}

.blue {
  background-color: $quality-very-good;
}

.debit-blue-1 {
  background-color: #53a1fd !important;
}

.debit-blue-2 {
  background-color: #3f78c3 !important;
}

.debit-blue-3 {
  background-color: #1f2148 !important;
}

.card-title {
  color: $card-title-grey;
  font-size: 16px;
  font-weight: 600;
}

i.material-icons.small-icons {
  font-size: 14px;
  vertical-align: middle;
}

.blue-title {
  color: $card-title-blue;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
  margin-top: 20px;

}

.light {
  font-weight: 400;
}

.blue-card-dark {
  background-color: $card-back-dark;
}

.around-angle {
  border-radius: 5px;
}

.blue-card-light {
  background-color: $card-back-light;
  .white-text {
    color: white;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    padding: 0;
  }
}

.white-numbers {
  color: white;
  font-size: 26px;
  font-weight: 800;
  margin: 0;
  padding: 0;
  padding-top: 12px;
}

.white-text {
  color: white;
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

.strategies-card {
  border-radius: $radius-card;
  box-shadow: 0 0;
  table {
    font-size: 14px;
  }
  td {
    padding: 5px;

  }
  .active {
    background-color: #1f2148;
    color: white;
  }
}

.gray-text {
  color: #646579;
  font-size: 13px;
  font-weight: 300;
  margin: 0;
  padding: 0;
}

.primary-color-text {
  color: $primary-color-light;
}

.secondary-color-text {
  color: $secondary-color;
}

.indicators > .blue-card-light {
  padding-top: 10px;
  padding-bottom: 20px;
    border: 1px solid $card-back-dark;
}

.footer-contact {
  color: #519bf5;
  font-weight: 300;
}

.footer-link {
  color: white;
  font-weight: 100;
}

.footer {
  height: 200px;
  line-height: 27px;
  .tel {
    color: white;
    font-size: 20px;
    background-color: $secondary-color;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 25px;
    font-weight: 500;
  }
}

.indice-table {
  font-weight: 400;
  padding: 0px;
  font-size: 14px;
  color: #636363;
  .indic {
    text-align: center;
    color: white;

  }
  .bold-title {
    font-weight: 600;
  }
  td {
    padding: 7px;
    padding-left: 15px;
    background-color: #f3f3f3;
    border: 1px solid #ededec;
  }
  th {
    color: #878b91;
    font-weight: 400;
  }
  tr {
    padding: 5px;
    background-color: #f3f3f3;
    border: 1px solid #ededec;
  }
}

.color-blue {
  color: $primary-color-dark;
}

.back-footer {
  background-color: $primary-color-dark;
  color: #303956;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.square {
  height: 50px;
  width: calc(100% / 9);
  display: inline-block;
  padding-top: 15px;
  font-size: 12px;
  text-align: center;
  font-weight: 300;
  border-left: 0.1px solid #ccd1d8;
  border-right: 0.1px solid #ccd1d8;
  .valign-center {
    vertical-align: middle;
  }
  .material-icons {
    float: right;
    line-height: 0.8;
    margin: 0;
  }
  .badge {
    margin-left: 10px;
    margin-right: 5px;
    position: inherit;
    font-weight: 500;
    float: left;
    align: left;
    height: 20px;
    width: 20px;
    border-radius: 3px;
  }
  .white {
    background-color: white;
    color: $secondary-color;
  }

}

.left-radius {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.right-radius {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.radius-top {
  border-top-right-radius: $radius-card;
  border-top-left-radius: $radius-card;
}

.enable {
  background-color: #fcfbfb;
}

.disable {
  background-color: #ccd1d8;
}

.white-background {
  background-color: white;
}

.no-style {
  color: inherit !important;
  display: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  height: inherit !important;
  line-height: inherit !important;
  padding: inherit !important;
}

div.notif-arrest {
    div.collection div.collection-item{
        padding: 5px 0;
        div.arrest-comment{
            font-size: 11px;
            line-height: 14px;
        }
        span.arrests-level-panel{ margin-right: 0px; }
    }
}

span.arrests-level-panel{
    padding: 0 6px;
    border-radius: 10px;
    margin-right: 5px;
}

div.action-wrapper div.collection div.collection-item {
    padding: 5px 5px;
    div {
        font-size: 11px;
        line-height: 14px;
    }
}
