:root {
  --mdc-theme-primary: #29606e;
  --mdc-theme-secondary: #29606e;
  --mdc-theme-on-primary: #fff;
  --mdc-theme-on-secondary: #fff;
}

body {
    padding: 0px;
    text-align: center;
    margin: 0px auto;
    background-color: #394854;
    color: #fff;
}


.content {
    padding-top: 72px;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.container {
    display: flex;
    max-width: 95%;
    border-radius: 3px;
}

.message {
    padding: 5px;
    overflow-x: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.message::-webkit-scrollbar {
  display: none;
}

.my-card-content {
  padding: 16px;
}

.my-card {
  min-width: 350px;
  margin-top: 20px;
}

.my-card__title {
    color: black;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: Roboto, sans-serif;
    font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
    font-size: 1.25rem;
    font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
    line-height: 2rem;
    line-height: var(--mdc-typography-headline6-line-height, 2rem);
    font-weight: 500;
    font-weight: var(--mdc-typography-headline6-font-weight, 500);
    letter-spacing: 0.0125em;
    letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
    text-decoration: inherit;
    -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
    text-transform: inherit;
    text-transform: var(--mdc-typography-headline6-text-transform, inherit);
}

.disable {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color:#000;
    opacity: .75;
    z-index: 9999999;
}

.disable_content {
//  background: orange;
//  width: 200px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
}