@font-face {
  font-family: "Montserrat";
  src: url("../font/montserrat-regular-webfont.ttf"); }
@font-face {
  font-family: "Montserrat-Light";
  src: url("../font/Montserrat-Light.otf"); }
@font-face {
  font-family: "Roboto";
  src: url("../font/Roboto-Regular.ttf"); }
@font-face {
  font-family: "Roboto-Bold";
  src: url("../font/Roboto-Bold.ttf"); }
@font-face {
  font-family: "Oswald";
  src: url("../font/Oswald-Regular.ttf"); }
@font-face {
  font-family: "Oswald-Bold";
  src: url("../font/Oswald-Bold.ttf"); }
* {
  box-sizing: border-box; }

html {
  min-height: 100%;
  margin: 0;
  padding: 0; }

body {
  font-family: "Montserrat";
  margin: 0;
  padding: 0;
  background-image: url("../images/background/background.jpg"); }

input, select, textarea {
  outline: none; }

[disabled] {
  opacity: 0.4; }

#login-form {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("../images/background/background.jpg");
  background-position: center;
  background-size: cover;
  z-index: 3; }
  #login-form .login-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-image: url("../images/background/city-circle.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center; }
  #login-form .align {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%; }
  #login-form .form-container {
    display: inline-block;
    vertical-align: middle; }
  #login-form .login-logo img {
    display: block;
    width: 180px;
    margin: auto;
    margin-bottom: 20px; }
  #login-form .error {
    margin: 10px;
    padding: 20px; }
  #login-form .legend {
    color: #8bccd6;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 20px; }
  #login-form form input.input-login {
    display: block;
    font-family: "Montserrat-Light";
    width: 100%;
    margin: auto;
    background-color: #8bccd6;
    color: #FFFFFF;
    border-radius: 3px;
    border: 0px;
    text-align: center;
    margin-bottom: 5px;
    height: 3.2em;
    line-height: 3.2em;
    font-weight: lighter;
    font-size: 13px; }
    #login-form form input.input-login:focus {
      background-color: #65bbc9; }
    #login-form form input.input-login::-webkit-input-placeholder {
      color: #FFF; }
    #login-form form input.input-login::-moz-placeholder {
      color: #FFF; }
    #login-form form input.input-login:-ms-input-placeholder {
      color: #FFF; }
    #login-form form input.input-login:-moz-placeholder {
      color: #FFF; }
  #login-form form a.password {
    display: block;
    font-size: 12px;
    color: #8bccd6;
    text-transform: uppercase;
    margin-bottom: 10px;
    cursor: pointer;
    font-family: "Montserrat-Light"; }
    #login-form form a.password:hover {
      color: #65bbc9; }
  #login-form form button.login-form-submit {
    display: block;
    width: 80%;
    margin: auto;
    background-color: #eb9625;
    color: #FFF;
    border-radius: 3px;
    border: 0px;
    text-align: center;
    margin-bottom: 10px;
    height: 3.2em;
    line-height: 3.2em;
    font-weight: lighter;
    text-transform: uppercase;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer; }

.menu {
  margin-bottom: 20px; }
  .menu.disabled {
    opacity: 0.4; }
  .menu .menu-title {
    background-color: #DDD;
    display: block;
    padding: 15px;
    border-radius: 6px; }
    .menu .menu-title span {
      color: #FFF;
      font-family: "Montserrat-Light"; }
    .menu .menu-title h2 {
      color: #FFF;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      padding-bottom: 20%; }
  .menu .menu-icon-container {
    display: block;
    margin: auto;
    width: 40%;
    padding-top: 40%;
    background-color: #FFF;
    border-radius: 50%;
    margin-top: -20px;
    margin-bottom: -10px;
    position: relative; }
    .menu .menu-icon-container .menu-icon {
      position: absolute;
      top: 5px;
      right: 5px;
      bottom: 5px;
      left: 5px;
      background-color: #DDD;
      border-radius: 50%;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 50%; }
  .menu .sub-menu {
    display: block; }
    .menu .sub-menu a {
      display: block;
      padding: 15px;
      margin-bottom: 5px;
      border-radius: 6px;
      color: #FFF;
      text-transform: uppercase;
      cursor: pointer;
      /*			&.active {
      
      			}*/ }
      .menu .sub-menu a:hover {
        box-shadow: none;
        text-decoration: none !important; }
      .menu .sub-menu a .info-bulle {
        float: right;
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        color: #FFF;
        background-color: #d15259;
        font-size: 9px; }
      .menu .sub-menu a.disabled {
        pointer-events: none;
        color: #ccc; }
    .menu .sub-menu a.create {
      float: right;
      width: 50px;
      height: 50px;
      background-image: url("../images/icn/plus-w.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 40%;
      font-size: 0px; }
    .menu .sub-menu a.create + a {
      margin-right: 55px; }
  .menu.menu-subscription .menu-title {
    background-color: #08b7cc; }
  .menu.menu-subscription .menu-icon-container .menu-icon {
    background-color: #08b7cc;
    background-image: url("../images/icn/users-w.png"); }
  .menu.menu-subscription .sub-menu a {
    background-color: #08b7cc; }
  .menu.menu-subscription .sub-menu a.actif {
    background-color: #057582; }
  .menu.menu-subscription .sub-menu a:hover {
    background-color: #5dc8d7; }
  .menu.menu-subscription .sub-menu a.disabled, .menu.menu-subscription .sub-menu a.disabled:hover {
    background-color: #034951; }
  .menu.menu-subscription.disabled .menu-title {
    background-color: #034951; }
    .menu.menu-subscription.disabled .menu-title span, .menu.menu-subscription.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-subscription.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-subscription.disabled .menu-icon-container .menu-icon {
      background-color: #034951; }
  .menu.menu-contact .menu-title {
    background-color: #6c9cbb; }
  .menu.menu-contact .menu-icon-container .menu-icon {
    background-color: #6c9cbb;
    background-image: url("../images/icn/users-w.png"); }
  .menu.menu-contact .sub-menu a {
    background-color: #6c9cbb; }
  .menu.menu-contact .sub-menu a.actif {
    background-color: #457695; }
  .menu.menu-contact .sub-menu a:hover {
    background-color: #83bdcf; }
  .menu.menu-contact .sub-menu a.disabled, .menu.menu-contact .sub-menu a.disabled:hover {
    background-color: #355a73; }
  .menu.menu-contact.disabled .menu-title {
    background-color: #355a73; }
    .menu.menu-contact.disabled .menu-title span, .menu.menu-contact.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-contact.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-contact.disabled .menu-icon-container .menu-icon {
      background-color: #355a73; }
  .menu.menu-broadcast .menu-title {
    background-color: #4388b4; }
  .menu.menu-broadcast .menu-icon-container .menu-icon {
    background-color: #4388b4;
    background-image: url("../images/icn/users-w.png"); }
  .menu.menu-broadcast .sub-menu a {
    background-color: #4388b4; }
  .menu.menu-broadcast .sub-menu a:hover, .menu.menu-broadcast .sub-menu a.actif {
    background-color: #2e5e7c; }
  .menu.menu-broadcast .sub-menu a.disabled, .menu.menu-broadcast .sub-menu a.disabled:hover {
    background-color: #204257; }
  .menu.menu-broadcast.disabled .menu-title {
    background-color: #204257; }
    .menu.menu-broadcast.disabled .menu-title span, .menu.menu-broadcast.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-broadcast.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-broadcast.disabled .menu-icon-container .menu-icon {
      background-color: #204257; }
  .menu.menu-message .menu-title {
    background-color: #de8d47; }
  .menu.menu-message .menu-icon-container .menu-icon {
    background-color: #de8d47;
    background-image: url("../images/icn/messages-w.png"); }
  .menu.menu-message .sub-menu a {
    background-color: #de8d47; }
  .menu.menu-message .sub-menu a.actif {
    background-color: #b86721; }
  .menu.menu-message .sub-menu a:hover {
    background-color: #b3b8a2; }
  .menu.menu-message .sub-menu a.disabled, .menu.menu-message .sub-menu a.disabled:hover {
    background-color: #76495e; }
  .menu.menu-message.disabled .menu-title {
    background-color: #76495e; }
    .menu.menu-message.disabled .menu-title span, .menu.menu-message.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-message.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-message.disabled .menu-icon-container .menu-icon {
      background-color: #76495e; }
  .menu.menu-property .menu-title {
    background-color: #b6899e; }
  .menu.menu-property .menu-icon-container .menu-icon {
    background-color: #b6899e;
    background-image: url("../images/icn/buildings-w.png"); }
  .menu.menu-property .sub-menu a {
    background-color: #b6899e; }
  .menu.menu-property .sub-menu a.actif {
    background-color: #965d77; }
  .menu.menu-property .sub-menu a:hover {
    background-color: #9db3c3; }
  .menu.menu-property .sub-menu a.disabled, .menu.menu-property .sub-menu a.disabled:hover {
    background-color: #76495e; }
  .menu.menu-property.disabled .menu-title {
    background-color: #76495e; }
    .menu.menu-property.disabled .menu-title span, .menu.menu-property.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-property.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-property.disabled .menu-icon-container .menu-icon {
      background-color: #76495e; }
  .menu.menu-report .menu-title {
    background-color: #345065; }
  .menu.menu-report .menu-icon-container .menu-icon {
    background-color: #345065;
    background-image: url("../images/icn/organization-w.png"); }
  .menu.menu-report .sub-menu a {
    background-color: #345065; }
  .menu.menu-report .sub-menu a.actif {
    background-color: #1a2833; }
  .menu.menu-report .sub-menu a:hover {
    background-color: #6f9fae; }
  .menu.menu-report .sub-menu a.disabled, .menu.menu-report .sub-menu a.disabled:hover {
    background-color: #090d11; }
  .menu.menu-report.disabled .menu-title {
    background-color: #090d11; }
    .menu.menu-report.disabled .menu-title span, .menu.menu-report.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-report.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-report.disabled .menu-icon-container .menu-icon {
      background-color: #090d11; }
  .menu.menu-organization .menu-title {
    background-color: #e4a20a; }
  .menu.menu-organization .menu-icon-container .menu-icon {
    background-color: #e4a20a;
    background-image: url("../images/icn/organization-w.png"); }
  .menu.menu-organization .sub-menu a {
    background-color: #e4a20a; }
  .menu.menu-organization .sub-menu a.actif {
    background-color: #9b6e07; }
  .menu.menu-organization .sub-menu a:hover {
    background-color: #b3bf89; }
  .menu.menu-organization .sub-menu a.disabled, .menu.menu-organization .sub-menu a.disabled:hover {
    background-color: #6a4b05; }
  .menu.menu-organization.disabled .menu-title {
    background-color: #6a4b05; }
    .menu.menu-organization.disabled .menu-title span, .menu.menu-organization.disabled .menu-title h2 {
      color: #ccc; }
  .menu.menu-organization.disabled .menu-icon-container {
    background-color: transparent; }
    .menu.menu-organization.disabled .menu-icon-container .menu-icon {
      background-color: #6a4b05; }

#header {
  color: #FFF;
  margin: 20px 0; }
  #header #logo {
    float: left;
    margin: 0 10px; }
    #header #logo img {
      height: 70px; }
  #header #account-links {
    float: right;
    margin: 10px; }
    #header #account-links .action-link {
      display: inline-block;
      text-align: center;
      width: 40px;
      height: 40px;
      line-height: 40px;
      vertical-align: middle;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 20px;
      border-radius: 50%;
      color: #FFF; }
      #header #account-links .action-link i:before {
        margin-left: 0px; }
      #header #account-links .action-link:hover {
        background-color: #CCC;
        text-decoration: none; }
  #header #account-infos {
    float: right;
    margin: 10px; }
    #header #account-infos > span {
      font-size: 1.6em; }

#content {
  padding-bottom: 20px; }
  #content .page {
    background-color: #FFF;
    padding: 15px;
    min-height: 70%;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 20px; }
    #content .page.liste-report-sncf {
      max-height: 70%;
      overflow: scroll; }
  #content .section-title {
    padding: 15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px; }
    #content .section-title h1 {
      margin: 0;
      padding: 0;
      color: #FFF;
      font-size: 30px;
      font-family: "Montserrat-Light";
      line-height: 70px; }
    #content .section-title .header-account-infos {
      margin-top: 30px; }
    #content .section-title.title-subscription {
      background-color: #08b7cc; }
    #content .section-title.title-contact {
      background-color: #6c9cbb; }
    #content .section-title.title-broadcast {
      background-color: #4388b4; }
    #content .section-title.title-property {
      background-color: #b6899e; }
    #content .section-title.title-message {
      background-color: #de8d47; }
    #content .section-title.title-report {
      background-color: #345065; }
    #content .section-title.title-organization {
      background-color: #e4a20a; }

#menu-bottom {
  display: block;
  text-align: center; }
  #menu-bottom a {
    display: inline-block;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #000;
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
    border: 5px rgba(0, 0, 0, 0) solid; }
    #menu-bottom a.subscription {
      background-color: #08b7cc;
      background-image: url("../images/icn/users-w.png"); }
      #menu-bottom a.subscription:hover {
        background-color: #07a1b3; }
    #menu-bottom a.contact {
      background-color: #6c9cbb;
      background-image: url("../images/icn/users-w.png"); }
      #menu-bottom a.contact:hover {
        background-color: #5b90b3; }
    #menu-bottom a.broadcast {
      background-color: #4388b4;
      background-image: url("../images/icn/users-w.png"); }
      #menu-bottom a.broadcast:hover {
        background-color: #3c7aa1; }
    #menu-bottom a.property {
      background-color: #b6899e;
      background-image: url("../images/icn/buildings-w.png"); }
      #menu-bottom a.property:hover {
        background-color: #ac7991; }
    #menu-bottom a.message {
      background-color: #de8d47;
      background-image: url("../images/icn/messages-w.png"); }
      #menu-bottom a.message:hover {
        background-color: #da8031; }
    #menu-bottom a.report {
      background-color: #345065;
      background-image: url("../images/icn/organization-w.png"); }
      #menu-bottom a.report:hover {
        background-color: #2b4354; }
    #menu-bottom a.organization {
      background-color: #e4a20a;
      background-image: url("../images/icn/organization-w.png"); }
      #menu-bottom a.organization:hover {
        background-color: #cc9109; }
    #menu-bottom a:hover {
      border-color: #FFF; }
    #menu-bottom a.disabled {
      pointer-events: none;
      color: #ccc;
      opacity: 0.4; }
      #menu-bottom a.disabled.subscription {
        background-color: #034951; }
      #menu-bottom a.disabled.contact {
        background-color: #355a73; }
      #menu-bottom a.disabled.broadcast {
        background-color: #204257; }
      #menu-bottom a.disabled.property {
        background-color: #76495e; }
      #menu-bottom a.disabled.message {
        background-color: #8c4f19; }
      #menu-bottom a.disabled.report {
        background-color: #090d11; }
      #menu-bottom a.disabled.organization {
        background-color: #6a4b05; }

.no-entities-found {
  font-size: 20px;
  padding: 20px;
  text-align: center;
  color: #868686;
  font-family: "Montserrat-Light"; }

.search-bar {
  display: inline-block;
  padding: 10px 0; }
  .search-bar .search-container input {
    display: inline-block;
    background-color: #F5F5F5;
    padding: 5px;
    padding-left: 15px;
    border: 1px #e8e8e8 solid;
    border-radius: 6px;
    font-size: 1em;
    box-shadow: none;
    font-family: "Montserrat-Light";
    color: #868686;
    width: 200px; }
    .search-bar .search-container input:focus {
      background-color: #E9E9E9;
      border-color: gainsboro; }

.sc-table {
  width: 100%;
  font-size: 12px;
  font-family: "Montserrat-Light"; }
  .sc-table.bordered {
    border: 1px #E0E0E0 solid;
    border-bottom: 0px; }
  .sc-table .action {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 5px;
    background-color: #FFFFFF;
    font-size: 12px;
    border-radius: 6px;
    text-transform: uppercase;
    cursor: pointer; }
    .sc-table .action i {
      display: inline-block;
      margin-right: 5px; }
    .sc-table .action i::before {
      margin: 0;
      font-size: 15px; }
    .sc-table .action.icn {
      width: 30px;
      padding: 0;
      text-align: center; }
    .sc-table .action.active, .sc-table .action.edit {
      background-color: #08b7cc;
      color: #FFF; }
      .sc-table .action.active:hover, .sc-table .action.edit:hover {
        text-decoration: none;
        background-color: #068b9b; }
      .sc-table .action.active.contact, .sc-table .action.edit.contact {
        background-color: #6c9cbb; }
        .sc-table .action.active.contact:hover, .sc-table .action.edit.contact:hover {
          background-color: #4d84a7; }
      .sc-table .action.active.broadcast, .sc-table .action.edit.broadcast {
        background-color: #4388b4; }
        .sc-table .action.active.broadcast:hover, .sc-table .action.edit.broadcast:hover {
          background-color: #356c8f; }
      .sc-table .action.active.beacon, .sc-table .action.active.residence, .sc-table .action.active.building, .sc-table .action.active.point, .sc-table .action.edit.beacon, .sc-table .action.edit.residence, .sc-table .action.edit.building, .sc-table .action.edit.point {
        background-color: #b6899e; }
        .sc-table .action.active.beacon:hover, .sc-table .action.active.residence:hover, .sc-table .action.active.building:hover, .sc-table .action.active.point:hover, .sc-table .action.edit.beacon:hover, .sc-table .action.edit.residence:hover, .sc-table .action.edit.building:hover, .sc-table .action.edit.point:hover {
          background-color: #a36984; }
      .sc-table .action.active.message, .sc-table .action.edit.message {
        background-color: #de8d47; }
        .sc-table .action.active.message:hover, .sc-table .action.edit.message:hover {
          background-color: #cd7325; }
      .sc-table .action.active.report, .sc-table .action.edit.report {
        color: #345065;
        border: 1px solid #789eba;
        background-color: #FFF; }
        .sc-table .action.active.report:hover, .sc-table .action.edit.report:hover {
          background-color: #EEE; }
        .sc-table .action.active.report i, .sc-table .action.edit.report i {
          margin-right: 0; }
      .sc-table .action.active.admin, .sc-table .action.active.provider, .sc-table .action.edit.admin, .sc-table .action.edit.provider {
        background-color: #e4a20a; }
        .sc-table .action.active.admin:hover, .sc-table .action.active.provider:hover, .sc-table .action.edit.admin:hover, .sc-table .action.edit.provider:hover {
          background-color: #b37f08; }
    .sc-table .action.pause {
      background-color: #7f8c8d;
      color: #FFF; }
      .sc-table .action.pause:hover {
        text-decoration: none;
        background-color: #667273; }
    .sc-table .action.delete {
      background-color: #d15259;
      color: #FFF; }
      .sc-table .action.delete:hover {
        text-decoration: none;
        background-color: #be323a; }
    .sc-table .action.send {
      background-color: #868686;
      color: #FFF; }
      .sc-table .action.send:hover {
        text-decoration: none;
        background-color: #6d6d6d; }
  .sc-table tr {
    border-bottom: 1px #E0E0E0 solid; }
  .sc-table thead {
    background-color: #F5F5F5; }
    .sc-table thead tr {
      border-bottom: 2px #EAEAEA solid;
      border-top: 2px #EAEAEA solid; }
    .sc-table thead th {
      padding: 10px;
      padding-left: 0;
      font-family: "Montserrat";
      font-size: 12px; }
      .sc-table thead th:first-of-type {
        padding-left: 10px; }
      .sc-table thead th.sortable {
        cursor: pointer;
        position: relative; }
        .sc-table thead th.sortable:before {
          position: absolute;
          top: 7px;
          right: 8px;
          border-color: transparent;
          border-width: 4px;
          width: 0;
          height: 0;
          content: ' ';
          border-style: solid;
          border-bottom-color: #868686; }
        .sc-table thead th.sortable:after {
          position: absolute;
          top: 19px;
          right: 8px;
          border-color: transparent;
          border-width: 4px;
          width: 0;
          height: 0;
          content: ' ';
          border-style: solid;
          border-top-color: #868686; }
        .sc-table thead th.sortable:hover {
          background-color: #F0F0F0; }
      .sc-table thead th.center {
        text-align: center; }
      .sc-table thead th.right {
        text-align: right; }
  .sc-table tbody tr:nth-of-type(2n) {
    background-color: #F9F9F9; }
  .sc-table tbody tr td {
    padding: 10px;
    padding-left: 0;
    font-size: 12px; }
    .sc-table tbody tr td.center {
      text-align: center; }
    .sc-table tbody tr td.right {
      text-align: right; }
    .sc-table tbody tr td:first-of-type {
      padding-left: 10px; }
  .sc-table.sc-message-table {
    font-size: 11px; }
    .sc-table.sc-message-table tbody td span.no-data {
      color: #DDD; }
    .sc-table.sc-message-table tbody td span.a-venir {
      display: inline-block;
      padding: 5px;
      font-size: 10px;
      background-color: #F0F0F0;
      border-radius: 3px;
      color: #868686; }
    .sc-table.sc-message-table tbody td .icn-state {
      display: inline-block;
      margin-right: 5px;
      margin-left: 5px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 50%;
      background-color: #F0F0F0;
      color: #DDD;
      text-align: center; }
      .sc-table.sc-message-table tbody td .icn-state i:before {
        margin-left: 0;
        font-size: 16px; }
      .sc-table.sc-message-table tbody td .icn-state.active {
        background-color: #de8d47;
        color: #FFF; }
    .sc-table.sc-message-table tbody td.center {
      text-align: center; }
  .sc-table .sc-table-select {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100px;
    background-color: #eaeced;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px #e0e2e3 solid;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    color: #868686;
    font-family: "Montserrat-Light";
    text-align: center;
    margin-right: 15px; }
  .sc-table.sc-report-table .color-status {
    width: 20px; }
    .sc-table.sc-report-table .color-status.pending {
      background-color: #ffe500; }
    .sc-table.sc-report-table .color-status.in_progress {
      background-color: #6691e0; }
    .sc-table.sc-report-table .color-status.solved {
      background-color: #5cb85c; }
    .sc-table.sc-report-table .color-status.canceled {
      background-color: #d9534f; }

.sc-form-title {
  display: block;
  color: #363636;
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 20px;
  border-bottom: 1px #E0E0E0 solid;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #868686; }
  .sc-form-title.center {
    text-align: center; }
  .sc-form-title span {
    font-family: "Montserrat";
    font-weight: bold;
    text-transform: uppercase; }
  .sc-form-title i {
    margin-right: 10px; }
  .sc-form-title i::before {
    margin: 0; }

.sc-form {
  /*	select.sc-input {
  
  	}*/ }
  .sc-form label.sc-label {
    display: inline-block;
    font-size: 14px;
    color: #888;
    font-family: "Montserrat-Light";
    margin: 0;
    margin-left: 0px;
    padding-left: 10px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    line-height: 1.8em; }
  .sc-form input.sc-input, .sc-form select.sc-input {
    display: block;
    border-radius: 6px;
    background-color: #eaeced;
    width: 100%;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border: 1px #e0e2e3 solid;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    color: #868686;
    margin-bottom: 10px;
    font-family: "Montserrat-Light";
    font-size: 14px; }
    .sc-form input.sc-input:focus, .sc-form select.sc-input:focus {
      background-color: #dce0e1;
      border-color: #d3d5d7; }
    .sc-form input.sc-input option, .sc-form select.sc-input option {
      text-align: center; }
  .sc-form .sc-form-inline {
    display: inline-block;
    margin-right: 20px; }
  .sc-form .sc-form-inline .sc-label {
    display: block; }
  .sc-form .sc-form-inline .sc-input {
    display: block; }
  .sc-form .sc-button-submit {
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    border: 0px;
    display: block;
    text-align: center;
    color: #70aacf;
    border: 1px #70aacf solid;
    background-color: #FFF;
    cursor: pointer; }
    .sc-form .sc-button-submit:hover {
      color: #FFF;
      background-color: #70aacf; }
    .sc-form .sc-button-submit.margin-top {
      margin-top: 20px; }

.error {
  margin: 0;
  font-family: "Montserrat-Light";
  padding: 20px;
  text-align: center;
  background-color: #dc7a80;
  color: #FFF; }

.message-creation-step {
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  margin-top: 20px;
  line-height: 50px;
  color: #414141;
  font-weight: bold;
  border-radius: 50px;
  position: relative;
  background-color: #eaeced;
  border-bottom: 1px #cfd3d5 solid;
  color: #868686; }
  .message-creation-step span {
    display: block;
    border-right: 1px #cfd3d5 solid;
    position: absolute;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 0; }
  .message-creation-step .step-number {
    display: inline-block; }
  .message-creation-step .step-valid {
    background-image: url(../images/icn/checked.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    display: none; }
  .message-creation-step .step-label {
    display: block;
    margin-left: 70px;
    font-family: "Montserrat-Light"; }
  .message-creation-step.active {
    color: #FFF;
    background-color: #de8d47;
    border-bottom: 2px #cd7325 solid; }
    .message-creation-step.active span {
      border-color: #FFF; }
    .message-creation-step.active .step-valid {
      display: inline-block; }
    .message-creation-step.active .step-number {
      display: none; }
  .message-creation-step.current {
    background-color: #de8d47; }
    .message-creation-step.current .step-number {
      display: inline-block; }
    .message-creation-step.current .step-valid {
      display: none; }

.message-creation-form .phone-preview-container {
  max-height: 560px; }
  .message-creation-form .phone-preview-container svg {
    max-height: 560px;
    display: block;
    margin: auto; }
.message-creation-form h1 {
  display: block;
  color: #363636;
  font-family: "Roboto";
  font-weight: normal;
  margin-bottom: 20px; }
  .message-creation-form h1.center {
    text-align: center; }
  .message-creation-form h1 span {
    font-family: "Montserrat";
    font-weight: bold;
    text-transform: uppercase; }
  .message-creation-form h1 a {
    font-size: 12px; }
.message-creation-form h2 {
  display: block;
  margin-top: 40px;
  text-transform: uppercase;
  font-size: 20px;
  border-bottom: 1px #CCC solid;
  font-family: "Roboto-Bold";
  padding-bottom: 15px;
  font-weight: bold; }
.message-creation-form input.sc-msg-input, .message-creation-form textarea.sc-msg-input {
  display: block;
  border-radius: 15px;
  background-color: #eaeced;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border: 1px #e0e2e3 solid;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
  color: #868686;
  margin-bottom: 10px;
  font-family: "Montserrat-Light";
  font-size: 14px;
  text-align: center; }
  .message-creation-form input.sc-msg-input:focus, .message-creation-form textarea.sc-msg-input:focus {
    background-color: #dce0e1;
    border-color: #d3d5d7; }
.message-creation-form textarea.sc-msg-input {
  min-height: 100px;
  line-height: 1.6em;
  padding: 10px;
  font-size: 14px; }
.message-creation-form .col-md-6 {
  position: relative; }
  .message-creation-form .col-md-6 .calendar-icn {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    top: 3px;
    left: 3px; }
    .message-creation-form .col-md-6 .calendar-icn i:before {
      color: #868686;
      font-size: 14px; }
  .message-creation-form .col-md-6 input.calendar-input {
    text-indent: 30px; }
.message-creation-form .carcount {
  display: block;
  font-size: 11px;
  font-style: italic;
  color: #868686;
  text-align: right;
  padding-right: 15px;
  margin-bottom: 10px;
  margin-top: -5px; }
.message-creation-form .message-file {
  text-align: right; }
  .message-creation-form .message-file .file-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    margin-right: 10px; }
  .message-creation-form .message-file .file-uploading {
    font-size: 11px;
    color: #868686; }
    .message-creation-form .message-file .file-uploading i {
      font-size: 12px;
      margin-left: 10px; }
  .message-creation-form .message-file .btn-file {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #FFFFFF;
    font-size: 12px;
    border-radius: 50px;
    text-transform: uppercase;
    cursor: pointer; }
    .message-creation-form .message-file .btn-file i::before {
      margin: 0;
      font-size: 15px; }
    .message-creation-form .message-file .btn-file.add {
      background-color: #de8d47;
      color: #FFF; }
      .message-creation-form .message-file .btn-file.add:hover {
        background-color: #cd7325; }
    .message-creation-form .message-file .btn-file.delete {
      background-color: #d15259;
      color: #FFF; }
      .message-creation-form .message-file .btn-file.delete:hover {
        text-decoration: none;
        background-color: #be323a; }
.message-creation-form .option-element {
  display: block;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #F8F8F8;
  margin-bottom: 10px; }
  .message-creation-form .option-element input[type="checkbox"] {
    display: none; }
  .message-creation-form .option-element .checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    height: 30px;
    width: 60px;
    border: 2px #DADADA solid;
    border-radius: 100px;
    background-color: #fff;
    cursor: pointer; }
    .message-creation-form .option-element .checkbox::after {
      position: absolute;
      top: 4px;
      left: 4px;
      bottom: 4px;
      width: 20px;
      height: 20px;
      background-color: #DADADA;
      border-radius: 50%;
      content: ''; }
  .message-creation-form .option-element .option-label {
    display: inline-block;
    vertical-align: middle;
    font-family: "Montserrat-Light";
    color: #868686; }
  .message-creation-form .option-element.active .checkbox::after {
    left: inherit;
    right: 4px;
    background-color: #91dc5a; }
.message-creation-form .step-navigation-bottom {
  padding: 20px;
  text-align: right;
  padding-right: 60px;
  /*		.button-prev {
  
  		}*/ }
  .message-creation-form .step-navigation-bottom .button-next, .message-creation-form .step-navigation-bottom .button-prev {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    border: 0px;
    text-align: center;
    color: #70aacf;
    border: 1px #70aacf solid;
    background-color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    min-width: 200px;
    cursor: pointer;
    margin-left: 10px; }
    .message-creation-form .step-navigation-bottom .button-next:hover, .message-creation-form .step-navigation-bottom .button-prev:hover {
      color: #FFF;
      background-color: #70aacf;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 70%; }
    .message-creation-form .step-navigation-bottom .button-next.button-lightgrey, .message-creation-form .step-navigation-bottom .button-prev.button-lightgrey {
      border-color: #A0A0A0;
      color: #A0A0A0; }
      .message-creation-form .step-navigation-bottom .button-next.button-lightgrey:hover, .message-creation-form .step-navigation-bottom .button-prev.button-lightgrey:hover {
        color: #868686;
        background-color: #F0F0F0;
        border-color: #868686; }

.message-creation-search h3 {
  font-size: 14px;
  font-family: "Montserrat-Light";
  margin-bottom: 20px;
  color: #868686; }
.message-creation-search .message-meta-filter {
  display: block;
  margin-bottom: 5px;
  /*		label {
  
  		}*/ }
  .message-creation-search .message-meta-filter input {
    margin-right: 5px;
    display: inline-block; }
.message-creation-search .search-params {
  display: block;
  margin-bottom: 20px; }
  .message-creation-search .search-params .search-option {
    display: inline-block;
    width: 49%;
    vertical-align: baseline; }
    .message-creation-search .search-params .search-option .selector {
      display: inline-block;
      height: 26px;
      width: 26px;
      border-radius: 50%;
      border: 2px #363636 solid;
      margin-right: 5px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 60%; }
    .message-creation-search .search-params .search-option .icn {
      display: inline-block;
      vertical-align: baseline;
      width: 34px;
      height: 36px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 90%;
      margin-right: 5px; }
      .message-creation-search .search-params .search-option .icn.building {
        background-image: url("../images/icn/building-b.png"); }
      .message-creation-search .search-params .search-option .icn.subscription {
        background-image: url("../images/icn/users-b.png"); }
    .message-creation-search .search-params .search-option .search-option-label {
      display: inline-block;
      vertical-align: baseline;
      text-transform: uppercase;
      font-size: 16px;
      color: #363636; }
    .message-creation-search .search-params .search-option.active .selector {
      background-color: #363636;
      background-image: url("../images/icn/check-w.png"); }
    .message-creation-search .search-params .search-option.disabled {
      opacity: .2; }
.message-creation-search .search-filter {
  display: block;
  padding-bottom: 20px;
  border-bottom: 1px #868686 solid;
  margin-bottom: 20px; }
  .message-creation-search .search-filter input.sc-search-input {
    display: block;
    border-radius: 15px;
    background-color: #eaeced;
    width: 85%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px #e0e2e3 solid;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    color: #868686;
    font-family: "Montserrat-Light";
    font-size: 14px;
    text-align: center; }
  .message-creation-search .search-filter .icn.trash {
    float: right;
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    background-image: url("../images/icn/trash-g.png");
    cursor: pointer; }
.message-creation-search .search-results {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
  .message-creation-search .search-results li {
    padding: 0;
    list-style: none;
    margin: 0;
    cursor: pointer; }
  .message-creation-search .search-results .result-infos {
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    border: 2px #EAECED solid;
    border-radius: 15px;
    line-height: 1.4em;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    width: 90%;
    color: #868686; }
    .message-creation-search .search-results .result-infos input[type="checkbox"] {
      display: none; }
    .message-creation-search .search-results .result-infos .result-name {
      display: block; }
    .message-creation-search .search-results .result-infos .result-address {
      font-family: "Montserrat-Light"; }
  .message-creation-search .search-results .icn.add {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 40px;
    background-image: url("../images/icn/plus-g.png");
    cursor: pointer;
    width: 9%;
    vertical-align: sub; }
  .message-creation-search .search-results .icn.trash {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    height: 40px;
    background-image: url("../images/icn/trash-yellow.png");
    cursor: pointer;
    width: 9%;
    vertical-align: sub; }
  .message-creation-search .search-results.selected-results .result-infos {
    color: #FFF;
    background-color: #FFDB0B;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.1);
    border: none; }

.inline-building-list {
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #868686;
  font-family: "Montserrat-Light";
  border-bottom: 2px #868686 solid;
  font-size: 14px;
  margin-top: 30px; }
  .inline-building-list .inline-building-list-element {
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    font-family: "Montserrat";
    background-color: #E0E0E0;
    border-radius: 50px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 2em;
    margin-right: 5px; }

.scope-selector {
  display: block;
  padding-top: 40px;
  text-align: center;
  border-bottom: 2px #868686 solid;
  padding-bottom: 30px; }
  .scope-selector .method {
    display: block;
    position: relative;
    margin-left: -15px;
    margin-top: -15px;
    margin-bottom: 30px; }
    .scope-selector .method .bubble {
      margin: auto;
      border-radius: 50%;
      border: 2px #FFDA09 solid;
      color: #FFDA09;
      font-size: 26px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      width: 100%;
      padding-top: 100%; }
      .scope-selector .method .bubble .icn {
        display: block;
        width: 100%;
        height: 80%;
        margin: auto;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 50%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0; }
      .scope-selector .method .bubble span {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 25px;
        height: 2em;
        font-size: 15px; }
    .scope-selector .method .scope {
      display: block;
      text-align: center;
      margin-top: 20px; }
      .scope-selector .method .scope .icn {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 80%;
        background-image: url("../images/icn/users-b.png");
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px; }
      .scope-selector .method .scope .count {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px; }
    .scope-selector .method.push .bubble .icn {
      background-image: url("../images/icn/push-yellow-large.png"); }
    .scope-selector .method.sms .bubble .icn {
      background-image: url("../images/icn/sms-yellow-large.png"); }
    .scope-selector .method.email .bubble .icn {
      background-image: url("../images/icn/email-yellow-large.png"); }
    .scope-selector .method.active .bubble {
      color: #FFF;
      background-color: #FFDA09; }
    .scope-selector .method.active.push .bubble .icn {
      background-image: url("../images/icn/push-w-large.png"); }
    .scope-selector .method.active.sms .bubble .icn {
      background-image: url("../images/icn/sms-w-large.png"); }
    .scope-selector .method.active.email .bubble .icn {
      background-image: url("../images/icn/email-w-large.png"); }

.message-scope-summary {
  margin-top: 30px;
  margin-bottom: 30px; }
  .message-scope-summary .summary-text {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: 14px;
    color: #868686;
    font-family: "Montserrat-Light";
    color: #868686;
    line-height: 1.6em; }
  .message-scope-summary .summary-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 5%;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-image: url("../images/icn/arrow-right-b.png"); }
  .message-scope-summary .summary-user {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icn/users-b-large.png");
    width: 15%;
    height: 60px; }
  .message-scope-summary .summary-count {
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    font-size: 50px;
    text-align: center; }

.message-summary .summary-element {
  display: block;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  padding-right: 50px;
  background-image: url("../images/icn/pen-g.png");
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer; }
  .message-summary .summary-element:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 40px;
    height: 1px;
    background-color: #868686;
    content: ''; }
  .message-summary .summary-element:last-of-type:after {
    display: none; }
  .message-summary .summary-element:hover {
    background-image: url("../images/icn/pen-yellow.png"); }
.message-summary .message-textes .message-title {
  display: block;
  margin-bottom: 10px;
  font-size: 13px; }
.message-summary .message-textes .message-content {
  display: block;
  font-family: "Montserrat-Light";
  font-size: 13px; }
.message-summary .message-dates .message-date {
  display: block;
  margin-bottom: 10px; }
.message-summary .message-buildings .search-results {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0; }
  .message-summary .message-buildings .search-results li {
    padding: 0;
    list-style: none;
    margin: 0;
    cursor: pointer; }
  .message-summary .message-buildings .search-results .result-infos {
    display: inline-block;
    padding: 10px;
    margin-bottom: 10px;
    border: 2px #EAECED solid;
    border-radius: 15px;
    line-height: 1.4em;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    width: 90%;
    color: #868686; }
    .message-summary .message-buildings .search-results .result-infos input[type="checkbox"] {
      display: none; }
    .message-summary .message-buildings .search-results .result-infos .result-name {
      display: block; }
    .message-summary .message-buildings .search-results .result-infos .result-address {
      font-family: "Montserrat-Light"; }
.message-summary .message-scope {
  text-align: center; }
  .message-summary .message-scope .message-scope-text {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    font-size: 12px;
    color: #868686;
    font-family: "Montserrat-Light";
    color: #868686;
    line-height: 1.6em; }
  .message-summary .message-scope .message-scope-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 5%;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    background-image: url("../images/icn/arrow-right-b.png"); }
  .message-summary .message-scope .message-scope-user {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icn/users-b-large.png");
    width: 15%;
    height: 25px; }
  .message-summary .message-scope .message-scope-count {
    display: inline-block;
    vertical-align: middle;
    width: 7%;
    font-size: 20px;
    text-align: center; }

.message-final-validation {
  display: block;
  text-align: center;
  padding: 20px;
  padding-top: 120px; }
  .message-final-validation i:before {
    font-size: 100px;
    color: #868686;
    margin-bottom: 30px; }
  .message-final-validation p {
    display: block;
    margin-top: 30px;
    margin-bottom: 60px;
    font-family: "Montserrat-Light";
    color: #868686;
    font-size: 20px; }
  .message-final-validation .sc-button-submit {
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    color: #FFF;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    border: 0px;
    display: inline-block;
    text-align: center;
    color: #70aacf;
    border: 1px #70aacf solid;
    background-color: #FFF;
    max-width: 600px;
    margin: auto;
    cursor: pointer; }
    .message-final-validation .sc-button-submit:hover {
      color: #FFF;
      background-color: #70aacf; }

#map_canvas {
  height: 460px;
  width: 100%;
  margin: 5px;
  padding: 5px;
  position: relative; }

.angular-google-map-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0; }

.contact-import-select-file {
  display: block;
  padding: 20px;
  border-radius: 5px;
  background-color: #F9F9F9;
  border: 1px #E0E0E0 solid;
  text-align: center;
  font-size: 18px;
  color: #868686;
  margin-bottom: 30px;
  font-weight: lighter;
  cursor: pointer;
  font-family: "Montserrat-Light"; }
  .contact-import-select-file:hover {
    background-color: #E5E5E5; }
  .contact-import-select-file i {
    margin-right: 15px; }

.inline-option {
  padding: 10px;
  border-radius: 3px;
  background-color: #F5F5F5;
  border: 1px #E0E0E0 solid;
  margin-bottom: 15px;
  margin-top: 15px; }
  .inline-option input {
    margin-right: 15px; }

.sc-table-navigation {
  display: block;
  padding: 10px; }
  .sc-table-navigation .pagination {
    float: right;
    margin: 0; }
  .sc-table-navigation .sc-table-nav {
    display: inline-block;
    margin-right: 5px;
    width: 40px;
    height: 40px;
    background-color: #F5F5F5;
    border: 2px gainsboro solid;
    border-radius: 50px;
    cursor: pointer; }
    .sc-table-navigation .sc-table-nav:hover {
      background-color: #e8e8e8; }
    .sc-table-navigation .sc-table-nav.nav-prev {
      background-image: url(../images/icn/left-arrow.svg);
      background-size: 55%;
      background-repeat: no-repeat;
      background-position: center; }
    .sc-table-navigation .sc-table-nav.nav-next {
      background-image: url(../images/icn/right-arrow.svg);
      background-size: 55%;
      background-repeat: no-repeat;
      background-position: center; }
  .sc-table-navigation .navigation-element {
    display: block; }
    .sc-table-navigation .navigation-element label {
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px;
      color: #868686; }
    .sc-table-navigation .navigation-element input, .sc-table-navigation .navigation-element select {
      display: inline-block;
      vertical-align: middle;
      border-radius: 15px;
      background-color: #eaeced;
      text-align: center;
      height: 40px;
      line-height: 40px;
      border: 1px #e0e2e3 solid;
      box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
      color: #868686;
      font-family: "Montserrat-Light";
      text-align: center;
      margin-right: 15px; }
    .sc-table-navigation .navigation-element .label-after {
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px;
      color: #868686; }

.contact-importation-target {
  display: block;
  background-color: #FAFAFA;
  border-radius: 5px;
  border: 1px #F4F4F4 solid;
  padding: 20px; }
  .contact-importation-target .contact-importation-target-title {
    margin: 0;
    padding: 0;
    color: #FFF;
    font-size: 20px;
    font-family: "Montserrat-Light";
    line-height: 50px;
    text-align: center;
    color: #343434; }
  .contact-importation-target .contact-importation-target-icn {
    display: block;
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
    margin-top: 20px;
    color: #868686; }
  .contact-importation-target p.contact-importation-target-legend {
    display: block;
    color: #868686;
    margin-top: 15px;
    margin-bottom: 25px;
    font-family: "Montserrat-Light"; }
  .contact-importation-target input.sc-input, .contact-importation-target select.sc-input {
    display: block;
    border-radius: 15px;
    background-color: #eaeced;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: 1px #e0e2e3 solid;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05);
    color: #868686;
    margin-bottom: 10px;
    font-family: "Montserrat-Light";
    font-size: 14px;
    text-align: center; }
    .contact-importation-target input.sc-input:focus, .contact-importation-target select.sc-input:focus {
      background-color: #dce0e1;
      border-color: #d3d5d7; }
  .contact-importation-target ul.contact-importation-target-grouplist {
    margin: 0;
    padding: 0;
    list-style: none; }
    .contact-importation-target ul.contact-importation-target-grouplist li {
      padding: 5px;
      margin: 0;
      font-family: "Montserrat-Light";
      cursor: pointer;
      border-radius: 5px;
      margin-bottom: 5px;
      padding: 5px; }
      .contact-importation-target ul.contact-importation-target-grouplist li:hover {
        background-color: #FFF; }
      .contact-importation-target ul.contact-importation-target-grouplist li .bullet {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #CCC;
        vertical-align: middle;
        margin-right: 15px;
        text-align: center;
        line-height: 20px; }
        .contact-importation-target ul.contact-importation-target-grouplist li .bullet i {
          color: #FFF;
          line-height: 20px;
          display: none; }
      .contact-importation-target ul.contact-importation-target-grouplist li input {
        display: none; }
      .contact-importation-target ul.contact-importation-target-grouplist li label {
        vertical-align: middle;
        color: #343434; }
      .contact-importation-target ul.contact-importation-target-grouplist li.active .bullet {
        background-color: #08b7cc; }
        .contact-importation-target ul.contact-importation-target-grouplist li.active .bullet i {
          display: inline-block; }

.contact-importation-final progress.sc-progress-bar {
  width: 100%;
  height: 50px;
  margin: auto;
  margin-bottom: 30px;
  margin-top: 30px;
  background-color: #F0F0F0; }
.contact-importation-final progress.sc-progress-bar[value]::-webkit-progress-bar {
  background-color: #F0F0F0; }
.contact-importation-final progress[value]::-webkit-progress-value {
  background-color: #08b7cc; }
.contact-importation-final .contact-importation-final-progression {
  display: block;
  font-size: 20px;
  text-align: center;
  font-family: "Montserrat-Light";
  margin-bottom: 30px;
  margin-top: 20px; }
.contact-importation-final .sc-button-new-message {
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  border: 0px;
  display: block;
  text-align: center;
  color: #70aacf;
  border: 1px #70aacf solid;
  background-color: #FFF;
  margin: auto;
  max-width: 600px;
  margin: auto;
  cursor: pointer;
  margin-bottom: 40px; }
  .contact-importation-final .sc-button-new-message:hover {
    color: #FFF;
    background-color: #70aacf; }
.contact-importation-final .sc-button-loading {
  height: 40px;
  line-height: 40px;
  border-radius: 50px;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  border: 0px;
  display: block;
  text-align: center;
  color: #BABABA;
  border: 1px #BABABA solid;
  background-color: #FFF;
  margin: auto;
  max-width: 600px;
  margin: auto;
  cursor: pointer;
  margin-bottom: 40px; }
  .contact-importation-final .sc-button-loading i {
    font-size: 24px;
    margin-right: 15px; }

.contact-importation-step {
  display: block;
  line-height: 1.6em;
  font-size: 14px;
  margin-top: 20px;
  line-height: 50px;
  font-weight: bold;
  border-radius: 50px;
  position: relative;
  background-color: #6c9cbb;
  border-bottom: 1px #cfd3d5 solid;
  color: #FFF; }
  .contact-importation-step span {
    display: block;
    border-right: 1px #cfd3d5 solid;
    position: absolute;
    width: 50px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 0; }
  .contact-importation-step .step-number {
    display: inline-block; }
  .contact-importation-step .step-valid {
    background-image: url(../images/icn/checked.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: center;
    display: none; }
  .contact-importation-step .step-label {
    display: block;
    margin-left: 70px;
    font-family: "Montserrat-Light"; }
  .contact-importation-step.active {
    color: #FFF;
    background-color: #6c9cbb;
    border-bottom: 2px #4d84a7 solid; }
    .contact-importation-step.active span {
      border-color: #FFF; }
    .contact-importation-step.active .step-valid {
      display: inline-block; }
    .contact-importation-step.active .step-number {
      display: none; }
  .contact-importation-step.current {
    color: #FFF;
    background-color: #6c9cbb; }
    .contact-importation-step.current .step-number {
      display: inline-block; }
    .contact-importation-step.current .step-valid {
      display: none; }

.user-subscription-block {
  display: block;
  margin: 10px;
  background-color: #F9F9F9;
  border: 2px #F0F0F0 solid; }
  .user-subscription-block .user-subscription-block-title {
    display: block;
    font-size: 20px;
    background-color: #F0F0F0;
    color: #343434;
    font-size: 14px;
    line-height: 35px;
    padding: 10px;
    cursor: pointer;
    padding-left: 20px; }
    .user-subscription-block .user-subscription-block-title .actions {
      float: right; }
    .user-subscription-block .user-subscription-block-title .open-icon {
      vertical-align: middle;
      line-height: 35px;
      font-size: 22px;
      padding-bottom: 1px;
      display: inline-block;
      margin-right: 10px; }
    .user-subscription-block .user-subscription-block-title .user-data {
      font-size: 14px;
      line-height: 35px; }
  .user-subscription-block .action {
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 10px;
    background-color: #FFFFFF;
    font-size: 12px;
    border-radius: 50px;
    text-transform: uppercase;
    cursor: pointer; }
    .user-subscription-block .action.active {
      background-color: #08b7cc;
      color: #FFF; }
      .user-subscription-block .action.active:hover {
        text-decoration: none;
        background-color: #068b9b; }
    .user-subscription-block .action.pause {
      background-color: #7f8c8d;
      color: #FFF; }
      .user-subscription-block .action.pause:hover {
        text-decoration: none;
        background-color: #667273; }
    .user-subscription-block .action.delete {
      background-color: #d15259;
      color: #FFF; }
      .user-subscription-block .action.delete:hover {
        text-decoration: none;
        background-color: #be323a; }
  .user-subscription-block .user-subscription-block-table-container {
    display: block;
    margin: 20px;
    background-color: #FFF;
    border: 1px #E0E0E0 solid;
    border-bottom: none; }

.sc-custom-checkbox {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-color: #F5F5F5;
  border: 2px gainsboro solid;
  cursor: pointer;
  border-radius: 3px; }
  .sc-custom-checkbox.active {
    background-color: #08b7cc;
    border-color: #07a1b3;
    background-image: url(../images/icn/checked.svg);
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: 3px 3px; }
  .sc-custom-checkbox.right-margin {
    margin-right: 10px; }

.contact-form-topic-element {
  margin-bottom: 5px; }
  .contact-form-topic-element label {
    display: inline-block;
    color: #434343; }
  .contact-form-topic-element .topic-type {
    display: inline-block;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #F0F0F0;
    border-radius: 5px;
    line-height: 1.6em;
    margin-right: 10px;
    color: #FFF; }
    .contact-form-topic-element .topic-type.contact-group {
      background-color: #08b7cc; }
    .contact-form-topic-element .topic-type.building {
      background-color: #b6899e; }

.clearboth-fix {
  float: left;
  width: 100%; }

.message-creation-form .metadata-shortcut {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #868686;
  text-align: right; }

.message-creation-form .metadata-shortcut .metadata-info {
  font-style: italic;
  margin-bottom: 10px; }

.message-creation-form .metadata-shortcut .metadata-button {
  display: inline-block;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px;
  vertical-align: middle;
  background-color: #eaeced;
  border: 1px #e0e2e3 solid;
  margin-left: 10px;
  border-radius: 50px;
  font-family: "Montserrat-Light";
  cursor: pointer; }

.message-creation-form .metadata-shortcut .metadata-button span {
  margin-right: 5px; }

.message-creation-form .metadata-shortcut .metadata-button:hover {
  background-color: #dce0e1;
  border-color: #d3d5d7; }

i.icon {
  vertical-align: middle;
  display: inline-block;
  width: 28px;
  height: 28px; }

i.icon.icon-like {
  background: url(../images/aime.svg) no-repeat; }

i.icon.icon-category {
  background: url(../images/category.svg) no-repeat; }

i.icon.icon-calendar {
  background: url(../images/calendar.svg) no-repeat; }

i.icon.icon-photo {
  background: url(../images/photo.svg) no-repeat; }

i.icon.icon-document {
  background: url(../images/document.svg) no-repeat; }

i.icon.icon-residence {
  background: url(../images/residence.png) no-repeat; }

i.icon.icon-signalant {
  background: url(../images/signalant.svg) no-repeat; }

i.icon.icon-provider {
  background: url(../images/prestataire.svg) no-repeat; }

i.icon.icon-status {
  background: url(../images/status.svg) no-repeat; }

i.icon.icon-note {
  background: url(../images/msg.svg) no-repeat;
  position: relative;
  width: 50px; }

i.icon.icon-note.active:after {
  content: "";
  background-color: #ff0000;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: -4px; }

#report_list img {
  max-height: 60px; }

.modalImage .image-wrapper {
  text-align: center; }

.modalImage .image-wrapper img {
  max-width: 560px;
  max-height: 560px; }

.modalImage .image-description {
  text-align: center;
  margin-top: 10px; }

#author #user_note {
  display: block;
  width: 100%;
  margin-bottom: 10px; }
#author .detail {
  display: block;
  opacity: 0.7;
  font-size: 0.9em; }

.form-create-action * {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

#report *, #report_list *, #fusion * {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }
#report .image-thumbnail-custom, #report_list .image-thumbnail-custom, #fusion .image-thumbnail-custom {
  position: relative;
  display: inline-block; }
  #report .image-thumbnail-custom .img-src, #report_list .image-thumbnail-custom .img-src, #fusion .image-thumbnail-custom .img-src {
    height: 60px;
    opacity: 0.8; }
  #report .image-thumbnail-custom .badge-image-thumbnail, #report_list .image-thumbnail-custom .badge-image-thumbnail, #fusion .image-thumbnail-custom .badge-image-thumbnail {
    position: absolute;
    top: 18px;
    left: 50%;
    width: 26px;
    padding: 1px 3px;
    margin-left: -13px;
    background-color: #345065;
    color: #FFF;
    border: 2px solid #FFF;
    text-align: center;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important; }
#report#report_list .image-thumbnail-custom .img-src, #report_list#report_list .image-thumbnail-custom .img-src, #fusion#report_list .image-thumbnail-custom .img-src {
  height: 60px;
  opacity: 0.8; }
#report#report_list .image-thumbnail-custom .badge-image-thumbnail, #report_list#report_list .image-thumbnail-custom .badge-image-thumbnail, #fusion#report_list .image-thumbnail-custom .badge-image-thumbnail {
  padding: 4px 3px; }
#report button.report-button, #report select.report-select, #report_list button.report-button, #report_list select.report-select, #fusion button.report-button, #fusion select.report-select {
  vertical-align: middle;
  border: 1px #345065 solid;
  cursor: pointer;
  background-color: #FFF;
  color: #345065;
  position: relative; }
  #report button.report-button .label-main, #report select.report-select .label-main, #report_list button.report-button .label-main, #report_list select.report-select .label-main, #fusion button.report-button .label-main, #fusion select.report-select .label-main {
    text-transform: none;
    font-size: 0.7em; }
  #report button.report-button .picto-destinataire, #report select.report-select .picto-destinataire, #report_list button.report-button .picto-destinataire, #report_list select.report-select .picto-destinataire, #fusion button.report-button .picto-destinataire, #fusion select.report-select .picto-destinataire {
    height: 20px;
    max-height: 20px;
    font-size: 1em; }
  #report button.report-button.main-report, #report button.report-button.main-fusion, #report select.report-select.main-report, #report select.report-select.main-fusion, #report_list button.report-button.main-report, #report_list button.report-button.main-fusion, #report_list select.report-select.main-report, #report_list select.report-select.main-fusion, #fusion button.report-button.main-report, #fusion button.report-button.main-fusion, #fusion select.report-select.main-report, #fusion select.report-select.main-fusion {
    padding: 10px 40px; }
    #report button.report-button.main-report .comm-res, #report button.report-button.main-fusion .comm-res, #report select.report-select.main-report .comm-res, #report select.report-select.main-fusion .comm-res, #report_list button.report-button.main-report .comm-res, #report_list button.report-button.main-fusion .comm-res, #report_list select.report-select.main-report .comm-res, #report_list select.report-select.main-fusion .comm-res, #fusion button.report-button.main-report .comm-res, #fusion button.report-button.main-fusion .comm-res, #fusion select.report-select.main-report .comm-res, #fusion select.report-select.main-fusion .comm-res {
      position: absolute;
      top: 0.9em;
      left: 0.2em;
      height: 1.6em; }
  #report button.report-button .comm-picto, #report select.report-select .comm-picto, #report_list button.report-button .comm-picto, #report_list select.report-select .comm-picto, #fusion button.report-button .comm-picto, #fusion select.report-select .comm-picto {
    position: absolute;
    top: 1em;
    right: 0.7em;
    height: 1.6em; }
  #report button.report-button.active, #report select.report-select.active, #report_list button.report-button.active, #report_list select.report-select.active, #fusion button.report-button.active, #fusion select.report-select.active {
    color: #FFF;
    background-color: #345065; }
    #report button.report-button.active .comm-picto, #report select.report-select.active .comm-picto, #report_list button.report-button.active .comm-picto, #report_list select.report-select.active .comm-picto, #fusion button.report-button.active .comm-picto, #fusion select.report-select.active .comm-picto {
      fill: #FFF; }
#report button.report-button, #report_list button.report-button, #fusion button.report-button {
  text-transform: uppercase; }
#report button.action-button, #report_list button.action-button, #fusion button.action-button {
  text-transform: uppercase;
  margin-top: 5px;
  padding: 5px 40px;
  vertical-align: middle;
  border: 1px #CCC solid;
  background-color: #f7f7f7;
  color: #666666;
  position: relative; }
  #report button.action-button .provider, #report_list button.action-button .provider, #fusion button.action-button .provider {
    font-weight: bold; }
  #report button.action-button .label-status, #report_list button.action-button .label-status, #fusion button.action-button .label-status {
    text-transform: capitalize; }
  #report button.action-button .comm-picto, #report_list button.action-button .comm-picto, #fusion button.action-button .comm-picto {
    position: absolute;
    top: 1em;
    right: 1em;
    height: 2em; }
  #report button.action-button .comm-res, #report_list button.action-button .comm-res, #fusion button.action-button .comm-res {
    position: absolute;
    top: 0.8em;
    left: 0.4em;
    height: 2em; }
  #report button.action-button.active, #report_list button.action-button.active, #fusion button.action-button.active {
    color: #FFF;
    background-color: #345065;
    border: 1px #345065 solid; }
  #report button.action-button.aborted, #report button.action-button.canceled, #report_list button.action-button.aborted, #report_list button.action-button.canceled, #fusion button.action-button.aborted, #fusion button.action-button.canceled {
    color: #FFF;
    background-color: #d9534f;
    border: 1px #d43f3a solid; }
    #report button.action-button.aborted .comm-picto, #report button.action-button.canceled .comm-picto, #report_list button.action-button.aborted .comm-picto, #report_list button.action-button.canceled .comm-picto, #fusion button.action-button.aborted .comm-picto, #fusion button.action-button.canceled .comm-picto {
      fill: #FFF; }
    #report button.action-button.aborted.active, #report button.action-button.canceled.active, #report_list button.action-button.aborted.active, #report_list button.action-button.canceled.active, #fusion button.action-button.aborted.active, #fusion button.action-button.canceled.active {
      background-color: #c9302c;
      border: 1px #c9302c solid; }
  #report button.action-button.success, #report_list button.action-button.success, #fusion button.action-button.success {
    color: #FFF;
    background-color: #5cb85c;
    border: 1px #4cae4c solid; }
    #report button.action-button.success .comm-picto, #report_list button.action-button.success .comm-picto, #fusion button.action-button.success .comm-picto {
      fill: #FFF; }
    #report button.action-button.success.active, #report_list button.action-button.success.active, #fusion button.action-button.success.active {
      background-color: #449d44;
      border: 1px #449d44 solid; }
#report .content-intervention, #report_list .content-intervention, #fusion .content-intervention {
  border: 2px solid #345065;
  background-color: #f7f7f7;
  padding: 10px; }
  #report .content-intervention .lien-public, #report_list .content-intervention .lien-public, #fusion .content-intervention .lien-public {
    color: #666666; }
  #report .content-intervention.success, #report_list .content-intervention.success, #fusion .content-intervention.success {
    background-color: #c7e6c7;
    border: 2px #449d44 solid; }
  #report .content-intervention.aborted, #report .content-intervention.canceled, #report_list .content-intervention.aborted, #report_list .content-intervention.canceled, #fusion .content-intervention.aborted, #fusion .content-intervention.canceled {
    background-color: #f4cecd;
    border: 2px #c9302c solid; }
#report #avatar, #report_list #avatar, #fusion #avatar {
  float: left;
  margin-right: 5px;
  max-width: 80px;
  max-height: 140px; }
#report .meta + .meta:before, #report_list .meta + .meta:before, #fusion .meta + .meta:before {
  content: ' / '; }

#report {
  font-family: "Oswald";
  position: relative; }
  #report table {
    width: 100%; }
  #report td {
    padding: 5px;
    vertical-align: top; }
  #report #photo {
    max-width: 100%; }
  #report .detail {
    display: block;
    opacity: 0.7;
    font-size: 0.9em; }
  #report .note {
    position: relative; }
    #report .note #fileUploading {
      position: absolute;
      right: 10px;
      top: 10px; }
    #report .note h4 {
      margin: 0; }
    #report .note img {
      max-height: 120px; }
    #report .note .img-target-note {
      font-size: 1em;
      max-height: 40px; }
    #report .note .date {
      font-size: 0.7em; }
    #report .note .content {
      margin: 10px 0; }
    #report .note .attachment a {
      margin: 10px;
      color: inherit; }
    #report .note .action {
      padding: 3px;
      background-color: white; }
    #report .note .action-status {
      border: none;
      background-color: #56eb7f; }

#fusion .content {
  padding: 20px;
  width: 1100px;
  max-height: 500px;
  overflow-y: auto; }
  #fusion .content .report {
    font-size: 0.8em;
    float: left;
    width: 500px;
    margin-right: 20px; }
    #fusion .content .report .detail {
      display: block; }
    #fusion .content .report .photo {
      float: right;
      max-width: 200px;
      max-height: 200px; }

#likes .content {
  padding: 20px;
  width: 1080px; }
  #likes .content .like {
    font-size: 0.8em;
    float: left;
    width: 500px;
    margin-right: 20px; }
    #likes .content .like .detail {
      display: block; }
    #likes .content .like .photo {
      float: right;
      max-width: 120px;
      max-height: 120px; }

.overlay {
  z-index: 0;
  opacity: 0.5;
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.popup {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  .popup .content {
    background-color: white;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .popup .content .title {
      margin: 0;
      padding-bottom: 10px; }

#create_report textarea {
  display: block;
  width: 100%;
  margin-bottom: 10px; }
#create_report img {
  display: block;
  width: 100%;
  margin-bottom: 10px; }

.pointer {
  cursor: pointer; }

@media screen and (max-width: 1310px) and (min-width: 992px) {
  .scope-selector .method .bubble .icn {
    background-position: center 20px;
    background-size: 40%; }
  .scope-selector .method .bubble span {
    font-size: 12px; } }
@media screen and (max-width: 1310px) and (min-width: 1140px) {
  .scope-selector .method .bubble .icn {
    background-position: center;
    background-size: 45%; }
  .scope-selector .method .bubble span {
    font-size: 12px; } }

/*# sourceMappingURL=syndic-connect.css.map */