@charset "UTF-8";._VirtualListSmeta_oqtn3_1 {
  height: inherit;
  overflow: "auto";
}

._VirtualListSmetaCointainer_oqtn3_11 {
  width: 100%;
  position: relative;
}

._listItem_oqtn3_21 {
  color: var(--font-color-light);
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 8px;
}

._listItemSelected_oqtn3_51 {
  background-color: rgb(220, 216, 204) !important;
  transition: 0.25s;
}

._listItem_oqtn3_21:hover {
  background-color: #f5f5f5;
  transition: 0.15s;
}
.tree-item-selected {
  background-color: rgba(99, 159, 230, 0.2);
}

.tree-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  width: max-content;
  border-radius: 3px;
  padding-right: 5px;
  min-width: 100%;
  height: 28px;
}

.tree-item:hover {
  background-color: rgba(117, 140, 140, 0.1);
  user-select: none;
}

.expandButton {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  border: 0;
  border-radius: 50%;
  height: 23px;
  width: 23px;
  transition: 0.2s;
}

.tree-item-checkbox {
  height: 15px;
  width: 15px;
  opacity: 0.5;
}

.tree-item-checkbox-mc {
  height: 19px;
  width: 19px;
  margin-right: 5px;
  margin-left: 2px;
  border: 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
._mainDialogBlock_1j5ft_1 {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
._fullDialogSpaceContainer_1j5ft_13 {
  height: 100%;
  width: 100%;
}
._fullDialogFlexContainer_1j5ft_21 {
  width: 100%;
  display: flex;
  flex: 1 1 0;
}
._dialogButtonsContainer_1j5ft_31 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 5px;
}
._dialogButton_1j5ft_31 {
  text-transform: none !important;
  margin-right: 10px !important;
}
._dialogDayTypeContainer_1j5ft_51 {
  display: flex;
  flex-direction: row;
}
._dialogDayTypeItemContainer_1j5ft_59 {
  height: 100%;
  width: 50%;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
._dialogDayTypeDaysContainer_1j5ft_73 {
  height: 180px;
  display: flex;
  border: 1px solid #cccccc;
  flex-direction: column;
  padding-top: 10px;
  padding-left: 5px;
}
._dialogDayTypeTypesContainer_1j5ft_89 {
  height: 100px;
  display: flex;
  border: 1px solid #cccccc;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
}
._dialogDayTypeStateContainer_1j5ft_105 {
  height: 60px;
  margin-bottom: 20px;
  display: flex;
  border: 1px solid #cccccc;
  flex-direction: column;
  justify-content: center;
  padding-left: 5px;
}
._dialogDayTypeCheckBoxContainer_1j5ft_123 {
  height: 20px;
  display: flex;
  flex-direction: row;
}
._dialogDayTypelabel_1j5ft_133 {
  display: flex;
  padding-top: 1px;
}
._dialogDayTypeTitleContainer_1j5ft_141 {
  height: 0px;
}
._dialogDayTypeTitle_1j5ft_141 {
  position: relative;
  width: fit-content;
  left: 5px;
  top: -20px;
  background-color: #ffffff;
  color: #999999;
}
._dialogHeaderContainer_1j5ft_163 {
  width: 100%;
  height: 30px;
  border: 1px solid #c8b58f;
  display: flex;
  flex-direction: row;
}
._dialogHeaderButton_1j5ft_177 {
  width: 30px;
  height: 30px;
  display: flex;
}
._dialogFutterInfo_1j5ft_187 {
  height: 100%;
  flex: 1 1 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 20px;
  align-items: center;
}

._checkBoxContainer_1j5ft_207 {
  height: 20px;
  display: flex;
  flex-direction: row;
}

._dialogRef_1j5ft_219 {
  height: 20px;
  cursor: pointer;
  max-width: calc(100% - 150px);
  display: flex;
  text-overflow: ellipsis;
  overflow: hidden;
}
._dialogTreeParamsMainBlock_1j5ft_235 {
  flex-direction: column;
}
._dialogTreeParamsItem_1j5ft_241 {
  flex-direction: row;
  width: 99%;
  display: flex;
  height: 30px;
  margin-top: 6px;
  padding-left: 5px;
  align-items: center;
}
._dialogTreeParamsLabel_1j5ft_259 {
  width: 150px;
}
._dialogTreeParamsEditorDiv_1j5ft_265 {
  height: 30px;
  border: 1px solid #cccccc;
  display: flex;
  flex: 1 1 0;
}
._dialogTreeParamsCheckLabel_1j5ft_277 {
}
._dialogTreeParamsCheckDiv_1j5ft_281 {
}
._dialogTreeParamsTitle_1j5ft_285 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 6px;
}
._dialogSelectFromListListContainer_1j5ft_301 {
  display: flex;
  flex-direction: column;
  flex: 1 1 0px;
}
._dialogSelectFromListListLabel_1j5ft_311 {
  display: flex;
  height: 30px;
}
._dialogSelectFromListList_1j5ft_301 {
  display: flex;
  flex: 1 1 0px;
  border: 1px solid;
}
._dialogSelectFromListButtonsContainer_1j5ft_329 {
  display: flex;
  flex-direction: column;
  width: 50px;
  align-items: center;
  justify-content: center;
}
._paramsTable_ps22k_1 {
  height: fit-content;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  font-family: Roboto;
  font-size: 0.75rem;
}
._paramsBox_ps22k_19 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #ffffff;
}
._hiddenBlock_ps22k_31 {
  display: none !important;
}
._paramsRecord_ps22k_37 {
  display: flex;
  flex-direction: row;
  height: 20px;
}
._paramsRecord_ps22k_37:hover {
  background-color: #f5f5f5;
}
._paramsName_ps22k_53 {
  padding: 0;
  display: flex;
  align-items: center;
  min-width: 30%;
  background-color: #c9c8c82e;
  border: 1px solid #e0e0e0;
  border-top: 0;
  border-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
}
._paramsConditions_ps22k_81 {
  display: flex;
  padding: 0;
  overflow: hidden;
  border-left: 0;
  border-right: 0;
}
._paramsHistoryButton_ps22k_95 {
  height: 15px;
  width: 15px;
  display: flex;
  font-size: 0.75rem;
}
._paramsSplitter_ps22k_107 {
  cursor: col-resize;
  padding: 0;
  width: 2px;
  user-select: none;
  background-color: #e0e0e0;
}
._paramsValueConteiner_ps22k_121 {
  display: flex;
  padding: 0;
  align-items: center;
  flex: 1 1 0;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-left: 0;
  border-top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._paramsCheckContainer_ps22k_147 {
  display: flex;
  align-items: center;
}
._paramsValue_ps22k_121 {
  padding-left: 3px;
  flex: 1 1 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 0px;
  display: flex;
  align-items: center;
}
._paramsEditorContainer_ps22k_175 {
  display: flex;
  height: 100%;
  flex: 1 1 0;
}
._paramsExpandButton_ps22k_185 {
  height: 15px;
  width: 15px;
  transition: all 0.2s;
}
._paramsExpandButtonRotate_ps22k_195 {
  transform: rotate(-90deg);
}
._paramsMarkerButton_ps22k_201 {
  height: 5px;
  width: 5px;
}
._paramsSubButton_ps22k_209 {
  position: fixed;
  text-transform: none;
  width: 100px;
  height: 28px;
  border-radius: 0;
}
._paramsLoadingMask_ps22k_223 {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.5;
}
._paramsTitleScroll_ps22k_237 {
  height: 32px !important;
  width: 100%;
  border: 1px solid #eeeeee;
  background-color: #fafafa;
}
._paramsTitleContainer_ps22k_249 {
  display: flex;
  height: 30px;
  width: 100%;
  align-items: center;
}
._paramsTitle_ps22k_237 {
  white-space: nowrap;
  width: fit-content;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
._paramsFilter_ps22k_275 {
  height: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 3px;
  border: 1px solid #eeeeee;
}
._paramsFilterLabel_ps22k_293 {
  font-size: 0.75rem;
}
._paramsFilterInput_ps22k_299 {
  height: 26px;
  border: 1px solid #cccccc;
  width: 100%;
}
._paramsListHistoryButtons_ps22k_309 {
  height: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
}
._paramsListHistoryButton_ps22k_309 {
  width: 30px;
  height: 100%;
  border-radius: 0;
}
._flexContaner_ps22k_331 {
  display: flex;
  flex: 1 1 0;
}
._paramsTableFixContainer_ps22k_339 {
  display: flex;
  width: 100%;
  flex-direction: row;
}
._paramsButtonsContainer_ps22k_349 {
  display: flex;
  width: fit-content;
  flex-direction: column;
}
._dialogReportContainer_1frp8_1 {
  display: flex;
  height: 98%;
  width: 100%;
  flex-direction: column;
}
._sectionToolsContainer_1frp8_13 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #cccccc;
}
._fullSizeContainer_1frp8_25 {
  height: 100%;
  width: 100%;
}
._dialogReportContent_1frp8_33 {
  flex: 1;
}
._nestedMenu_k7xnv_1 {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  padding-left: 10px;
}
._nestedMenuDisabled_k7xnv_15 {
  color: #cccccc;
}
._nestedMenuPopper_k7xnv_21 {
  position: fixed;
  z-index: 9999;
  box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, 0.1);
}
._nestedMenuItem_k7xnv_31 {
  padding: 0 !important;
  width: fit-content;
  min-width: 100px;
}
._nestedMenuItemLabel_k7xnv_41 {
  display: flex;
  flex: 1 1 0;
  height: 25px;
  padding-left: 15px;
  padding-right: 15px;
}
._menuItem_k7xnv_55 {
  height: 28px;
  width: inherit !important;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  width: fit-content;
}
._menuItemLabel_k7xnv_71 {
  margin-left: 25px;
}
._menuHidden_k7xnv_77 {
  display: none !important;
}
._menuGroupIconLeft_k7xnv_83 {
  width: 15px !important;
  position: absolute;
  font-size: 1.15rem !important;
  left: 10px;
}
._menuGroupIconRight_k7xnv_95 {
  width: 20px !important;
  position: absolute;
  font-size: 1.15rem !important;
  left: 20px;
}
._menuIcon_k7xnv_107 {
  width: 20px !important;
  position: absolute;
  font-size: 1.15rem !important;
}
._nestedMenuButton_k7xnv_117 {
  font-size: 1.15rem !important;
  border-radius: 0 !important;
  height: 27px !important;
}
._nestedMenuCheck_k7xnv_127 {
  height: inherit;
  width: 20px;
  display: flex;
  align-items: center;
}
._smetaMessage_1lscz_1 {
  max-width: 85%;
  min-width: 40%;
  margin: 8px !important;
  border-style: solid;
  border-width: 1px;
  border-radius: 0px 4px 4px 4px;
  background-color: white;
}

._messageImage_1lscz_21 {
  max-width: 100%;
  cursor: pointer;
}

._chatImagePreview_1lscz_31 {
  width: 55;
  height: 25;
}

._smetaMessageUser_1lscz_41 {
  user-select: none;
  color: blue;
}

._smetaMessage_1lscz_1 > div {
  padding-bottom: 4px;
  padding-left: 8px;
  padding-right: 8px;
}

._smetaChatWrapper_1lscz_63 {
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: var(--bg-light);
}

._smetaChatWrapper_1lscz_63 a {
  cursor: pointer;
}

._smetaChatFullHeight_1lscz_87 {
  height: 100%;
}

._smetaChatFullWidth_1lscz_95 {
  width: 100%;
}

._chatIconColor_1lscz_103 {
  color: rgba(0, 0, 0, 0.54);
}

._messageText_1lscz_111 {
  white-space: break-spaces;
}
._splitter_19ggc_1 {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
._splitter-container_19ggc_15 {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}
._splitter-horizontal_19ggc_27 {
  flex-direction: column;
}
._splitter-vertical_19ggc_33 {
  flex-direction: row;
}
._splitter-background-feedback_19ggc_39 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10000;
}
._splitter-item_19ggc_53 {
  flex-shrink: 0;
}
._splitter-vertical_19ggc_33 > ._splitter-item_19ggc_53 {
  height: 100%;
  overflow: hidden;
  position: relative;
}
._splitter-horizontal_19ggc_27 > ._splitter-item_19ggc_53 {
  width: 100%;
  overflow: hidden;
  position: relative;
}
._splitter-bar_19ggc_79 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none;
  touch-action: none;
  z-index: 4;
  background-color: #1976d2;
  border-color: #1976d2;
  color: white;
  flex-shrink: 0;
}
._splitter-bar_19ggc_79._light_19ggc_105 {
  background-color: #ebebeb;
  border-color: #ebebeb;
  color: inherit;
}
._splitter-bar_19ggc_79[hidden] {
  visibility: hidden;
  display: none;
}
._splitter-far-collapse-button_19ggc_123[hidden],
._splitter-near-collapse-button_19ggc_125[hidden] {
  visibility: hidden;
  display: none;
}
._splitter_19ggc_1[data-hideSplitterCollapsed] > ._splitter-container_19ggc_15 > ._splitter-bar_19ggc_79[data-itemcollapsed] {
  visibility: hidden;
  display: none;
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79 {
  height: 10px;
  width: 100%;
  flex-direction: row;
  overflow: hidden;
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79 {
  height: 100%;
  width: 10px;
  flex-direction: column-reverse;
  overflow: hidden;
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79:hover:not([data-itemcollapsed]) {
  cursor: w-resize;
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79:hover:not([data-itemcollapsed]) {
  cursor: s-resize;
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79[block-resize]:hover {
  cursor: auto;
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79[block-resize]:hover {
  cursor: auto;
}
._splitter_19ggc_1._animate_19ggc_189 > ._splitter-container_19ggc_15 > ._splitter-bar_19ggc_79 > ._splitter-far-collapse-button_19ggc_123,
._splitter_19ggc_1._animate_19ggc_189 > ._splitter-container_19ggc_15 > ._splitter-bar_19ggc_79 > ._splitter-near-collapse-button_19ggc_125 {
  transition: transform 0.2s ease-out;
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79 > ._splitter-far-collapse-button_19ggc_123,
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79 > ._splitter-near-collapse-button_19ggc_125 {
  width: 20px;
  height: 100%;
  position: relative;
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79 > ._splitter-far-collapse-button_19ggc_123,
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79 > ._splitter-near-collapse-button_19ggc_125 {
  width: 100%;
  height: 20px;
  position: relative;
}
._splitter-bar_19ggc_79[data-primaryelement="end"] > ._splitter-far-collapse-button_19ggc_123 {
  display: none;
  visibility: hidden;
}
._splitter-bar_19ggc_79[data-primaryelement="start"] > ._splitter-near-collapse-button_19ggc_125 {
  display: none;
  visibility: hidden;
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79[data-itemcollapsed] > ._splitter-far-collapse-button_19ggc_123 {
  transform: rotate(180deg);
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79 > ._splitter-near-collapse-button_19ggc_125 {
  transform: rotate(180deg);
}
._splitter-horizontal_19ggc_27 > ._splitter-bar_19ggc_79[data-itemcollapsed] > ._splitter-near-collapse-button_19ggc_125 {
  transform: rotate(0deg);
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79 > ._splitter-near-collapse-button_19ggc_125 {
  transform: rotate(90deg);
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79[data-itemcollapsed] > ._splitter-near-collapse-button_19ggc_125 {
  transform: rotate(270deg);
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79 > ._splitter-far-collapse-button_19ggc_123 {
  transform: rotate(270deg);
}
._splitter-vertical_19ggc_33 > ._splitter-bar_19ggc_79[data-itemcollapsed] > ._splitter-far-collapse-button_19ggc_123 {
  transform: rotate(90deg);
}
._splitter-bar-feedback_19ggc_279 {
  user-select: none;
  overflow: hidden;
  touch-action: none;
  position: absolute;
  background-color: #ebebeb;
  color: #333;
  opacity: 0.5;
  z-index: 9999;
}
._splitter-bar-feedback_19ggc_279._limit-reached_19ggc_299 {
  background-color: #b00020;
}
._visuallyHiddenInput_1r7n6_1 {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  width: 1px;
}
._div-wrapper_1sh3h_1 {
  display: flex;
  height: 100%;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
}

._div-header-wrapper_1sh3h_17 {
  display: flex;
  min-height: 38px;
  height: 38px;
  overflow: hidden;
  z-index: 3;
}

._div-workArea-wrapper_1sh3h_33 {
  display: flex;
  height: 100%;
  overflow: hidden;
  flex-direction: row;
  pointer-events: all;
}

._div-sideBar-wrapper_1sh3h_49 {
  height: calc(100% - 34px);
  overflow: auto;
  white-space: nowrap;
}
._div-content-wrapper_1sh3h_59 {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
}
.focusCheckListItem{
    background-color: #eeeeee;
}
._main_h9dde_1 {
  height: 100%;
}
.css-j204z7-MuiFormControlLabel-root {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  margin-left: -11px;
  margin-right: 16px;
}

.css-julti5-root {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 58px;
  height: 38px;
  overflow: hidden;
  padding: 12px;
  box-sizing: border-box;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 0;
  vertical-align: middle;
}

.css-5ryogn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
  padding: 9px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #fff;
  -webkit-transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.css-5ryogn .MuiSwitch-input {
  left: -100%;
  width: 300%;
}

.css-1m9pwf3 {
  cursor: inherit;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 1;
}

.css-jsexje-Switch-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: currentColor;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.css-8je8zh-TouchRipple-root {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
}

.css-1yjjitx-Switch-track {
  height: 100%;
  width: 100%;
  border-radius: 7px;
  z-index: -1;
  -webkit-transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  background-color: #000;
  opacity: 0.38;
}

.css-ahj2mt-Typography-root {
  margin: 0;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.00938em;
}

.css-5ryogn.checked {
  color: #1976d2;
  transform: translateX(20px);
}

.css-5ryogn.checked + .Switch-track {
  background-color: #1976d2;
  opacity: 0.5;
}

.ActivParams {
  display: block;
}

.NoActivParams {
  display: none;
}

.ActivButton {
  display: block;
}

.NoActivButton {
  display: none;
}.TabDocActiv {
  display: block;
}

.TabDocNoActiv {
  display: none;
}

.NoSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}.css-b62m3t-container {
  position: relative;
  box-sizing: border-box;
}

.css-7pg0cj-a11yText {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.css-1s2u09g-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-color: rgb(204, 204, 204);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  /* min-height: 38px;*/
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  outline: 0px !important;
}

.css-1d8n9bt {
  -webkit-box-align: center;
  align-items: center;
  display: grid;
  flex: 1 1 0%;
  flex-wrap: wrap;
  padding: 2px 8px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.css-14el2xx-placeholder {
  color: rgb(128, 128, 128);
  grid-area: 1/1/2/3;
  margin-left: 2px;
  margin-right: 2px;
  box-sizing: border-box;
}

.css-1hac4vs-dummyInput {
  background: 0px center;
  border: 0px;
  caret-color: transparent;
  font-size: inherit;
  grid-area: 1/1/2/3;
  outline: 0px;
  padding: 0px;
  width: 1px;
  color: transparent;
  left: -100px;
  opacity: 0;
  position: relative;
  transform: scale(0.01);
}

.css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
}

.css-1okebmr-indicatorSeparator {
  align-self: stretch;
  background-color: rgb(204, 204, 204);
  margin-bottom: 8px;
  margin-top: 8px;
  width: 1px;
  box-sizing: border-box;
}

.css-tlfecz-indicatorContainer {
  color: rgb(204, 204, 204);
  display: flex;
  /*padding: 8px;*/
  transition: color 150ms ease 0s;
  box-sizing: border-box;
}

.css-8mmkcg {
  display: inline-block;
  fill: currentcolor;
  line-height: 1;
  stroke: currentcolor;
  stroke-width: 0;
}

.css-1pahdxg-control:hover {
  border-color: rgb(38, 132, 255);
}

.css-1pahdxg-control {
  -webkit-box-align: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  border-color: rgb(38, 132, 255);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgb(38, 132, 255) 0px 0px 0px 1px;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  outline: 0px !important;
}

.css-tlfecz-indicatorContainer:hover {
  color: rgb(153, 153, 153);
}

.css-1s2u09g-control:hover {
  border-color: rgb(179, 179, 179);
}

.css-26l3qy-menu {
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 11px;
  margin-bottom: 8px;
  margin-top: 4px;
  position: absolute;
  height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
  box-sizing: border-box;
}

.css-9gakcf-option {
  background-color: rgb(38, 132, 255);
  color: rgb(255, 255, 255);
  cursor: default;
  display: block;
  font-size: inherit;
  padding: 0px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

.css-11unzgr {
  max-height: 300px;
  overflow-y: auto;
  /*padding-bottom: 4px;
    padding-top: 4px;*/
  position: relative;
  box-sizing: border-box;
}

.css-1n7v3ny-option {
  background-color: rgb(222, 235, 255);
  color: inherit;
  cursor: default;
  display: block;
  font-size: inherit;
  padding: 8px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

.css-165luzk-option {
  background-color: transparent;
  color: rgb(204, 204, 204);
  cursor: default;
  display: block;
  font-size: inherit;
  padding: 0px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

.css-yt9ioa-option {
  background-color: transparent;
  color: inherit;
  cursor: default;
  display: block;
  font-size: inherit;
  padding: 0px 12px;
  width: 100%;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}@font-face {
  font-family: "FontAwesome";
  src: url("./fontawesome-webfont-CZGybeSB.eot?v=4.4.0");
  src: url("./fontawesome-webfont-CZGybeSB.eot?#iefix&v=4.4.0") format("embedded-opentype"), url("./fontawesome-webfont-Ce8QJVGP.woff2?v=4.4.0") format("woff2"), url("./fontawesome-webfont-CX1dGGVw.woff?v=4.4.0") format("woff"), url("./fontawesome-webfont-Wpzco0Ok.ttf?v=4.4.0") format("truetype"), url("./fontawesome-webfont-D_aUsrCS.svg?v=4.4.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.grid-main-parent {
  border-style: ridge;
  border-width: 1px;
  border-color: rgb(170, 170, 170);
}

@keyframes grid-td-anim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fixed-col {
  color: black;
  background-color: white;
}

.grid-td-locking {
  color: rgb(64, 64, 64);
  background-color: rgb(162, 174, 186);
}

.grid-td-locking:empty {
  text-align: center;
}

.grid-multi-selection-row .grid-item:hover {
  color: black;
}

.grid-multi-selection-row .grid-td {
  color: white;
}

.login-form-mask-box {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  cursor: wait;
  background-color: rgba(236, 232, 232, 0.5);
  padding: 5px 10px 5px 10px;
  display: inline-block;
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.login-form-mask-icon {
  width: 128px;
  height: 15px;
  display: inline-block;
  background-position: center;
  background-color: "white";
  background: url("data:image/gif;base64,R0lGODlhgAAPAPEAAP///7TB1uns8rTB1iH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAgAAPAAACo5QvoIC33NKKUtF3Z8RbN/55CEiNonMaJGp1bfiaMQvBtXzTpZuradUDZmY+opA3DK6KwaQTCbU9pVHc1LrDUrfarq765Ya9u+VRzLyO12lwG10yy39zY11Jz9t/6jf5/HfXB8hGWKaHt6eYyDgo6BaH6CgJ+QhnmWWoiVnI6ddJmbkZGkgKujhplNpYafr5OooqGst66Uq7OpjbKmvbW/p7UAAAIfkECQoAAAAsAAAAAIAADwAAArCcP6Ag7bLYa3HSZSG2le/Zgd8TkqODHKWzXkrWaq83i7V5s6cr2f2TMsSGO9lPl+PBisSkcekMJphUZ/OopGGfWug2Jr16x92yj3w247bh6teNXseRbyvc0rbr6/x5Ng0op4YSJDb4JxhI58eliEiYYujYmFi5eEh5OZnXhylp+RiaKQpWeDf5qQk6yprawMno2nq6KlsaSauqS5rLu8cI69k7+ytcvGl6XDtsyzxcAAAh+QQJCgAAACwAAAAAgAAPAAACvpw/oIC3IKIUb8pq6cpacWyBk3htGRk1xqMmZviOcemdc4R2kF3DvfyTtFiqnPGm+yCPQdzy2RQMF9Moc+fDArU0rtMK9SYzVUYxrASrxdc0G00+K8ruOu+9tmf1W06ZfsfXJfiFZ0g4ZvEndxjouPfYFzk4mcIICJkpqUnJWYiYs9jQVpm4edqJ+lkqikDqaZoquwr7OtHqAFerqxpL2xt6yQjKO+t7bGuMu1L8a5zsHI2MtOySVwo9fb0bVQAAIfkECQoAAAAsAAAAAIAADwAAAsucP6CAt9zSErSKZyvOd/KdgZaoeaFpRZKiPi1aKlwnfzBF4jcNzDk/e7EiLuLuhzwqayfmaNnjCCGNYhXqw9qcsWjT++TqxIKp2UhOprXf7PoNrpyvQ3p8fAdu82o+O5w3h2A1+Nfl5geHuLgXhEZVWBeZSMnY1oh5qZnyKOhgiGcJKHqYOSrVmWpHGmpauvl6CkvhaUD4qejaOqvH2+doV7tSqdsrexybvMsZrDrJaqwcvSz9i9qM/Vxs7Qs6/S18a+vNjUx9/v1TAAAh+QQJCgAAACwAAAAAgAAPAAAC0Zw/oIC33NKKUomLxct4c718oPV5nJmhGPWwU9TCYTmfdXp3+aXy+wgQuRRDSCN2/PWAoqVTCSVxilQZ0RqkSXFbXdf3ZWqztnA1eUUbEc9wm8yFe+VguniKPbNf6mbU/ubn9ieUZ6hWJAhIOKbo2Pih58C3l1a5OJiJuflYZidpgHSZCOnZGXc6l3oBWrE2aQnLWYpKq2pbV4h4OIq1eldrigt8i7d73Ns3HLjMKGycHC1L+hxsXXydO9wqOu3brPnLXL3C640sK+6cTaxNflEAACH5BAkKAAAALAAAAACAAA8AAALVnD+ggLfc0opS0SeyFnjn7oGbqJHf4mXXFD2r1bKNyaEpjduhPvLaC5nJEK4YTKhI1ZI334m5g/akJacAiDUGiUOHNUd9ApTgcTN81WaRW++Riy6Tv/S4dQ1vG4ps4NwOaBYlOEVYhYbnplexyJf3ZygGOXkWuWSZuNel+aboV0k5GFo4+qN22of6CMoq2kr6apo6m5fJWCoZm+vKu2Hr6KmqiHtJLKebRhuszNlYZ3ncewh9J9z8u3mLHA0rvetrzYjd2Wz8bB6oNO5MLq6FTp2+bVUAACH5BAkKAAAALAAAAACAAA8AAALanD+ggLfc0opS0XeX2Fy8zn2gp40ieHaZFWHt9LKNO5eo3aUhvisj6RutIDUZgnaEFYnJ4M2Z4210UykQ8BtqY0yHstk1UK+/sdk63i7VYLYX2sOa0HR41S5wi7/vcMWP1FdWJ/dUGIWXxqX3xxi4l0g4GEl5yOHIBwmY2cg1aXkHSjZXmbV4uoba5kkqelbaapo6u0rbN/SZG7trKFv7e6savKTby4voaoVpNAysiXscV4w8fSn8fN1pq1kd2j1qDLK8yYy9/ff9mgwrnv2o7QwvGO1ND049UgAAIfkECQoAAAAsAAAAAIAADwAAAticP6CAt9zSilLRd2d8onvBfV0okp/pZdamNRi7ui3yyoo4Ljio42h+w6kgNiJt5kAaasdYE7D78YKlXpX6GWphxqTT210qK1Cf9XT2SKXbYvv5Bg+jaWD5ekdjU9y4+PsXRuZHRrdnZ5inVidAyCTXF+nGlVhpdjil2OE49hjICVh4qZlpibcDKug5KAlHOWqqR8rWCjl564oLFruIucaYGlz7+XoKe2wsIqxLzMxaxIuILIs6/JyLbZsdGF063Uu6vH2tXc79LZ1MLWS96t4JH/rryzhPWgAAIfkECQoAAAAsAAAAAIAADwAAAtWcP6CAt9zSilLRd2fEe4kPCk8IjqTonZnVsQ33arGLwLV8Kyeqnyb5C60gM2LO6MAlaUukwdbcBUspYFXYcla00KfSywRzv1vpldqzprHFoTv7bsOz5jUaUMer5vL+Mf7Hd5RH6HP2AdiUKLa41Tj1Acmjp0bJFuinKKiZyUhnaBd5OLnzSNbluOnZWQZqeVdIYhqWyop6ezoquTs6O0aLC5wrHErqGnvJibms3LzKLIYMe7xnO/yL7TskLVosqa1aCy3u3FrJbSwbHpy9fr1NfR4fUgAAIfkECQoAAAAsAAAAAIAADwAAAsqcP6CAt9zSilLRd2fEW7cnhKIAjmFpZla3fh7CuS38OrUR04p5Ljzp46kgMqLOaJslkbhbhfkc/lAjqmiIZUFzy2zRe5wGTdYQuKs9N5XrrZPbFu94ZYE6ms5/9cd7/T824vdGyIa3h9inJQfA+DNoCHeomIhWGUcXKFIH6RZZ6Bna6Zg5l8JnSamayto2WtoI+4jqSjvZelt7+URKpmlmKykM2vnqa1r1axdMzPz5LLooO326Owxd7Bzam4x8pZ1t3Szu3VMOdF4AACH5BAkKAAAALAAAAACAAA8AAAK/nD+ggLfc0opS0XdnxFs3/i3CSApPSWZWt4YtAsKe/DqzXRsxDqDj6VNBXENakSdMso66WzNX6fmAKCXRasQil9onM+oziYLc8tWcRW/PbGOYWupG5Tsv3TlXe9/jqj7ftpYWaPdXBzbVF2eId+jYCAn1KKlIApfCSKn5NckZ6bnJpxB2t1kKinoqJCrlRwg4GCs4W/jayUqamaqryruES2b72StsqgvsKlurDEvbvOx8mzgazNxJbD18PN1aUgAAIfkECQoAAAAsAAAAAIAADwAAArKcP6CAt9zSilLRd2fEWzf+ecgjlKaQWZ0asqPowAb4urE9yxXUAqeZ4tWEN2IOtwsqV8YkM/grLXvTYbV4PTZpWGYU9QxTxVZyd4wu975ZZ/qsjsPn2jYpatdx62b+2y8HWMTW5xZoSIcouKjYePeTh7TnqFcpabmFSfhHeemZ+RkJOrp5OHmKKapa+Hiyyokaypo6q1CaGDv6akoLu3DLmLuL28v7CdypW6vsK9vsE1UAACH5BAkKAAAALAAAAACAAA8AAAKjnD+ggLfc0opS0XdnxFs3/nkISI2icxokanVt+JoxC8G1fNOlm6tp1QNmZj6ikDcMrorBpBMJtT2lUdzUusNSt9qurvrlhr275VHMvI7XaXAbXTLLf3NjXUnP23/qN/n8d9cHyEZYpoe3p5jIOCjoFofoKAn5CGeZZaiJWcjp10mZuRkaSAq6OGmU2lhp+vk6iioay3rpSrs6mNsqa9tb+ntQAAA7AAAAAAAAAAAA");
}

.login-form-mask {
  opacity: 0.5;
  background-color: #ccc;
  position: absolute;
  zoom: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.lazy-scroll {
  position: absolute;
  left: 8px;
  background: rgba(71, 75, 80, 0.418);
  width: 10px;
  border-radius: 4px;
  z-index: 2;
  cursor: pointer;
  opacity: 0.5;
  transition: opacity 0.25s linear;
  margin-top: 20px;
}

.lazy-scroll-arrows {
  position: absolute;
  right: 0;
  margin-top: 5px;
  width: 25px;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lazy-scroll-arrow-up {
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  color: rgba(71, 75, 80, 0.8);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(71, 75, 80, 0.2);
  border-radius: 8px;
  transition: all 0.25s linear;
  user-select: none;
  z-index: 3;
  border: none;
  padding: 0;
}

.lazy-scroll-arrow-up:active {
  background: rgba(71, 75, 80, 0.8);
  box-shadow: inset 0 0 0 2px rgba(71, 75, 80, 0.9);
  color: white;
}

.lazy-scroll-arrow-down {
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 16px;
  color: rgba(71, 75, 80, 0.8);
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(71, 75, 80, 0.2);
  border-radius: 8px;
  transition: all 0.25s linear;
  user-select: none;
  z-index: 3;
  border: none;
  padding: 0;
  margin-bottom: 5px;
}

.lazy-scroll-arrow-down:active {
  background: rgba(71, 75, 80, 0.8);
  box-shadow: inset 0 0 0 2px rgba(71, 75, 80, 0.9);
  color: white;
}

.grid-table:hover .lazy-scroll,
.grid-table:active .lazy-scroll {
  opacity: 1;
}

.grid-column {
  border-right: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  color: #404040;
  font: 400 13px/19px "Open Sans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
  outline: 0;
  background-color: #d8d8d8;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}

.grid-column-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.column-header-text {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Roboto";
  height: 100%;
  box-sizing: border-box;
  flex-flow: row;
  -moz-box-align: center;
  align-items: center;
  -moz-box-pack: start;
  justify-content: center;
}

.column-header-text span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.75rem;
}

.TitleForHorizontal {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.strelka[src=""] {
  display: none;
}

.grid-column:hover {
  background-image: none;
  background-color: #eaeff4;
  transition: 0.2s;
}

.grid-column:active {
  background-image: none;
  background-color: #9cc5e9;
}

.grid-column-size {
  cursor: col-resize;
  z-index: 2;
}

.grid-size-marker {
  width: 3px;
  background-color: #0f0f0f;
  position: absolute;
  cursor: col-resize;
  z-index: 7;
}

.grid-drag-zone {
  position: fixed;
  opacity: 0.6;
  z-index: 7;
  padding: 4px;
}

.col-move-top,
.col-move-bottom {
  width: 9px;
  height: 9px;
  position: fixed;
  top: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  z-index: 20000;
  background: no-repeat left top transparent;
}

.col-move-top {
  z-index: 20000;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMERBNEVBOTc4RUQxMUUyQTFFQkQ0M0Y5RUJBMDMxNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMERBNEVBQTc4RUQxMUUyQTFFQkQ0M0Y5RUJBMDMxNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYwREE0RUE3NzhFRDExRTJBMUVCRDQzRjlFQkEwMzE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYwREE0RUE4NzhFRDExRTJBMUVCRDQzRjlFQkEwMzE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k/H0TQAAAThJREFUeNpiZEAAxv4tycai0vynIdz/DK+efDIt8p17FswBAiYkxUyPbr3mQ+IzPLoN5sPVsCCb/OXTL3ZGBkYGEAKp+frxJzsDlIduMti2/xAbGf7//wtU9h9FFqSLec7RnCygGuWf3//I8YtwBzIyghT/Z/jw5ut6Dk7WRwyMjHdTrCdPA5nMfHzHrRMsrKyh/CI8gYxQGxiBOgSAfBZWltBj228cB6ljBpl+/tDdPx/ffbuiZSrrxMrGzM3wnxHsnJ/ffr9e2Lk/a8Os49eA6r4yQ4Pl74PrL7++fv7xqp6Foh0zGyPXz6+/38xu2lN4dOs1UFC+BeLfyG7nBGIlKy/N6Km706+Yu2tEA/mKUHFGBuRggbI5gFgMiPmB+CMQvwLiH7BIYUQNOjCfFYp/QzE8/AACDAATU2xb7K2RJAAAAABJRU5ErkJggg==");
}

.col-move-bottom {
  z-index: 20000;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNjFBMTkyMjc5MkExMUUyQTFFQkQ0M0Y5RUJBMDMxNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNjFBMTkyMzc5MkExMUUyQTFFQkQ0M0Y5RUJBMDMxNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MUExOTIwNzkyQTExRTJBMUVCRDQzRjlFQkEwMzE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE2MUExOTIxNzkyQTExRTJBMUVCRDQzRjlFQkEwMzE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2nCebQAAAThJREFUeNpiZEAFjH2bk1WEJXnnvnn+OanYd+5doNh/mCQTssKW5dHqIlJ8+1hYmGxFJHn2Ny2NVgOJoytmbF4WrS6nJrabiYlBBiTPzMwiI68utqd5WQxcAyPExBh1OVXR3UzMTDKMYGGIzYz/mRj+/Pv75MGNVy510UtvgUxm5hXg8Hv+4N2BJ3de7wep+/8fYs7ju6/3P7//7gC/EKc/SB3IHDYgFgJiMc9YY/OYYvtZDP8ZgXr+MSzrO5K2bfHpk0C5V0D8jgVI/AXij0D8U0iMRxmkEAQZGJkYBMW43gDFHwPxD5A6mOLvQPybi5cDJAg08z8DyGwuXnYQ/zMQ/0EPOrBjQdYzwgLrPyNqJCCxmYFYHIiVgZgf6jRQpLyE2o6iGMTmAGJuqKd/AfFXqHvB4QMQYAAOWGBjZyBLhwAAAABJRU5ErkJggg==");
}

.grid-with-row-lines .grid-item {
  border-style: none;
  border-width: 0px 0 0;
  border-color: #e9e9e9;
}

.grid-data {
  position: relative;
  border-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  -webkit-border-horizontal-spacing: 0px;
}

.grid-item {
  color: rgb(43, 2, 0);
  font: 300 13px/19px "Open Sans", "Helvetica Neue", helvetica, arial, verdana, sans-serif;
  background-color: #fff;
  table-layout: fixed;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-spacing: 0px;
  user-select: none;
}

.grid-item:hover {
  background-color: #eaeff4;
  color: rgb(19, 12, 12);
  transition: 0.2s;
}

.grid-image-fields {
  height: 16px;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 3px;
  text-overflow: ellipsis;
  flex-wrap: wrap;
  max-height: 24px;
}

.grid-item-alt {
  background-color: #f6f6f6;
}

.grid-indicator {
  background-color: #faf9f5;
  position: relative;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #d0d0d0;
  padding-right: 17px;
}

.grid-indicator-selected {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #aaaaaa #ececec #ececec #aaaaaa;
}

.grid-groups {
  background-color: var(--header-light);
  display: table;
  text-align: center;
  align-items: center;
  color: black;
  border-bottom-style: ridge;
  border-bottom-width: 1px;
  border-bottom-color: #aaaaaa;
}

.grid-groups.light {
  background-color: var(--header-light);
  display: table;
  text-align: center;
  align-items: center;
  color: white;
}

.grid-filter {
  display: table;
  padding: 0px;
}

.grid-filter:focus {
  outline: none;
  border-color: #9ecaed;
  box-shadow: 0 0 10px #9ecaed;
}

.grid-item-selected {
  color: #404040;
  background-color: #ffefbb;
}

.grid-card-selected {
  outline: solid;
  outline-color: #88b7e0;
  outline-width: 2px;
  outline-offset: -2px;
  color: black;
  background: #bfcddb;
}

.grid-item-outline-selected, .grid-item-outline-selected-bg {
  outline: solid;
  outline-color: red;
  outline-width: 2px;
  outline-offset: -2px;
  color: black;
}

.grid-item-outline-selected-bg {
  background: rgb(255, 246, 220);
}

.grid-multi-selection-row, .grid-multi-selection-row .grid-td-locking, .grid-multi-selection-row .fixed-col {
  background-color: rgb(70, 70, 70) !important;
  color: white;
}

.grid-square-color {
  width: 20px;
  height: 20px;
  border: 1px #0f0f0f solid;
}

.grid-panel {
  background-color: white;
}

.grid-item-focused {
  outline: solid;
  outline-color: #88b7e0;
  outline-width: 2px;
  outline-offset: -2px;
  color: black !important;
  background: #bfcddb;
}

.grid-button-pressed {
  background-color: #dfd8d8;
  border-radius: 50%;
}

.LinkLK {
  color: #3c5b77;
}

.LinkLK:hover {
  color: #75ade0;
}

.grid-item-hover:hover {
  color: #404040;
  background-color: #eaeff4;
}

.grid-row {
  outline: none;
  box-sizing: border-box;
  border-spacing: 0px;
}

.grid-item-over {
  color: #404040;
  background-color: #eaeff4;
}

.grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: top;
  margin: 0px;
  border-spacing: 0px;
  padding: 0px;
  border-color: #ededed;
  border-style: solid;
  border-width: 1px 0;
  border-top-color: #fafafa;
  border-right: 1px solid #d0d0d0;
}

.grid-cell-inner {
  position: relative;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  padding: 1px 3px 1px;
  overflow: hidden;
  white-space: nowrap;
  font-family: "Roboto";
}

.grid-cell-inner br {
  display: none;
}

.grid-cell-inner-underline {
  text-decoration: underline;
}

.collapse-img {
  width: 11px;
  height: 11px;
  background-size: 10px;
  vertical-align: top;
  border: 0;
  cursor: pointer;
  z-index: 3;
}

.collapse-plus {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDEySDE4TTEyIDZWMTgiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg==);
}

.collapse-minus {
  content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02IDEyTDE4IDEyIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=);
}

.column-sort-asc::before {
  content: "\f176";
  font: 14px/1 FontAwesome;
  color: #919191;
  text-align: center;
  margin-left: 3px;
  width: 14px;
}

.column-sort-desc:before {
  content: "\f175";
  font: 14px/1 FontAwesome;
  color: #919191;
  text-align: center;
  margin-left: 3px;
  width: 14px;
}

.grid-search-input {
  width: 100%;
  background-color: beige;
}

ul.pagination {
  display: inline-block;
  padding: 0;
  margin: 0;
  z-index: 8;
}

ul.pagination li {
  display: inline;
}

ul.pagination li span {
  color: black;
  float: left;
  padding: 1px 3px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  font-size: 14px;
}

ul.pagination li span:hover:not(.active) {
  background-color: #ddd;
}

.grid-cell-img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}

.jodit .jodit-workplace,
.jodit-container .jodit-workplace {
  height: calc(100% - 33px) !important;
  overflow: auto;
  position: relative;
}.modalWindow {
  position: absolute;
  display: block;
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 10px;
  border: solid;
  border-width: 1px;
  border-color: rgba(56, 84, 111, 0.7411764706);
  box-sizing: border-box;
  min-width: 250px;
  min-height: 48px;
  z-index: 9998;
}

.modalWindow.light {
  border-color: rgba(98, 96, 93, 0.5294117647);
}

.modalWindow[dragged] {
  opacity: 0.5;
  transition: none !important;
}

.modalWindowResizeFeedback {
  border: 2.5px solid #000;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  user-select: none;
  z-index: 10000;
}

.modalWindowTopFeedback {
  position: absolute;
  height: calc(100% - 10px);
  top: 5px;
  bottom: 5px;
  opacity: 0.65;
  background-color: #000;
  box-shadow: 0 0 1px 1px #8a8a8a;
  border-radius: 2px;
  transition: all 0.05s cubic-bezier(0.4, 0, 0.6, 1);
  animation: scaleIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(1);
  pointer-events: none;
  left: 5px;
  transform-origin: top;
  width: calc(100% - 10px);
  box-sizing: border-box;
}

.backgroundModalWindow {
  position: absolute;
  box-sizing: border-box;
  min-height: 100%;
  background-color: #ccc;
  opacity: 0.5;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9997;
}

.modalResizeContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.modalResizeContainer * {
  box-sizing: border-box;
}

.modalResizeContainer.resizingBottomRight,
.modalResizeContainer.resizingBottomRight > .headModal {
  cursor: se-resize;
}

.modalResizeContainer.resizingTopRight > .headModal {
  cursor: sw-resize;
}

.modalResizeContainer.resizingTopLeft > .headModal {
  cursor: se-resize;
}

.modalResizeContainer.resizingBottomLeft,
.modalResizeContainer.resizingBottomLeft > .headModal {
  cursor: sw-resize;
}

.modalResizeContainer.resizingTop > .headModal {
  cursor: ns-resize;
}

.modalResizeContainer.resizingBottom,
.modalResizeContainer.resizingBottom > .headModal {
  cursor: ns-resize;
}

.modalResizeContainer.resizingLeft,
.modalResizeContainer.resizingLeft > .headModal {
  cursor: e-resize;
}

.modalResizeContainer.resizingRight,
.modalResizeContainer.resizingRight > .headModal {
  cursor: e-resize;
}

.headModal {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  height: 48px;
  justify-content: space-between;
  cursor: move;
  padding: 10px;
  user-select: none;
}

.contentModal {
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  background: #fefefe;
  padding: 10px;
  height: calc(100% - 48px);
  width: 100%;
  overflow-y: auto;
  font-size: 14px;
}

.modalWindow[dragged] .contentModal,
.modalWindow[resized] .contentModal {
  user-select: none;
}

.modalWindow[minimized] .headModal {
  cursor: default;
}

.modalWindow[data-animation=true] {
  transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), height 0.25s cubic-bezier(0.4, 0, 0.2, 1), top 0.2s cubic-bezier(0.4, 0, 0.6, 1), left 0.2s cubic-bezier(0.4, 0, 0.6, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-height 0.25s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.background_ModalDialog {
  position: absolute;
}

.background_ModalDialog[ontop] {
  z-index: 1299 !important;
}

.background_ModalDialog[blockbackground] {
  height: 100%;
  width: 100%;
  top: 0px;
}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right,
      #4cd964,
      #5ac8fa,
      #007aff,
      #34aadc,
      #5856d6,
      #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 3em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 100;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
  flex: 1;
}

.Toastify__toast-icon {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
  background-position: bottom right;
  padding: 0 3px 3px 0;
}

.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}

.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}

.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}

.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}

.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}

.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}

.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}

.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

.textfieldinput {
  display: block;
  margin: 0;
  color: #212529;
  background-color: #ffffff;
  border: 0;
  border-radius: 0;
  outline: none;
  padding: 0;
  letter-spacing: 0px;
}#watermark {
  display: none !important;
}

.SelectParamItem {
  -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2) inset;
  -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2) inset;
  box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2) inset;
}

.TabDoc.TabDocActiv {
  height: 100%;
}

.TabDoc.TabDocActiv > div {
  height: 100%;
}

.gutter-horizontal {
  cursor: ew-resize;
}

.gutter-vertical {
  cursor: ns-resize;
}

.wrap {
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

.gutter {
  background-color: #85bee5;
  width: 5px !important;
  flex-shrink: 0;
}
.splitter {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.splitter-item {
  overflow: hidden;
  position: relative;
  flex: 1 1 auto;
}

.splitter-background-feedback {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10000;
}

.splitter-item > div {
  width: 100%;
}

.splitter[dragged] > .splitter-item {
  user-select: none;
}

.splitter.horizontal-splitter {
  flex-direction: column;
}

.splitter.vertical-splitter {
  flex-direction: row;
}

.splitter > .separator-splitter {
  display: flex;
  justify-content: center;
  background: #1976d2;
  color: #ebebeb;
}
.splitter > .separator-splitter.light {
  background: #ebebeb;
  color: inherit;
}

.splitter.horizontal-splitter > .separator-splitter {
  cursor: ns-resize;
  height: 10px;
  width: auto;
  flex-direction: row;
  align-items: center;
}

.splitter.horizontal-splitter > .separator-splitter[block-resize] {
  height: 0px;
  width: 0px;
}

.splitter.vertical-splitter > .separator-splitter {
  cursor: ew-resize;
  height: auto;
  width: 10px;
  flex-direction: column;
  align-items: center;
}

.splitter.vertical-splitter > .separator-splitter[block-resize] {
  height: 0px;
  width: 0px;
}

.splitter-feedback {
  background: #ebebeb;
  opacity: 0.5;
  position: absolute;
  user-select: none;
  z-index: 9999;
}

.splitter-feedback.limit-reached {
  background: #b00020;
}

.collapse-button {
  cursor: pointer;
  position: relative;
  display: flex;
  overflow: hidden;
}

.splitter-arrow {
  position: absolute;
  left: 50%;
  height: auto;
  width: auto;
  top: 50%;
  color: white;
}
.splitter-arrow.light {
  color: inherit;
}

.splitter.vertical-splitter > .separator-splitter > .collapse-button {
  height: 20px;
  width: 10px;
  pointer-events: auto;
}

.splitter.horizontal-splitter > .separator-splitter > .collapse-button {
  height: 10px;
  width: 20px;
  pointer-events: auto;
}

.collapse-button > .splitter-arrow:after {
  align-items: center;
  content: "«";
  display: flex;
  height: 100%;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.splitter.horizontal-splitter > .separator-splitter > .collapse-button[far-button] {
  transform: rotate(180deg);
}

.splitter.vertical-splitter > .separator-splitter > .collapse-button[far-button] {
  transform: rotate(90deg);
}

.splitter.vertical-splitter > .separator-splitter > .collapse-button[near-button] {
  transform: rotate(270deg);
}

.splitter > .separator-splitter[item-collapsed] {
  cursor: none;
  pointer-events: none;
}
.splitter > .separator-splitter[item-collapsed][hidden] {
  visibility: hidden;
  display: none;
}

.splitter > .separator-splitter[primaryelement="1"] > .collapse-button[near-button] {
  visibility: hidden;
  height: 0;
  width: 0;
}

.splitter.horizontal-splitter > .separator-splitter[primaryelement="1"][item-collapsed] > .collapse-button[near-button] {
  visibility: visible;
  height: 10px;
  width: 20px;
}

.splitter.vertical-splitter > .separator-splitter[primaryelement="1"][item-collapsed] > .collapse-button[near-button] {
  visibility: visible;
  height: 20px;
  width: 10px;
}

.splitter > .separator-splitter[primaryelement="1"][item-collapsed] > .collapse-button[far-button] {
  visibility: hidden;
  height: 0;
  width: 0;
}

.splitter > .separator-splitter[primaryelement="0"] > .collapse-button[far-button] {
  visibility: hidden;
  height: 0;
  width: 0;
}

.splitter.horizontal-splitter > .separator-splitter[primaryelement="0"][item-collapsed] > .collapse-button[far-button] {
  visibility: visible;
  height: 10px;
  width: 20px;
}

.splitter.vertical-splitter > .separator-splitter[primaryelement="0"][item-collapsed] > .collapse-button[far-button] {
  visibility: visible;
  height: 20px;
  width: 10px;
}

.splitter > .separator-splitter[primaryelement="0"][item-collapsed] > .collapse-button[near-button] {
  visibility: hidden;
  height: 0;
  width: 0;
}
.text-field {
  margin-bottom: 1rem;
}

.text-field__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  /* padding-bottom: 1px;*/
  padding-left: 1px;
  font: 300 13px/19px "Open Sans", "Helvetica Neue", helvetica, arial, verdana, sans-serif !important;
  letter-spacing: 0px;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #bdbdbd;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.text-field__input::placeholder {
  color: #212529;
  opacity: 0.4;
}

.text-field__input:focus {
  color: #212529;
  background-color: #fff;
  /* border-color: #bdbdbd;*/
  outline: 0;
  /* box-shadow: 0 0 0 0.2rem rgba(158, 158, 158, 0.25);*/
}

.text-field__input:disabled {
  background-color: #f5f5f5;
  opacity: 1;
}

/* active icon - 1 вариант */
.text-field__icon {
  position: relative;
}

.text-field__icon input {
  border: none;
  border-radius: "0";
  transition: "";
}

.text-field__aicon:hover {
  color: #212529;
}

/* active icon - 2 вариант */
.textFieldIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  right: 0;
  width: 18px;
  border: 1px solid #bdbdbd;
  background-color: #f5f5f5;
  cursor: pointer;
  color: #212529;
  transition: background-color 0.15s ease-in-out;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.textFieldIcon:hover {
  background-color: #e0e0e0;
}@keyframes save {
  0% {
    transform: rotate(20deg);
  }
  10% {
    transform: rotate(-20deg);
  }
  20% {
    transform: rotate(25deg);
  }
  30% {
    transform: rotate(-25deg);
  }
  40% {
    transform: rotate(20deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  60% {
    transform: rotate(20deg);
  }
  70% {
    transform: rotate(-20deg);
  }
  80% {
    transform: rotate(20deg);
  }
  90% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
.SaveIcon {
  animation-name: save;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

.joditHeight {
  height: calc(100% - 33px) !important;
}

.threed {
  cursor: pointer;
}

.jodit-react-container {
  height: 100%;
}

.button_message {
  text-transform: "none";
}

.iframeStimateCustom {
  width: 100%;
  height: 100%;
  border-width: 0px;
}

.heightForSectionWithTools {
  height: calc(100% - 43px);
}

.heightForSectionWithOutTools {
  height: 100%;
}

.Borders {
  border-radius: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
  border-style: solid !important;
  margin: 0px !important;
  border-color: #c7c7c7 !important;
  background-color: white !important;
}

.div#selectedTabItem[selected] {
  color: "#005c99" !important;
}

.disableBorder {
  border-width: 0px !important;
}

.headerSmartCustom {
  background: "#ffffff";
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #c7c7c7 !important;
}

.SmartCustom {
  background: "#ffffff";
  border-top-width: 1px !important;
  border-bottom-width: 0px !important;
  border-right-width: 1px !important;
  border-left-width: 1px !important;
  border-style: solid !important;
  border-color: #c7c7c7 !important;
  overflow-y: hidden;
}

.WithoutRightBorder {
  border-right-width: 0px !important;
}

.RightBorder {
  border-right-width: 1px !important;
}

.WithoutLeftBorder {
  border-left-width: 0px !important;
}

.LeftBorder {
  border-left-width: 1px !important;
}

.selectionBarCustom {
  background: #ffb196 !important;
  top: 0px;
}

.buttonStimate {
  font-size: 0.75rem;
}

.buttonStimate.light {
  font-size: 0.75rem;
  border-color: var(--font-color-light);
  color: var(--font-color-light);
}

.circularProgress {
  color: var(--accent-blue);
}

.circularProgress.light {
  color: var(--darker-light);
}

@keyframes cardicontrue {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
.CardIcon {
  animation: cardicontrue 1s forwards;
}

.CardIcon.false {
  animation: cardicontrue 1s forwards;
  animation-direction: reverse;
}

.headerStimate {
  background-color: var(--accent-blue);
}

.iconColorStimatesvg {
  fill: var(--iconColorStimate);
}

.iconColorStimatesvg.light {
  fill: var(--iconColorStimate-light);
}

.sidebarStimate {
  background-color: var(--accent-blue);
}

.fontColorStimate {
  color: var(--font-color-blue);
}

.backgroundColorStimate {
  background-color: var(--bg-blue);
}

.iconButtonStimate {
  color: var(--iconButtonColor);
}

.fontColorStimate.light {
  color: var(--font-color-light);
}

.headerStimate.light {
  background-color: var(--header-light);
}

.sidebarStimate.light {
  background-color: var(--bg-light);
}

.backgroundColorStimate.light {
  background-color: var(--bg-light);
}

.iconButtonStimate.light {
  color: var(--iconButtonColor-light);
}

.hiddenBlock {
  display: none;
  height: 0px;
  opacity: 0;
  z-index: -99999;
  transition-property: opacity, height;
  transition: transform 0.3s;
}

.showBlock {
  display: block;
  height: 100%;
  opacity: 1;
  transition-property: opacity, height;
  transition-duration: 1s;
}

.react-checkbox-tree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  font-size: 16px;
}

.react-checkbox-tree > ol {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.react-checkbox-tree ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
}

.react-checkbox-tree ol ol {
  padding-left: 24px;
}

.react-checkbox-tree button {
  line-height: normal;
  color: inherit;
}

.react-checkbox-tree button:disabled {
  cursor: not-allowed;
}

.react-checkbox-tree .rct-bare-label {
  cursor: default;
}

.react-checkbox-tree label {
  margin-bottom: 0;
  cursor: pointer;
}

.react-checkbox-tree label:hover,
.react-checkbox-tree label.SelectItemTree {
  background: rgba(51, 51, 204, 0.1);
}

.react-checkbox-tree label:active,
.react-checkbox-tree label:focus {
  background: rgba(51, 51, 204, 0.15);
}

.react-checkbox-tree:not(.rct-native-display) input {
  display: none;
}

.react-checkbox-tree.rct-native-display input {
  margin: 0 5px;
}

.react-checkbox-tree .rct-icon {
  display: inline-block;
  text-align: center;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free", FontAwesome, sans-serif;
  font-weight: 400;
  font-variant: normal;
  font-style: normal;
  position: relative;
}

.rct-disabled > .rct-text > label {
  opacity: 0.75;
  cursor: not-allowed;
}

.rct-disabled > .rct-text > label:hover {
  background: 0 0;
}

.rct-disabled > .rct-text > label:active {
  background: 0 0;
}

.rct-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.rct-options {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 0.5rem;
  text-align: right;
}

.rct-option {
  opacity: 0.75;
  border: 0;
  background: 0 0;
  cursor: pointer;
  padding: 0 4px;
  font-size: 18px;
}

.rct-option:hover {
  opacity: 1;
}

.rct-option + .rct-option {
  margin-left: 2px;
}

.rct-checkbox,
.rct-collapse,
.rct-node-icon {
  padding: 0 5px;
}

.rct-checkbox *,
.rct-collapse *,
.rct-node-icon * {
  display: inline-block;
  margin: 0;
  width: 14px;
}

.rct-collapse {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  border: 0;
  background: 0 0;
  line-height: normal;
  color: inherit;
  font-size: 12px;
}

.rct-collapse.rct-collapse-btn {
  cursor: pointer;
  padding: 0;
}

.rct-collapse > .rct-icon-expand-close {
  opacity: 0.5;
}

.rct-collapse > .rct-icon-expand-close:hover {
  opacity: 1;
}

.rct-native-display .rct-checkbox {
  display: none;
}

.rct-node-clickable {
  cursor: pointer;
}

.rct-node-clickable:hover {
  background: rgba(51, 51, 204, 0.1);
}

.rct-node-clickable:focus {
  outline: 0;
  background: rgba(51, 51, 204, 0.2);
}

.rct-title {
  padding: 0 5px;
}

.rct-icons-fa5 .rct-icon-expand-close {
  background: url("data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYgMjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+DQogIDxwYXRoIGQ9Ik0xMS40MTQwNjMgMy41ODU5MzhMOC41ODU5MzggNi40MTQwNjNMMTUuMTcxODc1IDEzTDguNTg1OTM4IDE5LjU4NTkzOEwxMS40MTQwNjMgMjIuNDE0MDYzTDIwLjgyODEyNSAxM1oiIGZpbGw9IiMyQzJDMkEiIC8+DQo8L3N2Zz4=");
  height: 16px;
  width: 16px;
}

.rct-icons-fa5 .rct-icon-expand-open {
  background: url("data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYgMjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+DQogIDxwYXRoIGQ9Ik02LjQxNDA2MyA3LjU4NTkzOEwzLjU4NTkzOCAxMC40MTQwNjNMMTMgMTkuODI4MTI1TDIyLjQxNDA2MyAxMC40MTQwNjNMMTkuNTg1OTM4IDcuNTg1OTM4TDEzIDE0LjE3MTg3NVoiIGZpbGw9IiMyQzJDMkEiIC8+DQo8L3N2Zz4=");
  height: 16px;
  width: 16px;
}

.rct-icons-fa5 .rct-icon-uncheck {
  background: url("data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYgMjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+DQogIDxwYXRoIGQ9Ik0yMS4xMjUgMkMyMi43MTA5MzggMiAyNCAzLjI4OTA2MyAyNCA0Ljg3NUwyNCAyMS4xMjVDMjQgMjIuNzEwOTM4IDIyLjcxMDkzOCAyNCAyMS4xMjUgMjRMNC44NzUgMjRDMy4yODkwNjMgMjQgMiAyMi43MTA5MzggMiAyMS4xMjVMMiA0Ljg3NUMyIDMuMjg5MDYzIDMuMjg5MDYzIDIgNC44NzUgMkwyMS4xMjUgMiBNIDIxLjEyNSAwTDQuODc1IDBDMi4xODM1OTQgMCAwIDIuMTgzNTk0IDAgNC44NzVMMCAyMS4xMjVDMCAyMy44MTY0MDYgMi4xODM1OTQgMjYgNC44NzUgMjZMMjEuMTI1IDI2QzIzLjgxNjQwNiAyNiAyNiAyMy44MTY0MDYgMjYgMjEuMTI1TDI2IDQuODc1QzI2IDIuMTgzNTk0IDIzLjgxNjQwNiAwIDIxLjEyNSAwWiIgZmlsbD0iIzJDMkMyQSIgLz4NCjwvc3ZnPg==");
  height: 16px;
  width: 16px;
  top: 1px;
}

.rct-icons-fa5 .rct-icon-check::before {
  content: "\f14a";
}

.rct-icons-fa5 .rct-icon-half-check::before {
  opacity: 0.5;
  content: "\f14a";
}

.rct-icons-fa5 .rct-icon-leaf {
  background: url("data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+DQogIDxwYXRoIGQ9Ik02IDNMNiAyOUwyNiAyOUwyNiA5LjU5Mzc1TDI1LjcxODc1IDkuMjgxMjVMMTkuNzE4NzUgMy4yODEyNUwxOS40MDYyNSAzIFogTSA4IDVMMTggNUwxOCAxMUwyNCAxMUwyNCAyN0w4IDI3IFogTSAyMCA2LjQzNzVMMjIuNTYyNSA5TDIwIDlaIiBmaWxsPSIjMzMzM0NDIiAvPg0KPC9zdmc+");
  height: 16px;
  width: 16px;
}

.rct-icons-fa5 .rct-icon-parent-open {
  background: url("data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYgMjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+DQogIDxwYXRoIGQ9Ik0zIDNDMS4zNDM3NSAzIDAgNC4zNDM3NSAwIDZMMCAyMEMwIDIxLjAzNTE1NiAwLjU0Mjk2OSAyMS45MzM1OTQgMS4zNDM3NSAyMi40Njg3NUMxLjQ2ODc1IDIyLjU1MDc4MSAxLjU4MjAzMSAyMi42MjUgMS43MTg3NSAyMi42ODc1QzEuNzU3ODEzIDIyLjcxMDkzOCAxLjgwMDc4MSAyMi43MzA0NjkgMS44NDM3NSAyMi43NUMyLjE5MTQwNiAyMi45MTAxNTYgMi41NzAzMTMgMjMgMi45Njg3NSAyM0wxOC45Njg3NSAyM0MyMC41NzAzMTMgMjMgMjIuMDY2NDA2IDIyLjAzNTE1NiAyMi42ODc1IDIwLjU2MjVMMjIuNjg3NSAyMC41MzEyNUwyNS43ODEyNSAxMi4yMTg3NUwyNS43ODEyNSAxMi4xODc1QzI2LjA3ODEyNSAxMS40NTcwMzEgMjYuMDg1OTM4IDEwLjYwOTM3NSAyNS42NTYyNSA5Ljk2ODc1QzI1LjIyMjY1NiA5LjMxNjQwNiAyNC40MjU3ODEgOSAyMy42MjUgOUwyMiA5QzIyIDcuMzQzNzUgMjAuNjU2MjUgNiAxOSA2TDExIDZDMTEgNC4zNDM3NSA5LjY1NjI1IDMgOCAzIFogTSA3LjYyNSAxMUwyMy42MjUgMTFDMjMuOTI5Njg4IDExIDIzLjk5MjE4OCAxMS4wODIwMzEgMjQgMTEuMDkzNzVDMjQuMDA3ODEzIDExLjEwNTQ2OSAyNC4wNTQ2ODggMTEuMTYwMTU2IDIzLjkzNzUgMTEuNDM3NUwyMy45Mzc1IDExLjVMMjAuODQzNzUgMTkuNzgxMjVMMjAuODEyNSAxOS44MTI1QzIwLjU1NDY4OCAyMC4zNTkzNzUgMTkuNTY2NDA2IDIxIDE4Ljk2ODc1IDIxTDIuOTY4NzUgMjFDMi42NjQwNjMgMjEgMi42MzI4MTMgMjAuOTE3OTY5IDIuNjI1IDIwLjkwNjI1QzIuNjE3MTg4IDIwLjg5NDUzMSAyLjU3MDMxMyAyMC44Mzk4NDQgMi42ODc1IDIwLjU2MjVMMi42ODc1IDIwLjUzMTI1TDUuNzgxMjUgMTIuMjE4NzVDNS43ODUxNTYgMTIuMjA3MDMxIDUuODA4NTk0IDEyLjE5OTIxOSA1LjgxMjUgMTIuMTg3NUM2LjA3MDMxMyAxMS42NDA2MjUgNy4wMjczNDQgMTEgNy42MjUgMTFaIiBmaWxsPSIjMzMzNUNDIiAvPg0KPC9zdmc+");
  height: 16px;
  width: 16px;
  top: 1px;
}

.rct-icons-fa5 .rct-icon-parent-close {
  background: url("data:image/svg+xml;base64,77u/PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYgMjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+DQogIDxwYXRoIGQ9Ik0zIDJDMS4zNDM3NSAyIDAgMy4zNDM3NSAwIDVMMCAyMkMwIDIzLjY1NjI1IDEuMzQzNzUgMjUgMyAyNUwyMyAyNUMyNC42NTYyNSAyNSAyNiAyMy42NTYyNSAyNiAyMkwyNiA4QzI2IDYuMzQzNzUgMjQuNjU2MjUgNSAyMyA1TDExIDVDMTEgMy4zNDM3NSA5LjY1NjI1IDIgOCAyIFogTSAzIDdMMjMgN0MyMy41NTA3ODEgNyAyNCA3LjQ0OTIxOSAyNCA4TDI0IDIyQzI0IDIyLjU1MDc4MSAyMy41NTA3ODEgMjMgMjMgMjNMMyAyM0MyLjQ0OTIxOSAyMyAyIDIyLjU1MDc4MSAyIDIyTDIgOEMyIDcuNDQ5MjE5IDIuNDQ5MjE5IDcgMyA3WiIgZmlsbD0iIzMzMzVDQyIgLz4NCjwvc3ZnPg==");
  height: 16px;
  width: 16px;
  top: 1px;
}

.rct-icons-fa5 .rct-icon-expand-all::before {
  content: "\f0fe";
}

.rct-icons-fa5 .rct-icon-collapse-all::before {
  content: "\f146";
}

.rct-direction-rtl {
  direction: rtl;
}

.rct-direction-rtl ol ol {
  padding-right: 24px;
  padding-left: 0;
}

.rct-direction-rtl.rct-icons-fa5 .rct-icon-expand-close::before {
  content: "\f053";
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  padding: 0;
  margin: 0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #606c71;
}

a {
  color: #1e6bb8;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.btn {
  display: inline-block;
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.2);
  border-style: solid;
  border-width: 1px;
  border-radius: 0.3rem;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

.btn:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
}

.btn + .btn {
  margin-left: 1rem;
}

.react-checkbox-tree {
  color: #444;
  font-family: Roboto, sans-serif;
}

.clickable-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.clickable-labels > * {
  width: 50%;
}

.expand-all-container {
  max-width: 400px;
}

.rct-node-icon .far {
  width: 1em;
  text-align: center;
}
#notifyme {
  display: none;
  width: 100%;
  height: auto;
  padding: 2% 10% 2% 2%;
  position: relative;
  background: #fcf8e3;
  border-bottom: 2px solid #fbeed5;
  color: #3c5b77;
  text-align: justify;
  z-index: 9999;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

#notifyme > p {
  margin: 0 0 10px 0;
  font-weight: bold;
}

#notifyme > p a {
  color: #332b17;
  text-decoration: none;
}

#notifyme.display {
  display: block;
  /* Cross browser animation */
  -webkit-animation: notifyme 1.4s 1; /* Chrome, Safari 5+ */
  -moz-animation: notifyme 1.4s 1; /* Firefox 5-15 */
  -ms-animation: notifyme 1.4s 1; /* IE9 */
  -o-animation: notifyme 1.4s 1; /* Opera 12.00 */
  animation: notifyme 1.4s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@keyframes notifyme {
  0% {
    -webkit-transform: translate3d(0, -100%, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, -100%, 0); /* Firefox */
    -ms-transform: translate3d(0, -100%, 0); /* IE9 */
    -o-transform: translate3d(0, -100%, 0); /* Opera */
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, 0, 0); /* Firefox */
    -ms-transform: translate3d(0, 0, 0); /* IE9 */
    -o-transform: translate3d(0, 0, 0); /* Opera */
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes notifyme {
  0% {
    -webkit-transform: translate3d(0, -100%, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, -100%, 0); /* Firefox */
    -ms-transform: translate3d(0, -100%, 0); /* IE9 */
    -o-transform: translate3d(0, -100%, 0); /* Opera */
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, 0, 0); /* Firefox */
    -ms-transform: translate3d(0, 0, 0); /* IE9 */
    -o-transform: translate3d(0, 0, 0); /* Opera */
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes notifyme {
  0% {
    -webkit-transform: translate3d(0, -100%, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, -100%, 0); /* Firefox */
    -ms-transform: translate3d(0, -100%, 0); /* IE9 */
    -o-transform: translate3d(0, -100%, 0); /* Opera */
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, 0, 0); /* Firefox */
    -ms-transform: translate3d(0, 0, 0); /* IE9 */
    -o-transform: translate3d(0, 0, 0); /* Opera */
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes notifyme {
  0% {
    -webkit-transform: translate3d(0, -100%, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, -100%, 0); /* Firefox */
    -ms-transform: translate3d(0, -100%, 0); /* IE9 */
    -o-transform: translate3d(0, -100%, 0); /* Opera */
    transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0); /* Safari & Chrome */
    -moz-transform: translate3d(0, 0, 0); /* Firefox */
    -ms-transform: translate3d(0, 0, 0); /* IE9 */
    -o-transform: translate3d(0, 0, 0); /* Opera */
    transform: translate3d(0, 0, 0);
  }
}
.closew {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translate3d(0, -100%, 0); /* Safari & Chrome */
  -moz-transform: translate3d(0, -100%, 0); /* Firefox */
  -ms-transform: translate3d(0, -100%, 0); /* IE9 */
  -o-transform: translate3d(0, -100%, 0); /* Opera */
  transform: translate3d(0, -100%, 0);
}

#close:after {
  cursor: pointer;
  content: "×";
  position: absolute;
  font-size: 5vw;
  right: 2%;
  top: 6%;
}.snowflakes-box {
  position: fixed;
  top: 0;
  z-index: -1;
}
.snowflakes-box .snowflake {
  border-radius: 50%;
  color: #a6e7ff;
  font-family: FontAwesome;
  height: 20px;
  position: absolute;
  width: 20px;
}
.snowflakes-box .snowflake:first-child {
  animation: fall-1 11s linear -3s infinite;
  opacity: 1;
  transform: translate(47.2803vw, -20px) scale(0.5115) rotate(380deg);
}
@keyframes fall-1 {
  10.153% {
    transform: translate(47.3603vw, 10.153vh) scale(0.5115) rotate(380deg);
  }
  to {
    transform: translate(47.2803008vw, 100vh) scale(0.5115) rotate(380deg);
  }
}
.snowflakes-box .snowflake:nth-child(2) {
  animation: fall-2 10s linear -28s infinite;
  opacity: 0.4188;
  transform: translate(6.0271vw, -20px) scale(0.4452) rotate(300deg);
}
@keyframes fall-2 {
  18.503% {
    transform: translate(11.3335vw, 18.503vh) scale(0.4452) rotate(300deg);
  }
  to {
    transform: translate(6.027153064vw, 100vh) scale(0.4452) rotate(300deg);
  }
}
.snowflakes-box .snowflake:nth-child(3) {
  animation: fall-3 18s linear -20s infinite;
  opacity: 1;
  transform: translate(94.4742vw, -20px) scale(0.1577) rotate(480deg);
}
@keyframes fall-3 {
  10.491% {
    transform: translate(102.198vw, 10.491vh) scale(0.1577) rotate(480deg);
  }
  to {
    transform: translate(94.474277238vw, 100vh) scale(0.1577) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(4) {
  animation: fall-4 22s linear -17s infinite;
  opacity: 1;
  transform: translate(83.804vw, -20px) scale(0.4858) rotate(500deg);
}
@keyframes fall-4 {
  17.794% {
    transform: translate(93.7732vw, 17.794vh) scale(0.4858) rotate(500deg);
  }
  to {
    transform: translate(83.804099692vw, 100vh) scale(0.4858) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(5) {
  animation: fall-5 27s linear -15s infinite;
  opacity: 0.117;
  transform: translate(92.4653vw, -20px) scale(0.1509) rotate(20deg);
}
@keyframes fall-5 {
  10.678% {
    transform: translate(87.5034vw, 10.678vh) scale(0.1509) rotate(20deg);
  }
  to {
    transform: translate(92.465250381vw, 100vh) scale(0.1509) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(6) {
  animation: fall-6 27s linear -27s infinite;
  opacity: 1;
  transform: translate(21.638vw, -20px) scale(0.3392) rotate(120deg);
}
@keyframes fall-6 {
  14.448% {
    transform: translate(12.7799vw, 14.448vh) scale(0.3392) rotate(120deg);
  }
  to {
    transform: translate(21.637911419vw, 100vh) scale(0.3392) rotate(120deg);
  }
}
.snowflakes-box .snowflake:nth-child(7) {
  animation: fall-7 15s linear -10s infinite;
  opacity: 0.7462;
  transform: translate(88.9117vw, -20px) scale(0.8152) rotate(600deg);
}
@keyframes fall-7 {
  12.087% {
    transform: translate(85.4907vw, 12.087vh) scale(0.8152) rotate(600deg);
  }
  to {
    transform: translate(88.91166579vw, 100vh) scale(0.8152) rotate(600deg);
  }
}
.snowflakes-box .snowflake:nth-child(8) {
  animation: fall-8 14s linear -22s infinite;
  opacity: 0.0646;
  transform: translate(70.9726vw, -20px) scale(0.6203) rotate(20deg);
}
@keyframes fall-8 {
  13.247% {
    transform: translate(65.1227vw, 13.247vh) scale(0.6203) rotate(20deg);
  }
  to {
    transform: translate(70.972541501vw, 100vh) scale(0.6203) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(9) {
  animation: fall-9 15s linear -28s infinite;
  opacity: 1;
  transform: translate(17.6595vw, -20px) scale(0.8573) rotate(540deg);
}
@keyframes fall-9 {
  18.898% {
    transform: translate(10.6562vw, 18.898vh) scale(0.8573) rotate(540deg);
  }
  to {
    transform: translate(17.659429967vw, 100vh) scale(0.8573) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(10) {
  animation: fall-10 24s linear -25s infinite;
  opacity: 1;
  transform: translate(28.6667vw, -20px) scale(0.9289) rotate(560deg);
}
@keyframes fall-10 {
  17.051% {
    transform: translate(20.2802vw, 17.051vh) scale(0.9289) rotate(560deg);
  }
  to {
    transform: translate(28.666616135vw, 100vh) scale(0.9289) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(11) {
  animation: fall-11 16s linear -16s infinite;
  opacity: 1;
  transform: translate(10.4361vw, -20px) scale(0.6348) rotate(40deg);
}
@keyframes fall-11 {
  18.565% {
    transform: translate(20.1742vw, 18.565vh) scale(0.6348) rotate(40deg);
  }
  to {
    transform: translate(10.436197381vw, 100vh) scale(0.6348) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(12) {
  animation: fall-12 25s linear -26s infinite;
  opacity: 0.1394;
  transform: translate(98.3461vw, -20px) scale(0.3743) rotate(340deg);
}
@keyframes fall-12 {
  10.91% {
    transform: translate(100.6946vw, 10.91vh) scale(0.3743) rotate(340deg);
  }
  to {
    transform: translate(98.346123485vw, 100vh) scale(0.3743) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(13) {
  animation: fall-13 17s linear -19s infinite;
  opacity: 1;
  transform: translate(98.032vw, -20px) scale(0.459) rotate(40deg);
}
@keyframes fall-13 {
  17.272% {
    transform: translate(100.315vw, 17.272vh) scale(0.459) rotate(40deg);
  }
  to {
    transform: translate(98.03202283vw, 100vh) scale(0.459) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(14) {
  animation: fall-14 25s linear -10s infinite;
  opacity: 0.618;
  transform: translate(17.6157vw, -20px) scale(0.2903) rotate(340deg);
}
@keyframes fall-14 {
  16.746% {
    transform: translate(8.4018vw, 16.746vh) scale(0.2903) rotate(340deg);
  }
  to {
    transform: translate(17.615607861vw, 100vh) scale(0.2903) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(15) {
  animation: fall-15 20s linear -6s infinite;
  opacity: 0.6126;
  transform: translate(69.2398vw, -20px) scale(0.8413) rotate(380deg);
}
@keyframes fall-15 {
  15.386% {
    transform: translate(68.0046vw, 15.386vh) scale(0.8413) rotate(380deg);
  }
  to {
    transform: translate(69.239787648vw, 100vh) scale(0.8413) rotate(380deg);
  }
}
.snowflakes-box .snowflake:nth-child(16) {
  animation: fall-16 22s linear -10s infinite;
  opacity: 1;
  transform: translate(93.7826vw, -20px) scale(0.4076) rotate(460deg);
}
@keyframes fall-16 {
  10.359% {
    transform: translate(91.9463vw, 10.359vh) scale(0.4076) rotate(460deg);
  }
  to {
    transform: translate(93.782581637vw, 100vh) scale(0.4076) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(17) {
  animation: fall-17 22s linear -20s infinite;
  opacity: 0.919;
  transform: translate(28.5196vw, -20px) scale(0.7407) rotate(420deg);
}
@keyframes fall-17 {
  18.723% {
    transform: translate(26.8334vw, 18.723vh) scale(0.7407) rotate(420deg);
  }
  to {
    transform: translate(28.519583138vw, 100vh) scale(0.7407) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(18) {
  animation: fall-18 18s linear -13s infinite;
  opacity: 0.009;
  transform: translate(44.3125vw, -20px) scale(0.9049) rotate(460deg);
}
@keyframes fall-18 {
  11.049% {
    transform: translate(37.1015vw, 11.049vh) scale(0.9049) rotate(460deg);
  }
  to {
    transform: translate(44.31242789vw, 100vh) scale(0.9049) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(19) {
  animation: fall-19 28s linear -8s infinite;
  opacity: 1;
  transform: translate(55.4634vw, -20px) scale(0.8381) rotate(400deg);
}
@keyframes fall-19 {
  17.688% {
    transform: translate(61.0013vw, 17.688vh) scale(0.8381) rotate(400deg);
  }
  to {
    transform: translate(55.463455379vw, 100vh) scale(0.8381) rotate(400deg);
  }
}
.snowflakes-box .snowflake:nth-child(20) {
  animation: fall-20 23s linear -11s infinite;
  opacity: 0.4586;
  transform: translate(26.6347vw, -20px) scale(0.3561) rotate(220deg);
}
@keyframes fall-20 {
  19.085% {
    transform: translate(24.4815vw, 19.085vh) scale(0.3561) rotate(220deg);
  }
  to {
    transform: translate(26.634678468vw, 100vh) scale(0.3561) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(21) {
  animation: fall-21 24s linear -3s infinite;
  opacity: 0.8668;
  transform: translate(75.6085vw, -20px) scale(0.6242) rotate(220deg);
}
@keyframes fall-21 {
  12.468% {
    transform: translate(76.0619vw, 12.468vh) scale(0.6242) rotate(220deg);
  }
  to {
    transform: translate(75.608504534vw, 100vh) scale(0.6242) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(22) {
  animation: fall-22 29s linear -7s infinite;
  opacity: 0.4388;
  transform: translate(16.589vw, -20px) scale(0.8939) rotate(460deg);
}
@keyframes fall-22 {
  13.114% {
    transform: translate(11.6748vw, 13.114vh) scale(0.8939) rotate(460deg);
  }
  to {
    transform: translate(16.588950858vw, 100vh) scale(0.8939) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(23) {
  animation: fall-23 11s linear -30s infinite;
  opacity: 0.5904;
  transform: translate(56.5833vw, -20px) scale(0.5231) rotate(320deg);
}
@keyframes fall-23 {
  18.356% {
    transform: translate(60.2423vw, 18.356vh) scale(0.5231) rotate(320deg);
  }
  to {
    transform: translate(56.58333659vw, 100vh) scale(0.5231) rotate(320deg);
  }
}
.snowflakes-box .snowflake:nth-child(24) {
  animation: fall-24 25s linear -11s infinite;
  opacity: 0.779;
  transform: translate(94.5091vw, -20px) scale(0.3078) rotate(500deg);
}
@keyframes fall-24 {
  15.011% {
    transform: translate(99.2686vw, 15.011vh) scale(0.3078) rotate(500deg);
  }
  to {
    transform: translate(94.509147595vw, 100vh) scale(0.3078) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(25) {
  animation: fall-25 13s linear -18s infinite;
  opacity: 1;
  transform: translate(69.7724vw, -20px) scale(0.2938) rotate(400deg);
}
@keyframes fall-25 {
  17.155% {
    transform: translate(61.5144vw, 17.155vh) scale(0.2938) rotate(400deg);
  }
  to {
    transform: translate(69.77231742vw, 100vh) scale(0.2938) rotate(400deg);
  }
}
.snowflakes-box .snowflake:nth-child(26) {
  animation: fall-26 11s linear -17s infinite;
  opacity: 1;
  transform: translate(25.2093vw, -20px) scale(0.7306) rotate(560deg);
}
@keyframes fall-26 {
  14.727% {
    transform: translate(31.5173vw, 14.727vh) scale(0.7306) rotate(560deg);
  }
  to {
    transform: translate(25.20936308vw, 100vh) scale(0.7306) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(27) {
  animation: fall-27 29s linear -19s infinite;
  opacity: 1;
  transform: translate(2.3911vw, -20px) scale(0.2223) rotate(140deg);
}
@keyframes fall-27 {
  11.221% {
    transform: translate(10.1745vw, 11.221vh) scale(0.2223) rotate(140deg);
  }
  to {
    transform: translate(2.391177834vw, 100vh) scale(0.2223) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(28) {
  animation: fall-28 20s linear -9s infinite;
  opacity: 0.7434;
  transform: translate(39.8572vw, -20px) scale(0.7842) rotate(160deg);
}
@keyframes fall-28 {
  16.177% {
    transform: translate(44.7757vw, 16.177vh) scale(0.7842) rotate(160deg);
  }
  to {
    transform: translate(39.857249185vw, 100vh) scale(0.7842) rotate(160deg);
  }
}
.snowflakes-box .snowflake:nth-child(29) {
  animation: fall-29 26s linear -28s infinite;
  opacity: 1;
  transform: translate(35.3094vw, -20px) scale(0.7979) rotate(1turn);
}
@keyframes fall-29 {
  16.596% {
    transform: translate(26.4626vw, 16.596vh) scale(0.7979) rotate(1turn);
  }
  to {
    transform: translate(35.309311532vw, 100vh) scale(0.7979) rotate(1turn);
  }
}
.snowflakes-box .snowflake:nth-child(30) {
  animation: fall-30 27s linear -15s infinite;
  opacity: 1;
  transform: translate(20.7093vw, -20px) scale(0.9181) rotate(200deg);
}
@keyframes fall-30 {
  14.023% {
    transform: translate(29.3576vw, 14.023vh) scale(0.9181) rotate(200deg);
  }
  to {
    transform: translate(20.709386483vw, 100vh) scale(0.9181) rotate(200deg);
  }
}
.snowflakes-box .snowflake:nth-child(31) {
  animation: fall-31 13s linear -12s infinite;
  opacity: 1;
  transform: translate(2.5762vw, -20px) scale(0.3872) rotate(20deg);
}
@keyframes fall-31 {
  15.74% {
    transform: translate(-6.2544vw, 15.74vh) scale(0.3872) rotate(20deg);
  }
  to {
    transform: translate(2.576111694vw, 100vh) scale(0.3872) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(32) {
  animation: fall-32 26s linear -2s infinite;
  opacity: 0.634;
  transform: translate(25.7258vw, -20px) scale(0.2742) rotate(180deg);
}
@keyframes fall-32 {
  14.215% {
    transform: translate(21.5683vw, 14.215vh) scale(0.2742) rotate(180deg);
  }
  to {
    transform: translate(25.725758425vw, 100vh) scale(0.2742) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(33) {
  animation: fall-33 15s linear -20s infinite;
  opacity: 0.8024;
  transform: translate(64.5766vw, -20px) scale(0.869) rotate(420deg);
}
@keyframes fall-33 {
  19.706% {
    transform: translate(72.9366vw, 19.706vh) scale(0.869) rotate(420deg);
  }
  to {
    transform: translate(64.5766836vw, 100vh) scale(0.869) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(34) {
  animation: fall-34 24s linear -23s infinite;
  opacity: 1;
  transform: translate(46.913vw, -20px) scale(0.2396) rotate(540deg);
}
@keyframes fall-34 {
  12.853% {
    transform: translate(49.2326vw, 12.853vh) scale(0.2396) rotate(540deg);
  }
  to {
    transform: translate(46.913023196vw, 100vh) scale(0.2396) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(35) {
  animation: fall-35 17s linear -27s infinite;
  opacity: 0.7036;
  transform: translate(99.2815vw, -20px) scale(0.9354) rotate(180deg);
}
@keyframes fall-35 {
  11.126% {
    transform: translate(96.4979vw, 11.126vh) scale(0.9354) rotate(180deg);
  }
  to {
    transform: translate(99.281472164vw, 100vh) scale(0.9354) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(36) {
  animation: fall-36 21s linear -1s infinite;
  opacity: 1;
  transform: translate(74.1067vw, -20px) scale(0.2737) rotate(380deg);
}
@keyframes fall-36 {
  12.857% {
    transform: translate(67.4621vw, 12.857vh) scale(0.2737) rotate(380deg);
  }
  to {
    transform: translate(74.106633554vw, 100vh) scale(0.2737) rotate(380deg);
  }
}
.snowflakes-box .snowflake:nth-child(37) {
  animation: fall-37 24s linear -16s infinite;
  opacity: 0.3006;
  transform: translate(10.2623vw, -20px) scale(0.8244) rotate(40deg);
}
@keyframes fall-37 {
  19.234% {
    transform: translate(3.0647vw, 19.234vh) scale(0.8244) rotate(40deg);
  }
  to {
    transform: translate(10.262228024vw, 100vh) scale(0.8244) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(38) {
  animation: fall-38 26s linear -2s infinite;
  opacity: 1;
  transform: translate(50.9784vw, -20px) scale(0.6843) rotate(480deg);
}
@keyframes fall-38 {
  11.625% {
    transform: translate(51.1401vw, 11.625vh) scale(0.6843) rotate(480deg);
  }
  to {
    transform: translate(50.978401617vw, 100vh) scale(0.6843) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(39) {
  animation: fall-39 10s linear -9s infinite;
  opacity: 1;
  transform: translate(51.8327vw, -20px) scale(0.8058) rotate(180deg);
}
@keyframes fall-39 {
  18.717% {
    transform: translate(46.9898vw, 18.717vh) scale(0.8058) rotate(180deg);
  }
  to {
    transform: translate(51.832651571vw, 100vh) scale(0.8058) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(40) {
  animation: fall-40 25s linear -5s infinite;
  opacity: 1;
  transform: translate(55.7605vw, -20px) scale(0.3445) rotate(60deg);
}
@keyframes fall-40 {
  16.55% {
    transform: translate(47.4001vw, 16.55vh) scale(0.3445) rotate(60deg);
  }
  to {
    transform: translate(55.760416396vw, 100vh) scale(0.3445) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(41) {
  animation: fall-41 27s linear -9s infinite;
  opacity: 1;
  transform: translate(87.1442vw, -20px) scale(0.39) rotate(100deg);
}
@keyframes fall-41 {
  16.951% {
    transform: translate(92.1106vw, 16.951vh) scale(0.39) rotate(100deg);
  }
  to {
    transform: translate(87.144249664vw, 100vh) scale(0.39) rotate(100deg);
  }
}
.snowflakes-box .snowflake:nth-child(42) {
  animation: fall-42 30s linear -27s infinite;
  opacity: 0.6692;
  transform: translate(65.6358vw, -20px) scale(0.6525) rotate(480deg);
}
@keyframes fall-42 {
  11.953% {
    transform: translate(74.9565vw, 11.953vh) scale(0.6525) rotate(480deg);
  }
  to {
    transform: translate(65.635893207vw, 100vh) scale(0.6525) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(43) {
  animation: fall-43 14s linear -28s infinite;
  opacity: 0.4068;
  transform: translate(3.1569vw, -20px) scale(0.7387) rotate(240deg);
}
@keyframes fall-43 {
  13.752% {
    transform: translate(5.7913vw, 13.752vh) scale(0.7387) rotate(240deg);
  }
  to {
    transform: translate(3.156926344vw, 100vh) scale(0.7387) rotate(240deg);
  }
}
.snowflakes-box .snowflake:nth-child(44) {
  animation: fall-44 15s linear -23s infinite;
  opacity: 0.5606;
  transform: translate(10.9383vw, -20px) scale(0.6065) rotate(440deg);
}
@keyframes fall-44 {
  18.691% {
    transform: translate(17.5183vw, 18.691vh) scale(0.6065) rotate(440deg);
  }
  to {
    transform: translate(10.9383658vw, 100vh) scale(0.6065) rotate(440deg);
  }
}
.snowflakes-box .snowflake:nth-child(45) {
  animation: fall-45 25s linear -26s infinite;
  opacity: 0.6702;
  transform: translate(68.6471vw, -20px) scale(0.0097) rotate(560deg);
}
@keyframes fall-45 {
  14.952% {
    transform: translate(61.8653vw, 14.952vh) scale(0.0097) rotate(560deg);
  }
  to {
    transform: translate(68.647032182vw, 100vh) scale(0.0097) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(46) {
  animation: fall-46 24s linear -19s infinite;
  opacity: 1;
  transform: translate(58.0894vw, -20px) scale(0.4061) rotate(280deg);
}
@keyframes fall-46 {
  14.159% {
    transform: translate(64.7879vw, 14.159vh) scale(0.4061) rotate(280deg);
  }
  to {
    transform: translate(58.089466985vw, 100vh) scale(0.4061) rotate(280deg);
  }
}
.snowflakes-box .snowflake:nth-child(47) {
  animation: fall-47 14s linear -4s infinite;
  opacity: 0.718;
  transform: translate(72.7822vw, -20px) scale(0.8776) rotate(500deg);
}
@keyframes fall-47 {
  18.185% {
    transform: translate(81.9332vw, 18.185vh) scale(0.8776) rotate(500deg);
  }
  to {
    transform: translate(72.78229151vw, 100vh) scale(0.8776) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(48) {
  animation: fall-48 14s linear -30s infinite;
  opacity: 1;
  transform: translate(14.4111vw, -20px) scale(0.6661) rotate(320deg);
}
@keyframes fall-48 {
  16.843% {
    transform: translate(10.9488vw, 16.843vh) scale(0.6661) rotate(320deg);
  }
  to {
    transform: translate(14.411065377vw, 100vh) scale(0.6661) rotate(320deg);
  }
}
.snowflakes-box .snowflake:nth-child(49) {
  animation: fall-49 17s linear -28s infinite;
  opacity: 0.8278;
  transform: translate(62.2743vw, -20px) scale(0.6111) rotate(460deg);
}
@keyframes fall-49 {
  19.085% {
    transform: translate(59.8489vw, 19.085vh) scale(0.6111) rotate(460deg);
  }
  to {
    transform: translate(62.274275746vw, 100vh) scale(0.6111) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(50) {
  animation: fall-50 10s linear -28s infinite;
  opacity: 1;
  transform: translate(45.2482vw, -20px) scale(0.8372) rotate(180deg);
}
@keyframes fall-50 {
  16.642% {
    transform: translate(44.5493vw, 16.642vh) scale(0.8372) rotate(180deg);
  }
  to {
    transform: translate(45.248193011vw, 100vh) scale(0.8372) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(51) {
  animation: fall-51 16s linear -15s infinite;
  opacity: 1;
  transform: translate(51.0156vw, -20px) scale(0.0731) rotate(240deg);
}
@keyframes fall-51 {
  16.806% {
    transform: translate(43.636vw, 16.806vh) scale(0.0731) rotate(240deg);
  }
  to {
    transform: translate(51.015526204vw, 100vh) scale(0.0731) rotate(240deg);
  }
}
.snowflakes-box .snowflake:nth-child(52) {
  animation: fall-52 14s linear -13s infinite;
  opacity: 1;
  transform: translate(25.1406vw, -20px) scale(0.9042) rotate(20deg);
}
@keyframes fall-52 {
  16.634% {
    transform: translate(23.8709vw, 16.634vh) scale(0.9042) rotate(20deg);
  }
  to {
    transform: translate(25.140587303vw, 100vh) scale(0.9042) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(53) {
  animation: fall-53 19s linear -29s infinite;
  opacity: 0.2006;
  transform: translate(1.3799vw, -20px) scale(0.9463) rotate(60deg);
}
@keyframes fall-53 {
  10.474% {
    transform: translate(7.5288vw, 10.474vh) scale(0.9463) rotate(60deg);
  }
  to {
    transform: translate(1.379961489vw, 100vh) scale(0.9463) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(54) {
  animation: fall-54 15s linear -19s infinite;
  opacity: 1;
  transform: translate(51.5389vw, -20px) scale(0.7381) rotate(80deg);
}
@keyframes fall-54 {
  13.854% {
    transform: translate(60.604vw, 13.854vh) scale(0.7381) rotate(80deg);
  }
  to {
    transform: translate(51.538990651vw, 100vh) scale(0.7381) rotate(80deg);
  }
}
.snowflakes-box .snowflake:nth-child(55) {
  animation: fall-55 22s linear -22s infinite;
  opacity: 1;
  transform: translate(84.0781vw, -20px) scale(0.5693) rotate(220deg);
}
@keyframes fall-55 {
  11.004% {
    transform: translate(85.4684vw, 11.004vh) scale(0.5693) rotate(220deg);
  }
  to {
    transform: translate(84.078113903vw, 100vh) scale(0.5693) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(56) {
  animation: fall-56 26s linear -5s infinite;
  opacity: 1;
  transform: translate(95.2082vw, -20px) scale(0.9871) rotate(100deg);
}
@keyframes fall-56 {
  10.7% {
    transform: translate(101.335vw, 10.7vh) scale(0.9871) rotate(100deg);
  }
  to {
    transform: translate(95.208261268vw, 100vh) scale(0.9871) rotate(100deg);
  }
}
.snowflakes-box .snowflake:nth-child(57) {
  animation: fall-57 16s linear -15s infinite;
  opacity: 1;
  transform: translate(8.6861vw, -20px) scale(0.3597) rotate(540deg);
}
@keyframes fall-57 {
  10.115% {
    transform: translate(5.1597vw, 10.115vh) scale(0.3597) rotate(540deg);
  }
  to {
    transform: translate(8.686064736vw, 100vh) scale(0.3597) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(58) {
  animation: fall-58 26s linear -9s infinite;
  opacity: 0.3908;
  transform: translate(80.5801vw, -20px) scale(0.9172) rotate(240deg);
}
@keyframes fall-58 {
  12.367% {
    transform: translate(78.4052vw, 12.367vh) scale(0.9172) rotate(240deg);
  }
  to {
    transform: translate(80.580078251vw, 100vh) scale(0.9172) rotate(240deg);
  }
}
.snowflakes-box .snowflake:nth-child(59) {
  animation: fall-59 23s linear -23s infinite;
  opacity: 0.8294;
  transform: translate(44.3049vw, -20px) scale(0.3715) rotate(560deg);
}
@keyframes fall-59 {
  11.759% {
    transform: translate(38.9391vw, 11.759vh) scale(0.3715) rotate(560deg);
  }
  to {
    transform: translate(44.304846342vw, 100vh) scale(0.3715) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(60) {
  animation: fall-60 20s linear -18s infinite;
  opacity: 1;
  transform: translate(9.7594vw, -20px) scale(0.768) rotate(540deg);
}
@keyframes fall-60 {
  15.309% {
    transform: translate(19.653vw, 15.309vh) scale(0.768) rotate(540deg);
  }
  to {
    transform: translate(9.759498936vw, 100vh) scale(0.768) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(61) {
  animation: fall-61 27s linear -25s infinite;
  opacity: 1;
  transform: translate(89.1148vw, -20px) scale(0.7318) rotate(140deg);
}
@keyframes fall-61 {
  19.315% {
    transform: translate(91.3265vw, 19.315vh) scale(0.7318) rotate(140deg);
  }
  to {
    transform: translate(89.114822117vw, 100vh) scale(0.7318) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(62) {
  animation: fall-62 26s linear -5s infinite;
  opacity: 1;
  transform: translate(13.3147vw, -20px) scale(0.6184) rotate(140deg);
}
@keyframes fall-62 {
  11.553% {
    transform: translate(10.2882vw, 11.553vh) scale(0.6184) rotate(140deg);
  }
  to {
    transform: translate(13.314669735vw, 100vh) scale(0.6184) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(63) {
  animation: fall-63 19s linear -7s infinite;
  opacity: 0.1854;
  transform: translate(58.6644vw, -20px) scale(0.1883) rotate(120deg);
}
@keyframes fall-63 {
  18.34% {
    transform: translate(64.9979vw, 18.34vh) scale(0.1883) rotate(120deg);
  }
  to {
    transform: translate(58.664463335vw, 100vh) scale(0.1883) rotate(120deg);
  }
}
.snowflakes-box .snowflake:nth-child(64) {
  animation: fall-64 21s linear -29s infinite;
  opacity: 0.3366;
  transform: translate(66.7757vw, -20px) scale(0.0129) rotate(440deg);
}
@keyframes fall-64 {
  19.389% {
    transform: translate(59.8866vw, 19.389vh) scale(0.0129) rotate(440deg);
  }
  to {
    transform: translate(66.775631109vw, 100vh) scale(0.0129) rotate(440deg);
  }
}
.snowflakes-box .snowflake:nth-child(65) {
  animation: fall-65 20s linear -15s infinite;
  opacity: 1;
  transform: translate(79.1918vw, -20px) scale(0.4193) rotate(460deg);
}
@keyframes fall-65 {
  10.167% {
    transform: translate(85.0738vw, 10.167vh) scale(0.4193) rotate(460deg);
  }
  to {
    transform: translate(79.19185882vw, 100vh) scale(0.4193) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(66) {
  animation: fall-66 14s linear -23s infinite;
  opacity: 1;
  transform: translate(23.427vw, -20px) scale(0.2273) rotate(140deg);
}
@keyframes fall-66 {
  12.829% {
    transform: translate(13.5608vw, 12.829vh) scale(0.2273) rotate(140deg);
  }
  to {
    transform: translate(23.426901338vw, 100vh) scale(0.2273) rotate(140deg);
  }
}
.snowflakes-box .snowflake:nth-child(67) {
  animation: fall-67 11s linear -28s infinite;
  opacity: 1;
  transform: translate(26.3649vw, -20px) scale(0.8695) rotate(60deg);
}
@keyframes fall-67 {
  12.587% {
    transform: translate(32.9065vw, 12.587vh) scale(0.8695) rotate(60deg);
  }
  to {
    transform: translate(26.364965416vw, 100vh) scale(0.8695) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(68) {
  animation: fall-68 12s linear -15s infinite;
  opacity: 1;
  transform: translate(19.016vw, -20px) scale(0.1174) rotate(500deg);
}
@keyframes fall-68 {
  12.82% {
    transform: translate(20.926vw, 12.82vh) scale(0.1174) rotate(500deg);
  }
  to {
    transform: translate(19.0160191vw, 100vh) scale(0.1174) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(69) {
  animation: fall-69 13s linear -9s infinite;
  opacity: 0.0664;
  transform: translate(70.2864vw, -20px) scale(0.4023) rotate(600deg);
}
@keyframes fall-69 {
  19.063% {
    transform: translate(80.0123vw, 19.063vh) scale(0.4023) rotate(600deg);
  }
  to {
    transform: translate(70.286497259vw, 100vh) scale(0.4023) rotate(600deg);
  }
}
.snowflakes-box .snowflake:nth-child(70) {
  animation: fall-70 18s linear -28s infinite;
  opacity: 0.3756;
  transform: translate(4.9489vw, -20px) scale(0.306) rotate(560deg);
}
@keyframes fall-70 {
  14.651% {
    transform: translate(-1.0881vw, 14.651vh) scale(0.306) rotate(560deg);
  }
  to {
    transform: translate(4.94883963vw, 100vh) scale(0.306) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(71) {
  animation: fall-71 20s linear -2s infinite;
  opacity: 0.472;
  transform: translate(95.8009vw, -20px) scale(0.5938) rotate(300deg);
}
@keyframes fall-71 {
  14.052% {
    transform: translate(104.2548vw, 14.052vh) scale(0.5938) rotate(300deg);
  }
  to {
    transform: translate(95.800984539vw, 100vh) scale(0.5938) rotate(300deg);
  }
}
.snowflakes-box .snowflake:nth-child(72) {
  animation: fall-72 17s linear -14s infinite;
  opacity: 0.4306;
  transform: translate(69.7493vw, -20px) scale(0.1573) rotate(60deg);
}
@keyframes fall-72 {
  15.588% {
    transform: translate(63.4337vw, 15.588vh) scale(0.1573) rotate(60deg);
  }
  to {
    transform: translate(69.749236844vw, 100vh) scale(0.1573) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(73) {
  animation: fall-73 21s linear -24s infinite;
  opacity: 0.9742;
  transform: translate(4.466vw, -20px) scale(0.1498) rotate(320deg);
}
@keyframes fall-73 {
  18.973% {
    transform: translate(-3.2367vw, 18.973vh) scale(0.1498) rotate(320deg);
  }
  to {
    transform: translate(4.465922973vw, 100vh) scale(0.1498) rotate(320deg);
  }
}
.snowflakes-box .snowflake:nth-child(74) {
  animation: fall-74 18s linear -24s infinite;
  opacity: 0.0104;
  transform: translate(5.0172vw, -20px) scale(0.9591) rotate(80deg);
}
@keyframes fall-74 {
  16.414% {
    transform: translate(2.9169vw, 16.414vh) scale(0.9591) rotate(80deg);
  }
  to {
    transform: translate(5.017178997vw, 100vh) scale(0.9591) rotate(80deg);
  }
}
.snowflakes-box .snowflake:nth-child(75) {
  animation: fall-75 19s linear -17s infinite;
  opacity: 1;
  transform: translate(0.8932vw, -20px) scale(0.2064) rotate(420deg);
}
@keyframes fall-75 {
  10.873% {
    transform: translate(-3.6378vw, 10.873vh) scale(0.2064) rotate(420deg);
  }
  to {
    transform: translate(0.89315469vw, 100vh) scale(0.2064) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(76) {
  animation: fall-76 10s linear -9s infinite;
  opacity: 1;
  transform: translate(43.4157vw, -20px) scale(0.6746) rotate(500deg);
}
@keyframes fall-76 {
  19.782% {
    transform: translate(50.4765vw, 19.782vh) scale(0.6746) rotate(500deg);
  }
  to {
    transform: translate(43.415770608vw, 100vh) scale(0.6746) rotate(500deg);
  }
}
.snowflakes-box .snowflake:nth-child(77) {
  animation: fall-77 12s linear -8s infinite;
  opacity: 0.3818;
  transform: translate(73.9044vw, -20px) scale(0.0466) rotate(540deg);
}
@keyframes fall-77 {
  16.469% {
    transform: translate(76.7319vw, 16.469vh) scale(0.0466) rotate(540deg);
  }
  to {
    transform: translate(73.904428275vw, 100vh) scale(0.0466) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(78) {
  animation: fall-78 21s linear -2s infinite;
  opacity: 0.2086;
  transform: translate(12.1918vw, -20px) scale(0.7536) rotate(120deg);
}
@keyframes fall-78 {
  15.309% {
    transform: translate(8.223vw, 15.309vh) scale(0.7536) rotate(120deg);
  }
  to {
    transform: translate(12.191760312vw, 100vh) scale(0.7536) rotate(120deg);
  }
}
.snowflakes-box .snowflake:nth-child(79) {
  animation: fall-79 21s linear -11s infinite;
  opacity: 0.8862;
  transform: translate(42.4113vw, -20px) scale(0.6333) rotate(400deg);
}
@keyframes fall-79 {
  15.622% {
    transform: translate(46.3064vw, 15.622vh) scale(0.6333) rotate(400deg);
  }
  to {
    transform: translate(42.411338951vw, 100vh) scale(0.6333) rotate(400deg);
  }
}
.snowflakes-box .snowflake:nth-child(80) {
  animation: fall-80 13s linear -22s infinite;
  opacity: 0.139;
  transform: translate(53.0642vw, -20px) scale(0.7768) rotate(420deg);
}
@keyframes fall-80 {
  18.634% {
    transform: translate(58.181vw, 18.634vh) scale(0.7768) rotate(420deg);
  }
  to {
    transform: translate(53.064251168vw, 100vh) scale(0.7768) rotate(420deg);
  }
}
.snowflakes-box .snowflake:nth-child(81) {
  animation: fall-81 29s linear -12s infinite;
  opacity: 1;
  transform: translate(78.4814vw, -20px) scale(0.0939) rotate(340deg);
}
@keyframes fall-81 {
  11.386% {
    transform: translate(80.9681vw, 11.386vh) scale(0.0939) rotate(340deg);
  }
  to {
    transform: translate(78.481424867vw, 100vh) scale(0.0939) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(82) {
  animation: fall-82 14s linear -26s infinite;
  opacity: 0.357;
  transform: translate(68.5713vw, -20px) scale(0.3685) rotate(1turn);
}
@keyframes fall-82 {
  12.411% {
    transform: translate(64.5545vw, 12.411vh) scale(0.3685) rotate(1turn);
  }
  to {
    transform: translate(68.571259832vw, 100vh) scale(0.3685) rotate(1turn);
  }
}
.snowflakes-box .snowflake:nth-child(83) {
  animation: fall-83 10s linear -29s infinite;
  opacity: 0.9488;
  transform: translate(57.6592vw, -20px) scale(0.1724) rotate(540deg);
}
@keyframes fall-83 {
  11.036% {
    transform: translate(56.241vw, 11.036vh) scale(0.1724) rotate(540deg);
  }
  to {
    transform: translate(57.659185818vw, 100vh) scale(0.1724) rotate(540deg);
  }
}
.snowflakes-box .snowflake:nth-child(84) {
  animation: fall-84 15s linear -15s infinite;
  opacity: 0.2908;
  transform: translate(78.3856vw, -20px) scale(0.0246) rotate(600deg);
}
@keyframes fall-84 {
  13.789% {
    transform: translate(78.722vw, 13.789vh) scale(0.0246) rotate(600deg);
  }
  to {
    transform: translate(78.385603364vw, 100vh) scale(0.0246) rotate(600deg);
  }
}
.snowflakes-box .snowflake:nth-child(85) {
  animation: fall-85 30s linear -1s infinite;
  opacity: 1;
  transform: translate(52.0041vw, -20px) scale(0.2601) rotate(480deg);
}
@keyframes fall-85 {
  10.23% {
    transform: translate(56.4435vw, 10.23vh) scale(0.2601) rotate(480deg);
  }
  to {
    transform: translate(52.004144394vw, 100vh) scale(0.2601) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(86) {
  animation: fall-86 30s linear -12s infinite;
  opacity: 1;
  transform: translate(59.5535vw, -20px) scale(0.491) rotate(480deg);
}
@keyframes fall-86 {
  11.287% {
    transform: translate(61.7213vw, 11.287vh) scale(0.491) rotate(480deg);
  }
  to {
    transform: translate(59.553521678vw, 100vh) scale(0.491) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(87) {
  animation: fall-87 11s linear -27s infinite;
  opacity: 1;
  transform: translate(13.3348vw, -20px) scale(0.0506) rotate(180deg);
}
@keyframes fall-87 {
  12.044% {
    transform: translate(13.944vw, 12.044vh) scale(0.0506) rotate(180deg);
  }
  to {
    transform: translate(13.334806092vw, 100vh) scale(0.0506) rotate(180deg);
  }
}
.snowflakes-box .snowflake:nth-child(88) {
  animation: fall-88 28s linear -5s infinite;
  opacity: 1;
  transform: translate(9.3745vw, -20px) scale(0.7808) rotate(460deg);
}
@keyframes fall-88 {
  11.904% {
    transform: translate(2.3133vw, 11.904vh) scale(0.7808) rotate(460deg);
  }
  to {
    transform: translate(9.374429388vw, 100vh) scale(0.7808) rotate(460deg);
  }
}
.snowflakes-box .snowflake:nth-child(89) {
  animation: fall-89 19s linear -17s infinite;
  opacity: 1;
  transform: translate(7.4814vw, -20px) scale(0.5653) rotate(480deg);
}
@keyframes fall-89 {
  14.563% {
    transform: translate(-1.7198vw, 14.563vh) scale(0.5653) rotate(480deg);
  }
  to {
    transform: translate(7.481307988vw, 100vh) scale(0.5653) rotate(480deg);
  }
}
.snowflakes-box .snowflake:nth-child(90) {
  animation: fall-90 25s linear -6s infinite;
  opacity: 1;
  transform: translate(64.0818vw, -20px) scale(0.9293) rotate(560deg);
}
@keyframes fall-90 {
  15.574% {
    transform: translate(72.7785vw, 15.574vh) scale(0.9293) rotate(560deg);
  }
  to {
    transform: translate(64.081886967vw, 100vh) scale(0.9293) rotate(560deg);
  }
}
.snowflakes-box .snowflake:nth-child(91) {
  animation: fall-91 13s linear -8s infinite;
  opacity: 1;
  transform: translate(37.8889vw, -20px) scale(0.1389) rotate(340deg);
}
@keyframes fall-91 {
  15.571% {
    transform: translate(42.9041vw, 15.571vh) scale(0.1389) rotate(340deg);
  }
  to {
    transform: translate(37.888950152vw, 100vh) scale(0.1389) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(92) {
  animation: fall-92 19s linear -8s infinite;
  opacity: 0.5658;
  transform: translate(76.1665vw, -20px) scale(0.2895) rotate(340deg);
}
@keyframes fall-92 {
  17.836% {
    transform: translate(72.7589vw, 17.836vh) scale(0.2895) rotate(340deg);
  }
  to {
    transform: translate(76.166465924vw, 100vh) scale(0.2895) rotate(340deg);
  }
}
.snowflakes-box .snowflake:nth-child(93) {
  animation: fall-93 27s linear -24s infinite;
  opacity: 1;
  transform: translate(94.5839vw, -20px) scale(0.3934) rotate(200deg);
}
@keyframes fall-93 {
  11.782% {
    transform: translate(101.0805vw, 11.782vh) scale(0.3934) rotate(200deg);
  }
  to {
    transform: translate(94.583964966vw, 100vh) scale(0.3934) rotate(200deg);
  }
}
.snowflakes-box .snowflake:nth-child(94) {
  animation: fall-94 29s linear -25s infinite;
  opacity: 1;
  transform: translate(80.5463vw, -20px) scale(0.9311) rotate(160deg);
}
@keyframes fall-94 {
  13.429% {
    transform: translate(74.7995vw, 13.429vh) scale(0.9311) rotate(160deg);
  }
  to {
    transform: translate(80.546242532vw, 100vh) scale(0.9311) rotate(160deg);
  }
}
.snowflakes-box .snowflake:nth-child(95) {
  animation: fall-95 17s linear -19s infinite;
  opacity: 0.591;
  transform: translate(73.9782vw, -20px) scale(0.949) rotate(20deg);
}
@keyframes fall-95 {
  14.44% {
    transform: translate(81.2775vw, 14.44vh) scale(0.949) rotate(20deg);
  }
  to {
    transform: translate(73.978272993vw, 100vh) scale(0.949) rotate(20deg);
  }
}
.snowflakes-box .snowflake:nth-child(96) {
  animation: fall-96 25s linear -21s infinite;
  opacity: 0.1172;
  transform: translate(89.2368vw, -20px) scale(0.3348) rotate(220deg);
}
@keyframes fall-96 {
  13.073% {
    transform: translate(91.3903vw, 13.073vh) scale(0.3348) rotate(220deg);
  }
  to {
    transform: translate(89.236821535vw, 100vh) scale(0.3348) rotate(220deg);
  }
}
.snowflakes-box .snowflake:nth-child(97) {
  animation: fall-97 15s linear -1s infinite;
  opacity: 1;
  transform: translate(78.9114vw, -20px) scale(0.3778) rotate(60deg);
}
@keyframes fall-97 {
  18.099% {
    transform: translate(82.0241vw, 18.099vh) scale(0.3778) rotate(60deg);
  }
  to {
    transform: translate(78.911431127vw, 100vh) scale(0.3778) rotate(60deg);
  }
}
.snowflakes-box .snowflake:nth-child(98) {
  animation: fall-98 29s linear -8s infinite;
  opacity: 0.9128;
  transform: translate(56.7353vw, -20px) scale(0.4104) rotate(520deg);
}
@keyframes fall-98 {
  18.75% {
    transform: translate(54.4127vw, 18.75vh) scale(0.4104) rotate(520deg);
  }
  to {
    transform: translate(56.735276774vw, 100vh) scale(0.4104) rotate(520deg);
  }
}
.snowflakes-box .snowflake:nth-child(99) {
  animation: fall-99 28s linear -8s infinite;
  opacity: 1;
  transform: translate(93.2123vw, -20px) scale(0.5087) rotate(40deg);
}
@keyframes fall-99 {
  19.328% {
    transform: translate(89.756vw, 19.328vh) scale(0.5087) rotate(40deg);
  }
  to {
    transform: translate(93.212265437vw, 100vh) scale(0.5087) rotate(40deg);
  }
}
.snowflakes-box .snowflake:nth-child(100) {
  animation: fall-100 17s linear -24s infinite;
  opacity: 0.7784;
  transform: translate(11.2737vw, -20px) scale(0.2515) rotate(500deg);
}
@keyframes fall-100 {
  11.797% {
    transform: translate(13.8374vw, 11.797vh) scale(0.2515) rotate(500deg);
  }
  to {
    transform: translate(11.273725637vw, 100vh) scale(0.2515) rotate(500deg);
  }
}
.snowball-box .snow-layer {
  background-color: #fff;
  bottom: 0;
  display: flex;
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 100;
}
.snowball-box .snow-layer .snowball-wrap {
  bottom: 0;
  display: flex;
  height: 0;
  perspective: 100px;
  position: relative;
  transform: translateY(0);
  transition: transform 0.5s ease-in;
  width: 100%;
  z-index: 50;
}
.snowball-box .snow-layer .snowball-wrap:after {
  background: #f1f9fc;
  bottom: 0;
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  width: 100%;
}
.snowball-box .snow-layer .snowball-wrap a {
  background-color: #f1f9fc;
  border-radius: 60% 40% 0 0;
  box-shadow: inset -10px 0 14px 0 #c8ebf8;
  display: block;
  flex: auto;
  font-family: FontAwesome;
  max-width: 50%;
  position: relative;
  transform: translateY(-6px);
  transition: all 0.5s linear;
  z-index: 3;
}
.snowball-box .snow-layer .snowball-wrap a svg:first-child {
  color: #a6e7ff;
  content: "";
  height: 12px !important;
  position: absolute;
  right: 20%;
  top: 10%;
  width: 12px !important;
}
.snowball-box .snow-layer .snowball-wrap a svg:last-child {
  color: #a6e7ff;
  content: "";
  height: 12px !important;
  left: 30%;
  position: absolute;
  top: 15%;
  width: 12px !important;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
  border-radius: 40% 40% 0 0;
  box-shadow: inset 10px 0 7px 0 #e6fcf9;
  height: 70px;
  margin-top: 10px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
  border-radius: 65% 50% 0 0;
  box-shadow: inset 5px 0 7px 0 #c5f2ed;
  height: 90px;
  margin-top: 15px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
  box-shadow: inset -10px 0 14px 0 #c8ebf8;
  height: 50px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
  border-radius: 40% 46% 0 0;
  height: 70px;
  margin-top: 25px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
  border-radius: 66% 45% 0 0;
  box-shadow: inset 5px 0 5px 0 #c5f2ed;
  height: 90px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
  border-radius: 40% 45% 0 0;
  height: 90px;
  margin-top: 18px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
  box-shadow: inset 7px 0 7px 0 #e6fcf9;
  height: 90px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
  border-radius: 40% 40% 0 0;
  box-shadow: inset 5px 0 10px 0 #c5f2ed;
  height: 90px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
  box-shadow: inset -10px 0 7px 0 #c5f2ed;
  height: 70px;
}
.snowball-box .snow-layer .snowball-wrap a:only-child {
  border-radius: 45% 15% 0 0;
}
.snowball-box .snow-layer .snowball-wrap a:only-child:before {
  right: 50%;
  top: 0;
  transform: translateX(-50%);
}
.snowball-box .snow-layer .snowball-wrap a:only-child:after {
  border-radius: 63% 25% 0 0;
  height: 45%;
  left: 0;
  top: 0;
  transform: translateY(0);
  transition: all 8s linear;
  width: 31%;
}
.snowball-box .snow-layer .snowball-wrap a:last-child {
  flex: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3n + 3) {
  box-shadow: inset 0 0 20px #f5f5f5, inset 20px 0 20px #c8ebf8, inset -20px 0 20px #c5f2ed, inset 20px 0 10px #c8ebf8,
    inset -20px 0 20px #c5f2ed, 0 0 20px #fff, -10px 0 20px #c8ebf8, 10px 0 20px #c5f2ed;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2n) {
  margin-left: -40px;
  z-index: 2;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2n):after {
  left: 50%;
  top: -2px;
}
.snowball-box .snow-layer .snowball-wrap a:first-child {
  min-width: 145px;
}
.snowball-box .snow-layer .snowball-wrap a:first-child:before {
  animation: falldown-1 19s linear 3s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:first-child:after {
  opacity: 1;
}
@keyframes falldown-1 {
  16.904% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2) {
  min-width: 91px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2):before {
  animation: falldown-2 10s linear 22s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(2):after {
  opacity: 1;
}
@keyframes falldown-2 {
  12.253% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3) {
  min-width: 113px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3):before {
  animation: falldown-3 15s linear 2s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(3):after {
  opacity: 1;
}
@keyframes falldown-3 {
  10.85% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4) {
  min-width: 85px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4):before {
  animation: falldown-4 18s linear 12s infinite;
  opacity: 0.466;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(4):after {
  opacity: 1;
}
@keyframes falldown-4 {
  18.644% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5) {
  min-width: 88px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5):before {
  animation: falldown-5 15s linear 16s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(5):after {
  opacity: 1;
}
@keyframes falldown-5 {
  15.937% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6) {
  min-width: 94px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6):before {
  animation: falldown-6 17s linear 5s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(6):after {
  opacity: 1;
}
@keyframes falldown-6 {
  12.129% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7) {
  min-width: 92px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7):before {
  animation: falldown-7 29s linear 22s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(7):after {
  opacity: 1;
}
@keyframes falldown-7 {
  17.189% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8) {
  min-width: 115px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8):before {
  animation: falldown-8 26s linear 21s infinite;
  opacity: 1;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(8):after {
  opacity: 1;
}
@keyframes falldown-8 {
  18.545% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9) {
  min-width: 134px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9):before {
  animation: falldown-9 13s linear 17s infinite;
  opacity: 0.8806;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(9):after {
  opacity: 1;
}
@keyframes falldown-9 {
  12.861% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10) {
  min-width: 126px;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10):before {
  animation: falldown-10 23s linear 10s infinite;
  opacity: 0.8694;
}
.snowball-box .snow-layer .snowball-wrap a:nth-child(10):after {
  opacity: 1;
}
@keyframes falldown-10 {
  14.345% {
    opacity: 0;
  }
  to {
    box-shadow: inset -3px 0 10px 0 #c8ebf8;
    opacity: 1;
  }
}
.snowball-box .snow-layer .snowball-wrap a.active-for-one {
  animation: move 2s cubic-bezier(0.22, 0.68, 0, 1.71) forwards;
}
.snowball-box .snow-layer .snowball-wrap a.active {
  animation: move 5s linear forwards;
}
@media screen and (max-width: 1024px) {
  .snowball-box .snow-layer .snowball-wrap a.active {
    animation: move 5s linear 1s forwards;
  }
}
.snowball-box .snow-layer .snowball-wrap a.move-out {
  opacity: 0;
}
.snowball-box .snow-plow-img {
  background-repeat: no-repeat;
  background-size: contain;
  height: 100px;
  opacity: 0;
  position: relative;
  transform: translate(150px, -70px);
  transition: transform 1s linear;
  -moz-transition: transform 5s linear;
  -o-transition: transform 5s linear;
  -webkit-transition: transform 5s linear;
  width: 100px;
  z-index: 5;
}
.snowball-box .snow-plow-img.active {
  animation: move-translate 5s linear forwards;
  opacity: 1;
}
@keyframes move {
  0% {
    left: 0;
  }
  to {
    left: -130vw;
  }
}
@keyframes move-translate {
  0% {
    transform: translateY(-70px);
  }
  to {
    transform: translate(-130vw, -70px);
  }
}
@keyframes animate_grow {
  0% {
    transform: rotate(135deg) scaleX(1);
  }
  50% {
    transform: rotate(135deg) scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: rotate(135deg) scaleX(1);
  }
}
@media screen and (max-width: 600px) {
  .snowball-box .snow-plow-img {
    height: 70px;
    transform: translate(150px, -57px);
    width: 70px;
  }
  @keyframes move-translate {
    0% {
      transform: translate(150px, -57px);
    }
    to {
      transform: translate(-100vw, -57px);
    }
  }
}