/* variables */
:root {
  --header-height: 64px;
  --header-bgcolor: #494846; /*#252222;*/
  --footer-bgcolor: #242424;
  --avatar-bgcolor: #9ac4f8;
  --nav-width: 256px;
  --nav-small-width: 80px;
  --left-right-padding: 80px;
  --nav-bgcolor: #494846; /*#666966*/
  --nav-link-color: #fff;
  --nav-active-color: #fff5b2;
  --main-bgcolor: #f8f8f8;
  --main-bgcolor-gradient: #ffffff;
  --main-border-color: #d2d2d0;
  --main-font-color: #1d1d1d;
  --nav-font-color: #232323;
  --nav-hover-font-color: #000000;
  --border-color: #2b3a67;
  --border-radius: 8px;
  --button-color: #999896;
  --color-info: #029dfc;
  --color-alert: #de41a1;
  --color-error: #c91b1f;
  --color-warning: #ffde05;
  --color-success: #5cac69;
  --color-bg-info: #b3e1fe;
  --color-bg-alert: #f5c6e3;
  --color-bg-error: #efbabb;
  --color-bg-warning: #fff5b4;
  --color-bg-success: #cee6d2;
  --color-disabled: #aeaeae;
  --color-chips: #aeaeae;
  --table-border: #d9d8d6;
  --table-background-color: #f8f8f4;
  --table-background-hover-color: #f0f3f1;
  --table-header-color: #fff;
  --dashboard-block-color: #f4f3f0;
  --tab-inactive-color: #f0f3f1;
  --input-background-color: #ffffff;
  --input-border-color: #b2b3b0;
  --swiper-theme-color: #0B0B0B;
}


@media only screen and (max-width: 1000px) {
:root {
  --header-height: 64px;
  --header-bgcolor: #494846; /*#252222;*/
  --footer-bgcolor: #242424;
  --avatar-bgcolor: #9ac4f8;
  --nav-width: 256px;
  --nav-small-width: 80px;
  --left-right-padding: 30px;
  --nav-bgcolor: #494846; /*#666966*/
  --nav-link-color: #fff;
  --nav-active-color: #fff5b2;
  --main-bgcolor: #f8f8f8;
  --main-bgcolor-gradient: #ffffff;
  --main-border-color: #d2d2d0;
  --main-font-color: #1d1d1d;
  --nav-font-color: #232323;
  --nav-hover-font-color: #000000;
  --border-color: #2b3a67;
  --border-radius: 8px;
  --button-color: #999896;
  --color-info: #029dfc;
  --color-alert: #de41a1;
  --color-error: #c91b1f;
  --color-warning: #ffde05;
  --color-success: #5cac69;
  --color-bg-info: #b3e1fe;
  --color-bg-alert: #f5c6e3;
  --color-bg-error: #efbabb;
  --color-bg-warning: #fff5b4;
  --color-bg-success: #cee6d2;
  --color-disabled: #aeaeae;
  --color-chips: #aeaeae;
  --table-border: #d9d8d6;
  --table-background-color: #f8f8f4;
  --table-background-hover-color: #f0f3f1;
  --table-header-color: #fff;
  --dashboard-block-color: #f4f3f0;
  --tab-inactive-color: #f0f3f1;
  --input-background-color: #ffffff;
  --input-border-color: #b2b3b0;
  --swiper-theme-color: #0B0B0B;
}
}