/*
 * =========
 * Variables
 * =========
 */
/*
 * ==========================
 * General, site-wide styling
 * ==========================
 */
.fa.fa-circle.flat-color {
  color: #e86f50;
  font-size: 10px; }

.fa.fa-circle.residence-color {
  color: #e8c650;
  font-size: 10px; }

.main_habitant {
  color: #5ac2e6; }

.checkbox, .radio {
  margin-top: 0; }

.adjustment {
  border-bottom: 1px solid #323b44;
  padding-top: 20px; }

.chosen-container {
  min-height: 34px; }

.select_all:after {
  content: ' ';
  font-size: 1.25em; }

.dl-form > dt:after {
  content: ' ';
  font-size: 1.25em; }
.dl-form > dd {
  margin-top: 5px;
  height: 34px;
  line-height: 34px; }

tr.clickable-row {
  cursor: pointer; }
  tr.clickable-row:hover td {
    background-color: rgba(50, 59, 68, 0.3) !important;
    color: #FFFFFF; }

.main-cell {
  width: 100%; }

.no-wrap {
  white-space: nowrap; }

.nav-habitants, .nav-invoices {
  margin-bottom: 10px; }
  .nav-habitants > li.active > a, .nav-invoices > li.active > a {
    border: none;
    background-color: #5ac2e6;
    color: #ffffff; }
    .nav-habitants > li.active > a:hover, .nav-habitants > li.active > a:focus, .nav-invoices > li.active > a:hover, .nav-invoices > li.active > a:focus {
      border: none;
      background-color: #5ac2e6;
      color: #ffffff; }
  .nav-habitants > li > a, .nav-invoices > li > a {
    border: none;
    color: #323b44; }
    .nav-habitants > li > a:hover, .nav-habitants > li > a:focus, .nav-invoices > li > a:hover, .nav-invoices > li > a:focus {
      color: #ffffff;
      background-color: #5ac2e6; }

.content-header .row a {
  margin-left: 5px; }
  .content-header .row a.cancel {
    color: #333;
    line-height: 34px; }

.content-header .row h1 {
  margin: 0; }

.row-search {
  margin-bottom: 10px; }

.cancel {
  vertical-align: middle;
  margin-right: 15px; }

.base-header {
  font-size: 24px;
  margin: 0; }

.breadcrumb {
  display: inline-block;
  background: transparent;
  margin: 0;
  font-size: 12px; }
  .breadcrumb a {
    color: inherit; }

.photo-wrapper {
  width: 220px;
  height: 160px;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 4px; }
  .photo-wrapper .photo {
    max-width: 100%;
    max-height: 100%; }

.photo-wrapper__partner {
  width: 150px;
  height: 150px; }
  .photo-wrapper__partner .photo {
    max-width: 100%;
    max-height: 100%; }

.box-contact .box-header {
  position: relative; }
  .box-contact .box-header .img {
    display: block;
    margin: 0 auto 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 8px; }
  .box-contact .box-header .img_emergency_contact {
    position: absolute;
    width: 25px;
    top: 10px;
    right: 10px; }
.box-contact .box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-contact .box-body div.date {
  font-style: italic; }
.box-contact .box-body div.info {
  height: 75px; }

.box-residence_info .box-header h3.box-title {
  height: 40px; }
.box-residence_info .box-body {
  height: 100px; }

.box-detail .box-header {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }
.box-detail .box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-detail .box-body div.date {
  font-style: italic; }
.box-detail .box-body div.info {
  height: 75px; }

.box-habitant .box-header img {
  display: block;
  margin: 0 auto 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 8px; }
.box-habitant .box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-habitant .box-body div.date {
  font-style: italic; }
.box-habitant .box-body div.info {
  height: 75px; }

.box-assistant .box-header img {
  display: block;
  margin: 0 auto 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 8px; }
.box-assistant .box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-assistant .box-body div.date {
  font-style: italic; }
.box-assistant .box-body div.info {
  height: 80px; }

.box-flat .box-header img {
  display: block;
  margin: 0 auto 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 8px; }
.box-flat .box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-flat .box-body div.date {
  font-style: italic; }
.box-flat .box-body div.info {
  height: 130px; }
  .box-flat .box-body div.info .row-icons {
    margin-top: 5px; }
  .box-flat .box-body div.info i {
    color: #323b44; }

.box-carenotebook .box-header img {
  display: block;
  margin: 0 auto 0 auto;
  width: 50px;
  height: 50px; }
.box-carenotebook .box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-carenotebook .box-body div.date {
  font-size: 11px;
  color: #777; }
.box-carenotebook .box-body div.info {
  height: 75px; }

.box-partner .box-header h3.box-title {
  height: 40px; }
.box-partner .box-header span {
  color: #111; }
  .box-partner .box-header span.name {
    font-weight: bolder;
    font-size: 20px;
    display: inline-block;
    height: 90px; }
.box-partner .box-body {
  height: 100px;
  width: 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  margin: 5px auto 5px auto; }
.box-partner .box-footer {
  background-color: #5ac2e6;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase; }

.box-user img {
  display: block;
  margin: 20px auto 0 auto;
  width: 100px;
  height: 100px;
  border-radius: 8px; }

.box-body div.name {
  font-weight: bolder;
  font-size: 16px;
  height: 50px; }
.box-body div.date {
  font-style: italic; }
.box-body div.info {
  height: 75px; }
  .box-body div.info > p {
    margin: 0; }

.box-image {
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }

.btn-extra {
  color: #FFFFFF;
  background-color: #e8c650;
  border: 1px solid #e7c347; }
  .btn-extra:hover {
    color: #FFFFFF;
    background-color: #e6c242;
    border: 1px solid #e5bf39; }

.btn-info {
  background-color: #5ac2e6;
  border: 1px solid #51bfe5; }
  .btn-info:hover {
    background-color: #4dbde4;
    border: 1px solid #44bae3; }

.btn-primary {
  background-color: #9B87B1;
  border: 1px solid #9681ad; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:disabled, .btn-primary:focus {
    background-color: #937eab !important;
    border: 1px solid #8e78a7 !important; }

.btn-warning {
  color: #ffffff;
  background-color: #A5A9AE;
  border: 1px solid #a0a4a9; }
  .btn-warning:hover, .btn-warning:active, .btn-warning:disabled, .btn-warning:focus {
    color: #ffffff;
    background-color: #A5A9AE !important;
    border: 1px solid #989ca2 !important; }

.btn-success {
  background-color: #23beb6;
  border: 1px solid #21b5ae; }
  .btn-success:hover, .btn-success:active, .btn-success:disabled, .btn-success:focus {
    background-color: #21b1aa !important;
    border: 1px solid #1fa8a1 !important; }

.open > .dropdown-toggle.btn-success {
  background-color: #21b1aa;
  border: 1px solid #1fa8a1;
  color: #FFFFFF; }

.btn-danger {
  background-color: #e86f50;
  border: 1px solid #e76847; }
  .btn-danger:hover {
    background-color: #e66442;
    border: 1px solid #e55c39; }

.logo span {
  display: inline-block; }
  .logo span#image {
    background-image: url("../img/smartassistlogo.png");
    background-size: contain;
    height: 35px;
    width: 35px;
    vertical-align: middle; }
  .logo span#name {
    font-weight: bolder; }

body.skin-blue div.wrapper header.main-header .navbar {
  background-color: #5ac2e6; }

body.skin-blue div.wrapper header.main-header a.logo, body.skin-blue div.wrapper header.main-header a.logo:hover {
  background-color: #5ac2e6; }

.login-logo {
  text-align: center;
  color: #ffffff;
  height: 50px; }
  .login-logo span {
    display: inline-block;
    vertical-align: middle; }
    .login-logo span#image {
      background-image: url("../img/smartassistlogo.png");
      background-size: contain;
      height: 50px;
      width: 50px; }
    .login-logo span#name {
      font-weight: bolder; }

.login-box-body {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.login-page, .register-page {
  background-color: #323b44; }

.bg-primarycolor {
  background-color: #323b44; }

.bg-secondarycolor, .bg-secondarycolor:hover {
  color: #fff;
  background-color: #5ac2e6; }

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

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
  background: #323b44; }

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background: rgba(0, 0, 0, 0.1); }

.skin-blue .sidebar-menu > li > a:hover, .skin-blue .sidebar-menu > li.active > a {
  background: #2c333b;
  border-left-color: #5ac2e6;
  color: #ffffff; }

.skin-blue .sidebar-menu > li > .treeview-menu {
  background: #3d4853; }

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
  border-left-color: #5ac2e6; }

.new-model {
  margin-bottom: 10px;
  text-align: right; }

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase; }

h1 {
  font-size: 24px; }

form .not-required:after {
  content: ' ';
  font-size: 1.25em; }
form .label-required:after {
  color: #F56953;
  content: ' *';
  font-size: 1.25em; }
form textarea {
  resize: none; }

#custom-pagination {
  margin-top: 10px; }

.caret {
  border: 5px solid transparent;
  display: inline-block;
  width: 0;
  height: 0;
  opacity: 0.75;
  vertical-align: top;
  margin-top: 8px;
  margin-right: 3px; }
  .caret.up {
    border-bottom: 5px solid; }
  .caret.right {
    border-left: 5px solid; }
  .caret.down {
    border-top: 5px solid; }
  .caret.left {
    border-right: 5px solid; }

.tooltip.bottom .tooltip-inner {
  background-color: #323b44; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #323b44; }

.form-box .body > .form-group > input, .form-box .footer > .form-group > input {
  border: 1px solid #dadada; }

.navbar-nav > .user-menu > .dropdown-menu {
  width: 200px; }

.dropdown-menu > li > a {
  padding: 10px; }

.skin-blue .navbar .dropdown-menu > li > a:hover {
  color: #fff;
  background-color: #5ac2e6; }

@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #323b44; }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover {
      color: #fff;
      background-color: #5ac2e6; } }
.fa {
  margin-right: 5px; }

.fa-no-text {
  width: 12px;
  height: 12px;
  margin: 0; }

.no-wrap {
  white-space: nowrap; }

.glyphicon-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.btn-link {
  box-shadow: none; }

.glyphicon-ok {
  color: #008000; }

.glyphicon-remove {
  color: #ff0000; }

.col-border {
  border-left: 2px solid #eee; }

.datepicker {
  z-index: 1151 !important; }

.color-example {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/*
 * ======
 * Chosen
 * ======
 */
.chosen-container.chosen-drop-up .chosen-drop {
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  border-top: 1px solid #aaa;
  bottom: 100%;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  top: auto; }

.chosen-container-active.chosen-with-drop .chosen-single:not(.chosen-drop-up) {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.chosen-container-active.chosen-with-drop.chosen-drop-up .chosen-drop {
  display: flex;
  flex-direction: column-reverse; }
.chosen-container-active.chosen-with-drop.chosen-drop-up .chosen-single {
  border-radius: 0 0 4px 4px;
  border-top: 0;
  box-shadow: 0 1px 0 #FFF inset;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

/*
 * ======
 * Modals
 * ======
 */
.modal h1 {
  text-align: center;
  font-size: 1.5em; }
.modal .modal-col-12 {
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
.modal .modal-col-6 {
  float: left;
  width: 50%;
  padding: 0 30px; }
  .modal .modal-col-6.modal-col-6-border {
    border-right: 2px solid #eee; }
.modal .submit-center {
  text-align: center;
  padding: 2em 0 1em 0; }

/*
 * ================
 * Search
 * ================
 */
.assistant-form-errors, .habitant-form-errors, .residence-form-errors, .flat-form-errors {
  margin-top: 10px; }

/*
 * ================
 * Modules & Gridster
 * ================
 */
.grid-example {
  float: left;
  width: 100%; }

.grid-example table td {
  display: block;
  margin: 5px;
  width: 75px;
  height: 75px;
  background-color: #f6f6f6;
  float: left; }

.alert-modules {
  margin-top: 10px; }

.gridster * {
  margin: 0;
  padding: 0; }

.gridster ul {
  list-style-type: none; }

.gridster li {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 100%;
  color: #fff; }
  .gridster li .fa {
    font-size: 25px; }

.gridster {
  margin: 0 auto;
  opacity: .8;
  -webkit-transition: opacity .6s;
  -moz-transition: opacity .6s;
  -o-transition: opacity .6s;
  -ms-transition: opacity .6s;
  transition: opacity .6s; }

.gridster .gs-w {
  background: #DDD;
  cursor: pointer; }

.gridster .player {
  background: #BBB; }

.gridster .preview-holder {
  border: none !important;
  background: #5ac2e6 !important; }

/*
 * ===
 * POI
 * ===
 */
#portrait-preview, #landscape-preview {
  width: auto;
  height: 120px;
  display: block; }

input[type='file'] {
  color: transparent; }

#poidata-table {
  table-layout: fixed;
  width: 100%; }
  #poidata-table td {
    word-wrap: break-word; }

/*
 * ==============
 * MODULE: NEARBY
 * ==============
 */
.category-label {
  font-weight: bold;
  height: 50px;
  line-height: 60px; }

.distance-slider {
  height: 50px; }

/*
 * =========
 * DASHBOARD
 * =========
 */
.dashboard-info {
  height: 275px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/dashboardinfo-bg.jpg");
  color: #FFFFFF; }
  .dashboard-info a {
    color: #FFFFFF; }
  .dashboard-info .box-header {
    color: #FFFFFF; }
  .dashboard-info #overlay {
    height: 272px;
    border-radius: inherit;
    display: block;
    background-color: rgba(0, 0, 0, 0.3); }

.box-agendawidget {
  background: linear-gradient(to bottom right, #ffe58a, #e1bf51);
  color: #FFFFFF;
  height: 275px; }
  .box-agendawidget .box-header {
    color: #FFFFFF; }
    .box-agendawidget .box-header #clock {
      font-size: 40px; }
    .box-agendawidget .box-header #today {
      font-size: 20px;
      margin-top: 20px; }
  .box-agendawidget .box-body ul {
    padding: 0;
    list-style-type: none; }
    .box-agendawidget .box-body ul li {
      margin-bottom: 5px; }
      .box-agendawidget .box-body ul li span {
        font-weight: bold; }
        .box-agendawidget .box-body ul li span.hour-label {
          margin-right: 10px; }
        .box-agendawidget .box-body ul li span.allday-label {
          margin-right: 34px; }

#photo {
  height: 275px; }
  #photo .box-body {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 100%; }

#detail-photo {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 275px; }
  #detail-photo .name {
    font-weight: bolder;
    font-size: 14px; }
  #detail-photo .box-header {
    height: 200px; }
  #detail-photo .box-body {
    background-color: rgba(145, 150, 156, 0.5);
    background-color: rgba(50, 59, 68, 0.5);
    color: #FFFFFF;
    height: 75px; }
    #detail-photo .box-body a {
      color: #FFFFFF; }

#weatherforecast {
  position: relative;
  height: 275px;
  background: linear-gradient(to bottom right, #2FE6DD, #23BEB6);
  color: #FFFFFF; }
  #weatherforecast #current_temp {
    font-size: 40px;
    margin-bottom: 20px; }
  #weatherforecast ul {
    list-style-type: none;
    padding: 0;
    text-align: center; }
    #weatherforecast ul li:first-child {
      font-size: 18px;
      font-weight: bold; }
    #weatherforecast ul li:last-child {
      font-size: 16px; }
  #weatherforecast .weatherday + .weatherday {
    opacity: 0.6; }
  #weatherforecast .weathericon {
    min-width: 50px; }

.box-rssitem .box-body {
  height: 257px; }
  .box-rssitem .box-body div.rss-image {
    width: 100%;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden; }
  .box-rssitem .box-body div.rss-title {
    font-size: 16px;
    text-transform: uppercase;
    max-height: 95px; }
  .box-rssitem .box-body div.rss-date {
    font-style: italic;
    margin-bottom: 10px; }
  .box-rssitem .box-body div.rss-intro {
    margin-top: 10px;
    max-height: 110px; }

.rss-detail h1 {
  font-size: 30px; }
.rss-detail h3 {
  font-size: 16px;
  font-weight: bold; }
.rss-detail .detail-intro {
  font-weight: bold;
  font-size: 18px;
  margin: 10px 0; }
.rss-detail .detail-image {
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden; }

.fc-today {
  background-color: #dff3fa !important; }

.qr-code {
  display: inline-block;
  margin: 20px auto;
  width: 310px; }

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #5ac2e6; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color: #5ac2e6;
  background-image: none; }

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused, .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover, .datepicker table tr td span:hover {
  background-color: #5ac2e6;
  color: #FFFFFF; }

/*
 * ============
 * AGENDA ITEMS
 * ============
 */
.color-legend {
  margin-top: 30px;
  padding: 0; }
  .color-legend li {
    display: inline-block;
    line-height: 25px; }
    .color-legend li span {
      display: block;
      float: left;
      width: 25px;
      height: 25px;
      margin-right: 5px;
      border-radius: 5px; }
      .color-legend li span.color-0 {
        background-color: #F5BE4D; }
      .color-legend li span.color-1 {
        background-color: #DA4064; }
    .color-legend li em {
      font-style: normal;
      display: block;
      float: left;
      margin-right: 20px; }

.highlight-day {
  font-weight: bold; }

/*
 * ============
 * VITALS
 * ============
 */
.vitals-table {
  width: 100%; }
.vitals-details div {
  margin-bottom: 10px; }
.vitals-times div {
  font-size: 11px;
  color: #777; }

/*
 * ============
 * CARENOTEBOOK
 * ============
 */
label > input.condition {
  display: none; }

label > input.condition + img {
  cursor: pointer; }

ul.conditions {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }
  ul.conditions li {
    float: left;
    text-align: center;
    width: 20%; }
    ul.conditions li .img-condition {
      width: 50px;
      height: 50px; }

label > input.condition:checked + img {
  height: 60px;
  padding-bottom: 5px;
  border-bottom: 5px solid #5ac2e6; }

/*
 * ============
 * DOCUMENTS
 * ============
 */
.documents-times div {
  font-size: 11px;
  color: #777; }
.documents-times div:nth-child(2n+2) {
  text-align: right; }

/*
 * ==================
 * Documentcategories
 * ==================
 */
.doctype-label {
  font-weight: normal;
  margin-bottom: 3px; }

/*
   * ============
   * AUTOCOMPLETE (jquery.autocomplete.js)
   * ============
   */
.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  overflow: auto; }

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden; }

.autocomplete-selected {
  background: #F0F0F0; }

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #5ac2e6; }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000; }

.sale-buyer:hover {
  cursor: move; }

/*
 * ==================
 * Filters
 * ==================
 */
.row-filters div.form-group label {
  color: #333333; }
.row-filters div.form-group select {
  background: url(../img/sort-blue30x34.png) no-repeat right #FFFFFF;
  background-size: 30px 34px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-position-x: 100%; }
  .row-filters div.form-group select::-ms-expand {
    display: none; }

/*
 * ==================
 * Medication
 * ==================
 */
div[data-toggle=collapse]:hover, div[data-toggle=collapse] label:hover {
  cursor: pointer; }

td.medication_moment {
  vertical-align: middle !important; }
  td.medication_moment img {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto; }

/*
 * ==================
 * Invoice info
 * ==================
 */
#datatable-invoicelines > tbody > tr > td {
  vertical-align: middle; }
  #datatable-invoicelines > tbody > tr > td:last-of-type {
    text-align: center; }

/*
 * ==================
 * Preregistration
 * ==================
 */
.box-preregistration_habitant .box-header {
  height: 54px; }

.comment-user {
  font-size: 11px;
  font-style: italic;
  color: #323b44; }

.btn-favorite {
  background-color: #CCBC0B;
  color: #FFF; }

/*
 * ==================
 * Messages
 * ==================
 */
.direct-chat-messages {
  height: 60vh; }

.direct-chat-primary .direct-chat-text {
  display: inline-block;
  float: left; }

.direct-chat-primary .right > .direct-chat-text {
  background: #5ac2e6;
  border-color: #5ac2e6;
  display: inline-block;
  float: right; }

.direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before {
  border-left-color: #5ac2e6; }

.conversation {
  display: none; }

.conversation .chat-start {
  text-align: center;
  color: #323b44; }
.conversation textarea {
  resize: none; }
.conversation #send-message:hover {
  cursor: pointer; }
.conversation #send-message img {
  margin-left: 10px;
  width: 30px;
  height: 30px; }
.conversation #conversation-settings {
  border: 0; }
  .conversation #conversation-settings:hover {
    cursor: pointer; }
  .conversation #conversation-settings i {
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 18px;
    display: inline-block; }

.contact {
  height: 80px;
  border-radius: 8px; }
  .contact:hover {
    cursor: pointer; }
  .contact > .contact__image {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    display: inline-block;
    width: 80px;
    height: 80px;
    float: left; }
  .contact > .contact__info {
    float: left;
    height: inherit;
    width: calc(100% - 80px);
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .contact > .contact__info > .contact__info__name, .contact > .contact__info > .contact__info__message, .contact > .contact__info > .contact__info__time_ago {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      margin: 0;
      padding: 0;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
    .contact > .contact__info > .contact__info__name {
      font-size: 20px; }
    .contact > .contact__info > .contact__info__time_ago {
      color: #5ac2e6;
      font-size: 12px; }

#contacten___chosen .chosen-results li.group-result {
  cursor: pointer; }

/*# sourceMappingURL=styles.css.map */