/* color palette */
:root {
    --blue: #0E15DC;
}

/* background colors */

/* global settings */
html *
{
   font-family: "Roboto" !important;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.errorlist {
    color: red;
}

.bg-rent-green {
    background-color: rgb(8, 210, 200);
    /* background-color: #0DE0C5; */
}

/* text colors */

.text-rent-blue {
    color: #0d01cf;
}

/* nabar fine-tuning */
.brand-logo>img {
    vertical-align: middle;
}

/* homepage */

.homepage_main {
    background-repeat: no-repeat;
    background-size: cover;
}

/* offer list*/

.offer-almost-expired-row {
    color: orange;
}

.offer-expired-row {
    color: red;
}

/* django messages */

.messages {
    background-color: seagreen;
}

.messages.error {
    background-color: red;
}

#toast-container {
    bottom: auto !important;
    left: 5% !important;
    /*right: auto;*/
    top: 10%;
}

/* Used in creation company wizard final step */
.config_textarea  {
    width: 90%;
    height: 180px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 12px;
    resize: both;
    background-color: #ddd;
    margin: 5px 0px 5px 0px;
}


/* lateral-menu admin icon */
a.collection-item {
  margin-top: 25px;
}

a.collection-item span {
  position: relative;
}

a.collection-item span.admin_link::before {
  content: '';
  position: absolute;
  top: 0px;
  left: -20px;
  height: 20px;
  width: 20px;
  /* background set in base_website.html <style> section */
  /* Using CDN link because {% static %} raise an permission error */
  background: url('https://rentplus-storage.fra1.cdn.digitaloceanspaces.com/static%2Fimages%2Fadmin_shield.png') 100% 0 / contain no-repeat;
}

/* end lateral-menu */



footer .likin {
    border: 2px solid var(--blue);
    padding: 10px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    display: inline-flex;
    margin: 5px;
}

footer .likin .social-media-icons {
    width: 23px;
    height: auto;
    filter: invert(1);
    fill: var(--blue) !important;
    color: var(--blue);
}

/* fallback */
@font-face {
    font-family: 'Material Icons' !important;
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
  }

  .material-icons {
    font-family: 'Material Icons' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }
