/*##################################################################
# OTAN_PLATFORMS
# Version 4.0.1 03/06/2022
##################################################################*/
.reload .webix_progress_state {
  font-size: 26px !important;
  top: 100% !important;
  left: 80% !important;
}
.dbreload .webix_progress_state {
  font-size: 26px !important;
  top: 78% !important;
  left: 78% !important;
}
.webix_cal_icon_clear {
  display: none;
}
.special-datesuggest1 {
  transition-property: display;
  transition-duration: 0.02s;
  transition-behavior: allow-discrete;
}
.violet {
  background-color: transparent;
  /*text-align:center;
    color: black;*/
}
.icon_back_btn button {
  padding: 0;
  /*background-color: #555 !important;*/
  background-color: #777 !important;
  border-color: #888 !important;
  margin: 0px;
}
/*HTML-код плавно мигающего заголовка*/
/* id="blink1"
#blink1 {
  -webkit-animation: blink1 3s linear infinite;
  animation: blink1 3s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
@keyframes blink1 {
  0% { color: rgba(34, 34, 34, 1); }
  50% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 1); }
}
/*End HTML-код плавно мигающего заголовка*/
@keyframes blink {
  50% {
    opacity: 0;
  }
}
.blink {
  animation: blink 2s step-end infinite;
}
.blink1 {
  animation: blink 2s infinite;
  /* Параметры анимации */
}
@keyframes blink1 {
  from {
    opacity: 1;
    /* Непрозрачный текст */
  }
  to {
    opacity: 0.5;
    /* Прозрачный текст */
  }
}
.highlight {
  /*background-color:#edf4f9;*/
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Image rotate */
img.rotate {
  animation: 4s linear 0s normal none infinite running rotate;
  -webkit-animation: 4s linear 0s normal none infinite running rotate;
  /*width: 100px;*/
}
@keyframes rotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotatey(0deg);
  }
  100% {
    transform: rotatey(360deg);
  }
}
.logo_left img {
  width: 150px;
  height: 150px;
}
.logo_sc img {
  width: 150px;
  height: 100%;
  border-radius: 50%;
}
/*  Logo SC */
.logo_sc_agro span,
.logo_left span,
logo_sc highlight {
  font-size: 22px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  line-height: 1.6;
  margin-left: 20px;
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.logo_text {
  font-size: 18px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
/*  End Logo SC */
/* End Image rotate */
/* Часы */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  src: url(/codebase/66d6f5814af1d6cb84b3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.clock .webix_el_box {
  font-family: 'Orbitron', sans-serif;
  color: #66ff99;
  font-size: 40px !important;
}
.date .webix_el_box {
  font-family: 'Orbitron', sans-serif;
  color: #66ff99;
  font-size: 14px;
}
/* End Часы */
#clock {
  font-family: 'Orbitron1', sans-serif;
  color: #66ff99;
  font-size: 56px;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.linear {
  /*background: linear-gradient(to top right, #272439, #232430);*/
  background: radial-gradient(at 10% 70%, #2b253c, #2f264a, #2b253c, #2f264a, #35265a);
  /*background: linear-gradient(-45deg, #2980B9, #6DD5FA, #FFFFFF);*/
  /*background-size: 400% 400%;
    animation: gradient 10s ease infinite;*/
}
@keyframes gradient {
  0% {
    background-position: 10% 70%;
  }
  50% {
    background-position: 30% 50%;
  }
  100% {
    background-position: 50 60%;
  }
}
.theme-flat .test {
  background: lightgray !important;
}
.noBox,
.noBox input {
  /*background-color:transparent !important;*/
  border: 0 !important;
}
.border_top {
  border-top: 2px solid gray !important;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.border_bottom {
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid gray !important;
  border-left: 0;
}
.border_right {
  border-top: 0;
  border-right: 2px solid gray !important;
  border-bottom: 0;
  border-left: 0;
}
.border_left {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 2px solid gray !important;
}
/* table button */
.table_button .webix_icon {
  border-radius: 50%;
  width: 40px;
  height: 28px;
  padding-top: 8px;
}
.table_button .webix_icon:hover {
  color: #1ca1c1;
  background-color: #F4F5F9;
  cursor: pointer;
}
/* list_table style */
.theme-flat .list_table1 .webix_column,
.theme-flat1 .list_table {
  /*font-style:italic;*/
  background: #d2e3ef;
}
.theme-flat .list_table .webix_column,
.theme-material .list_table .webix_column {
  /*font-style:italic;*/
  color: black;
}
.theme-flat .list_table1 .webix_column > div,
.theme-material .list_table1 .webix_column > div {
  border-color: lightgray;
}
/* end table */
.vertical-align .webix_template {
  padding: 9% 0;
}
/* color and size for tooltip*/
.om_tooltip {
  font-size: 200% !important;
  padding: 15px;
}
.theme-contrast .om_tooltip {
  background-color: white ! important;
  color: black !important;
}
.theme-material .om_tooltip,
.theme-mini .om_tooltip {
  background-color: #191919 ! important;
  color: black !important;
}
/* =========== flat and flat-compact */
.theme-flat .om_tooltip,
.theme-compact .om_tooltip {
  background-color: #0a78c2 ! important;
  color: white !important;
}
/* end color and size for tooltip */
/* =========== header_text input */
.theme-material .header_text .webix_el_box input,
.theme-mini .header_text .webix_el_box input {
  /*background-color:transparent !important;*/
  background: rgba(205, 214, 219, 0.3);
  color: white !important;
}
.theme-flat .header_text .webix_el_box input,
.theme-compact .header_text .webix_el_box input {
  background-color: transparent !important;
  color: white !important;
}
.theme-contrast header_text .webix_el_box input {
  background-color: transparent !important;
}
/* end header_text input */
/* =========== label_header */
.theme-material .label_header,
.theme-mini .label_header {
  color: #ffffff;
}
.theme-flat .header_text .webix_el_box input,
.theme-compact .header_text .webix_el_box input {
  background-color: transparent !important;
}
.theme-contrast header_text .webix_el_box input {
  background-color: transparent !important;
}
/* =========== icon color */
.theme-material .icon_color,
.theme-mini .icon_color {
  color: #1ca1c1 !important;
  /*darkgray !important;color: #3498db !important;*/
}
.theme-flat .icon_color,
.theme-compact,
.icon_color {
  color: #3498db !important;
}
.theme-contrast .icon_color {
  color: #e2e2a7 !important;
}
/* end icon color*/
.big_h3,
.big_h3 .webix_el_box,
.big_h3 .webix_el_box input,
.big_h3 .webix_dt_editor input,
.big_h3 .webix_el_text input,
.big_h3 .webix_inp_label,
.big_h3 .webix_inp_top_label,
.big_h3 .webix_dt_editor select {
  font-size: 24px;
  /* Sets the font size to 24 pixels */
  font-family: Arial, sans-serif;
  /* Specifies the font family */
  height: 60px !important;
}
.big_h3 input {
  height: auto !important;
}
.big_150,
.big_150 .webix_el_box,
.big_150 .webix_el_box input,
.big_150 .webix_dt_editor input,
.big_150 .webix_el_text input,
.big_150 .webix_inp_label,
.big_150 .webix_inp_top_label,
.big_150 .webix_dt_editor select {
  font-size: 130% !important;
  height: 60px !important;
}
.big_150 input {
  height: auto !important;
}
.big_130,
.big_130 .webix_el_box,
.big_130 .webix_el_box input,
.big_130 .webix_dt_editor input,
.big_130 .webix_el_text input,
.big_130 .webix_dt_editor select {
  font-size: 130% !important;
}
.big_120,
.big_120 .webix_el_box,
.big_120 .webix_el_box input,
.big_120 .webix_dt_editor input,
.big_120 .webix_el_text input,
.big_120 .webix_inp_label,
.big_120 .webix_dt_editor select {
  font-size: 120% !important;
}
.big_110 .webix_el_box,
.big_110 .webix_el_box input,
.big_110 .webix_dt_editor select {
  font-size: 110% !important;
}
.bold,
.bold .webix_el_box,
.bold input {
  font-weight: bold !important;
}
/* Ячейка номера класса */
.line2 {
  background-color: #272a3e;
}
.line2_dark {
  background-color: #141734;
}
.line1 {
  background-color: #222f2f;
}
.line1_dark {
  background-color: #102626;
}
.line3 {
  background-color: #26260b;
}
.line3_dark {
  background-color: #191911;
}
.line0 {
  background-color: #383828;
}
.line0_dark {
  background-color: #262611;
}
.line4 {
  background-color: #2b3c2b;
}
.line4_dark {
  background-color: #152d15;
}
.line5 {
  background-color: #2b1919;
}
.line5_dark {
  background-color: #1c0e0e;
}
/* Конец ячеек номера класса */
.uppercase {
  text-transform: uppercase;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.center {
  text-align: center !important;
}
/* COLOR */
.transparent {
  background-color: transparent !important;
}
.white {
  color: white !important;
}
.yellow {
  color: yellow !important;
}
.black {
  color: #000 !important;
}
.gray {
  color: gray !important;
}
.red {
  color: red !important;
}
.green {
  color: green !important;
}
.blue {
  color: blue !important;
}
.bought {
  color: #8664C6 !important;
}
.sold {
  color: #1CA1C1 !important;
}
/* END COLOR */
/* BACKGROUND COLOR */
.bg_black {
  background-color: black;
}
/* END BACKGROUND COLOR */
.word-wrap {
  white-space: pre-wrap;
  word-break: break-all;
  padding: 20px 0 0 0 !important;
  line-height: 20px !important;
}
.cropped_text .webix_dataview_item {
  text-overflow: ellipsis;
}
.webix_table_radio.checked {
  background: green;
  width: 16px;
  height: 16px;
  margin-top: 8px;
}
.webix_table_radio.notchecked {
  background: red;
  width: 16px;
  height: 16px;
  margin-top: 8px;
}
.div_ceneter {
  text-align: center !important;
  display: flex;
  justify-content: center;
}
/*==========================*/
/*login form*/
.invalid_login .webix_header > div {
  background: #FC3636;
  transition: background 1s;
}
.invalid_login {
  -webkit-animation: formshake 0.5s linear;
}
@-webkit-keyframes formshake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
}