@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100..900&display=swap');

:root {
  --font_1: "Raleway", "Roboto", sans-serif;
  --color_black: #393939;
  --color_gray: #ccc3bc;
  --color_1: #89523D;
  --color_2: #f8f2ef;
  --gradient_black: linear-gradient(120deg, rgba(55, 55, 57, 1) 0%, rgba(16, 16, 18, 1) 100%);
  --gradient_gray: linear-gradient(120deg, rgba(204, 195, 188, 1) 0%, rgba(163, 148, 136, 1) 100%);
  --gradient_brown: linear-gradient(120deg, rgba(135, 94, 78, 1) 0%, rgba(163, 116, 98, 1) 50%, rgba(129, 82, 65, 1) 100%);
}


@media (max-width: 480px) {

  .main-page-block.medium-width .container {
    margin-left: 0;
    margin-right: 0;
  }
}

html {
  height: auto;
}

body {
  min-height: 100vh;
  height: auto;
}

html {
  height: auto;
}

body {
  min-height: 100vh;
  height: auto;
}

.xdget-root {
  padding-bottom: 200px;
}

@media (max-width: 480px) {
  .xdget-root {
    padding-bottom: 80px;
  }
}

.main-page-block {
  padding: 0;
}

.chatium_body {
  padding: 0 15px;
}

.row h3 {
  padding: 0;
}


.content-menu {
  border: none;
}

.breadcrumbs,
.breadcrumb,
.breadcrumbs a,
.breadcrumb a,
.content-menu a {
  color: #393939;
}


.page-header .btn {
  border: none;
}

.page-header .btn.btn-success {
  background-color: var(--color_1);

}


.page-header h1 {
  color: var(--color_black);
  font-family: var(--font_1);
}

.page-header h1 a {
  color: var(--color_black);
  text-decoration: none;
  transition: color .4s ease;
}

.page-header h1 a:hover {
  color: #89523d;
  transition: color .4s ease;
}

.page-header {
  border: 0;
}


.page-header button.btn.btn-primary {
  background: var(--color_1);
}

@media (max-width: 767px) {
  .page-header h1 {
    font-size: 24px;
    margin-right: 0;
  }
}



/* chatium_body */
/* mode-selector */
.mode-selector {
    border-color: var(--color_1);
}

.mode-selector .link.active {
    background: var(--color_1);
}

.mode-selector .link {
    color: #111111;
    border-right: 1px solid var(--color_1);
}

/* / mode-selector */

body.chatium_body > div > div[style*=flex-grow] > a {
    color: #838383;
}