@import "../project/web/css/gisp.css";
@import "../project/web/css/uikit.css";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Outlined");

/* VARIABLES */
:root {
  --main-font-size: 14px;
  --main-font-family: "Montserrat";
  --second-font-family: "Montserrat";
  --main-color: #f7941d; /* promo color */
  --hover-color: #f08a0d; /* promo color */
  --bgmain-color: #f47a5525;
  --dark-bg: #2a2a2e;
  --page-pagging: 25px;

  --success-color: #02aa77;
  --primary-bg-color: #3e66f3;
  --body-bg-color: #e6e6e6;

  --header-height: 70px;
  --header-icon-size: 50px;
  --header-bg: #fff;

  --sidebar-bg: var(--white);
  --sidebar-width: 310px;
  --sidebar-width-small: 68px;
  --sidebar-menu-color: #4a4a4a;
  --sidebar-menu-iconcolor: #4a4a4a;
  --sidebar-menu-color-hover: var(--main-color);
  --sidebar-menu-color-active: var(--main-color);
  --sidebar-menu-size: 120%;
  --sidebar-dropmenu-size: 90%;

  --scroll-bg: #f6f6f6;

  --radius: 16px;

  --color-black: #373737;
  --color-bg-lgrey: #fff8ec;

  --blue: #1b6fc6;
  --lightblue: #3e66f34d;
  --bgblue: #1b6fc625;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --bgpurple: #6f42c125;
  --pink: #e83e8c;
  --bgpink: #e83e8c25;
  --red: #dc3202;
  --orange: #fd7e14;
  --yellow: #fcb635;
  --green: #02aa77;
  --bggreen: #28a74525;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #e6e6e6;
  --bggray: #6c757d25;
  --lightgray: #e6e6e6;
  --gray-dark: #4a4a4a;
  --black: #373737;
  --silver: #e6e6e6;
  --gold: #f7941d;
  --bronze: #eb711d;

  --primary: #11305d;
  --secondary: #6c757d;
  --success: #02aa77;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3202;

  --primary-light: #11305d33;
  --secondary-light: #6c757d33;
  --success-light: #00bc8b33;
  --info-light: #17a2b833;
  --warning-light: #ffc10733;
  --danger-light: #dc354533;

  --light: #f8f9fa;
  --dark: #343a40;

  --padding: 15px;
  --padding-small: 7px;

  --container: 1280px;
}

.sb_close .project-username {
  display: none;
}
.sb_close .project-avatar {
  margin-left: -11px;
  margin-right: -11px;
}

@media only screen and (max-width: 1280px) {
  :root {
    --main-font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --main-font-size: 12px;
  }
  :root {
    --sidebar-width-small: 0px;
  }
  .sb_close .project-avatar {
    display: none !important;
  }
}

/* abstract */
._padding {
  padding: var(--padding);
}

/* uikit */
.uk-grid-medium {
  margin-left: calc(-1 * var(--padding));
}
.uk-grid-medium > * {
  padding-left: var(--padding);
}
.uk-grid-medium + .uk-grid-medium,
.uk-grid-medium > * > .uk-panel + .uk-panel,
.uk-grid-medium > .uk-grid-margin {
  margin-top: var(--padding);
}

/* flex */
.align-items-start {
  align-items: flex-start !important;
}
.align-content-between {
  align-content: space-between !important;
}
.justify-content-between {
  justify-content: space-between !important;
}

/* fonts */
.fs-18 {
  font-size: 18px !important;
}
.fs-24 {
  font-size: 24px !important;
}
.fs-26 {
  font-size: 26px !important;
}
.fs-32 {
  font-size: 32px !important;
}

.uk-color-blue {
  color: var(--blue);
}
.uk-color-gray {
  color: var(--gray-dark);
}
.uk-text-underline {
  text-decoration: underline;
}

.uk-badge-blue {
  background: var(--blue);
}
.uk-badge {
  border-radius: 30px;
  padding: 3px 11px;
}

.md-layout {
  max-width: 1200px;
}
#page_content_inner {
  height: 100%;
}

#style_switcher_toggle {
  top: 80px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--main-font-family);
  text-transform: uppercase;
  line-height: 1em;
}

[data-sort-block] {
  padding: var(--m2);
  background: #fff;
  border-radius: var(--radius);
}
/* COMMON */

body {
  font-family: var(--main-font-family);
  font-size: var(--main-font-size);
  background: var(--body-bg-color);
}
html {
  padding: 0 !important;
}
hr.uk-dashed {
  border-top: 1px dashed #ddd;
}

._opacity {
  opacity: 0.3;
}

/**
  SIDEBAR
**/
/* размеры и фон */
body #sidebar_main {
  border: none;
  background-color: var(--sidebar-bg);
  width: var(--sidebar-width);
  transition__: width 0.2s linear;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  overflow-x: visible;
  position: relative;
}

body.sb_close #sidebar_main {
  width: 0;
}
body.sb_close.sb_mini #sidebar_main {
  width: var(--sidebar-width-small);
}

/**
 * SIDEBAR
 **/

/* размеры и фон */
body #sidebar_main {
  max-width: 270px;
  border: none;
  background-color: var(--sidebar-bg);
  width: var(--sidebar-width);
  transition__: width 0.2s linear;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  overflow-x: visible;
  position: relative;
  z-index: 1111;
}

body.sb_close #sidebar_main {
  width: 0;
}

body.sb_close.sb_mini #sidebar_main {
  width: var(--sidebar-width-small);
}

#sidebar_main_toggle svg {
  transition: transform 280ms;
}
body.sb_close #sidebar_main_toggle svg {
  transform: rotate(-180deg);
}

body.sb_close aside {
  overflow: hidden !important;
}

body.sb_close.sb_mini #sidebar_main a span,
body.sb_close.sb_mini #sidebar_main ul li ul,
body.sb_close.sb_mini #sidebar_main a:before {
  display: none !important;
}

body.sb_close.sb_mini #sidebar_main a span.menu_icon {
  display: block !important;
}

@media only screen and (max-width: 768px) {
  .wrapper {
    width: 200%;
  }

  body.sb_close .wrapper {
    width: 100%;
  }
}

/* меню тексты */
#sidebar_main .menu_section > ul > li ul a {
  padding: 0px 15px 0 30px !important;
  position: relative;
}

#sidebar_main .menu_section > ul > li ul a i {
  margin: 0 7px;
}
#sidebar_main .menu_section ul li ul {
  margin: 0 0 0 15px;
  border-left: 1px dashed var(--sidebar-menu-iconcolor);
}
#sidebar_main .menu_section > ul > li {
  padding: 5px;
  border-radius: 9px;
}
#sidebar_main .menu_section > ul > li ul {
  margin-top: var(--margin);
}
#sidebar_main .menu_section > ul > li:hover {
  background: #fff8ec;
}
#sidebar_main .menu_section > ul > li ul > li > a:hover {
  color: var(--sidebar-menu-color-active);
}
#sidebar_main .menu_section > ul > li ul a:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 15px;
  height: 1px;
  border-bottom: 1px dashed var(--sidebar-menu-iconcolor);
  content: "";
}
#sidebar_main .menu_section a {
  padding: 0 15px 0 0 !important;
  white-space: nowrap;
  display: flex !important;
  align-items: flex-start !important;
  gap: var(--padding);
}
#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
  content: "\e5e1";
  font-size: 14px;
  transform: rotate(90deg);
  color: var(--black-color);
  top: calc(50% - 9px);
}
#sidebar_main .menu_section > ul > li.submenu_trigger:hover > a:before {
  color: var(--main-color);
}

#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a:before {
  transform: rotate(-90deg);
}
#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
  right: 0px;
}
#sidebar_main .menu_section a span {
  white-space: normal;
}
#sidebar_main .menu_icon {
  width: 32px; /* под логотип */
  text-align: center;
  flex-shrink: 0;
  flex-grow: 0;
}
#sidebar_main .menu_title {
  padding-top: 2px;
}
#sidebar_main .menu_icon svg {
  max-width: 24px;
}
#sidebar_main .menu_icon svg path {
  fill: var(--sidebar-menu-iconcolor);
}
#sidebar_main a:hover .menu_icon svg > path {
  fill: var(--sidebar-menu-color-hover);
}
#sidebar_main a {
  font-size: var(--sidebar-menu-size);
}

#sidebar_main li li a {
  font-size: var(--sidebar-dropmenu-size);
}

#sidebar_main a,
#sidebar_main i {
  color: var(--sidebar-menu-color);
}

#sidebar_main .menu_section > ul li.current_section > a,
#sidebar_main .menu_section li.current_section > a i,
#sidebar_main .act_item > a,
#sidebar_main .act_item > a i {
  color: var(--sidebar-menu-color-active);
}
#sidebar_main .menu_section > ul > li.current_section > a svg > path {
  fill: var(--sidebar-menu-color-active);
}

#sidebar_main hr {
  border-color: var(--sidebar-menu-iconcolor);
}

#sidebar_main
  .menu_section
  > ul
  > li.submenu_trigger
  li.submenu_trigger
  > a:after {
  right: 0;
  top: 7px;
  content: "\e5e1";
  left: unset;
  font-family: "Material Icons";
  display: block;
  color: var(--sidebar-menu-color);
  transition: transform 280ms;
}

#sidebar_main
  .menu_section
  > ul
  > li.submenu_trigger
  li.submenu_trigger.act_section
  > a:after {
  transform: rotate(90deg);
}

#sidebar_main .menu_section > ul > li > ul > li > ul {
  margin-left: 30px !important;
}

/* SIDEBAR SECONDARY */

#sidebar_secondary {
  top: 0;
}
#sidebar_secondary_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1103;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.sidebar_secondary_active #sidebar_secondary_overlay {
  opacity: 1;
  pointer-events: all;
}

/* INPUTS */
.md-input,
.selectize-input {
  border: 1px solid var(--body-bg-color);
  height: 45px;
  border-radius: var(--radius) !important;
}
.md-input::-webkit-input-placeholder {
  color: var(--color-lgrey) !important;
}
.md-input::-moz-placeholder {
  color: var(--color-lgrey) !important;
}
.md-input:-ms-input-placeholder {
  color: var(--color-lgrey) !important;
}
.md-input::-ms-input-placeholder {
  color: var(--color-lgrey) !important;
}
.md-input::placeholder {
  color: var(--color-lgrey) !important;
}
.md-input:focus {
  border: 1px solid var(--main-color) !important;
}
input[readonly],
input[disabled] {
  cursor: default;
}
.md-input.md-input-flat {
  border-style: none none solid none !important;
  border-radius: 0 !important;
}
.md-input::-webkit-input-placeholder {
  color: var(--color-lgrey);
}
.md-input::-moz-placeholder {
  color: var(--color-lgrey);
}
.md-input:-ms-input-placeholder {
  color: var(--color-lgrey);
}
.md-input::-ms-input-placeholder {
  color: var(--color-lgrey);
}
.md-input::placeholder {
  color: var(--color-lgrey);
}

/* SELECTIZE */
.selectize-no-bg .selectize-input.full {
  background: transparent;
}
.selectize-control.single .selectize-input.input-active {
  border: 1px solid var(--main-color) !important;
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.selectize-control.single .selectize-input:after {
  color: var(--main-color);
}
.selectize-control.multi .selectize-input > div {
  background: var(--color-white);
  border: 1px solid var(--main-color);
  border-radius: var(--margin);
}
.selectize-control.single .selectize-input {
  border-radius: 4px;
  box-sizing: border-box;
  border-width: 1px;
  padding: 0px 16px;
  height: 45px;
  display: flex;
}

.selectize-dropdown .active {
  background: #fff8ec;
}
#lightform {
  background: white;
  border-radius: var(--radius);
  padding: 0 16px 16px 16px;
}

.uk-accordion-title {
  background: none;
}
.uk-badge {
  background: var(--main-color);
}


.selectize-control.single .selectize-input .item {
  font-size: 15px;
  line-height: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 93%;
}

.md-input-filled:has("input[readonly]"):after {
  position: absolute;
  right: 8px;
  top: 9px;
  content: "\e313";
  font-family: "Material Icons";
  font-size: 18px;
  display: block;
  color: #727272;
  transition: transform 280ms;
}

/* ACCORDINGS */
.uk-accordion-title {
  font-size: 100%;
  font-weight: 600;
}

/***************************************************************************************
  TABLES
*/
[data-filter-start]:hover span,
[data-filter-start]:hover i {
  color: var(--hover-color);
}
.uk-table tbody tr {
  border-top: 1px solid #8c94a54d;
}
.uk-table tbody tr:last-child {
  border-bottom: 1px solid #8c94a54d;
}
.uk-table thead tr:first-child {
  box-shadow: unset;
}
.uk-table-striped tbody tr:nth-of-type(odd) {
  background: transparent !important;
}
.uk-table {
  margin-bottom: 0;
}

.lu .cke_chrome {
  box-shadow: inset 0 1px 5px #eee;
  border: 1px solid #ccdde6 !important;
  border-radius: 4px;
}
.lu .cke_top {
  background-image: none;
  background-color: transparent;
  border: none;
  margin-bottom: 10px;
  box-shadow: 0 2px 5px rgb(0 0 0 / 12%);
}
.lu .cke_bottom,
.lu .cke_reset {
  background-image: none;
  background-color: transparent;
  border: none;
}

.lu .cke_reset_all * {
  font-family: var(--main-font-family);
}
.lu .cke_toolgroup,
.lu .cke_combo_button {
  background-image: none;
  background-color: var(--body-bg-color);
  border-radius: 4px;
  border: 1px solid #ccdde6 !important;
}
.lu .cke_reset_all,
.lu .cke_reset_all * {
  font-family: var(--main-font-family) !important;
}
a.cke_button_off:hover,
a.cke_button_off:focus,
a.cke_button_off:active,
a.cke_button_disabled:hover,
a.cke_button_disabled:focus,
a.cke_button_disabled:active {
  background: var(--color-bg-blue) !important;
}
.cke_combo_off a.cke_combo_button:hover,
.cke_combo_off a.cke_combo_button:focus {
  background: var(--color-bg-blue) !important;
}

.md-user-image:hover {
  box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}

/* fullcalendar */
.fc-day-grid-event .fc-content {
  white-space: normal;
  overflow: visible;
}
.fc-event {
  background: none;
  padding: 6px;
}
.fc-basic-view .fc-body .fc-row {
  min-height: -webkit-fit-content !important;
  min-height: -moz-fit-content !important;
  min-height: fit-content !important;
  height: 100% !important;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: relative;
}
.fc-content-skeleton {
  min-height: 4em;
}
.fc-scroller {
  min-height: 600px;
}

.switcher_app_themes li.switcher_theme_nkab .app_color_accent {
  background: #000000;
}
.switcher_app_themes li.switcher_theme_nkab .app_color_main {
  background: #999999;
}

#header_main .uk-navbar-nav.user_actions {
  margin-left: 260px;
  display: flex;
  align-items: center;
  height: 100%;
  float: right;
}
a > span.uk-badge-circle {
  position: relative;
  top: -14px;
  left: -16px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
}

#header_main .uk-navbar .uk-navbar-nav > li > a.md-header-link > span {
  color: #d1d4d3;
}

header .md-user-image {
  height: var(--header-icon-size);
  width: var(--header-icon-size);
  border: 1px solid #eee;
}

.uk-alert.uk-alert-success {
  background: var(--success);
}
.uk-alert.uk-alert-warning {
  background: var(--warning);
}
.uk-alert.uk-alert-danger {
  background: var(--danger);
}
.uk-alert.uk-alert-primary {
  background: var(--primary);
}
/* STATUS COLORS */
.uk-text-primary {
  color: var(--primary) !important;
}
.uk-text-danger {
  color: var(--danger) !important;
}
.uk-text-success {
  color: var(--success) !important;
}
.uk-text-warning {
  color: var(--warning) !important;
}

.uk-progress-success {
  background: var(--success-light);
}
.uk-progress-warning {
  background: var(--warning-light);
}
.uk-progress-danger {
  background: var(--danger-light);
}

.uk-progress-success .uk-progress-bar {
  background: var(--success);
}
.uk-progress-warning .uk-progress-bar {
  background: var(--warning);
}
.uk-progress-danger .uk-progress-bar {
  background: var(--danger);
}

.uk-progress-bar,
.uk-progress {
  border-radius: 5px;
}

/* BUTTONS */

/* BADGES */

.uk-pagination > li > a,
.uk-pagination > li > span {
  border-radius: var(--margin);
}
.uk-pagination > li.uk-active > a,
.uk-pagination > li.uk-active > span {
  background: var(--color-bg-lgrey);
  color: var(--main-color);
  font-weight: 800;
}
.uk-pagination > li.uk-active > a,
.uk-pagination > li.uk-active > span,
.uk-pagination > li.uk-active > a:hover,
.uk-pagination > li.uk-active > span:hover {
  color: var(--main-color);
}
.uk-pages .material-icons {
  color: var(--main-color);
}
.uk-subnav-pill > .uk-active > * {
  background: var(--main-color);
}

/* tabs */
.uk-tab {
  overflow: visible !important;
  /*background: #f5f5f5;*/
  border-bottom: 1px solid var(--color-lgrey);
  li {
    a {
      color: var(--color-grey);
      position: relative;
      padding: 12px 24px;
      margin: 0 !important;
      bottom: -2px;
    }
    &:hover {
      background-color: #e9e9e9;
    }
    &.uk-active {
      background: #fff;
      a {
        outline: 0;
        color: var(--color-black);
        border-bottom: 2px solid var(--main-color);
      }
    }
  }
}

/*.uk-tab:after, .uk-tab:before {display: none !important}*/
/*.uk-tab > li {}*/
/*  .uk-tab > li > a {  }*/
/*    .uk-tab>li.uk-open, .uk-tab>li.uk-active { outline: 0; color: var(--color-black); border-bottom: 2px solid var(--color-blue); }*/
/*    .uk-tab>li:hover {background-color: #e9e9e9;}*/

#header_main {
  background: var(--header-bg);
}
.lu.header_double_height:after {
  background: var(--main-color);
}
#top_bar .top_bar_nav > li > a:hover {
  box-shadow: inset 0 -3px 0 var(--main-color);
}
#top_bar .top_bar_nav > li.uk-active a {
  box-shadow: inset 0 -3px 0 var(--main-color);
}
.user_heading {
  background: #303f9f;
}
.timeline_item {
  padding-top: 23px !important;
}

#header_main {
  height: var(--header-height);
}
.header_main_content {
  height: 100%;
}
#header_main .uk-navbar {
  border-radius: 0;
  height: 100%;
}

#header_main .uk-navbar .uk-navbar-nav > li > a {
  /*height: auto;*/
  /*line-height: 1.3;*/
  color: var(--main-color);
  font-size: 10px;
  font-weight: bold;
  padding-left: 0;
  /*line-height: normal;*/
  height: auto;
  margin-left: 0;
}
#header_main .uk-navbar .uk-navbar-nav > li > a.md-header-link > span {
  display: none;
}

#header_main .sSwitch {
  margin-top: 16px;
}

#header_main .user_actions .user_action_icon > .uk-badge {
  /*  position: static;
    color: #000;
    background: transparent;*/
}

.main_logo_top {
  padding: 0;
}

@media only screen and (min-width: 1220px) {
  .sidebar_main_open #sidebar_main {
    transform: translate3d(0, 0, 0);
  }
  .sidebar_main_active .header_main_left {
    width: var(--sidebar-width);
  }
  .header_main_left {
    width: var(--sidebar-width-small);
  }
  .header_main_right {
    width: calc(100% - var(--sidebar-width));
    float: left;
  }
}

@media only screen and (min-width: 1220px) {
  .sidebar_main_active #footer,
  .sidebar_main_open #footer {
    margin-left: var(--sidebar-width);
  }
}

@media only screen and (min-width: 1220px) {
  .sidebar_main_open #page_content,
  .sidebar_main_active #page_content {
    margin-left: var(--sidebar-width);
  }
}

.clndr .clndr_days .clndr_days_grid .day.today > span {
  background: #e85127;
}
.DTTT_print_info h6 {
  color: #e85127;
}
.fc-unthemed .fc-button.fc-state-active:after {
  color: #e85127;
}
.fc-unthemed .fc-highlight {
  box-shadow: inset 0 0 0 2px #3f51b5, inset 0 -1px 0 2px var(--main-color);
}
.tablesorter-altair tbody > tr.row_highlighted > td {
  background: #e8eaf6;
}

.tablesorter-altair .headerSortUp,
.tablesorter-altair .tablesorter-headerSortUp,
.tablesorter-altair .tablesorter-headerAsc,
.tablesorter-altair .headerSortDown,
.tablesorter-altair .tablesorter-headerSortDown,
.tablesorter-altair .tablesorter-headerDesc {
  color: #e85127;
}
.wizard > .steps {
  background: var(--main-color);
}
.wizard > .steps > ul > li.current a,
.wizard > .steps > ul > li.current a:hover,
.wizard > .steps > ul > li.current a:active {
  background: #606fc7;
}
.wizard > .steps > ul > li.done a,
.wizard > .steps > ul > li.done a:hover,
.wizard > .steps > ul > li.done a:active {
  background: #303f9f;
}
.md-card-primary {
  border-left-color: var(--primary-bg-color);
}
.waves-effect.md-btn-flat-primary {
  background: none;
}
.waves-effect.md-btn-flat-primary .waves-ripple {
  background: rgba(63, 81, 181, 0.4);
}
.search_list_link {
  color: #e85127;
}

.md-card {
  box-shadow: unset;
  border-radius: var(--radius);
}

.md-card-primary,
.md-card-success,
.md-card-danger,
.md-card-warning {
   border-radius: 0;
}


.md-card:hover {
  /* box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.14); */
}
.md-card.md-card-noshadow {
  box-shadow: none;
}
.md-card .md-card-toolbar {
  background: none;
}

.uk-navbar-flip {
  padding-top: 10px;
}

.heading_a {
  font-size: 24px;
  line-height: 28px;
  color: #4a4a4a;
}

.uk-nestable-panel {
  background: #ffffff;
  box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.14);
  border-radius: var(--radius);
  padding: 24px 20px;
}
.uk-nestable-item + .uk-nestable-item {
  margin-top: 15px;
}

.auth-page {
  height: 100vh;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

.auth-page .left_block {
  display: flex;
  flex-basis: 50%;

  align-items: center;
  justify-content: center;
  height: 100%;
  box-shadow: 8px 0px 20px rgba(174, 126, 65, 0.13);
  box-shadow: 8px 0px 20px rgba(174, 126, 65, 0.13);
}
.auth-page .right_block {
  text-align: center;
}

.auth-page .uk-tab > li.uk-active > a {
  border-bottom-color: var(--main-color);
}

.error_page_wrapper {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
  position: relative;
  background: url(/project/web/img/bg404-l.png),
    url(/project/web/img/bg404-r.png);
  background-repeat: no-repeat;
  background-position: 100% 50%, 0 50%;
  background-color: #fff;
}

.error_page_header {
  background: #fff;
  color: var(--main-color);
  font-size: 144px;
  line-height: 166px;
  font-weight: bold;
}

.error_page_content a {
  color: var(--main-color);
}
@media only screen and (max-width: 980px) {
  #header_main {
    position: absolute;
  }
}

[data-uk-dropdown] {
  position: relative;
  display: inline-block;
}

#header_main .uk-dropdown {
  margin-top: 15px;
  max-height: 300px;
  top: 100% !important;
}
#header_main .uk-open > a:after {
  border-bottom-color: #fff;
  transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1104;
}
[data-uk-dropdown] > a:after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  margin-left: -6px;
  z-index: -1;
  transition: all 0.1s ease-in 0s;
}

#header_main .sSwitch:before {
  background: var(--main-color);
}

#header_main .sSwitch .sSwitchIcon,
#header_main .sSwitch .sSwitchIcon:after,
#header_main .sSwitch .sSwitchIcon:before {
  background: var(--main-color);
}

.uk-badge-sup {
  position: relative;
  top: -10px;
  left: -10px;
}

/*COLORS*/
/*.uk-text-warning {*/
/*  color: #ffc107 !important;*/
/*}*/
/*.uk-text-success {*/
/*  color: #008118 !important;*/
/*}*/
/*.uk-text-danger {*/
/*   color: #DB2215 !important;*/
/* }*/
/*.uk-text-primary{color: var(--main-color) !important}*/

.uk-border-success {
  border-color: var(--success) !important;
}
.uk-border-warning {
  border-color: var(--warning) !important;
}
.uk-border-danger {
  border-color: var(--danger) !important;
}

.md-color-blue-grey-300 {
  color: #c3c8c8 !important;
}
.uk-bg-primary {
  background-color: var(--primary-bg-color) !important;
}
.uk-bg-danger {
  background: #f6cece !important;
}
.uk-bg-success {
  background: #cdf2d0 !important;
}
.uk-bg-warning {
  background: #f8e2cd !important;
}

/* TYPOGRAPHY */
.heading_c {
  margin: 0;
  /* font: 800 16px/20px Roboto, sans-serif; */
}

.app-green-thead th {
  background: var(--main-color) 40 !important;
}

.link_to_site {
  width: 100%;
  color: var(--main-color);
  display: block;
  margin-bottom: 20px;
  text-align: center;

  /*margin-left: 100px;*/
  font-size: 11px;
}

a.octo-black-opacity {
  border-bottom: 1px solid;
  padding-bottom: 2px;
  border-color: rgba(0, 0, 0, 0.3);
  line-height: 1.5em;
}

p > span.uk-badge-circle {
  position: relative;
  top: -14px;
  left: -16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #fff;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 11px;
}

tr .hover-show {
  display: none;
}
tr:hover .hover-show {
  display: block;
}
.uk-text-black {
  color: #444 !important;
}
.uk-border-dotted-black {
  border-bottom: 1px solid #4444449c !important;
}
.uk-notify {
  top: calc(var(--header-height) + 15px);
}

/* fullcalendar */
.fc-day-grid-event .fc-content {
  white-space: normal;
  overflow: visible;
}
.fc-event {
  background: none;
  padding: 6px;
}

/* MODAL */
.k-block,
.k-button,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-toolbar,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
  background: none !important;
}

.k-window.k-widget {
  padding-top: 45px !important;
  border-radius: var(--radius);
  overflow: auto;
}
 .k-header {
  border: none !important;
 }
.k-window-title {
  color: var(--color-black) !important;
  font-weight: 600;
  font-size: 1.2em;
}
.k-window-titlebar .k-state-hover {
  background-color: var(--color-bg-lgrey) !important;
  border-color: var(--color-bg-lgrey) !important;
}
.k-content {
  background: #fff;
}
.k-window-titlebar .k-i-maximize {
  background-position: -32px -144px !important;
}
.k-window-titlebar .k-i-close {
  background-position: -32px -16px !important;
}
.k-window-titlebar .k-i-restore {
  background-position: -32px -128px !important;
}
.k-window-titlebar .k-state-hover {
  border: none !important;
}
.k-window-titlebar .k-window-action {
  padding: var(--margin) !important;
}
.k-window-titlebar .k-link {
  border-radius: var(--margin) !important;
}
/* TABLES */

.uk-table-hover tbody tr:hover {
  background: var(--color-bg-lgrey) !important;
}
.uk-table td,
.uk-table th {
  border: 1px solid #eaeaea;
  border-style: none none solid none;
  text-align: left;
}
.uk-table td.uk-padding-remove {
  padding: 0 !important;
}
.uk-table td.uk-padding-bottom-remove {
  padding-bottom: 0 !important;
}
.iradio_md.checked {
  border-color: var(--main-color);
}
.iradio_md.checked:after {
  background: var(--main-color);
}

/** DATE PICKER */
.uk-dropdown.uk-datepicker {
  padding: var(--m2);
  border-radius: var(--m2);
  box-shadow: var(--shadow);
}
.uk-datepicker-nav {
  background: transparent;
}
.uk-datepicker-table a.uk-active {
  color: var(--main-color);
  background-color: unset;
}
.uk-datepicker-table a {
  color: var(--color-black);
}
.uk-datepicker-table a.uk-datepicker-table-muted {
  color: var(--color-lgrey);
}
.uk-datepicker-table a:hover {
  color: var(--color-white);
  background-color: var(--color-black);
}
.uk-datepicker-table th {
  color: var(--color-lgrey);
  text-transform: unset;
}
.uk-datepicker-nav .uk-form-select {
  color: var(--color-blue);
  text-transform: unset;
}
.uk-datepicker-nav a {
  color: var(--color-blue);
  padding: var(--msmall);
  border-radius: var(--margin);
}
.uk-datepicker-nav a:hover {
  background-color: var(--color-bg-lgrey);
  color: var(--color-blue);
}

.radio-toolbar label + input[type="radio"]:checked {
  background: pink !important;
}

.uk-border-primary {
  border-color: var(--primary) !important;
}
.uk-border-3 {
  border-width: 3px;
}

.md-user-letters.md-user-letters-24 {
  line-height: 24px;
  width: 24px;
  height: 24px;
}
.md-user-letters.md-user-letters-9 {
  line-height: 9px;
  width: 9px;
  height: 9px;
}
.uk-text-protherm {
  color: #cc0033;
}
.protherm {
  background: #cc0033 !important;
  color: #fff;
}
.uk-text-vaillant {
  color: #00917e;
}
.vaillant {
  background: linear-gradient(0deg, #005c4c 0.03%, #00917e 99.99%);
  color: #fff;
}

/* INLINE FORM */
[data-inline-form] {
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  width: 250px;
  min-width: 100%;
  z-index: 9999;
  box-sizing: border-box;
}
._large [data-inline-form] {
  width: 400px;
}
[data-inline-form] [data-eresults] {
  max-height: 250px;
  overflow-y: auto;
}
[data-inline-form] [data-item] {
  display: block;
  background: #f5f5f5;
  padding: 5px 8px 5px 8px;
  transition: background 20ms ease-in 0s;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-inline-form] [data-eresults] [data-item] {
  margin-right: 10px;
}
[data-inline-form] [data-item]:hover {
  background: #f0f0f0;
}
.uk-table td[data-editing]._selected {
  background: #0e90d250;
}
[contenteditable] {
  outline: 0px solid transparent;
}

/* TABLE TODO */
@media only screen and (max-width: 980px) {
  /*table, table body, table tr, table td {display: block; width: 100%}*/
  /*table tr {margin-bottom: 15px;}*/
  /*table td {padding-left: 50%; text-align: right; position: relative;}*/
  /*table td:before { content: attr(data-label);  position: absolute; width: 50%; left: 0}*/
}
/*[data-scroller] {*/
/*  overflow-x: auto !important;*/
/*  min-height: 50vh;*/
/*}*/

[name="ava"] {
  opacity: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

[data-avatar]:hover {
}

.md-btn {
  flex-shrink: 0;
  padding: 12px 16px;
}

.dropify-wrapper {
  border: 2px solid transparent;
  border-radius: var(--radius);
  height: 150px;
}
.current-border-right {
  border-right: 5px solid var(--success);
}

/* FORM ARROWS */
.uk-arrow-form .md-btn {
  display: none;
}
.uk-arrow-form ._active .md-btn {
  display: block;
}
.uk-arrow-form > div > * {
  pointer-events: none;
  opacity: 0.3;
}
.uk-arrow-form ._active > * {
  pointer-events: all;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .uk-arrow-form > div > * {
    display: none;
  }
  .uk-arrow-form ._active > * {
    display: block;
  }
}
.uk-grid-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.uk-arrow > div > * {
  color: #fff;
}
.uk-arrow > div {
  background: var(--fill);
  width: var(--w);
  position: relative;
  display: inline-block;
  padding: var(--p) 0;
  opacity: 0.3;
  cursor: default;
}
.uk-arrow > div._current {
  opacity: 1;
  cursor: pointer;
}
.uk-arrow > div:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: var(--a);
  height: 100%;
  background: #fff;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 50%, 0% 0%);
          clip-path: polygon(0% 0%, 0% 100%, 100% 50%, 0% 0%);
}
.uk-arrow > div:first-child:before {
  display: none;
}
.uk-arrow > div:last-child:after {
  display: none;
}
.uk-arrow > div:first-child > i {
  margin-right: calc(var(--a) / 2);
}
.uk-arrow > div:last-child > i {
  margin-left: calc(var(--a) / 2);
}
.uk-arrow > div:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: var(--a);
  height: 100%;
  background: #fff;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 100% 50%, 0% 0%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 100% 50%, 0% 0%);
}

/* для работы нижних логотипов в меню сайдбара */
/*#sidebar_main {padding-bottom: 150px}*/

.header_full #header_main {
  z-index: 1203;
}

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

/* passworm toggle btn*/
.js-password-eye {
  cursor: pointer;
  position: absolute;
  top: 38px;
  right: 13px;
}
.js-password-eye._active {
  opacity: 0.5;
}

/* search toggle btn*/
.js-search {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 13px;
}
.js-search._active {
  opacity: 0.5;
}

/* checkbox */
.icheckbox_md {
  border: 1px solid var(--color-lgrey);
  border-radius: 1px;
}
.icheckbox_md.checked:after,
.icheckbox_md.disabled:after {
  left: -1px;
  top: -4px;
}
.icheckbox_md.hover.checked,
.icheckbox_md.checked {
  background: var(--main-color);
  border-color: var(--main-color);
}
.text-color-blue .icheckbox_md.hover.checked,
.text-color-blue .icheckbox_md.checked {
  background: var(--color-blue);
  border-color: var(--color-blue);
}
.text-color-promo {
  color: var(--main-color);
}

.svg-icon svg {
  width: 18px;
  height: 18px;
}
.svg-icon svg > * {
  fill: inherit;
}

/* flex  */
.uk-flex-between {
  justify-content: space-between !important;
}

/* scrolls */

@media only screen and (max-width: 767px) {
  #sidebar_main .menu_section > ul > li > a {
  }
}

.ttable--head.uk-active {
  box-shadow: 0px 6px 14px rgb(0 0 0 / 14%);
  overflow: hidden;
}
.ttable-wrapper {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  padding-right: 0 !important;
  overflow-x: auto;
}
.ttable-wrapper::-webkit-scrollbar {
  width: 0;
  height: var(--padding);
}
.ttable-wrapper::-webkit-scrollbar-thumb {
  height: 2px;
  background: var(--blue);
  border: 6px solid transparent;
  background-clip: padding-box;
  border-style: solid none !important;
}
.ttable-wrapper::-webkit-scrollbar-thumb:hover {
  border-width: 3px;
  border-radius: 6px;
}
.ttable-wrapper::-webkit-scrollbar-track {
  background: transparent;
  height: 3px;
  border: 6px solid transparent;
}
.ttable-wrapper:hover::-webkit-scrollbar-track {
  background: var(--lightblue);
  height: 3px;
  border: 6px solid #fff;
}
.ttable-wrapper._scroll--white::-webkit-scrollbar-track {
  border: 6px solid white;
}

/* SCROLLS */
._scroll {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  padding-right: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
}
._scroll::-webkit-scrollbar {
  width: var(--padding);
  height: 0px;
}
._scroll:hover::-webkit-scrollbar-thumb {
  background: var(--gray-dark);
  border: 6px solid transparent;
  background-clip: padding-box;
  border-radius: 5px;
}
._scroll::-webkit-scrollbar-thumb {
  background: transparent;
  border: 6px solid transparent;
  background-clip: padding-box;
  border-radius: 40px;
}
._scroll::-webkit-scrollbar-thumb:hover {
  border-width: 3px;
  border-radius: 40px;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
._scroll::-webkit-scrollbar-track {
  background: transparent;
  width: 3px;
  border: 6px solid var(--body-bg-color);
}
._scroll:hover::-webkit-scrollbar-track {
  background: transparent;
  width: 3px;
  border: 6px solid var(--body-bg-color);
}
._scroll._scroll--white::-webkit-scrollbar-track {
  border: 6px solid transparent;
}
/*._scroll::-webkit-scrollbar-track-piece:decrement {background-color: var(--lightblue); border: 6px solid var(--body-bg-color); }*/
/*._scroll::-webkit-scrollbar-track-piece:increment {background-color: var(--lightblue); border: 6px solid var(--body-bg-color); }*/
._scroll::-webkit-scrollbar-button:decrement:start,
._scroll::-webkit-scrollbar-button:increment:start,
._scroll::-webkit-scrollbar-button:decrement:end,
._scroll::-webkit-scrollbar-button:increment:end {
  display: none;
}

/* components */
.circle-progress {
  box-sizing: border-box;
  position: relative;
  width: var(--size);
  height: var(--size);
  padding: calc(var(--depth) * 2);
  display: inline-block;
  flex-shrink: 0;
}
.circle-progress img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.circle-progress svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
}
.circle-progress svg > .percent {
  transition: stroke-dashoffset 1s linear;
  stroke-dashoffset: var(--dash);
}
.circle-progress div {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  justify-content: center;
  align-items: center;
  font-size: calc(var(--size) / 4);
  font-weight: bold;
}

.donut-sign {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--s);
  height: var(--s);
  border-radius: 50%;
  flex-shrink: 0;
}
.donut-sign > div {
  width: calc(var(--s) - var(--w));
  height: calc(var(--s) - var(--w));
  border-radius: 50%;
  background: var(--b);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* tables */
.ttable--head > div {
  font-weight: 600;
}
.ttable--row > div {
  border-bottom: 1px dashed #00000010;
}

.uk-margin-small-between + .uk-margin-small-between {
  margin-top: 7px;
}
.dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: var(--b);
}
.peity > svg {
  width: 100%;
  height: 100%;
}

[data-field-error] {
  display: none;
}

@media only screen and (max-width: 768px) {
  :root {
    --padding: 7px;
    --sidebar-width: 100vw;
  }
  .mob_bg0 {
    background: transparent;
  }
  .mob_shadow0 {
    box-shadow: none;
  }
  .flex-column-small {
    flex-direction: column;
  }
  .d-mb-none {
    display: none !important;
  }
  .sb_close .sidebar-close {
    display: none;
  }

  .css-controls {
    padding: var(--m15);
  }
  .css-controls span {
    display: none;
  }

  .flex-column-small {
    .w-10,
    .w-270,
    .w-30,
    .w-40,
    .w-50,
    .w-60,
    .w-70,
    .w-80,
    .w-90 {
      width: 100% !important;
    }
  }
  #page_content_inner > div > .pd4 {
    padding: var(--m2) !important;
  }
}

[data-search-block] {
  background: var(--color-white);
  z-index: 1;
  position: absolute;
}

/** обрезаюся выпадающие списки - фиксим */
div.k-window-content {
  overflow: visible !important;
}

#orderform .icheckbox_md {
    width: 30px;
    height: 30px;
  }

  #orderform .icheckbox_md.checked:after, #orderform .icheckbox_md.disabled:after {
    font-size: 30px;
    left: 0px !important;
    top: -8px !important;
    color: var(--main-color);
}
.uk-open .uk-modal-dialog,
.table-footer {
  border-radius: var(--radius);
}


.md-card .dropify-wrapper {
  height: 150px;
  font-size: 0.8em;
  line-height: 1.3;
}

.md-card .d-grid div:first-child {
  width: 40%;
  font-size: .9em;
}
.md-card + .md-card {
  margin-top: 0;
}

#sidebar_main .menu_section ul > li {
  line-height: 1.3;
  margin-bottom: 5px;
}

._svg120.css-controls {
      min-width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 30px;
}