@import "../project/web/fonts/golos/font.css";
@import "../project/web/css/gisp.css";
@import "../project/web/css/uikit.css";
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

/* VARIABLES */
:root {
  --main-font-size: 15px;
  --main-font-family: "GolosUIWebRegular";
  --main-color: #F47A55; /* promo color */
  --bgmain-color: #F47A5525;

  --dark-bg: #2a2a2e;
  --page-pagging: 25px;

  --success-color: #7cb342;
  --primary-bg-color: #3E66F3;
  --body-bg-color: #FFF;

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

  --sidebar-bg: var(--black);
  --sidebar-width: 272px;
  --sidebar-width-small: 64px;
  --sidebar-menu-color: var(--gray);
  --sidebar-menu-iconcolor: #8C94A5;
  --sidebar-menu-color-hover: var(--white);
  --sidebar-menu-color-active: var(--main-color);
  --sidebar-menu-size: 100%;
  --sidebar-dropmenu-size: 78%;


  --scroll-bg: #f6f6f6;

  --radius: 8px;

  --blue: #1B6FC6;
  --lightblue: #3E66F34D;
  --bgblue: #1B6FC625;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --bgpurple: #6f42c125;
  --pink: #e83e8c;
  --bgpink: #e83e8c25;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --bggreen: #28a74525;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #DDDFE4;
  --bggray: #6c757d25;
  --lightgray: #6c757d4D;
  --gray-dark: #6c757d;
  --black: #000;
  --silver: #C0C0C0;
  --gold: #FFBA1F;
  --bronze: #D98436;

  --primary: #11305D;
  --secondary: #6c757d;
  --success: #00BC8B;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;

  --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 {-webkit-box-align: start!important;-ms-flex-align: start!important;align-items: flex-start!important;}
  .align-content-between {-ms-flex-line-pack: justify!important;align-content: space-between!important;}
  .justify-content-between {-webkit-box-pack: justify!important;-ms-flex-pack: justify!important;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: "Raleway"; text-transform: uppercase; line-height: 1em; }


  /* 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 {
  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_main_toggle svg {
  -webkit-transition: -webkit-transform 280ms;
  transition: -webkit-transform 280ms;
  transition: transform 280ms;
  transition: transform 280ms, -webkit-transform 280ms;
}
body.sb_close #sidebar_main_toggle svg{
  -webkit-transform: rotate(-180deg);
  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 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 10px 0!important;
  white-space: nowrap;
  display: flex !important;
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: start !important;
  gap: var(--padding);
}
#sidebar_main .menu_section > ul > li.submenu_trigger > a:before {
  content: '\e5e1';
  font-size: 14px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  color: var(--sidebar-menu-iconcolor);
  top: 0.3em;
}
#sidebar_main .menu_section > ul > li.act_section.submenu_trigger > a:before {
  -webkit-transform: rotate(-90deg);
  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 > ul > 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 a:hover, #sidebar_main a:hover i {
  color: var(--sidebar-menu-color-hover);
}
#sidebar_main hr { border-color: var(--sidebar-menu-iconcolor); }


/* 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: 2px solid transparent;
    border-radius: var(--margin) !important;
    background: var(--color-bg-lgrey) !important;
    padding: var(--m15) !important;
  }
  .md-input::placeholder {color: var(--color-lgrey) !important}
  .md-input:focus {
    border: 2px solid var(--color-blue) !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::placeholder {
    color:var(--color-lgrey);
  }

/* SELECTIZE */
  .selectize-no-bg .selectize-input.full {background: transparent}
  .selectize-control.single .selectize-input.input-active { border: 2px solid var(--color-blue) !important; -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1); transition: all 280ms cubic-bezier(.4,0,.2,1);  }
  .selectize-control.single .selectize-input:after { color: var(--color-blue); }
  .selectize-control.multi .selectize-input > div { background: var(--color-white); border: 1px solid var(--color-blue); border-radius: var(--margin)}
.selectize-control.single .selectize-input {
  border-radius: 4px;

  padding-left: 15px;
  box-sizing: border-box;
}
   .selectize-control.single .selectize-input {
    border-width: 0 0 1px;
    padding: 7px;
     height: 44px;
     display: flex;
  }

.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;
  -webkit-transition: -webkit-transform 280ms;
  transition: -webkit-transform 280ms;
  transition: transform 280ms;
  transition: transform 280ms, -webkit-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(--color-blue)}
.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;}

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

.cke_reset_all * {font-family: var(--main-font-family)}
.cke_toolgroup, .cke_combo_button {
  background-image: none;
  background-color: var(--body-bg-color);
  border-radius: 4px;
  border: 1px solid #CCDDE6 !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: 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;
}



#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(--color-blue);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(--color-blue);}
.uk-pages .material-icons {color: var(--color-blue);}
.uk-subnav-pill > .uk-active > * {background: var(--main-color);}

/* tabs */
.uk-tab { overflow: visible !important; }
.uk-tab:after, .uk-tab:before {display: none !important}
  .uk-tab > li > a { color: var(--color-lgrey); position: relative; bottom: -3px; padding: var(--margin) 0 }
    .uk-tab>li.uk-open>a, .uk-tab>li.uk-active > a, .uk-tab>li.uk-active > a:hover { outline: 0; color: var(--color-black); font-weight: 800; border-bottom: 3px solid var(--main-color) }


#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 {
    -webkit-transform: translate3d(0, 0, 0);
    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: 3px;
}
.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: 4px;
  padding: 24px 20px;

}
.uk-nestable-item+.uk-nestable-item {
  margin-top: 15px;
}


.auth-page {
  height: 100vh;
  display: -webkit-flex;
  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%;
  background: url(../img/bg-auth.png) no-repeat 50% 50%;
  -webkit-background-size: cover;
  background-size: cover;
  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: -webkit-flex;
  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;
  -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1);
  transition: all 280ms cubic-bezier(.4,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;
  -webkit-transition: all .1s ease-in 0s;
  transition: all .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-title {color: var(--color-black) !important; font-weight: 800;}
.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: #e5ebf3 !important;
}
.uk-table td, .uk-table th {border: 1px solid #eaeaea; border-style: dashed none dashed 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 {

}

.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; 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; 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;
}


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


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

/* checkbox */
.icheckbox_md {
  border: 1px solid var(--color-lgrey);
  border-radius: 7px;
}
.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); }

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

  /* flex  */
.uk-flex-between {    -webkit-box-pack: justify!important; -ms-flex-pack: justify!important; 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; 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%; object-fit: cover; 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;}