/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\2190';
}
[dir='rtl'] .slick-prev:before
{
    content: '\2192';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\2192';
}
[dir='rtl'] .slick-next:before
{
    content: '\2190';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '\2022';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 14, 2019 */



@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/worksans-bold-webfont.woff2') format('woff2'),
         url('/fonts/worksans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}




@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/worksans-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/worksans-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}




@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/worksans-medium-webfont.woff2') format('woff2'),
         url('/fonts/worksans-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}




@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/worksans-regular-webfont.woff2') format('woff2'),
         url('/fonts/worksans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}




@font-face {
    font-family: 'Work Sans';
    src: url('/fonts/worksans-thin-webfont.woff2') format('woff2'),
         url('/fonts/worksans-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}@charset "UTF-8";
/*
************ Rete bio palette **********
*/
.ma0 {
  margin: 0px !important;
}

.pa0 {
  padding: 0px !important;
}

.border-radius-0 {
  border-radius: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.ma5 {
  margin: 5px !important;
}

.pa5 {
  padding: 5px !important;
}

.border-radius-5 {
  border-radius: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.ma10 {
  margin: 10px !important;
}

.pa10 {
  padding: 10px !important;
}

.border-radius-10 {
  border-radius: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.ma15 {
  margin: 15px !important;
}

.pa15 {
  padding: 15px !important;
}

.border-radius-15 {
  border-radius: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.ma20 {
  margin: 20px !important;
}

.pa20 {
  padding: 20px !important;
}

.border-radius-20 {
  border-radius: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.ma25 {
  margin: 25px !important;
}

.pa25 {
  padding: 25px !important;
}

.border-radius-25 {
  border-radius: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.ma30 {
  margin: 30px !important;
}

.pa30 {
  padding: 30px !important;
}

.border-radius-30 {
  border-radius: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.ma35 {
  margin: 35px !important;
}

.pa35 {
  padding: 35px !important;
}

.border-radius-35 {
  border-radius: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.ma40 {
  margin: 40px !important;
}

.pa40 {
  padding: 40px !important;
}

.border-radius-40 {
  border-radius: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.ma45 {
  margin: 45px !important;
}

.pa45 {
  padding: 45px !important;
}

.border-radius-45 {
  border-radius: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.ma50 {
  margin: 50px !important;
}

.pa50 {
  padding: 50px !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.ma75 {
  margin: 75px !important;
}

.pa75 {
  padding: 75px !important;
}

.border-radius-75 {
  border-radius: 75px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.ma100 {
  margin: 100px !important;
}

.pa100 {
  padding: 100px !important;
}

.border-radius-100 {
  border-radius: 100px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.full-width {
  width: 100%;
}

.main-color {
  color: #58DDA4 !important;
}

.alternate-color {
  color: #FFCB48 !important;
}

.error-color {
  color: #CC0000 !important;
}

.warning-color {
  color: #FFCB48 !important;
}

.success-color {
  color: #58DDA4 !important;
}

.info-color {
  color: #2185d0 !important;
}

.white-color {
  color: #fff !important;
}

.black-color {
  color: #000 !important;
}

.red-color {
  color: #ff1744 !important;
}

.bg-main-color {
  background-color: #58DDA4 !important;
}

.bg-alternate-color {
  background-color: #FFCB48 !important;
}

.bg-white-color {
  background-color: #fff !important;
}

.bg-black-color {
  background-color: #000 !important;
}

.bg-light-gray-color {
  background-color: #e8e8e8 !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.move-left {
  float: left !important;
}

.move-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.vertical-middle {
  vertical-align: middle;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-thin {
  font-weight: 100 !important;
}

.font-normal {
  font-weight: 400 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-bold {
  font-weight: 700 !important;
}

.font-x-bold {
  font-weight: 800 !important;
}

i.icon-outline {
  font-family: "Material Icons Outlined" !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.md-dialog.over-chat {
  z-index: 21 !important;
}

.md-dialog-overlay.over-chat {
  z-index: 20 !important;
}

.text-ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.no-underline {
  text-decoration: none !important;
}

.md-dialog-overlay.admin-notification {
  z-index: 14 !important;
}

.md-dialog-overlay.admin-notifications {
  z-index: 13 !important;
}

#retebio-body .md-button {
  line-height: 1.1em;
  font-size: 16px;
  text-transform: none;
  padding: 0;
}
#retebio-body .md-button.md-button-primary {
  background-color: #58DDA4;
  border-radius: 20px;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
  color: #fff;
}
#retebio-body .md-button.md-button-primary span {
  color: #fff;
}
#retebio-body .md-button.md-button-primary .md-button-content {
  color: #fff;
}
#retebio-body .md-button.md-button-primary.darker {
  background-color: #29ca95;
}
#retebio-body .md-button.md-button-secondary {
  background-color: #fff;
  border-radius: 20px;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
  color: #58DDA4;
}
#retebio-body .md-button.md-button-secondary .md-button-content {
  color: #000;
}
#retebio-body .md-button.md-button-primary-inverted {
  background-color: #fff;
  border-radius: 20px;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
  color: #58DDA4;
  border: 1px solid #58DDA4;
}
#retebio-body .md-button.md-button-primary-inverted span {
  color: #58DDA4;
}
#retebio-body .md-button.md-button-primary-inverted .md-button-content {
  color: #58DDA4;
}
#retebio-body .md-button.md-icon-button {
  min-width: 40px;
}
#retebio-body .md-button .md-button-content {
  text-transform: none;
}
#retebio-body .md-ripple {
  z-index: 3;
}
#retebio-body small.extra-small {
  font-size: 65%;
  line-height: 10px;
}
#retebio-body .md-block {
  display: block;
}
#retebio-body .md-layout-item h1, #retebio-body .md-layout-item p {
  color: #fff;
  text-align: center;
}
#retebio-body .md-layout-item h1 {
  margin-bottom: 10px;
}
#retebio-body .md-layout-item p {
  margin: 10px auto;
}
#retebio-body .card-container {
  margin: 0 5px;
}
#retebio-body .card-container .md-card.md-theme-default {
  margin: 0 auto;
  padding: 10px;
  background-color: #fff;
  border-radius: 20px;
  top: 20px;
  box-shadow: 0 0px 0px -5px rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  min-width: 100%;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-content {
  padding: 10px;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-content .md-field label {
  color: rgba(0, 0, 0, 0.25);
}
#retebio-body .card-container .md-card.md-theme-default .md-card-content .md-field .md-error {
  color: #ca0000;
  line-height: 1.1em;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-content .md-field:after {
  background-color: rgba(0, 0, 0, 0.25);
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions.centered-elements, #retebio-body .card-container .md-card.md-theme-default .md-card-content.centered-elements {
  -webkit-box-pack: center;
  justify-content: center;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions .md-button .md-button-content, #retebio-body .card-container .md-card.md-theme-default .md-card-content .md-button .md-button-content {
  text-transform: none;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions div.button-submit-privacy, #retebio-body .card-container .md-card.md-theme-default .md-card-content div.button-submit-privacy {
  text-align: center;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions div.button-submit-privacy .md-button.md-button-primary, #retebio-body .card-container .md-card.md-theme-default .md-card-content div.button-submit-privacy .md-button.md-button-primary {
  padding: 0;
  background-color: #29ca95;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions div.button-submit-privacy .md-button.md-button-primary:before, #retebio-body .card-container .md-card.md-theme-default .md-card-actions div.button-submit-privacy .md-button.md-button-primary .md-ripple, #retebio-body .card-container .md-card.md-theme-default .md-card-content div.button-submit-privacy .md-button.md-button-primary:before, #retebio-body .card-container .md-card.md-theme-default .md-card-content div.button-submit-privacy .md-button.md-button-primary .md-ripple {
  border-radius: 1px;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions div.button-submit-privacy .md-button.md-button-primary span, #retebio-body .card-container .md-card.md-theme-default .md-card-content div.button-submit-privacy .md-button.md-button-primary span {
  vertical-align: middle;
}
#retebio-body .card-container .md-card.md-theme-default .md-card-actions div.button-submit-privacy p.disclaimer, #retebio-body .card-container .md-card.md-theme-default .md-card-content div.button-submit-privacy p.disclaimer {
  color: black;
  font-size: 9px;
  line-height: 1.5em;
  width: 75%;
  margin: 10px auto;
}
#retebio-body .md-menu-content.md-menu-content-bottom-end {
  background-color: #fff !important;
  top: 55px !important;
  right: 30px !important;
  z-index: 1000 !important;
  left: auto !important;
}
#retebio-body .md-menu-content.md-menu-content-bottom-end li {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#retebio-body .md-menu-content.md-menu-content-bottom-end li:last-child {
  border: none;
}
#retebio-body .md-menu-content.md-menu-content-bottom-end li a {
  display: block;
  width: 100%;
  color: #000;
  text-decoration: none;
}
#retebio-body .md-select-menu.md-menu-content {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  max-height: 50%;
  top: 70px;
}
#retebio-body .md-select-menu.md-menu-content ul.md-list li.md-list-item.md-selected .md-list-item-button {
  background-color: rgba(88, 221, 164, 0.1);
  border-radius: 5px;
}
#retebio-body .md-select-menu.md-menu-content ul.md-list li.md-list-item.md-selected .md-list-item-button:disabled {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
#retebio-body .md-field-file-wrapper p {
  padding: 0;
  color: #000;
}
#retebio-body .md-field-file-wrapper .md-field {
  border: 1px dashed #58DDA4;
  padding: 40px 20px;
  border-radius: 10px;
  position: relative;
  min-height: 130px;
}
#retebio-body .md-field-file-wrapper .md-field label {
  bottom: 0;
  top: 100px;
  left: 0;
  text-align: center;
  right: 0;
}
#retebio-body .md-field-file-wrapper .md-field .md-file i.md-icon {
  display: none;
}
#retebio-body .md-field-file-wrapper .md-field .md-file input.md-input {
  bottom: 0;
  left: 0;
  top: 0;
  text-align: center;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 100px;
  z-index: 1000;
}
#retebio-body .md-field-file-wrapper .md-field i.md-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #58DDA4;
  border: 1px solid #58DDA4;
  border-radius: 50%;
  padding: 25px;
  top: calc(50% - 40px);
}
#retebio-body .md-field-file-wrapper .md-field:before {
  display: none;
}
#retebio-body .md-field-file-wrapper .md-field:after {
  display: none;
}
#retebio-body .md-field-file-wrapper .md-field.md-has-value.md-has-file label {
  opacity: 0;
}
#retebio-body .md-field-file-wrapper.uploaded .md-field label {
  opacity: 1 !important;
  color: #000;
  font-size: 14px;
}
#retebio-body .md-field-file-wrapper.uploaded .md-field .md-file input.md-input {
  opacity: 0;
}
#retebio-body .md-dialog {
  z-index: 10;
}
#retebio-body .md-dialog:nth-of-type(1) {
  z-index: 11;
}
#retebio-body .md-dialog:nth-of-type(2) {
  z-index: 12;
}
#retebio-body .md-dialog:nth-of-type(3) {
  z-index: 13;
}
#retebio-body .md-dialog:nth-of-type(4) {
  z-index: 14;
}
#retebio-body .md-dialog:nth-of-type(5) {
  z-index: 15;
}
#retebio-body .md-dialog:nth-of-type(6) {
  z-index: 16;
}
#retebio-body .md-dialog:nth-of-type(7) {
  z-index: 17;
}
#retebio-body .md-dialog:nth-of-type(8) {
  z-index: 18;
}
#retebio-body .md-dialog:nth-of-type(9) {
  z-index: 19;
}
#retebio-body .md-dialog:nth-of-type(10) {
  z-index: 20;
}
#retebio-body .md-dialog .md-dialog-container {
  background-color: #ffffff;
}
#retebio-body .md-dialog .md-dialog-container .md-dialog-content {
  padding: 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
}
#retebio-body .md-overlay {
  z-index: 9;
}
#retebio-body .md-overlay:nth-of-type(1) {
  z-index: 10;
}
#retebio-body .md-overlay:nth-of-type(2) {
  z-index: 10;
}
#retebio-body .md-overlay:nth-of-type(3) {
  z-index: 11;
}
#retebio-body .md-overlay:nth-of-type(4) {
  z-index: 11;
}
#retebio-body .md-overlay:nth-of-type(5) {
  z-index: 12;
}
#retebio-body .md-overlay:nth-of-type(6) {
  z-index: 12;
}
#retebio-body .md-overlay:nth-of-type(7) {
  z-index: 13;
}
#retebio-body .md-overlay:nth-of-type(8) {
  z-index: 13;
}
#retebio-body .md-overlay:nth-of-type(9) {
  z-index: 14;
}
#retebio-body .md-overlay:nth-of-type(10) {
  z-index: 14;
}
#retebio-body .md-dialog.md-dialog-confirm {
  border-radius: 30px;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container {
  padding: 15px;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container p, #retebio-body .md-dialog.md-dialog-confirm .md-dialog-container span, #retebio-body .md-dialog.md-dialog-confirm .md-dialog-container h1, #retebio-body .md-dialog.md-dialog-confirm .md-dialog-container h2, #retebio-body .md-dialog.md-dialog-confirm .md-dialog-container h3 {
  color: #000;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container .md-dialog-title {
  margin-bottom: 10px;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container .md-dialog-content, #retebio-body .md-dialog.md-dialog-confirm .md-dialog-container .md-dialog-actions {
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container .md-dialog-content {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container .md-dialog-actions {
  justify-content: space-around;
  -webkit-box-align: center;
          align-items: center;
}
#retebio-body .md-dialog.md-dialog-confirm .md-dialog-container .md-dialog-actions button.md-button {
  border-radius: 20px;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-warning .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-warning .md-dialog-title:before {
  content: "\E001";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  margin: auto;
  margin-bottom: 10px;
  color: #FFCB48;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-warning .md-dialog-actions button.md-button {
  vertical-align: middle;
  height: 40px;
  min-width: 100px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-warning .md-dialog-actions button.md-button .md-button-content {
  color: #000;
  text-decoration: underline;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-warning .md-dialog-actions button.md-button.md-primary {
  background-color: #FFCB48;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-warning .md-dialog-actions button.md-button.md-primary .md-button-content {
  color: #fff;
  text-decoration: none;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-danger .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-danger .md-dialog-title:before {
  content: "\E001";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  margin: auto;
  margin-bottom: 10px;
  color: #fe6f5e;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-danger .md-dialog-actions button.md-button {
  vertical-align: middle;
  height: 40px;
  min-width: 100px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-danger .md-dialog-actions button.md-button .md-button-content {
  color: #000;
  text-decoration: underline;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-danger .md-dialog-actions button.md-button.md-primary {
  background-color: #fe6f5e;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-danger .md-dialog-actions button.md-button.md-primary .md-button-content {
  color: #fff;
  text-decoration: none;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-info .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-info .md-dialog-title:before {
  content: "\E88F";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  margin: auto;
  margin-bottom: 10px;
  color: #2185d0;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-info .md-dialog-actions button.md-button {
  vertical-align: middle;
  height: 40px;
  min-width: 100px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-info .md-dialog-actions button.md-button .md-button-content {
  color: #000;
  text-decoration: underline;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-info .md-dialog-actions button.md-button.md-primary {
  background-color: #2185d0;
}
#retebio-body .md-dialog.md-dialog-confirm.confirm-info .md-dialog-actions button.md-button.md-primary .md-button-content {
  color: #fff;
  text-decoration: none;
}
#retebio-body .md-dialog.md-dialog-confirm.with-prompt .md-field {
  text-align: left !important;
  margin-bottom: 35px;
}
#retebio-body .md-dialog.md-dialog-confirm.alert-add-to-homescreen .md-dialog-title {
  padding: 90px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-confirm.alert-add-to-homescreen .md-dialog-title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-image: url("../images/app/assets/add_to_homescreen.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 -15px;
  height: 100px;
  width: calc(100% + 30px);
}
#retebio-body .md-dialog.md-dialog-confirm.alert-add-to-homescreen .md-dialog-actions button.md-button {
  vertical-align: middle;
  height: 40px;
  min-width: 100px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-confirm.alert-add-to-homescreen .md-dialog-actions button.md-button .md-button-content {
  color: #000;
  text-decoration: underline;
}
#retebio-body .md-dialog.md-dialog-confirm.alert-add-to-homescreen .md-dialog-actions button.md-button.md-primary {
  background-color: #58DDA4;
}
#retebio-body .md-dialog.md-dialog-confirm.alert-add-to-homescreen .md-dialog-actions button.md-button.md-primary .md-button-content {
  color: #fff;
  text-decoration: none;
}
#retebio-body .md-dialog.md-dialog-alert {
  border-radius: 30px;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container {
  padding: 15px;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container p, #retebio-body .md-dialog.md-dialog-alert .md-dialog-container span, #retebio-body .md-dialog.md-dialog-alert .md-dialog-container h1, #retebio-body .md-dialog.md-dialog-alert .md-dialog-container h2, #retebio-body .md-dialog.md-dialog-alert .md-dialog-container h3 {
  color: #000;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container .md-dialog-title {
  margin-bottom: 10px;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container .md-dialog-content, #retebio-body .md-dialog.md-dialog-alert .md-dialog-container .md-dialog-actions {
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container .md-dialog-content {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container .md-dialog-actions {
  justify-content: space-around;
  -webkit-box-align: center;
          align-items: center;
}
#retebio-body .md-dialog.md-dialog-alert .md-dialog-container .md-dialog-actions button.md-button {
  border-radius: 20px;
}
#retebio-body .md-dialog.md-dialog-alert.alert-info .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-alert.alert-info .md-dialog-title:before {
  content: "\E88F";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  color: #2185d0;
  margin: auto;
  margin-bottom: 10px;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-alert.alert-info .md-dialog-actions button.md-button {
  background-color: #2185d0;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-alert.alert-info .md-dialog-actions button.md-button .md-button-content {
  color: #fff;
}
#retebio-body .md-dialog.md-dialog-alert.alert-success .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-alert.alert-success .md-dialog-title:before {
  content: "\E876";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  color: #58DDA4;
  margin: auto;
  margin-bottom: 10px;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-alert.alert-success .md-dialog-actions button.md-button {
  background-color: #58DDA4;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-alert.alert-success .md-dialog-actions button.md-button .md-button-content {
  color: #fff;
}
#retebio-body .md-dialog.md-dialog-alert.alert-error .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-alert.alert-error .md-dialog-title:before {
  content: "\E888";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  color: #CC0000;
  margin: auto;
  margin-bottom: 10px;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-alert.alert-error .md-dialog-actions button.md-button {
  background-color: #CC0000;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-alert.alert-error .md-dialog-actions button.md-button .md-button-content {
  color: #000;
}
#retebio-body .md-dialog.md-dialog-alert.alert-warning .md-dialog-title {
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#retebio-body .md-dialog.md-dialog-alert.alert-warning .md-dialog-title:before {
  content: "\E001";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  font-size: 30px;
  line-height: 30px;
  color: #FFCB48;
  margin: auto;
  margin-bottom: 10px;
  font-family: Material Icons;
}
#retebio-body .md-dialog.md-dialog-alert.alert-warning .md-dialog-actions button.md-button {
  background-color: #FFCB48;
  vertical-align: middle;
  height: 40px;
  min-width: 150px;
  padding: 0;
}
#retebio-body .md-dialog.md-dialog-alert.alert-warning .md-dialog-actions button.md-button .md-button-content {
  color: #000;
}
#retebio-body span.md-error {
  color: #ca0000 !important;
  line-height: 1.1em;
}
#retebio-body .non-field-error span.md-error {
  display: none;
}
#retebio-body .non-field-error.md-invalid span.md-error {
  display: block;
}
#retebio-body .opt-field-label {
  font-weight: 300;
  margin-left: 7px;
}
#retebio-body .md-field.md-theme-default.md-has-textarea:not(.md-autogrow):after {
  border-color: rgba(0, 0, 0, 0.25);
}
#retebio-body .chips-wrapper p {
  padding: 0;
}
#retebio-body .chips-wrapper .visible-md-block {
  text-align: center;
  margin-bottom: 20px;
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips {
  position: relative;
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips i.md-icon.chips-icon {
  position: absolute;
  right: 0;
  bottom: 0px;
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips label.fixed {
  top: -8px !important;
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips input.md-input {
  min-width: 1px;
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips .md-chip {
  background-color: rgba(88, 221, 164, 0.2);
  border-radius: 5px;
  margin-left: 0;
  margin-right: 4px;
  white-space: normal;
  overflow: hidden;
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips .md-chip.agricultural {
  background-color: rgba(88, 221, 164, 0.2);
}
#retebio-body .chips-wrapper .visible-md-block .custom-chips .md-chip.transformed {
  background-color: rgba(255, 203, 72, 0.2);
}
#retebio-body .md-badge-content.hidden-badge .md-badge {
  display: none;
}
#retebio-body .retebio-select {
  width: 100%;
  border: 0;
  -webkit-appearance: none;
  height: 32px;
  padding: 0;
  display: block;
  -webkit-box-flex: 1;
          flex: 1;
  border: none;
  background: none;
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-property: font-size, padding-top, color;
  transition-property: font-size, padding-top, color;
  font-family: inherit;
  font-size: 16px;
  line-height: 32px;
  outline: none;
}
#retebio-body .retebio-select:disabled {
  background-color: #e8e8e8;
}
#retebio-body label.fixed {
  pointer-events: auto !important;
  top: 0 !important;
  opacity: 1 !important;
  font-size: 12px !important;
}
#retebio-body .modal-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
#retebio-body .modal-header button.md-button {
  margin: 0;
}
#retebio-body .retebio-search-address input, #retebio-body .search-city input {
  height: 32px;
  padding: 0;
  display: block;
  -webkit-box-flex: 1;
          flex: 1;
  border: none;
  background: none;
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -webkit-transition-property: font-size, padding-top, color;
  transition-property: font-size, padding-top, color;
  font-family: inherit;
  font-size: 16px;
  line-height: 32px;
  outline: none;
}
#retebio-body .retebio-search-address input:focus, #retebio-body .search-city input:focus {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
  color: #58DDA4;
  border-bottom: 2px solid #58DDA4;
}
#retebio-body .retebio-search-address .pac-container, #retebio-body .search-city .pac-container {
  top: 50px !important;
  left: 0 !important;
}
#retebio-body .retebio-badge div.md-badge {
  background-color: #ff1744;
  color: #fff;
}
#retebio-body .md-dialog-title {
  padding: 24px 10px 0;
}

@media (min-width: 601px) {
  #retebio-body .md-dialog {
    width: calc(0.90 * 100%) !important;
  }
}
@media (min-width: 961px) {
  #retebio-body .md-dialog {
    width: calc(0.65 * 100%) !important;
  }
}
@media (min-width: 1281px) {
  #retebio-body .md-dialog {
    width: calc(0.55 * 100%) !important;
  }
}
@media (min-width: 1921px) {
  #retebio-body .md-dialog {
    width: calc(0.45 * 100%) !important;
  }
}
#retebio-body .md-dialog#sell-industries-modal label.md-block, #retebio-body .md-dialog#buy-industries-modal label.md-block, #retebio-body .md-dialog#sell-categories-modal label.md-block, #retebio-body .md-dialog#buy-categories-modal label.md-block, #retebio-body .md-dialog#activities-modal label.md-block, #retebio-body .md-dialog#industries-modal label.md-block, #retebio-body .md-dialog#categories-modal label.md-block, #retebio-body .md-dialog#products-modal label.md-block {
  line-height: 35px;
}
#retebio-body .md-dialog#sell-industries-modal label.md-block span, #retebio-body .md-dialog#buy-industries-modal label.md-block span, #retebio-body .md-dialog#sell-categories-modal label.md-block span, #retebio-body .md-dialog#buy-categories-modal label.md-block span, #retebio-body .md-dialog#activities-modal label.md-block span, #retebio-body .md-dialog#industries-modal label.md-block span, #retebio-body .md-dialog#categories-modal label.md-block span, #retebio-body .md-dialog#products-modal label.md-block span {
  float: right;
  background: #58DDA4;
  color: #fff;
  padding: 0px 12px;
  border-radius: 20px;
}
#retebio-body .md-dialog#sell-industries-modal label.md-block span:hover, #retebio-body .md-dialog#buy-industries-modal label.md-block span:hover, #retebio-body .md-dialog#sell-categories-modal label.md-block span:hover, #retebio-body .md-dialog#buy-categories-modal label.md-block span:hover, #retebio-body .md-dialog#activities-modal label.md-block span:hover, #retebio-body .md-dialog#industries-modal label.md-block span:hover, #retebio-body .md-dialog#categories-modal label.md-block span:hover, #retebio-body .md-dialog#products-modal label.md-block span:hover {
  background: #29ca95;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper, #retebio-body .md-dialog#activities-modal .checkbox-wrapper, #retebio-body .md-dialog#industries-modal .checkbox-wrapper, #retebio-body .md-dialog#categories-modal .checkbox-wrapper, #retebio-body .md-dialog#products-modal .checkbox-wrapper {
  padding: 0 5px;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all {
  margin: 25px 0 0;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox {
  border-bottom: none;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox.agricultural {
  color: #58DDA4;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox.transformed {
  color: #FFCB48;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-container {
  background-color: #e8e8e8;
  border-radius: 50%;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label {
  color: currentColor;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox .md-checkbox-label:after {
  color: #fff;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container {
  background-color: #58DDA4;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.agricultural .md-checkbox-container:after {
  border-color: #fff;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container {
  background-color: #FFCB48;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#activities-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#industries-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#categories-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after, #retebio-body .md-dialog#products-modal .checkbox-wrapper h4.select-all .md-checkbox.md-checked.transformed .md-checkbox-container:after {
  border-color: #fff;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox {
  width: 100%;
  padding: 10px 5px;
  display: block;
  margin: 5px auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  color: #58DDA4;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox.transformed, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox.transformed {
  color: #FFCB48;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-container, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox .md-checkbox-container {
  float: right;
  margin: 0;
  border: none;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-label, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox .md-checkbox-label {
  padding-left: 0;
  width: calc(100% - 25px);
  display: block;
  position: relative;
  color: #000;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox .md-checkbox-label:after {
  position: absolute;
  width: auto;
  height: auto;
  right: -27px;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  color: rgba(0, 0, 0, 0.6);
  content: "\E145";
  font-size: 24px;
  font-family: Material Icons;
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container {
  background-color: transparent;
  color: currentColor;
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-container:after {
  width: 6px;
  height: 13px;
  left: 6px;
  top: 2px;
  -webkit-transform: rotate(45deg) scale3D(1, 1, 1);
          transform: rotate(45deg) scale3D(1, 1, 1);
  border-color: currentColor;
  content: "";
}
#retebio-body .md-dialog#sell-industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#buy-industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#sell-categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#buy-categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#activities-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#industries-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#categories-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after, #retebio-body .md-dialog#products-modal .checkbox-wrapper .md-checkbox.md-checked .md-checkbox-label:after {
  opacity: 0;
  -webkit-transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#retebio-body #loader-modal {
  z-index: 100 !important;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: none;
          transform: none;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  width: 100% !important;
}
#retebio-body #loader-modal .md-dialog-container {
  background-color: transparent;
}
#retebio-body #avatar-modal {
  border-radius: 30px;
}
#retebio-body #avatar-modal .md-dialog-container {
  padding: 10px;
  max-width: 100%;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-title {
  text-align: center;
  padding-top: 0;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-title img.modal-icon {
  max-width: 100px;
  padding: 10px;
  display: block;
  margin: auto;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-content p.label {
  margin-bottom: 5px;
  font-weight: 500;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-content img {
  padding: 0 20px 20px;
  max-width: 100%;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-content input {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  font-size: 14px;
  display: none;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-content label[for=fileInput] button.md-button {
  pointer-events: none;
}
#retebio-body #avatar-modal .md-dialog-container .md-dialog-content button.md-button .md-button-content {
  color: #fff;
  font-size: 14px;
}
#retebio-body #company-data-modal .close-company-data p, #retebio-body #company-add-modal .close-company-data p {
  margin-bottom: 5px;
}
#retebio-body #company-data-modal .close-company-data p span, #retebio-body #company-add-modal .close-company-data p span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  vertical-align: middle;
}
#retebio-body #company-data-modal #company-data, #retebio-body #company-data-modal #new-company-data, #retebio-body #company-add-modal #company-data, #retebio-body #company-add-modal #new-company-data {
  padding: 0 5px;
}
#retebio-body #company-data-modal #company-data #modification-sections-bar, #retebio-body #company-data-modal #new-company-data #modification-sections-bar, #retebio-body #company-add-modal #company-data #modification-sections-bar, #retebio-body #company-add-modal #new-company-data #modification-sections-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #58DDA4;
  z-index: 10;
}
#retebio-body #company-data-modal #company-data #modification-sections-bar a, #retebio-body #company-data-modal #new-company-data #modification-sections-bar a, #retebio-body #company-add-modal #company-data #modification-sections-bar a, #retebio-body #company-add-modal #new-company-data #modification-sections-bar a {
  color: #fff;
}
#retebio-body #company-data-modal #company-data .form-section, #retebio-body #company-data-modal #new-company-data .form-section, #retebio-body #company-add-modal #company-data .form-section, #retebio-body #company-add-modal #new-company-data .form-section {
  padding: 0 10px;
}
#retebio-body #company-data-modal #company-data .form-section .md-field label, #retebio-body #company-data-modal #new-company-data .form-section .md-field label, #retebio-body #company-add-modal #company-data .form-section .md-field label, #retebio-body #company-add-modal #new-company-data .form-section .md-field label {
  color: rgba(0, 0, 0, 0.25);
}
#retebio-body #company-data-modal #company-data .form-section .md-field .md-error, #retebio-body #company-data-modal #new-company-data .form-section .md-field .md-error, #retebio-body #company-add-modal #company-data .form-section .md-field .md-error, #retebio-body #company-add-modal #new-company-data .form-section .md-field .md-error {
  color: #ca0000;
}
#retebio-body #company-data-modal #company-data .form-section .md-field:after, #retebio-body #company-data-modal #new-company-data .form-section .md-field:after, #retebio-body #company-add-modal #company-data .form-section .md-field:after, #retebio-body #company-add-modal #new-company-data .form-section .md-field:after {
  background-color: rgba(0, 0, 0, 0.25);
}
#retebio-body #company-data-modal #company-data .form-section .chips-wrapper p, #retebio-body #company-data-modal #new-company-data .form-section .chips-wrapper p, #retebio-body #company-add-modal #company-data .form-section .chips-wrapper p, #retebio-body #company-add-modal #new-company-data .form-section .chips-wrapper p {
  color: #000;
}
#retebio-body #company-data-modal #company-data .form-section .download-certificate, #retebio-body #company-data-modal #new-company-data .form-section .download-certificate, #retebio-body #company-add-modal #company-data .form-section .download-certificate, #retebio-body #company-add-modal #new-company-data .form-section .download-certificate {
  background-color: #e8e8e8;
  padding: 25px 15px;
  color: #000;
  display: block;
  margin: 0px -15px 20px;
}
#retebio-body #company-data-modal #company-data .delete-company, #retebio-body #company-data-modal #new-company-data .delete-company, #retebio-body #company-add-modal #company-data .delete-company, #retebio-body #company-add-modal #new-company-data .delete-company {
  background-color: #e8e8e8;
  padding: 25px 10px;
  color: #fe6f5e;
  display: block;
  margin: 0px -5px;
}
#retebio-body #company-add-modal {
  overflow-x: hidden;
  overflow-y: scroll;
}
#retebio-body #company-add-modal .close-company-data {
  background-color: #FEDE92;
}
#retebio-body #company-add-modal .md-dialog-title {
  background-color: #FEDE92;
  margin-bottom: 0;
}
#retebio-body #company-add-modal .md-dialog-content {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25vh, #FEDE92), color-stop(0, #ffffff));
  background: linear-gradient(to bottom, #FEDE92 25vh, #ffffff 0);
  height: 100%;
  overflow: visible;
}
#retebio-body #company-add-modal .md-dialog-content .result-message {
  color: #58DDA4;
  text-align: center;
  display: block;
}
#retebio-body #company-add-modal .md-dialog-content .verification-check {
  color: #000;
}
#retebio-body #company-add-modal .md-dialog-content .verification-check .md-button {
  color: #fff;
}
#retebio-body #company-add-modal .md-dialog-content .verification-check i {
  color: #58DDA4;
}
#retebio-body #company-add-modal .how-to-section {
  padding: 8vh 15px 2vh;
}
#retebio-body #company-add-modal .how-to-section #how-to h2 {
  font-size: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#retebio-body #company-add-modal .how-to-section #how-to .steps {
  position: relative;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper {
  list-style: none;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step {
  min-height: 80px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step:after {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #58DDA4;
  position: absolute;
  background-color: #fff;
  left: -38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step:before {
  display: block;
  content: "";
  border-left: 1px dashed rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0%;
  left: -24px;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step:first-child:before {
  height: 50%;
  top: 50%;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step:last-child:before {
  height: 50%;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step h3, #retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step p {
  text-align: left;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step h3 {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 0;
  padding-top: 15px;
  color: #000;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step p {
  margin-top: 5px;
  font-size: 13px;
  color: #000;
  padding-left: 0;
}
#retebio-body #company-add-modal .how-to-section #how-to .steps ul.wrapper li.step:last-child {
  border-bottom: none;
}
#retebio-body .md-dialog.new-ad-modal .md-dialog-title {
  background-color: #58DDA4;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 15px;
  margin-bottom: 0;
}
#retebio-body .md-dialog.new-ad-modal .md-dialog-title .back-button {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none !important;
}
#retebio-body .md-dialog.new-ad-modal .md-dialog-title .md-icon {
  color: #fff;
  font-size: 24px !important;
  position: relative;
  top: -3px;
}
#retebio-body .md-dialog.new-ad-modal .md-dialog-container .md-dialog-content .md-layout:first-child {
  padding: 30px 25px;
}
#retebio-body .md-dialog.new-ad-modal .md-dialog-container .md-dialog-content p, #retebio-body .md-dialog.new-ad-modal .md-dialog-container .md-dialog-content h1, #retebio-body .md-dialog.new-ad-modal .md-dialog-container .md-dialog-content h2, #retebio-body .md-dialog.new-ad-modal .md-dialog-container .md-dialog-content h3, #retebio-body .md-dialog.new-ad-modal .md-dialog-container .md-dialog-content span {
  color: #000;
}
#retebio-body #ad-published.md-dialog .md-dialog-container {
  background-color: #29ca95;
  text-align: center;
}
#retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content {
  padding: 0 25px;
}
#retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content p, #retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content h1, #retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content h2, #retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content h3, #retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content span {
  color: #fff;
}
#retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content .social-icons i.md-icon svg {
  fill: #ffffff;
}
#retebio-body #ad-published.md-dialog .md-dialog-container .md-dialog-content .md-button.md-button-primary {
  background-color: #fff;
  color: #58DDA4;
}
#retebio-body #new-ad-create.md-dialog button.close-modal {
  position: absolute;
  top: 0px;
  right: 0px;
  min-width: 30px;
}
#retebio-body #new-ad-create.md-dialog button.close-modal i.md-icon {
  color: #fff;
}
#retebio-body #new-ad-create.md-dialog #new-ad-hero {
  min-height: 30vh;
  background-color: #29ca95;
  background-image: url("../images/app/assets/new_ad.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#retebio-body #new-ad-create.md-dialog #new-ad-hero h1 {
  color: #fff;
  text-align: center;
  margin: 20px auto;
  width: 70%;
  line-height: 1.1em;
}
#retebio-body #new-ad-create.md-dialog #new-ad-first-step {
  padding: 30px 25px;
}
#retebio-body #new-ad-create.md-dialog #new-ad-first-step h1, #retebio-body #new-ad-create.md-dialog #new-ad-first-step h2, #retebio-body #new-ad-create.md-dialog #new-ad-first-step p {
  color: #000;
}
#retebio-body #new-ad-create.md-dialog #new-ad-first-step .md-button.md-button-primary {
  color: #fff;
}
#retebio-body #view-ad-company-detail h3, #retebio-body #view-ad-company-detail p {
  color: #000;
  text-align: left;
}
#retebio-body #view-ad-company-detail .view-company-header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #view-ad-company-detail .view-company-header a.back-button {
  text-decoration: none !important;
}
#retebio-body #view-ad-company-detail .view-company-header a.back-button p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
}
#retebio-body #view-ad-company-detail .view-company-header a.back-button p .md-icon {
  color: #000;
  font-size: 24px !important;
  position: relative;
}
#retebio-body #view-ad-company-detail .view-company-header a.back-button p span {
  vertical-align: middle;
}
#retebio-body #view-ad-company-detail .view-company-hero {
  background-color: #29ca95;
  background-image: url("/images/app/assets/company.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 25vh;
}
#retebio-body #view-ad-company-detail .view-company-hero h3 {
  color: #fff;
  text-align: center;
}
#retebio-body #view-ad-company-detail .view-company-info {
  padding: 15px;
  margin-bottom: 30px;
}
#retebio-body #view-ad-company-detail .view-company-info .view-company-vat span {
  font-weight: 500;
  float: right;
}
#retebio-body #view-ad-company-detail .view-company-info .view-company-type span {
  font-weight: 500;
  float: right;
}
#retebio-body #view-ad-company-detail a.view-company-download {
  display: block;
  width: 100%;
  background-color: #e8e8e8;
  padding: 25px 15px;
  text-decoration: none;
}
#retebio-body #view-ad-company-detail a.view-company-download p, #retebio-body #view-ad-company-detail a.view-company-download i.md-icon {
  color: #000;
  margin: 0;
}
#retebio-body #app-chat-modal-upload {
  z-index: 21;
  background-color: rgba(0, 0, 0, 0.6);
}
@media (min-width: 601px) {
  #retebio-body #app-chat-modal-upload {
    background-color: transparent;
    box-shadow: none;
  }
}
#retebio-body #app-chat-modal-upload .md-dialog-container {
  background-color: #fff;
  border-radius: 30px;
  margin: 10vh 30px;
  padding: 30px 20px 15px;
}
#retebio-body #app-chat-modal-upload .md-dialog-container .md-dialog-content .app-chat-input {
  padding: 2px 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  min-height: 36px;
}
#retebio-body #app-chat-modal-upload .md-dialog-container .md-dialog-content .app-chat-input:before, #retebio-body #app-chat-modal-upload .md-dialog-container .md-dialog-content .app-chat-input:after {
  display: none;
}
#retebio-body #app-chat-modal-upload .md-dialog-container .md-dialog-content .app-chat-input .md-textarea {
  max-height: 100px;
}
#retebio-body #app-chat-receiver-details {
  z-index: 21;
  background-color: rgba(0, 0, 0, 0.6);
}
#retebio-body #app-chat-receiver-details .md-dialog-container {
  background-color: #fff;
  border-radius: 30px;
  margin: 20vh 30px;
  padding: 30px 20px 15px;
}
#retebio-body #admin-notification-modal {
  z-index: 15;
  border-radius: 15px;
  max-width: 280px;
}
@media (min-width: 961px) {
  #retebio-body #admin-notification-modal {
    max-width: 400px;
  }
}
#retebio-body #admin-notification-modal .md-dialog-container {
  width: 100%;
}
#retebio-body #admin-notification-modal div.md-dialog-content {
  text-align: center;
}
#retebio-body #admin-notification-modal div.md-dialog-content button.close-modal {
  position: absolute;
  right: -10px;
  min-width: 30px;
  z-index: 10;
  top: -7px;
}
#retebio-body #admin-notification-modal div.md-dialog-content button.close-modal i {
  background-color: #fff;
  border-radius: 50%;
}
#retebio-body #admin-notification-modal div.md-dialog-content .admin-notification-image {
  background-size: cover;
  background-color: #e8e8e8;
  background-position: center;
  background-repeat: no-repeat;
  height: 150px;
  width: 100%;
}
@media (min-width: 961px) {
  #retebio-body #admin-notification-modal div.md-dialog-content .admin-notification-image {
    height: 250px;
  }
}
#retebio-body #admin-notification-modal div.md-dialog-content div.notification {
  padding: 10px 15px;
}
#retebio-body #admin-notification-modal div.md-dialog-content div.notification div.notification-message {
  max-height: 20vh;
  overflow-y: auto;
  text-align: left;
}
#retebio-body #admin-notifications-modal {
  z-index: 14;
}
#retebio-body #admin-notifications-modal .md-dialog-title {
  margin-bottom: 0;
}
#retebio-body #admin-notifications-modal .md-dialog-title button.close-modal {
  position: absolute;
  right: 0;
  top: 12px;
  min-width: 50px;
  z-index: 10;
}
#retebio-body #admin-notifications-modal div.md-dialog-content {
  padding: 15px;
}
#retebio-body #admin-notifications-modal div.md-dialog-content .md-list-item {
  border-bottom: 1px solid #e8e8e8;
}
#retebio-body #admin-notifications-modal div.md-dialog-content .md-list-item .notification-icon {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  margin-right: 10px;
}
#retebio-body #admin-notifications-modal div.md-dialog-content .md-list-item h3 {
  font-size: 16px;
  -webkit-box-flex: 1;
          flex: 1;
}

/**
 * The complete material palette
 * ---
 * @access public
 * @type map
 * @group themes
 */
/**
 * Theme any css property based on the current palette, accepting a themable
 * value that will give an contrasted
 * ---
 * Usage example:
 *
 * $foo-palette: (
 *   primary: md-get-palette-color(indigo, 500),
 *   accent: md-get-palette-color(pink, 500),
 *   theme: "light"
 * );
 *
 * ---
 * @access public
 * ---
 * @param {color} $type —  The desired color based on material palette
 * @param {string} $type —  A valid hue
 */
/**
 * Get the current theme mode from the current theme
 * ---
 * Usage example:
 *
 * $theme-mode: md-get-theme-mode()
 *
 * ---
 * @access private
 */
/**
 * Theme any css property based on the current palette, accepting a themable
 * value that will give an contrasted
 * ---
 * Usage example:
 *
 * .md-foo {
 *   min-width: 88px;
 *   height: 40px;
 *   background: md-theme(primary);
 * }
 *
 * ---
 * @access public
 * ---
 * @param {string} $type —  The themable value
 */
/**
 * Get a color based on type by theme
 * ---
 * Usage example:
 *
 * $color: md-get-color-by-theme(dark, primary)
 *
 * ---
 * @access public
 * ---
 * @param {string} $color-theme —  The theme color | Accepts dark or light
 * @param {string} $type —  The color type
 */
/**
 * Get a color based on type only
 * ---
 * Usage example:
 *
 * $color1: md-get-color-by-type(background, dark)
 * $color1: md-get-color-by-type(accent)
 *
 * ---
 * @access public
 * ---
 * @param {string} $type —  The color type
 * @param {string} $theme —  The fallback theme
 */
/**
 * The default theme palette
 * primary: indigo 500 #3f51b5
 * accent: pink 500 #e91e63
 * theme: light
 *
 * It can be used just before importing the Vue Material stylesheet
 *
 * ---
 * @access public
 * @type colormap
 * @group themes
 */
/**
 * Temporary variable to store all themable values
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Map variable to store all themes to be processed by each component
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Store the current theme name
 * ---
 * @access private
 * @type string
 * @group themes
 */
/**
 * Store the newly registered theme name for comparison, used for checking just called md-register-theme's theme name
 * ---
 * @access private
 * @type string
 * @group themes
 */
/**
 * The color contrast values
 * ---
 * @access private
 * @type map
 * @group themes
 */
/**
 * Hightly based on: "Using Sass to automatically pick text colors"
 * https://medium.com/dev-channel/using-sass-to-automatically-pick-text-colors-4ba7645d2796
 */
/**
 * Precomputed linear color channel values, for use in contrast calculations.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 * ---
 *
 *  Algorithm, for c in 0 to 255:
 *  f(c) {
 *    c = c / 255;
 *    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
 *  }
 *
 *  This lookup table is needed since there is no `pow` in SASS.
 *
 * ---
 * @access private
 * @type Map
 * @group themes
 */
/**
 * Calculate the luminance for a color.
 * ---
 * @access private
 * ---
 * @param {string} $color —  The color to be analysed
 */
/**
 * Calculate the contrast ratio between two colors.
 * ---
 * @access private
 * ---
 * @param {string} $bg —  The bg color
 * @param {string} $fg —  The fg color to be compared
 */
/**
 * Determine whether to use dark or light text on top of given color.
 * Returns dark or light depending on the contrast ratio.
 * ---
 * @access private
 * ---
 * @param {string} $color —  The desired color to be compared
 */
/**
 * Override extending the default palette giving new values. It will extend
 * the default values of the palette if has a property missing.
 * ---
 * Usage example:
 *
 * @include md-override-palette ((
 *   accent: blue,
 *   theme: "dark"
 * ))
 *
 * ---
 * @access public
 * @param {map} $palette —  The new palette
 */
/**
 * Create a new theme based on a given palette. It will extend the default
 * values of the palette if has a property missing.
 * ---
 * Usage example:
 *
 * @include md-register-theme("alternative", (
 *   primary: #212121,
 *   accent: #CDDC39,
 *   theme: dark
 * ));
 *
 * ---
 * @access public
 * @param {string} $name —  The theme name to be used with the Vue Material
 * @param {map} $palette [$md-default-palette] —  The theme palette
 */
/**
 * Theme pieces of a given scss code for all pre registered themes.
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     background: md-theme(primary);
 *     color: md-theme(text-primary);
 *   }
 *
 *   &.md-accent {
 *     @include md-theme-component() {
 *       background: md-theme(accent);
 *       color: md-theme(text-accent);
 *     };
 *   }
 * }
 */
/**
 * Theme pieces of a given scss code for all pre registered themes based on parent.
 * ---
 * Usage example:
 *
 * .md-foo {
 *   @include md-theme-component-relative() {
 *     @include md-theme-property(background, primary);
 *   }
 * }
 */
/**
 * Theme a single css property
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property(background, primary);
 *     @include md-theme-property(color, text-primary, primary);
 *   }
 *
 *   &.md-accent {
 *     @include md-theme-component() {
 *       @include md-theme-property(background, accent);
 *       @include md-theme-property(color, text-primary, accent);
 *     }
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $type —  A palette type
 * @param {string} $background —  The background color to analyse contrast
 * @param {number} $opacity —  The opacity amount
 */
/**
 * Theme a single css property darkening the color by a certain amount
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property-darken(background, primary, background, 10%);
 *     @include md-theme-property(color, text-primary, primary);
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $type —  A palette type
 * @param {string} $background —  The background color to analyse contrast
 * @param {string} $darken —  The darken amount to apply to the color
 */
/**
 * Theme a single css property by
 * ---
 * Usage example:
 *
 * .md-button {
 *   min-width: 88px;
 *   height: 40px;
 *   display: inline-block;
 *   border-radius: 2px;
 *   transition: .3s ease;
 *
 *   @include md-theme-component() {
 *     @include md-theme-property-by-hue(background, grey, 100, toolbar, background);
 *     @include md-theme-property(color, text-primary, background);
 *   }
 * }
 *
 * ---
 * @access public
 * @param {string} $property —  The css property
 * @param {string} $color —  A valid material palette color name
 * @param {string} $hue —  The hue amount to get the hex color
 * @param {string} $type —  The type of variable
 * @param {string} $variant —  The type of constrasted variable
 */
:root {
  --md-theme-default-primary: #58DDA4 ;
  --md-theme-default-accent: #FFCB48 ;
  --md-theme-default-theme: light ;
}

.md-theme-default :not(input):not(textarea)::-moz-selection {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent-on-background, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-theme-default :not(input):not(textarea)::selection {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent-on-background, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-theme-default a:not(.md-button) {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-theme-default a:not(.md-button):hover {
  color: rgba(88, 221, 164, 0.8);
  color: var(--md-theme-default-primary-on-background, rgba(88, 221, 164, 0.8));
}
.md-theme-default a:not(.md-button).md-accent {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-theme-default a:not(.md-button).md-accent:hover {
  color: rgba(255, 203, 72, 0.8);
  color: var(--md-theme-default-accent-on-background, rgba(255, 203, 72, 0.8));
}

html.md-theme-default {
  background-color: #fafafa;
  background-color: var(--md-theme-default-background-variant, #fafafa);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}

.md-theme-default .md-caption,
.md-theme-default .md-display-1,
.md-theme-default .md-display-2,
.md-theme-default .md-display-3,
.md-theme-default .md-display-4 {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background-variant, rgba(0, 0, 0, 0.54));
}

.md-scrollbar.md-theme-default::-webkit-scrollbar-corner, .md-scrollbar.md-theme-default::-webkit-scrollbar-track {
  background: #e1e1e1;
  background: var(--md-theme-default-scrollbar-background-on-background-variant, #e1e1e1);
}
.md-scrollbar.md-theme-default::-webkit-scrollbar-thumb {
  background: #757575;
  background: var(--md-theme-default-scrollbar-on-background-variant, #757575);
}

.md-app:not(.md-overlap).md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}

.md-list.md-theme-default .md-autocomplete-items .md-highlight-text-match {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-list.md-theme-default .md-autocomplete-loading {
  background-color: rgba(255, 255, 255, 0.54);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.54));
}

.md-autocomplete.md-theme-default.md-autocomplete-box {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-autocomplete.md-theme-default.md-autocomplete-box.md-focused label {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box {
  background-color: rgba(255, 255, 255, 0.12);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.12));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box label,
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box input {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
  -webkit-text-fill-color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused label,
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused input {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
  -webkit-text-fill-color: rgba(0, 0, 0, 0.38);
  -webkit-text-fill-color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-toolbar .md-autocomplete.md-theme-default.md-autocomplete-box.md-focused svg {
  fill: rgba(0, 0, 0, 0.38);
  fill: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.md-autocomplete-box-content.md-theme-default:after {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-default-divider, rgba(0, 0, 0, 0.12));
}

.md-avatar.md-theme-default.md-avatar-icon {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-default-icon-disabled, rgba(0, 0, 0, 0.38));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon-disabled, #fff);
}
.md-avatar.md-theme-default.md-avatar-icon .md-icon {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon-disabled, #fff);
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-icon-disabled, #fff);
}
.md-avatar.md-theme-default.md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-avatar.md-theme-default.md-primary.md-avatar-icon {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-avatar.md-theme-default.md-primary.md-avatar-icon .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-avatar.md-theme-default.md-accent {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-avatar.md-theme-default.md-accent.md-avatar-icon {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-avatar.md-theme-default.md-accent.md-avatar-icon .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-bottom-bar.md-theme-default.md-type-fixed {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-bottom-bar.md-theme-default.md-type-fixed .md-bottom-bar-item.md-active {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-bottom-bar.md-theme-default.md-type-fixed .md-bottom-bar-item.md-active .md-icon {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-bottom-bar.md-theme-default.md-type-fixed .md-bottom-bar-item.md-active .md-icon svg {
  fill: #58DDA4;
  fill: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-bottom-bar.md-theme-default.md-type-shift {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-bottom-bar.md-theme-default.md-type-shift > .md-ripple .md-ripple-wave {
  background-color: #2ed48d;
  background-color: var(--md-theme-default-primary-on-primary, #2ed48d);
}
.md-bottom-bar.md-theme-default.md-type-shift .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-primary, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-primary, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-bottom-bar-item {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-bottom-bar-item .md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-type-shift .md-bottom-bar-item .md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed .md-bottom-bar-item.md-active {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed .md-bottom-bar-item.md-active .md-icon {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-fixed .md-bottom-bar-item.md-active .md-icon svg {
  fill: #FFCB48;
  fill: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift > .md-ripple .md-ripple-wave {
  background-color: #ffbd15;
  background-color: var(--md-theme-default-accent-on-accent, #ffbd15);
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-accent, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-accent, rgba(0, 0, 0, 0.54));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-bottom-bar-item {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-bottom-bar-item .md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-bottom-bar.md-theme-default.md-accent.md-type-shift .md-bottom-bar-item .md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-button.md-theme-default {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-primary {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-button.md-theme-default.md-primary .md-icon-font {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-button.md-theme-default.md-primary .md-icon-image {
  fill: #58DDA4;
  fill: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-button.md-theme-default.md-accent {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-button.md-theme-default.md-accent .md-icon-font {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-button.md-theme-default.md-accent .md-icon-image {
  fill: #FFCB48;
  fill: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-button.md-theme-default.md-raised[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-disabled-background-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.26));
}
.md-button.md-theme-default.md-raised:not([disabled]) {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-primary {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-button.md-theme-default.md-raised:not([disabled]).md-primary .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-primary .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-accent {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-button.md-theme-default.md-raised:not([disabled]).md-accent .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-raised:not([disabled]).md-accent .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-disabled-background-on-background, rgba(0, 0, 0, 0.12));
}
.md-button.md-theme-default.md-fab:not([disabled]) {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-button.md-theme-default.md-fab:not([disabled]) .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab:not([disabled]) .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab:not([disabled]).md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-button.md-theme-default.md-fab:not([disabled]).md-primary .md-icon-font {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default.md-fab:not([disabled]).md-primary .md-icon-image {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-button.md-theme-default[disabled] {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-button.md-theme-default[disabled] .md-icon-font {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-icon-disabled-on-background, rgba(0, 0, 0, 0.38));
}
.md-button.md-theme-default[disabled] .md-icon-image {
  fill: rgba(0, 0, 0, 0.38);
  fill: var(--md-theme-default-icon-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.md-card.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default .md-card-expand .md-card-actions {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-card.md-theme-default .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-default .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-default .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-default > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-card.md-theme-default.md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-primary .md-card-expand .md-card-actions {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-card.md-theme-default.md-primary .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-default.md-primary .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-primary .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-default.md-primary .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-default.md-primary > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-primary, rgba(0, 0, 0, 0.12));
}
.md-card.md-theme-default.md-accent {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-accent .md-card-expand .md-card-actions {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-card.md-theme-default.md-accent .md-card-header .md-button:not(.md-primary):not(.md-accent),
.md-card.md-theme-default.md-accent .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-card.md-theme-default.md-accent .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
.md-card.md-theme-default.md-accent .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.54));
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.54));
}
.md-card.md-theme-default.md-accent > .md-card-area:after {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-accent, rgba(0, 0, 0, 0.12));
}

.md-checkbox.md-theme-default.md-checked .md-checkbox-container {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  border-color: #FFCB48;
  border-color: var(--md-theme-default-accent, #FFCB48);
}
.md-checkbox.md-theme-default.md-checked .md-checkbox-container:after {
  border-color: #fff;
  border-color: var(--md-theme-default-background, #fff);
}
.md-checkbox.md-theme-default.md-checked .md-ripple {
  color: #FFCB48;
  color: var(--md-theme-default-accent, #FFCB48);
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: rgba(255, 255, 255, 0.3);
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-indeterminate .md-ripple {
  color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  border-color: #58DDA4;
  border-color: var(--md-theme-default-primary, #58DDA4);
}
.md-checkbox.md-theme-default.md-checked.md-primary .md-ripple {
  color: #58DDA4;
  color: var(--md-theme-default-primary, #58DDA4);
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
  background-color: transparent;
}
.md-checkbox.md-theme-default.md-indeterminate .md-checkbox-container:after {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-indeterminate .md-ripple {
  color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-checkbox.md-theme-default.md-disabled .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox.md-theme-default.md-disabled.md-checked .md-checkbox-container {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: rgba(0, 0, 0, 0.26);
}

.md-chip.md-theme-default {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-highlight, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-default .md-icon.md-icon-image svg {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-primary, #fff);
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-text-primary, #fff);
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-default-icon, rgba(0, 0, 0, 0.54));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon, #fff);
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-icon, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-icon {
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-icon, #fff);
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.87));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-default.md-deletable:not(.md-disabled):hover .md-input-action .md-icon svg, .md-chip.md-theme-default.md-clickable:not(.md-disabled):hover .md-input-action .md-icon svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-default.md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-default.md-primary .md-input-action {
  color: #fff;
  color: var(--md-theme-default-icon-on-disabled, #fff);
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.26));
}
.md-chip.md-theme-default.md-primary.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-primary.md-clickable:not(.md-disabled):hover {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon, #fff);
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-default-icon, rgba(0, 0, 0, 0.54));
}
.md-chip.md-theme-default.md-primary.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-primary.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.87));
}
.md-chip.md-theme-default.md-accent, .md-chip.md-theme-default.md-duplicated {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-chip.md-theme-default.md-accent .md-input-action, .md-chip.md-theme-default.md-duplicated .md-input-action {
  color: #fff;
  color: var(--md-theme-default-icon-on-disabled, #fff);
  background-color: rgba(0, 0, 0, 0.26);
  background-color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.26));
}
.md-chip.md-theme-default.md-accent.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-accent.md-clickable:not(.md-disabled):hover, .md-chip.md-theme-default.md-duplicated.md-deletable:not(.md-disabled):hover, .md-chip.md-theme-default.md-duplicated.md-clickable:not(.md-disabled):hover {
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--md-theme-default-icon, rgba(0, 0, 0, 0.54));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-icon, #fff);
}
.md-chip.md-theme-default.md-accent.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-accent.md-clickable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-duplicated.md-deletable:not(.md-disabled):hover .md-input-action, .md-chip.md-theme-default.md-duplicated.md-clickable:not(.md-disabled):hover .md-input-action {
  background-color: rgba(255, 255, 255, 0.87);
  background-color: var(--md-theme-default-background, rgba(255, 255, 255, 0.87));
}
.md-chip.md-theme-default.md-disabled {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: var(--md-theme-default-highlight, rgba(0, 0, 0, 0.1));
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent, rgba(0, 0, 0, 0.54));
}

.md-chips.md-theme-default .md-clear {
  background-color: rgba(0, 0, 0, 0.2);
}

.md-content.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-content.md-theme-default.md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-content.md-theme-default.md-accent {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-app .md-content.md-theme-default {
  border-left-color: rgba(0, 0, 0, 0.12);
  border-left-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-datepicker-dialog.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-header {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-body-header:after, .md-datepicker-dialog.md-theme-default .md-datepicker-body-header:before {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-datepicker-dialog.md-theme-default .md-datepicker-body-footer {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-week {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-disabled {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-today {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-datepicker-dialog.md-theme-default .md-datepicker-day-button:hover,
.md-datepicker-dialog.md-theme-default .md-datepicker-month-button:hover,
.md-datepicker-dialog.md-theme-default .md-datepicker-year-button:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider, rgba(0, 0, 0, 0.12));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-day-button.md-datepicker-selected {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-datepicker-dialog.md-theme-default .md-datepicker-month-button.md-datepicker-selected,
.md-datepicker-dialog.md-theme-default .md-datepicker-year-button.md-datepicker-selected {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-datepicker-dialog.md-theme-default .md-datepicker-year-selector {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-dialog.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-divider.md-theme-default {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider, rgba(0, 0, 0, 0.12));
}

.md-drawer.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-drawer.md-theme-default.md-persistent-mini.md-left {
  border-right-color: rgba(0, 0, 0, 0.12);
  border-right-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-drawer.md-theme-default.md-persistent-mini.md-right {
  border-left-color: rgba(0, 0, 0, 0.12);
  border-left-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-empty-state.md-theme-default .md-empty-state-icon.md-icon-image svg {
  fill: rgba(0, 0, 0, 0.26);
  fill: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-empty-state.md-theme-default .md-empty-state-icon.md-icon-font {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-empty-state.md-theme-default.md-rounded {
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--md-theme-default-disabled, rgba(0, 0, 0, 0.06));
}
.md-empty-state.md-theme-default.md-primary .md-empty-state-icon.md-icon-image svg {
  fill: #58DDA4;
  fill: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-empty-state.md-theme-default.md-primary .md-empty-state-icon.md-icon-font {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-empty-state.md-theme-default.md-accent .md-empty-state-icon.md-icon-image svg {
  fill: #FFCB48;
  fill: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-empty-state.md-theme-default.md-accent .md-empty-state-icon.md-icon-font {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}

.md-field.md-theme-default:after {
  background-color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-default:before {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-field.md-theme-default .md-helper-text,
.md-field.md-theme-default .md-count,
.md-field.md-theme-default label {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-default .md-suffix, .md-field.md-theme-default .md-prefix {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-default .md-input::-webkit-input-placeholder,
.md-field.md-theme-default .md-textarea::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.54);
}
.md-field.md-theme-default.md-focused .md-input,
.md-field.md-theme-default.md-focused .md-textarea, .md-field.md-theme-default.md-has-value .md-input,
.md-field.md-theme-default.md-has-value .md-textarea {
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87);
}
.md-field.md-theme-default.md-has-textarea:not(.md-autogrow):after {
  border-color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-default.md-has-textarea:not(.md-autogrow):before {
  border-color: #58DDA4;
  border-color: var(--md-theme-default-primary, #58DDA4);
}
.md-field.md-theme-default.md-disabled:after {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.38)), color-stop(33%, rgba(0, 0, 0, 0.38)), color-stop(0%, transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
}
.md-field.md-theme-default.md-disabled label,
.md-field.md-theme-default.md-disabled .md-input,
.md-field.md-theme-default.md-disabled .md-textarea {
  color: rgba(0, 0, 0, 0.42);
}
.md-field.md-theme-default > .md-icon:after {
  background-color: #fafafa;
  background-color: var(--md-theme-default-background-variant, #fafafa);
}
.md-field.md-theme-default.md-invalid:after {
  background-color: #ff1744;
  background-color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid.md-has-textarea:not(.md-autogrow):before {
  border-color: #ff1744;
  border-color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid label {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid .md-error {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-invalid .md-date-icon,
.md-field.md-theme-default.md-invalid .md-date-icon svg {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
  fill: #ff1744;
  fill: var(--md-theme-default-fieldvariant, #ff1744);
}
.md-field.md-theme-default.md-focused .md-input,
.md-field.md-theme-default.md-focused .md-textarea, .md-field.md-theme-default.md-highlight .md-input,
.md-field.md-theme-default.md-highlight .md-textarea {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-field.md-theme-default.md-focused > .md-icon, .md-field.md-theme-default.md-highlight > .md-icon {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
  fill: #58DDA4;
  fill: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-field.md-theme-default.md-focused label {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-field.md-theme-default.md-disabled .md-icon svg {
  fill: rgba(0, 0, 0, 0.26);
  fill: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}

.md-icon.md-theme-default.md-icon-image svg {
  fill: rgba(0, 0, 0, 0.54);
  fill: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-icon.md-theme-default.md-icon-image svg.md-primary {
  fill: #58DDA4;
  fill: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-icon.md-theme-default.md-icon-image svg.md-accent {
  fill: #FFCB48;
  fill: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-icon.md-theme-default.md-icon-font {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-icon-on-background, rgba(0, 0, 0, 0.54));
}
.md-icon.md-theme-default.md-icon-font.md-primary {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-icon.md-theme-default.md-icon-font.md-accent {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}

.md-list.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-default.md-double-line .md-list-item-text :nth-child(2) {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-list.md-theme-default.md-triple-line .md-list-item-text :nth-child(3) {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-list.md-theme-default .md-highlight .md-list-item-container {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-list.md-theme-default .md-list-item-container {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-default .md-list-item-container:not(.md-list-item-default):not(.md-list-item-expand):not([disabled]):hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-list.md-theme-default [disabled] {
  color: rgba(0, 0, 0, 0.26);
  color: var(--md-theme-default-disabled-on-background, rgba(0, 0, 0, 0.26));
}
.md-list.md-theme-default .md-selected .md-list-item-content,
.md-list.md-theme-default .router-link-active .md-list-item-content {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-list.md-theme-default .md-list-item-expand.md-active {
  border-color: rgba(0, 0, 0, 0.12);
  border-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-list.md-theme-default .md-list-item-expand:not(.md-list-item-default):not([disabled]) > .md-list-item-content:hover {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-menu-item.md-theme-default.md-primary .md-list-item-link,
.md-menu-item.md-theme-default.md-primary .md-list-item-router,
.md-menu-item.md-theme-default.md-primary .md-list-item-button {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-menu-item.md-theme-default.md-accent .md-list-item-link,
.md-menu-item.md-theme-default.md-accent .md-list-item-router,
.md-menu-item.md-theme-default.md-accent .md-list-item-button {
  color: #FFCB48;
  color: var(--md-theme-default-accent-on-background, #FFCB48);
}

.md-progress-bar.md-theme-default.md-indeterminate, .md-progress-bar.md-theme-default.md-query {
  background-color: rgba(88, 221, 164, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(88, 221, 164, 0.38));
}
.md-progress-bar.md-theme-default.md-indeterminate .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-indeterminate .md-progress-bar-fill:after, .md-progress-bar.md-theme-default.md-query .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-query .md-progress-bar-fill:after {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-progress-bar.md-theme-default.md-indeterminate.md-accent, .md-progress-bar.md-theme-default.md-query.md-accent {
  background-color: rgba(255, 203, 72, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(255, 203, 72, 0.38));
}
.md-progress-bar.md-theme-default.md-indeterminate.md-accent .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-indeterminate.md-accent .md-progress-bar-fill:after, .md-progress-bar.md-theme-default.md-query.md-accent .md-progress-bar-track:after,
.md-progress-bar.md-theme-default.md-query.md-accent .md-progress-bar-fill:after {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-progress-bar.md-theme-default.md-determinate {
  background-color: rgba(88, 221, 164, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(88, 221, 164, 0.38));
}
.md-progress-bar.md-theme-default.md-determinate .md-progress-bar-fill {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-progress-bar.md-theme-default.md-determinate.md-accent {
  background-color: rgba(255, 203, 72, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(255, 203, 72, 0.38));
}
.md-progress-bar.md-theme-default.md-determinate.md-accent .md-progress-bar-fill {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-progress-bar.md-theme-default.md-buffer .md-progress-bar-fill {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-progress-bar.md-theme-default.md-buffer .md-progress-bar-track {
  background-color: rgba(88, 221, 164, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(88, 221, 164, 0.38));
}
.md-progress-bar.md-theme-default.md-buffer .md-progress-bar-buffer {
  border-color: rgba(88, 221, 164, 0.38);
  border-color: var(--md-theme-default-primary-on-, rgba(88, 221, 164, 0.38));
}
.md-progress-bar.md-theme-default.md-buffer.md-accent .md-progress-bar-fill {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-progress-bar.md-theme-default.md-buffer.md-accent .md-progress-bar-track {
  background-color: rgba(255, 203, 72, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(255, 203, 72, 0.38));
}
.md-progress-bar.md-theme-default.md-buffer.md-accent .md-progress-bar-buffer {
  border-color: rgba(255, 203, 72, 0.38);
  border-color: var(--md-theme-default-accent-on-, rgba(255, 203, 72, 0.38));
}

.md-progress-spinner.md-theme-default .md-progress-spinner-circle {
  stroke: #58DDA4;
  stroke: var(--md-theme-default-primary, #58DDA4);
}
.md-progress-spinner.md-theme-default.md-accent .md-progress-spinner-circle {
  stroke: #FFCB48;
  stroke: var(--md-theme-default-accent, #FFCB48);
}

.md-radio.md-theme-default.md-checked .md-radio-container {
  border-color: #FFCB48;
  border-color: var(--md-theme-default-accent, #FFCB48);
}
.md-radio.md-theme-default.md-checked .md-radio-container:after {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-radio.md-theme-default.md-checked .md-ripple {
  color: #FFCB48;
  color: var(--md-theme-default-accent, #FFCB48);
}
.md-radio.md-theme-default.md-checked.md-primary .md-radio-container {
  border-color: #58DDA4;
  border-color: var(--md-theme-default-primary, #58DDA4);
}
.md-radio.md-theme-default.md-checked.md-primary .md-radio-container:after {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-radio.md-theme-default.md-checked.md-primary .md-ripple {
  color: #58DDA4;
  color: var(--md-theme-default-primary, #58DDA4);
}
.md-radio.md-theme-default .md-radio-container {
  border-color: rgba(0, 0, 0, 0.54);
}
.md-radio.md-theme-default.md-disabled .md-radio-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio.md-theme-default.md-disabled.md-checked .md-radio-container {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-radio.md-theme-default.md-disabled.md-checked .md-radio-container:after {
  background-color: rgba(0, 0, 0, 0.26);
}

.md-snackbar.md-theme-default {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-primary, #fff);
  background-color: #323232;
}

.md-steppers.md-theme-default {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-icon:after, .md-steppers.md-theme-default .md-stepper-icon:before,
.md-steppers.md-theme-default .md-stepper-number:after,
.md-steppers.md-theme-default .md-stepper-number:before,
.md-steppers.md-theme-default .md-stepper:after,
.md-steppers.md-theme-default .md-stepper:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-steppers.md-theme-default .md-stepper-number {
  background-color: rgba(0, 0, 0, 0.38);
  background-color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-hint, #fff);
}
.md-steppers.md-theme-default .md-stepper-number svg {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-text-hint, #fff);
  fill: #fff;
  fill: var(--md-theme-default-text-primary-on-text-hint, #fff);
}
.md-steppers.md-theme-default .md-stepper-header .md-button-content {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-hint-on-background, rgba(0, 0, 0, 0.38));
}
.md-steppers.md-theme-default .md-stepper-header .md-button-content:after, .md-steppers.md-theme-default .md-stepper-header .md-button-content:before {
  background-color: rgba(0, 0, 0, 0.12);
  background-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-steppers.md-theme-default .md-stepper-header.md-active .md-button-content, .md-steppers.md-theme-default .md-stepper-header.md-done .md-button-content {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-header.md-active .md-stepper-number, .md-steppers.md-theme-default .md-stepper-header.md-done .md-stepper-number {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary-on-background, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-header.md-active .md-stepper-number svg, .md-steppers.md-theme-default .md-stepper-header.md-done .md-stepper-number svg {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-steppers.md-theme-default .md-stepper-header.md-error .md-button-content {
  color: #ff1744;
  color: var(--md-theme-default-steppervariant, #ff1744);
}
.md-steppers.md-theme-default .md-stepper-header.md-error .md-icon svg {
  color: #ff1744;
  color: var(--md-theme-default-steppervariant, #ff1744);
  fill: #ff1744;
  fill: var(--md-theme-default-steppervariant, #ff1744);
}

.md-subheader.md-theme-default {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-subheader.md-theme-default.md-primary {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}

.md-switch.md-theme-default.md-checked .md-switch-container {
  background-color: rgba(255, 203, 72, 0.38);
  background-color: var(--md-theme-default-accent-on-, rgba(255, 203, 72, 0.38));
}
.md-switch.md-theme-default.md-checked .md-switch-thumb {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-switch.md-theme-default.md-checked .md-ripple {
  color: #FFCB48;
  color: var(--md-theme-default-accent, #FFCB48);
}
.md-switch.md-theme-default.md-checked.md-primary .md-switch-container {
  background-color: rgba(88, 221, 164, 0.38);
  background-color: var(--md-theme-default-primary-on-, rgba(88, 221, 164, 0.38));
}
.md-switch.md-theme-default.md-checked.md-primary .md-switch-thumb {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}
.md-switch.md-theme-default.md-checked.md-primary .md-ripple {
  color: #58DDA4;
  color: var(--md-theme-default-primary, #58DDA4);
}
.md-switch.md-theme-default .md-switch-container {
  background-color: rgba(0, 0, 0, 0.38);
}
.md-switch.md-theme-default .md-switch-thumb {
  background-color: #f5f5f5;
  background-color: var(--md-theme-default-switchvariant, #f5f5f5);
}
.md-switch.md-theme-default.md-disabled .md-switch-container {
  background-color: rgba(0, 0, 0, 0.12);
}
.md-switch.md-theme-default.md-disabled .md-switch-thumb {
  background-color: #bdbdbd;
  background-color: var(--md-theme-default-switchvariant, #bdbdbd);
}

.md-table.md-theme-default .md-table-content,
.md-table.md-theme-default .md-table-alternate-header {
  background-color: #fff;
  background-color: var(--md-theme-default-background, #fff);
}
.md-table.md-theme-default .md-table-alternate-header .md-table-toolbar {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
  background-color: rgba(255, 203, 72, 0.2);
  background-color: var(--md-theme-default-accent-on-, rgba(255, 203, 72, 0.2));
}
.md-table.md-theme-default .md-table-row:hover:not(.md-header-row) .md-table-cell {
  background-color: rgba(0, 0, 0, 0.08);
  background-color: var(--md-theme-default-highlight-on-background, rgba(0, 0, 0, 0.08));
}
.md-table.md-theme-default .md-table-row.md-selected, .md-table.md-theme-default .md-table-row.md-selected-single {
  background-color: #f5f5f5;
  background-color: var(--md-theme-default-rowvariant, #f5f5f5);
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary-on-background, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary .md-ripple, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-ripple {
  color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary .md-checkbox-container, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-checkbox-container {
  background-color: #fff;
  border-color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-primary .md-checkbox-container:after, .md-table.md-theme-default .md-table-row.md-selected-single.md-primary .md-checkbox-container:after {
  border-color: #58DDA4;
  border-color: var(--md-theme-default-primary, #58DDA4);
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent-on-background, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent .md-ripple, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-ripple {
  color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent .md-checkbox-container, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-checkbox-container {
  background-color: #fff;
  border-color: #fff;
}
.md-table.md-theme-default .md-table-row.md-selected.md-accent .md-checkbox-container:after, .md-table.md-theme-default .md-table-row.md-selected-single.md-accent .md-checkbox-container:after {
  border-color: #FFCB48;
  border-color: var(--md-theme-default-accent, #FFCB48);
}
.md-table.md-theme-default .md-table-row td {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-table.md-theme-default .md-table-head {
  color: rgba(0, 0, 0, 0.54);
  color: var(--md-theme-default-text-accent-on-background, rgba(0, 0, 0, 0.54));
}
.md-table.md-theme-default .md-table-fixed-header-active {
  border-bottom-color: rgba(0, 0, 0, 0.12);
  border-bottom-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}
.md-table.md-theme-default .md-sortable:hover, .md-table.md-theme-default .md-sortable.md-sorted {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-sortable:hover svg, .md-table.md-theme-default .md-sortable.md-sorted svg {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-table.md-theme-default .md-table-pagination {
  border-top-color: rgba(0, 0, 0, 0.12);
  border-top-color: var(--md-theme-default-divider-on-background, rgba(0, 0, 0, 0.12));
}

.md-tabs.md-theme-default .md-tabs-navigation {
  background-color: #fff;
  background-color: var(--md-theme-default-background-on-background, #fff);
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active .md-icon {
  color: #58DDA4;
  color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-tabs.md-theme-default .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: #58DDA4;
  fill: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-tabs.md-theme-default .md-tabs-indicator {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary-on-background, #58DDA4);
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button.md-active {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button.md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-primary .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-primary .md-tabs-indicator {
  background-color: rgba(0, 0, 0, 0.87);
  background-color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent-on-background, #FFCB48);
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button[disabled] {
  color: rgba(0, 0, 0, 0.38);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.38));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button .md-icon {
  color: rgba(0, 0, 0, 0.7);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button .md-icon svg {
  fill: rgba(0, 0, 0, 0.7);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.7));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button.md-active {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button.md-active .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-navigation .md-button.md-active .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-tabs.md-theme-default.md-accent .md-tabs-indicator {
  background-color: rgba(0, 0, 0, 0.87);
  background-color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}

.md-toolbar.md-theme-default {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
  background-color: #f5f5f5;
  background-color: var(--md-theme-default-toolbarvariant, #f5f5f5);
}
.md-toolbar.md-theme-default .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default .md-title,
.md-toolbar.md-theme-default .md-display-1,
.md-toolbar.md-theme-default .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background-variant, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary {
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-button:not([disabled]):not(.md-raised) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-primary .md-title,
.md-toolbar.md-theme-default.md-primary .md-display-1,
.md-toolbar.md-theme-default.md-primary .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent {
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-button:not([disabled]):not(.md-raised) {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-accent .md-title,
.md-toolbar.md-theme-default.md-accent .md-display-1,
.md-toolbar.md-theme-default.md-accent .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent .md-icon {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent .md-icon svg {
  fill: rgba(0, 0, 0, 0.87);
  fill: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.md-toolbar.md-theme-default.md-transparent .md-title,
.md-toolbar.md-theme-default.md-transparent .md-display-1,
.md-toolbar.md-theme-default.md-transparent .md-display-2 {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.md-tooltip.md-theme-default {
  color: #fff;
  color: var(--md-theme-default-text-primary-on-tooltip, #fff);
  background-color: rgba(97, 97, 97, 0.9);
  background-color: var(--md-theme-default-tooltip-on-background, rgba(97, 97, 97, 0.9));
}

.md-badge.md-theme-default {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-accent, rgba(0, 0, 0, 0.87));
  background-color: #FFCB48;
  background-color: var(--md-theme-default-accent, #FFCB48);
}
.md-badge.md-theme-default.md-primary {
  color: rgba(0, 0, 0, 0.87);
  color: var(--md-theme-default-text-primary-on-primary, rgba(0, 0, 0, 0.87));
  background-color: #58DDA4;
  background-color: var(--md-theme-default-primary, #58DDA4);
}

html, body {
  font-family: "Work Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  position: relative !important;
  min-height: 100vh !important;
  color: #000 !important;
  background-color: #fff !important;
  height: 100% !important;
  overflow-x: auto !important;
  max-width: 100vw;
  margin: 0;
}
html *, body * {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: #000;
}
a:hover, a:active {
  color: #4d4d4d;
  text-decoration: none;
}

body {
  min-height: 100vh;
}
body .mobile .container-fluid {
  padding: 0;
}

footer {
  background: #fff;
}

h1 {
  font-size: 25px;
  font-weight: 400;
}

p {
  font-size: 16px;
  font-weight: 400;
}

/*
 ********** WEB PAGES *********
 */
#retebio-body {
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
#retebio-body #add-to-homescreen {
  display: block;
  position: fixed;
  z-index: 10000;
  text-align: center;
  top: 65px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border-radius: 5px;
  max-width: 190px;
  left: -200px;
  transition: left 150ms ease-out;
  -moz-transition: left 150ms ease-out;
  -webkit-transition: left 150ms ease-out;
  -o-transition: left 150ms ease-out;
}
#retebio-body #add-to-homescreen.open {
  left: 5px;
  transition: left 150ms ease-out;
  -moz-transition: left 150ms ease-out;
  -webkit-transition: left 150ms ease-out;
  -o-transition: left 150ms ease-out;
}
#retebio-body #add-to-homescreen button.md-button {
  border-radius: 0;
  margin: 0;
  padding: 15px;
  display: block;
  height: auto;
}
#retebio-body #retebio-content {
  background: #fff;
}
@media (min-width: 961px) {
  #retebio-body #app-header {
    width: calc(0.6 * 100%) !important;
    left: calc(0.2 * 100%) !important;
  }
}
@media (min-width: 1281px) {
  #retebio-body #app-header {
    width: calc(0.5 * 100%) !important;
    left: calc(0.25 * 100%) !important;
  }
}
#retebio-body #app-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 7;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-header #app-header-phone, #retebio-body #app-header #app-header-desktop {
  height: 100%;
  overflow-x: hidden;
}
#retebio-body #app-header #app-header-phone .md-layout, #retebio-body #app-header #app-header-desktop .md-layout {
  height: 100%;
}
#retebio-body #app-header #app-header-phone .login-link, #retebio-body #app-header #app-header-desktop .login-link {
  text-align: right;
  padding: 10px 15px;
  display: block;
}
#retebio-body #app-header #app-header-phone .login-link span, #retebio-body #app-header #app-header-desktop .login-link span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  vertical-align: middle;
}
#retebio-body #app-header #app-header-phone .logo, #retebio-body #app-header #app-header-desktop .logo {
  padding: 10px 15px;
  text-align: center;
}
#retebio-body #app-header #app-header-phone .logo.logged-in, #retebio-body #app-header #app-header-phone .logo.guest, #retebio-body #app-header #app-header-desktop .logo.logged-in, #retebio-body #app-header #app-header-desktop .logo.guest {
  text-align: left;
}
#retebio-body #app-header #app-header-phone .logo img, #retebio-body #app-header #app-header-desktop .logo img {
  max-height: 25px;
}
#retebio-body #app-header #app-header-phone #notification-icon .md-badge, #retebio-body #app-header #app-header-desktop #notification-icon .md-badge {
  background-color: #ff1744;
  color: #fff;
  font-size: 12px;
}
#retebio-body #app-header #app-header-phone .md-avatar, #retebio-body #app-header #app-header-desktop .md-avatar {
  margin-right: 15px;
  max-width: 40px;
  max-height: 40px;
}
#retebio-body #app-header #app-header-phone .md-avatar img, #retebio-body #app-header #app-header-desktop .md-avatar img {
  min-width: 40px;
  min-height: 40px;
  width: 100%;
  overflow: hidden;
  border-radius: 50%;
  height: auto;
}
#retebio-body #web-footer, #retebio-body #app-footer {
  overflow-x: hidden;
  padding: 30px 0 15px;
}
@media (max-width: 960px) {
  #retebio-body #web-footer, #retebio-body #app-footer {
    padding: 20px 0;
  }
}
#retebio-body #web-footer a, #retebio-body #app-footer a {
  color: #000;
  font-weight: 500;
}
#retebio-body #web-footer a i.md-icon svg, #retebio-body #app-footer a i.md-icon svg {
  fill: #29ca95;
}
#retebio-body #web-footer ul.footer-list, #retebio-body #app-footer ul.footer-list {
  list-style: none;
  margin: 0 auto;
}
@media (max-width: 960px) {
  #retebio-body #web-footer ul.footer-list, #retebio-body #app-footer ul.footer-list {
    padding-left: 0;
  }
}
#retebio-body #web-footer ul.footer-list li.footer-list-item, #retebio-body #app-footer ul.footer-list li.footer-list-item {
  padding: 15px 15px;
}
@media (min-width: 961px) {
  #retebio-body #web-footer ul.footer-list li.footer-list-item, #retebio-body #app-footer ul.footer-list li.footer-list-item {
    display: inline;
  }
}
#retebio-body #web-footer select.select, #retebio-body #app-footer select.select {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0 !important;
  max-width: 90%;
  margin-left: 10px;
}
@media (max-width: 960px) {
  #retebio-body #web-footer select.select, #retebio-body #app-footer select.select {
    margin-top: 20px;
    max-width: 100%;
  }
}
#retebio-body #registration-form-page {
  min-height: calc(100vh - 53px);
  margin-top: 53px;
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page {
    background-color: #58DDA4;
  }
}
#retebio-body #registration-form-page #register-step-1, #retebio-body #registration-form-page #register-step-2 {
  padding-top: 20px;
  background-color: #58DDA4;
}
#retebio-body #registration-form-page #register-step-1:before, #retebio-body #registration-form-page #register-step-2:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/app/assets/kiwi.svg");
  z-index: 3;
  width: 80px;
  height: 80px;
  top: 80px;
  left: -40px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-size: cover;
  background-repeat: no-repeat;
}
#retebio-body #registration-form-page #registration-form-login {
  background-color: #fff;
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page #registration-form-login {
    background-color: #58DDA4;
  }
}
#retebio-body #registration-form-page #registration-form-login .goto-login {
  text-align: center;
  margin: 60px auto;
  font-size: 14px;
  font-weight: 400;
}
#retebio-body #registration-form-page #registration-form-login .goto-login a.login-link {
  font-weight: 500;
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page #registration-form-login .goto-login a.login-link {
    color: #fff;
  }
}
#retebio-body #registration-form-page p.user-created {
  font-size: 11px;
  font-weight: 500;
}
#retebio-body #registration-form-page p.user-created span {
  vertical-align: middle;
}
#retebio-body #registration-form-page #register-step-3 {
  background-color: #fff;
}
#retebio-body #registration-form-page #register-step-3 div.green {
  background-color: #58DDA4;
  text-align: center;
  margin-bottom: 50px;
}
#retebio-body #registration-form-page #register-step-3 div.green h1 {
  width: 75%;
  line-height: 1.3em;
  margin: 40px auto 0px;
}
#retebio-body #registration-form-page #register-step-3 div.green img {
  max-width: 250px;
  margin: auto;
  bottom: -45px;
  position: relative;
}
#retebio-body #registration-form-page #register-step-3 h2 {
  text-align: center;
  font-size: 25px;
}
#retebio-body #registration-form-page #register-step-3 .md-button {
  display: block;
  margin: 10px auto;
  max-width: 50%;
}
#retebio-body #registration-form-page #company-registration {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45vh, #FEDE92), color-stop(0, #ffffff));
  background: linear-gradient(to bottom, #FEDE92 45vh, #ffffff 0);
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page #company-registration {
    background: #58DDA4;
  }
}
#retebio-body #registration-form-page #company-registration #progress-bar {
  padding: 25px 15px 25px;
  height: 60px;
}
#retebio-body #registration-form-page #company-registration #progress-bar .md-progress-bar {
  height: 10px;
  background-color: white;
  border-radius: 5px;
}
#retebio-body #registration-form-page #company-registration #progress-bar .md-progress-bar .md-progress-bar-fill {
  background-color: #58DDA4;
  height: 10px;
  border-radius: 5px;
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page #company-registration #progress-bar .md-progress-bar .md-progress-bar-fill {
    background: #FFCB48;
  }
}
#retebio-body #registration-form-page #company-registration .how-to-section {
  padding: 8vh 15px 2vh;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to h2 {
  font-size: 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps {
  position: relative;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper {
  list-style: none;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step {
  min-height: 80px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step:after {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #58DDA4;
  position: absolute;
  background-color: #fff;
  left: -38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step:before {
  display: block;
  content: "";
  border-left: 1px dashed rgba(0, 0, 0, 0.25);
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0%;
  left: -24px;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step:first-child:before {
  height: 50%;
  top: 50%;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step:last-child:before {
  height: 50%;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step h3, #retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step p {
  text-align: left;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step h3 {
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 0;
  padding-top: 15px;
  color: #000;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step p {
  margin-top: 5px;
  font-size: 13px;
  color: #000;
  padding-left: 0;
}
#retebio-body #registration-form-page #company-registration .how-to-section #how-to .steps ul.wrapper li.step:last-child {
  border-bottom: none;
}
#retebio-body #registration-form-page #company-registration #flow-panels h1, #retebio-body #registration-form-page #company-registration #flow-panels p {
  color: #000;
  padding: 0 5%;
  line-height: 1.1em;
  margin-top: 20px;
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page #company-registration #flow-panels h1, #retebio-body #registration-form-page #company-registration #flow-panels .subtitle {
    color: #fff;
  }
}
#retebio-body #registration-form-page #company-registration #flow-panels:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/app/assets/cavolfiore.svg");
  width: 80px;
  max-width: 55px;
  height: 80px;
  top: 194px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  overflow-x: hidden;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .recognized {
  text-align: center;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .recognized i.md-icon {
  color: #58DDA4;
  font-size: 50px !important;
  margin-bottom: 10px;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .recognized a.md-button {
  margin-top: 20px;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .unrecognized {
  text-align: center;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .unrecognized i.md-icon {
  color: #58DDA4;
  font-size: 50px !important;
  margin-bottom: 10px;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .unrecognized a.md-button {
  margin-top: 20px;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .verification-check {
  position: relative;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .verification-check .next-step-icon {
  color: #58DDA4;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .verification-check .next-step-icon span {
  text-decoration: none !important;
}
#retebio-body #registration-form-page #company-registration #flow-panels .check-responses .verification-check .next-step-icon i.md-icon {
  font-size: 30px !important;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company .visible-md-block, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company .visible-md-block {
  text-align: center;
  margin-bottom: 20px;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company .visible-md-block button.md-button, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company .visible-md-block button.md-button {
  width: 200px;
  height: 50px;
  border-radius: 25px;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company .visible-md-block button.md-button span, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company .visible-md-block button.md-button span {
  vertical-align: middle;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #products h1, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #products h1 {
  text-align: center;
  line-height: 1.1em;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field label, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field label {
  color: rgba(0, 0, 0, 0.25);
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field .md-error, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field .md-error {
  color: #ca0000;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field:after, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field:after {
  background-color: rgba(0, 0, 0, 0.25);
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper p, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper p {
  padding: 0;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field {
  border: 1px dashed #58DDA4;
  padding: 40px 20px;
  border-radius: 10px;
  position: relative;
  min-height: 130px;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field label, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field label {
  bottom: 0;
  top: 100px;
  left: 0;
  text-align: center;
  right: 0;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field .md-file i.md-icon, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field .md-file i.md-icon {
  display: none;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field .md-file input.md-input, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field .md-file input.md-input {
  bottom: 0;
  left: 0;
  top: 0;
  text-align: center;
  right: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding-top: 100px;
  z-index: 1000;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field i.md-icon, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field i.md-icon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #58DDA4;
  border: 1px solid #58DDA4;
  border-radius: 50%;
  padding: 25px;
  top: calc(50% - 40px);
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field:before, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field:before {
  display: none;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field:after, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field:after {
  display: none;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper .md-field.md-has-value.md-has-file label, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper .md-field.md-has-value.md-has-file label {
  opacity: 0;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper.uploaded .md-field label, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper.uploaded .md-field label {
  opacity: 1 !important;
  color: #000;
  font-size: 14px;
}
#retebio-body #registration-form-page #company-registration #flow-panels #known-company #company-data-section .form-section .md-field-file-wrapper.uploaded .md-field .md-file input.md-input, #retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section .form-section .md-field-file-wrapper.uploaded .md-field .md-file input.md-input {
  opacity: 0;
}
#retebio-body #registration-form-page #company-registration #flow-panels #unknown-company #company-data-section {
  padding: 0 0 20px;
}
#retebio-body #registration-form-page #company-registration #flow-panels #registration-products h1 {
  text-align: center;
  padding: 0 10%;
  line-height: 1.1em;
}
#retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed {
  background-color: #FEDE92;
  height: calc(100vh - 120px);
}
@media only screen and (min-width: 601px) {
  #retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed {
    background-color: #58DDA4;
  }
}
#retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed #hero p {
  padding: 0 15%;
}
#retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed #hero img {
  max-width: 80vw;
}
@media (min-width: 601px) {
  #retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed #hero img {
    max-width: 400px;
  }
}
#retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed #links {
  padding: 25px 0;
}
#retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed #links button.md-button {
  min-width: 200px;
}
#retebio-body #registration-form-page #company-registration #flow-panels #funnel-completed #links .profile-link {
  margin-top: 15px;
  font-weight: 500;
  display: block;
}
#retebio-body #login-form-page {
  background-color: #fff;
  min-height: calc(100vh - 53px);
  margin-top: 53px;
}
@media only screen and (min-width: 601px) {
  #retebio-body #login-form-page {
    background-color: #58DDA4;
  }
}
#retebio-body #login-form-page h1, #retebio-body #login-form-page p {
  color: #fff;
  text-align: center;
}
#retebio-body #login-form-page h1 {
  margin-bottom: 10px;
}
#retebio-body #login-form-page p {
  margin: 10px auto;
}
#retebio-body #login-form-page #login-form {
  padding-top: 20px;
  background-color: #58DDA4;
}
#retebio-body #login-form-page #login-form:before {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../images/app/assets/kiwi.svg");
  z-index: 3;
  width: 80px;
  height: 80px;
  top: 80px;
  left: -40px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-size: cover;
  background-repeat: no-repeat;
}
#retebio-body #login-form-page #login-form .card-container {
  margin: 40px 10px 0;
}
#retebio-body #login-form-page #login-form .card-container label {
  color: rgba(0, 0, 0, 0.5);
}
#retebio-body #login-form-page #login-form .card-container .md-field {
  padding-top: 0;
  margin-top: 0;
  min-height: 32px;
}
#retebio-body #login-form-page #login-form .card-container .md-field .md-input-action {
  top: 0;
}
#retebio-body #login-form-page #login-form-registration {
  background-color: #fff;
}
@media only screen and (min-width: 601px) {
  #retebio-body #login-form-page #login-form-registration {
    background-color: #58DDA4;
  }
}
#retebio-body #login-form-page #login-form-registration .goto-login {
  text-align: center;
  margin: 60px auto;
  font-size: 14px;
  font-weight: 400;
}
#retebio-body #login-form-page #login-form-registration .goto-login a.login-link {
  font-weight: 500;
}
@media only screen and (min-width: 601px) {
  #retebio-body #login-form-page #login-form-registration .goto-login a.login-link {
    color: #fff;
  }
}
#retebio-body #recover-password {
  background-color: #FEDE92;
  min-height: calc(100vh - 60px);
  margin-top: 60px;
}
#retebio-body #recover-password h1 {
  color: #000;
}
#retebio-body #app-layout {
  margin-top: 60px;
  min-height: calc(100vh - 117px);
}
#retebio-body #app-layout h1, #retebio-body #app-layout h2, #retebio-body #app-layout h3, #retebio-body #app-layout p, #retebio-body #app-layout span {
  color: #000;
  text-align: left;
}
#retebio-body #app-layout span.md-error {
  color: #ff1744;
  color: var(--md-theme-default-fieldvariant, #ff1744);
}
#retebio-body #app-layout h1.section-title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 30px;
}
#retebio-body #app-layout #content {
  margin-bottom: 56px;
}
#retebio-body #app-layout #app-home .ads-wrapper {
  padding-top: 15px;
}
#retebio-body #app-layout #app-home .ads-wrapper h1.section-title {
  padding: 0 15px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 15px;
  position: relative;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads img.ad-icon {
  border-radius: 5px;
  margin: 10px 0;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads img.ad-icon.type-sell {
  background-color: #58DDA4;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads img.ad-icon.type-buy {
  background-color: #FFCB48;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads i.ad-interested-icon {
  position: absolute;
  top: 2px;
  right: -7px;
  color: white;
  background-color: #ff1744;
  border-radius: 50%;
  font-size: 16px !important;
  width: 20px;
  min-width: 20px;
  height: 20px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads i.new-ad-icon {
  position: absolute;
  bottom: 0;
  right: -10px;
  z-index: 2;
  color: #ff1744;
  display: block;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p {
  font-size: 14px;
  line-height: 1.1em;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type {
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 5px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type .future-product {
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
  padding: 0 5px 0 0;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type .future-product i.future-product-badge {
  color: #fff;
  border-radius: 50%;
  min-width: 12px;
  width: 12px;
  height: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  display: inline-table;
  vertical-align: top;
  margin-right: 5px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type.ad-type-sell {
  color: #58DDA4;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type.ad-type-sell .future-product {
  background: #58DDA4;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type.ad-type-sell .future-product i.future-product-badge {
  background: #23ac71;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type.ad-type-buy {
  color: #FFCB48;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type.ad-type-buy .future-product {
  background: #FFCB48;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-type.ad-type-buy .future-product i.future-product-badge {
  background: #e1a100;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-published-from {
  font-size: 12px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-published-to {
  font-size: 12px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-published-by {
  font-size: 12px;
  margin-bottom: 5px;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-interests {
  text-align: center;
  padding: 10px 0;
  background-color: #e8e8e8;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads p.ad-interests span {
  font-weight: 500;
}
#retebio-body #app-layout #app-home .ads-wrapper article.md-layout-item.component-matched-ads h1 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 22px;
}
#retebio-body #app-layout #matched-ad .view-header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-layout #matched-ad .view-header a.back-button {
  text-decoration: none !important;
}
#retebio-body #app-layout #matched-ad .view-header a.back-button p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 0 5px;
}
#retebio-body #app-layout #matched-ad .view-header a.back-button p .md-icon {
  color: #000;
  font-size: 24px !important;
  position: relative;
}
#retebio-body #app-layout #matched-ad .view-header a.back-button p span {
  vertical-align: middle;
}
#retebio-body #app-layout #matched-ad .view-content p, #retebio-body #app-layout #matched-ad .view-content h1, #retebio-body #app-layout #matched-ad .view-content span, #retebio-body #app-layout #matched-ad .view-content i {
  color: #000;
  text-align: left;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-image {
  width: 100%;
  min-height: 30vh;
  background-size: cover;
  background-position: center;
  background-color: #e8e8e8;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-image.type-sell {
  background-color: #58DDA4;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-image.type-buy {
  background-color: #FFCB48;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type {
  font-size: 12px;
  line-height: 1.1em;
  margin-bottom: 5px;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type .future-product {
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
  padding: 0 5px 0 0;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type .future-product i.future-product-badge {
  color: #fff;
  border-radius: 50%;
  min-width: 12px;
  width: 12px;
  height: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  display: inline-table;
  vertical-align: top;
  margin-right: 5px;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type.sell-ad {
  color: #58DDA4;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type.sell-ad .future-product {
  background: #58DDA4;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type.sell-ad .future-product i.future-product-badge {
  background: #23ac71;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type.buy-ad {
  color: #FFCB48;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type.buy-ad .future-product {
  background: #FFCB48;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-type.buy-ad .future-product i.future-product-badge {
  background: #e1a100;
}
#retebio-body #app-layout #matched-ad .view-content h1.view-title {
  font-weight: 500;
  line-height: 1em;
  margin: 0;
}
#retebio-body #app-layout #matched-ad .view-content h3 {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 16px;
  border-bottom: 1px solid #e8e8e8;
}
#retebio-body #app-layout #matched-ad .view-content p.view-description {
  font-size: 14px;
  word-break: break-word;
}
#retebio-body #app-layout #matched-ad .view-content .view-tags {
  margin: 25px 0 40px;
}
#retebio-body #app-layout #matched-ad .view-content .view-tags .view-tag {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
#retebio-body #app-layout #matched-ad .view-content .view-tags .view-tag.buy-ad {
  background-color: #FFCB48;
}
#retebio-body #app-layout #matched-ad .view-content .view-tags .view-tag.sell-ad {
  background-color: #58DDA4;
}
#retebio-body #app-layout #matched-ad .view-content .view-tags .view-tag:last-child {
  margin-right: 0;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button {
  text-align: center;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button p {
  text-align: center;
  font-size: 14px;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button p.disabled-match {
  font-size: 12px;
  max-width: 80%;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button button.md-button {
  height: 50px;
  width: 180px;
  border-radius: 25px;
  background-color: #29ca95;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button button.md-button:disabled {
  background-color: #666666;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button button.md-button span, #retebio-body #app-layout #matched-ad .view-content .view-interest-button button.md-button i.md-icon {
  color: #fff;
}
#retebio-body #app-layout #matched-ad .view-content .view-interest-button button.md-button span {
  vertical-align: middle;
  font-size: 16px;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-published-to {
  font-size: 12px;
  color: #898989;
  margin: 0;
  margin-bottom: 5px;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-published-to span {
  font-size: 12px;
  color: #898989;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-code {
  margin: 0;
  margin-bottom: 5px;
  text-align: right;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-code span {
  font-size: 12px;
  color: #898989;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-place {
  font-size: 14px;
  margin-top: 0;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-place i.md-icon {
  font-size: 16px !important;
  color: #898989;
  width: 16px;
  height: 16px;
  min-width: 16px;
}
#retebio-body #app-layout #matched-ad .view-content p.view-ad-place span {
  color: #898989;
  vertical-align: middle;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-info {
  margin-top: 15px;
  margin-bottom: 15px;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-info p {
  font-size: 14px;
  margin-bottom: 0;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-info p span {
  font-weight: 700;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-info .view-ad-partial-quantity {
  margin-top: 0;
  color: #898989;
  font-size: 12px;
  font-weight: 400;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-creator-button {
  text-align: center;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-creator-button button.md-button {
  display: inline-block;
  height: 40px;
  min-width: 40px;
  border-radius: 25px;
  background-color: #29ca95;
  padding: 0 10px;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-creator-button button.md-button span {
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
}
#retebio-body #app-layout #matched-ad .view-content .view-ad-creator-button button.md-button i.md-icon {
  color: #fff;
}
#retebio-body #app-layout #matched-ad .view-content .view-document-download {
  margin: 0 -15px;
  width: calc(100% + 30px);
}
#retebio-body #app-layout #matched-ad .view-content .view-document-download a.view-download {
  display: block;
  width: 100%;
  background-color: #e8e8e8;
  padding: 25px 15px;
  text-decoration: none;
}
#retebio-body #app-layout #matched-ad .view-content .view-document-download a.view-download p, #retebio-body #app-layout #matched-ad .view-content .view-document-download a.view-download i.md-icon {
  color: #000;
  margin: 0;
}
#retebio-body #app-layout #matched-ad .view-content .view-company .view-company-info {
  margin-top: 15px;
  margin-bottom: 30px;
}
#retebio-body #app-layout #matched-ad .view-content .view-company .view-company-info p {
  font-size: 14px;
  margin-bottom: 0;
}
#retebio-body #app-layout #matched-ad .view-content .view-company .view-company-info h3.view-company-name {
  border-bottom: none;
  font-size: 25px;
  font-weight: 500;
  line-height: 1em;
  margin: 0;
}
#retebio-body #app-layout #matched-ad .view-content .view-company .view-company-info p.view-company-place i.md-icon {
  color: #898989;
}
#retebio-body #app-layout #matched-ad .view-content .view-company .view-company-info .view-company-vat span {
  font-weight: 500;
  float: right;
}
#retebio-body #app-layout #matched-ad .view-content .view-company .view-company-info .view-company-type span {
  font-weight: 500;
  float: right;
}
#retebio-body #app-layout #matched-ad .view-content .view-company a.view-company-download {
  display: block;
  width: auto;
  background-color: #e8e8e8;
  padding: 25px 15px;
  text-decoration: none;
  margin: 0 -15px;
}
#retebio-body #app-layout #matched-ad .view-content .view-company a.view-company-download p, #retebio-body #app-layout #matched-ad .view-content .view-company a.view-company-download i.md-icon {
  color: #000;
  margin: 0;
}
#retebio-body #app-layout #app-chats .chat-wrapper {
  padding: 15px;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 15px;
  margin: 0 -15px !important;
  max-width: unset;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person.owner {
  background-color: rgba(255, 203, 72, 0.2);
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-avatar .md-avatar {
  width: 60px;
  height: 60px;
  color: #fff;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-avatar .md-badge {
  box-shadow: -1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: #fff;
  width: 24px;
  height: 24px;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p {
  color: #000;
  margin: 0;
  text-align: left;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.view-interested-name {
  font-weight: 500;
  font-size: 14px;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.view-interested-name.no-wrap {
  overflow: auto;
  white-space: normal;
  text-overflow: unset;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type {
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 5px;
  line-height: 1.1em;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type .future-product {
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
  padding: 0 5px 0 0;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type .future-product i.future-product-badge {
  color: #fff;
  border-radius: 50%;
  min-width: 12px;
  width: 12px;
  height: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  display: inline-table;
  vertical-align: top;
  margin-right: 5px;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type.ad-type-sell {
  color: #58DDA4;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type.ad-type-sell .future-product {
  background: #58DDA4;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type.ad-type-sell .future-product i.future-product-badge {
  background: #23ac71;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type.ad-type-buy {
  color: #FFCB48;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type.ad-type-buy .future-product {
  background: #FFCB48;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info p.ad-type.ad-type-buy .future-product i.future-product-badge {
  background: #e1a100;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-info h1.view-interested-ad {
  margin: 0;
  font-weight: 500;
  font-size: 22px;
  overflow: hidden;
  width: 70vw;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-goto {
  text-align: center;
  height: 100%;
}
#retebio-body #app-layout #app-chats .chat-wrapper .view-interested-person .view-interested-person-goto i.md-icon {
  vertical-align: middle;
  height: 100%;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper {
  padding-top: 15px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper h1.section-title {
  padding: 0 15px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 15px 15px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads img.ad-icon {
  border-radius: 5px;
  margin: 10px 0;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads img.ad-icon.type-sell {
  background-color: #58DDA4;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads img.ad-icon.type-buy {
  background-color: #FFCB48;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads div.ad-unread-badge {
  position: absolute;
  top: 0;
  right: -12px;
  background-color: #ff1744;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  box-shadow: -1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads div.ad-unread-badge span {
  vertical-align: middle;
  color: #fff;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p {
  font-size: 14px;
  line-height: 1.1em;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type {
  font-weight: 500;
  font-size: 12px;
  padding-bottom: 5px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type .future-product {
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
  padding: 0 5px 0 0;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type .future-product i.future-product-badge {
  color: #fff;
  border-radius: 50%;
  min-width: 12px;
  width: 12px;
  height: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  display: inline-table;
  vertical-align: top;
  margin-right: 5px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type.ad-type-sell {
  color: #58DDA4;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type.ad-type-sell .future-product {
  background: #58DDA4;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type.ad-type-sell .future-product i.future-product-badge {
  background: #23ac71;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type.ad-type-buy {
  color: #FFCB48;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type.ad-type-buy .future-product {
  background: #FFCB48;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-type.ad-type-buy .future-product i.future-product-badge {
  background: #e1a100;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-published-from {
  font-size: 12px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-published-to {
  font-size: 12px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-interests {
  text-align: center;
  padding: 10px 0;
  background-color: #e8e8e8;
  border-radius: 5px;
  margin-top: 10px;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads p.ad-interests span {
  vertical-align: middle;
}
#retebio-body #app-layout #app-my-ads .my-ads-wrapper article.md-layout-item.component-my-ads h1 {
  margin: 0;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 22px;
}
#retebio-body #app-layout #my-ad .view-header {
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-layout #my-ad .view-header a.back-button {
  text-decoration: none !important;
}
#retebio-body #app-layout #my-ad .view-header a.back-button p {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  padding: 0 5px;
}
#retebio-body #app-layout #my-ad .view-header a.back-button p .md-icon {
  color: #000;
  font-size: 24px !important;
  position: relative;
}
#retebio-body #app-layout #my-ad .view-header a.back-button p span {
  vertical-align: middle;
}
#retebio-body #app-layout #my-ad .view-content {
  /*.view-ad-image-wrapper {
  	padding: 10px 5px 10px 15px;

  	.view-image {
  		width: 100%;
  		height: auto;
  		//background-color: $mainColor;
  		border-radius: 5px;

  		&.type-sell {
  			background-color: $mainColor;
  		}

  		&.type-buy {
  			background-color: $alternateColor;
  		}
  	}
  }*/
}
#retebio-body #app-layout #my-ad .view-content p, #retebio-body #app-layout #my-ad .view-content h1, #retebio-body #app-layout #my-ad .view-content span, #retebio-body #app-layout #my-ad .view-content i {
  color: #000;
  text-align: left;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-image {
  width: 100%;
  min-height: 30vh;
  background-size: cover;
  background-position: center;
  background-color: #e8e8e8;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-image.type-sell {
  background-color: #58DDA4;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-image.type-buy {
  background-color: #FFCB48;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info {
  padding: 5px 15px 5px 5px;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type {
  margin-top: 0;
  font-size: 12px;
  line-height: 1.1em;
  margin-bottom: 5px;
  font-weight: 500;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type .future-product {
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
  padding: 0 5px 0 0;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type .future-product i.future-product-badge {
  color: #fff;
  border-radius: 50%;
  min-width: 12px;
  width: 12px;
  height: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  display: inline-table;
  vertical-align: top;
  margin-right: 5px;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type.sell-ad {
  color: #58DDA4;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type.sell-ad .future-product {
  background: #58DDA4;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type.sell-ad .future-product i.future-product-badge {
  background: #23ac71;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type.buy-ad {
  color: #FFCB48;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type.buy-ad .future-product {
  background: #FFCB48;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-type.buy-ad .future-product i.future-product-badge {
  background: #e1a100;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info h1.view-title {
  font-weight: 500;
  margin: 0 0 10px;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-description {
  word-break: break-word;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-published-to, #retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-published-from {
  font-size: 12px;
  color: #898989;
  margin: 0;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-published-to span, #retebio-body #app-layout #my-ad .view-content .view-ad-info p.view-ad-published-from span {
  font-size: 12px;
  color: #898989;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info .view-ad-interests {
  margin-top: 0;
}
#retebio-body #app-layout #my-ad .view-content .view-ad-info .view-ad-interests span {
  vertical-align: middle;
}
#retebio-body #app-layout #my-ad .view-broadcast {
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-layout #my-ad .view-broadcast .view-interested-send-all {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
}
#retebio-body #app-layout #my-ad .view-broadcast .view-interested-send-all i.md-icon {
  color: #fff;
}
#retebio-body #app-layout #my-ad .view-broadcast .view-interested-send-all span {
  color: #000;
  vertical-align: middle;
}
#retebio-body #app-layout #my-ad .view-tabs .md-tabs {
  -webkit-box-flex: 1;
          flex: 1;
}
#retebio-body #app-layout #my-ad .view-tabs .md-tabs .md-tabs-navigation .md-button:before {
  background-color: transparent;
}
#retebio-body #app-layout #my-ad .view-tabs .md-tabs .md-tabs-navigation .md-button .md-button-content {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
#retebio-body #app-layout #my-ad .view-tabs .md-tabs .md-tabs-navigation .md-button .md-button-content i.badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background-color: #ff1744;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  box-shadow: -1px 1px 5px 2px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 26px;
  color: white;
  font-style: normal;
  font-weight: 400;
}
#retebio-body #app-layout #my-ad .view-tabs .md-tabs .md-tabs-navigation span.md-tabs-indicator {
  width: 35%;
  margin: auto;
  height: 5px;
  border-radius: 2px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info {
  padding: 20px 15px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type {
  font-size: 12px;
  line-height: 1.1em;
  margin-bottom: 5px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type .future-product {
  vertical-align: middle;
  float: right;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
  padding: 0 5px 0 0;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type .future-product i.future-product-badge {
  color: #fff;
  border-radius: 50%;
  min-width: 12px;
  width: 12px;
  height: 12px;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  display: inline-table;
  vertical-align: top;
  margin-right: 5px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type.sell-ad {
  color: #58DDA4;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type.sell-ad .future-product {
  background: #58DDA4;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type.sell-ad .future-product i.future-product-badge {
  background: #23ac71;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type.buy-ad {
  color: #FFCB48;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type.buy-ad .future-product {
  background: #FFCB48;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-type.buy-ad .future-product i.future-product-badge {
  background: #e1a100;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info h1.view-title {
  font-weight: 500;
  line-height: 1em;
  margin: 0;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info h3 {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 16px;
  border-bottom: 1px solid #e8e8e8;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-description {
  font-size: 14px;
  word-break: break-word;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-tags {
  margin: 25px 0 40px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-tags .view-tag {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 5px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 5px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-tags .view-tag.buy-ad {
  background-color: #FFCB48;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-tags .view-tag.sell-ad {
  background-color: #58DDA4;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-tags .view-tag:last-child {
  margin-right: 0;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-published-to {
  font-size: 12px;
  color: #898989;
  margin: 0;
  margin-bottom: 5px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-published-to span {
  font-size: 12px;
  color: #898989;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-code {
  margin: 0;
  margin-bottom: 5px;
  text-align: right;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-code span {
  font-size: 12px;
  color: #898989;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-place {
  font-size: 14px;
  margin-top: 0;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-place i.md-icon {
  font-size: 16px !important;
  color: #898989;
  width: 16px;
  height: 16px;
  min-width: 16px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info p.view-ad-place span {
  color: #898989;
  vertical-align: middle;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-ad-info {
  margin-top: 15px;
  margin-bottom: 15px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-ad-info p {
  font-size: 14px;
  margin-bottom: 0;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-ad-info p span {
  font-weight: 700;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-ad-info .view-ad-partial-quantity {
  margin-top: 0;
  color: #898989;
  font-size: 12px;
  font-weight: 400;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-document-download {
  margin: 0 -15px;
  width: calc(100% + 30px);
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-document-download a.view-download {
  display: block;
  width: 100%;
  background-color: #e8e8e8;
  padding: 25px 15px;
  text-decoration: none;
}
#retebio-body #app-layout #my-ad .view-tabs .view-info .view-document-download a.view-download p, #retebio-body #app-layout #my-ad .view-tabs .view-info .view-document-download a.view-download i.md-icon {
  color: #000;
  margin: 0;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 15px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person .view-interested-person-avatar .md-avatar {
  color: #fff;
  font-size: 18px;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person .view-interested-person-info p {
  color: #000;
  margin: 0;
  text-align: left;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person .view-interested-person-info p.view-interested-name {
  font-weight: 500;
  overflow: hidden;
  max-width: 45vw;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person .view-interested-person-info p.view-interested-company {
  font-size: 14px;
  overflow: hidden;
  max-width: 45vw;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person .view-interested-person-goto {
  text-align: center;
  height: 100%;
}
#retebio-body #app-layout #my-ad .view-tabs .view-interested .view-interested-person .view-interested-person-goto i.md-icon {
  vertical-align: middle;
  height: 100%;
}
#retebio-body #app-layout #app-profile .md-card {
  background-color: #FFCB48;
  background-image: url("../images/app/assets/profile_mask.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  border-radius: 0;
  box-shadow: none;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header {
  margin: 40px 30px 0;
  padding: 0;
  background-color: white;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header .md-card-header-text {
  padding: 20px 15px;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header .md-card-header-text h1 {
  font-weight: 700;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header .md-card-media {
  margin-left: 0;
  padding: 20px 15px;
  height: 100%;
  width: auto;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header .md-card-media .add-badge .md-badge {
  width: 25px;
  height: 25px;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header .md-card-media .add-badge .md-badge div:before {
  content: "\E145";
  font-family: Material Icons;
  font-size: 19px;
  display: block;
  line-height: 19px;
  vertical-align: middle;
  width: 19px;
  height: 19px;
}
#retebio-body #app-layout #app-profile .md-card .md-card-header .md-card-media .md-avatar {
  width: 100%;
  height: auto;
  margin: 0;
}
#retebio-body #app-layout #app-profile #profile-information .md-tabs .md-tabs-navigation .md-button:before {
  background-color: transparent;
}
#retebio-body #app-layout #app-profile #profile-information .md-tabs .md-tabs-navigation .md-button .md-button-content {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
#retebio-body #app-layout #app-profile #profile-information .md-tabs .md-tabs-navigation span.md-tabs-indicator {
  width: 35%;
  margin: auto;
  height: 5px;
  border-radius: 2px;
}
#retebio-body #app-layout #app-profile #profile-information .md-tabs .md-tab {
  padding: 0;
}
#retebio-body #app-layout #app-profile #profile-information .md-tabs .md-tab .md-list-item.company-item {
  padding: 8px 16px;
}
@media (max-width: 960px) {
  #retebio-body #app-layout #app-profile #profile-information .md-tabs .md-tab .md-list-item.company-item {
    padding: 4px 8px;
  }
}
#retebio-body #app-layout #app-profile #personal-data .form-group {
  padding: 15px;
}
#retebio-body #app-layout #app-profile #personal-data .form-group .md-field {
  margin-bottom: 10px;
}
#retebio-body #app-layout #app-profile #personal-data .form-group .md-field .md-icon {
  margin-top: 0;
}
#retebio-body #app-layout #app-profile #personal-data .form-group .save-user {
  margin: 15px 0 40px;
}
#retebio-body #app-layout #app-profile #personal-data .form-group .save-user .md-button-content span {
  color: #fff;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-logout-button, #retebio-body #app-layout #app-profile #personal-data .account-buttons .contact-us-button, #retebio-body #app-layout #app-profile #personal-data .account-buttons .claim-company-button {
  background-color: #e8e8e8;
  padding: 25px 15px;
  text-decoration: none;
  cursor: pointer;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-logout-button p, #retebio-body #app-layout #app-profile #personal-data .account-buttons .account-logout-button i.md-icon, #retebio-body #app-layout #app-profile #personal-data .account-buttons .contact-us-button p, #retebio-body #app-layout #app-profile #personal-data .account-buttons .contact-us-button i.md-icon, #retebio-body #app-layout #app-profile #personal-data .account-buttons .claim-company-button p, #retebio-body #app-layout #app-profile #personal-data .account-buttons .claim-company-button i.md-icon {
  color: #000;
  margin: 0;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-disable-wrapper {
  margin-top: 80px;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-disable-wrapper p {
  font-size: 12px;
  margin: 0 15px;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-disable-wrapper h3 {
  font-size: 16px;
  margin: 0 15px;
  font-weight: 500;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-disable-wrapper .account-disable-button {
  margin-top: 10px;
  background-color: #fe6f5e;
  padding: 25px 15px;
}
#retebio-body #app-layout #app-profile #personal-data .account-buttons .account-disable-wrapper .account-disable-button p {
  font-size: 16px;
  margin: 0;
  color: #fff;
}
#retebio-body #app-layout #app-profile #companies-data ul li.company-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-layout #app-profile #companies-data ul li.company-item:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-layout #app-profile #companies-data ul li.company-item i.md-icon.not-certified {
  color: #FFCB48;
}
#retebio-body #app-layout #bottom-navbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 6;
}
@media (min-width: 961px) {
  #retebio-body #app-layout #bottom-navbar {
    width: calc(0.6 * 100%) !important;
    left: calc(0.2 * 100%) !important;
  }
}
@media (min-width: 1281px) {
  #retebio-body #app-layout #bottom-navbar {
    width: calc(0.5 * 100%) !important;
    left: calc(0.25 * 100%) !important;
  }
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar {
  background-color: #fff;
  box-shadow: none !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item.md-bottom-bar-item-disabled {
  color: #969696 !important;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item.md-bottom-bar-item-disabled .md-bottom-bar-icon, #retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item.md-bottom-bar-item-disabled .md-bottom-bar-label {
  color: #969696 !important;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item .md-bottom-bar-label {
  -webkit-transform: none;
          transform: none;
  font-size: 10px;
  color: #969696;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item .md-bottom-bar-icon {
  color: #969696;
  font-family: "Material Icons Outlined";
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item .badge {
  width: 19px;
  height: 19px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  top: 6px;
  right: 6px;
  background: #ff1744;
  border-radius: 100%;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.05em;
  font-family: "Roboto Mono", monospace;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item .bottom-bar-new-ads-icon {
  position: absolute;
  display: block;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ff1744;
  right: 15px;
  top: 5px;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item:before {
  background-color: #fff;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item.md-active .md-ripple {
  padding-top: 8px;
  -webkit-transition: none;
  transition: none;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item.md-active .md-bottom-bar-icon {
  -webkit-transform: none;
          transform: none;
  color: #58DDA4;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar .md-bottom-bar-item.md-active span:not(.md-ripple-wave) {
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  color: #58DDA4;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar a.md-button {
  min-width: auto;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar a.md-button.bubble-icon {
  min-width: 80px;
}
#retebio-body #app-layout #bottom-navbar .md-bottom-bar a.md-button.bubble-icon i {
  border-radius: 50%;
  position: relative;
}
@media (min-width: 767px) {
  #retebio-body #app-chat {
    min-height: 400px;
  }
}
#retebio-body #app-chat .app-chat-header {
  margin-bottom: 0;
  min-height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper {
  padding: 10px;
  background-color: white;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button {
  font-size: 14px;
  font-weight: normal;
  text-decoration: none !important;
  display: block;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .md-icon {
  color: #000;
  font-size: 24px !important;
  position: relative;
  top: -3px;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .md-avatar-icon {
  color: #fff;
  font-size: 18px;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data {
  color: #000;
  display: inline-block;
  vertical-align: middle;
  width: calc(80vw - 95px);
}
@media (min-width: 601px) {
  #retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data {
    width: calc(80vw - 210px);
  }
}
@media (min-width: 767px) {
  #retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data {
    width: calc(50vw - 140px);
  }
}
@media (min-width: 1281px) {
  #retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data {
    width: calc(40vw - 100px);
  }
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data span {
  vertical-align: bottom;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data .future-product-badge {
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: inline-table;
  text-align: center;
  font-style: normal;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  vertical-align: top;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data .future-product-badge.sell-ad {
  background: #23ac71;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper .back-button .back-button-user-data .future-product-badge.buy-ad {
  background: #e1a100;
}
#retebio-body #app-chat .app-chat-header .app-chat-header-wrapper h2 {
  color: #000;
  margin: 0;
}
#retebio-body #app-chat .app-chat-body {
  background-color: rgba(88, 221, 164, 0.2);
  flex-shrink: 25;
  min-height: calc(100vh - 120px);
  margin-top: 60px;
  padding-bottom: 60px;
}
#retebio-body #app-chat .app-chat-body .app-chat-content {
  padding-top: 10px;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper {
  padding: 5px 10px;
  float: none;
  opacity: 0;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper.show-message {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper.showing-messages:last-child {
  opacity: 0;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message {
  max-width: 70%;
  border-radius: 10px;
  padding: 5px 10px;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message.your {
  float: right;
  background-color: #9DEBCA;
  border-bottom-right-radius: 0;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message.others {
  float: left;
  background-color: #fff;
  border-bottom-left-radius: 0;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-image {
  margin-bottom: 5px;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-file {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 15px 10px;
  border-radius: 5px;
  margin-bottom: 5px;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-file a {
  color: #000;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-text {
  font-size: 24px;
  line-height: 30px;
  word-break: break-all;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-text a {
  color: #2185d0;
  text-decoration: underline;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-text a span {
  color: #2185d0;
}
#retebio-body #app-chat .app-chat-body .app-chat-content .app-chat-message-wrapper .app-chat-message .app-chat-message-time {
  font-size: 12px;
  color: #898989;
  float: right;
}
#retebio-body #app-chat .app-chat-actions {
  min-height: 60px;
  position: fixed;
  bottom: 0;
  z-index: 5;
  width: 100%;
}
#retebio-body #app-chat .app-chat-actions .app-chat-actions-wrapper {
  padding: 5px 10px;
  background-color: #fff;
}
#retebio-body #app-chat .app-chat-actions .app-chat-input {
  margin: 5px auto;
  padding: 2px 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  min-height: 36px;
  display: block;
  width: 90%;
}
#retebio-body #app-chat .app-chat-actions .app-chat-input:before, #retebio-body #app-chat .app-chat-actions .app-chat-input:after {
  display: none;
}
#retebio-body #app-chat .app-chat-actions .app-chat-input .md-textarea {
  max-height: 100px;
  padding: 5px 0;
  width: 100%;
}
#retebio-body #app-chat .app-chat-actions .app-chat-send, #retebio-body #app-chat .app-chat-actions .app-chat-media {
  min-width: 40px;
}

/*
 ********** NON APP PAGES *****
 */
#retebio-non-app #web-header-phone {
  min-height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#retebio-non-app #web-header-phone .logo {
  max-width: 180px;
  display: block;
  text-align: left;
  padding: 18px 20px;
}
#retebio-non-app #web-header-phone .logo img {
  max-height: 25px;
  vertical-align: bottom;
}
#retebio-non-app .retebio-content {
  padding: 15px;
}
#retebio-non-app .retebio-content h1, #retebio-non-app .retebio-content h2, #retebio-non-app .retebio-content h3, #retebio-non-app .retebio-content p {
  color: #000;
}
#retebio-non-app .retebio-content h1.heading-1 {
  font-weight: 600;
}
#retebio-non-app .retebio-content p.paragraph-1 {
  text-align: left;
  font-size: 1em;
  line-height: 1.2em;
}