._header_z11j2_1 {
  display: flex;
  height: 40px;
  padding: 0px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px 4px 0px 0px;
  background: var(--Primary--100, #f5f5f5);
}
._header__title_z11j2_11 {
  display: flex;
  text-transform: uppercase;
  align-items: center;
  gap: 4px;
}
._header__title_z11j2_11 ._title__name_z11j2_17 {
  color: var(--Primary---800, #494f4f);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
._header__title_z11j2_11 ._info_z11j2_25 {
  cursor: pointer;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 1px;
  justify-content: center;
  align-items: center;
}
._header__title_z11j2_11 ._info_z11j2_25 img {
  content: url("../images/icons_new/assembly/info.svg");
}
._header__title_z11j2_11 ._info_z11j2_25:hover img {
  content: url("../images/icons_new/assembly/info_hover_light.svg");
}
._header__controls_z11j2_40 {
  display: flex;
  align-items: center;
  gap: 12px;
}
._header__controls_z11j2_40 ._close_z11j2_45 {
  cursor: pointer;
  width: 24px;
  height: 24px;
}
._header__controls_z11j2_40 ._close_z11j2_45 img {
  content: url("../images/icons_new/chatbot/header_close.svg");
}
._header__controls_z11j2_40 ._close_z11j2_45 img:hover {
  content: url("../images/icons_new/chatbot/header_close_hover.svg");
}
._header__controls_z11j2_40 ._reset_z11j2_56 {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
._header__controls_z11j2_40 ._reset_z11j2_56 img {
  content: url("../images/icons_new/chatbot/header_reset.svg");
}
._header__controls_z11j2_40 ._reset_z11j2_56 img:hover {
  content: url("../images/icons_new/chatbot/header_reset_hover.svg");
}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-out;visibility:hidden;will-change:opacity,visibility}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);visibility:visible}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}._chat-message-input_nefxq_1 {
  display: flex;
  width: 560px;
  padding: 8px;
  align-items: center;
  gap: 10px;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 {
  display: flex;
  height: 64px;
  padding: 0px 16px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--Primary---400, #babdbd);
  background: var(--White, #fff);
  flex: 1;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 ._disabled_nefxq_20 {
  pointer-events: none;
  opacity: 0.5;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 > :first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 ._textarea_nefxq_31 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Primary---500, #979999);
  /* Bold 16 */
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 ._textarea_nefxq_31 textarea {
  resize: none;
  border: none;
  outline: none;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 ._send-btn_nefxq_50 {
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8.818px 9px 8.734px 10px;
  justify-content: center;
  align-items: center;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 ._send-btn_nefxq_50 img._disabled_nefxq_20 {
  pointer-events: none;
}
._chat-message-input_nefxq_1 ._message_nefxq_8 ._send-btn_nefxq_50 img:hover, ._chat-message-input_nefxq_1 ._message_nefxq_8 ._send-btn_nefxq_50 img:active {
  cursor: pointer;
  content: url("../images/icons_new/chatbot/send_btn_active_hover.svg");
}
._chat-message-input_nefxq_1 ._review-btn_nefxq_65 {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
}
._chat-message-input_nefxq_1 ._review-btn_nefxq_65 img {
  content: url("../images/icons_new/chatbot/review_btn.svg");
}
._chat-message-input_nefxq_1 ._review-btn_nefxq_65 img:hover {
  content: url("../images/icons_new/chatbot/review_btn_hover.svg");
}
._chat-message-input_nefxq_1 ._review-btn_nefxq_65 img:active {
  content: url("../images/icons_new/chatbot/review_btn_pressed.svg");
}._chat-message_1h6ut_1 {
  display: flex;
  padding: 16px 13px;
  align-items: center;
  gap: 10px;
  width: 100%;
}
._chat-message_1h6ut_1 ._content_1h6ut_8 {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--Primary---900, #2e3333);
  white-space: pre-wrap;
  /* Reg 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
._chat-message_1h6ut_1 > :first-child {
  display: flex;
  gap: 10px;
  width: 100%;
}
._chat-message_1h6ut_1._user-message_1h6ut_26 {
  background: var(--White, white);
}
._chat-message_1h6ut_1._user-message_1h6ut_26 ._avatar_1h6ut_29 ._user-avatar_1h6ut_29 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #8f9dd1;
  color: var(--White, #fff);
  font-family: Inter;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.765px;
}
._chat-message_1h6ut_1._bot-response_1h6ut_44 {
  background: var(--Accent-3---20, #ecf9f6);
}
._chat-message_1h6ut_1._error-response_1h6ut_47 {
  background: var(--Red---50, #ffe4e6);
}
._chat-message_1h6ut_1._error-response_1h6ut_47 ._content_1h6ut_8 {
  color: var(--Red---700, #d62a2a);
  text-align: center;
  /* Semi 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
._chat-message_1h6ut_1._review-response_1h6ut_60 {
  background: var(--Accent-3---50, #d9ece8);
}._optichat-menu_1erqm_1 {
  display: flex;
  padding: 32px 8px 16px 8px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  background: var(--Primary---200, #e9ebeb);
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 100px);
  min-height: 100px;
}
._optichat-menu_1erqm_1._disabled_1erqm_14 {
  pointer-events: none;
  opacity: 0.5;
}
._optichat-menu_1erqm_1 ._header_1erqm_18 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
._optichat-menu_1erqm_1 ._header_1erqm_18 ._avater_1erqm_24 {
  width: 40.288px;
  height: 40.041px;
}
._optichat-menu_1erqm_1 ._header_1erqm_18 ._title_1erqm_28 {
  color: var(--Primary---700, #6d7070);
  text-align: right;
  font-family: Open Sans;
  font-size: 30.333px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._options-container_1erqm_44 {
  min-height: 150px;
  overflow-y: auto;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._options-container_1erqm_44 ::-webkit-scrollbar {
  display: none;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37 {
  cursor: pointer;
  display: flex;
  width: 536px;
  padding: 16px 13px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--Primary---450, #a0a1a1);
  background: var(--White, #fff);
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37 ._content_1erqm_62 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37 ._content_1erqm_62 ._title_1erqm_28 {
  color: var(--Primary---900, #2e3333);
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37 ._content_1erqm_62 ._example_1erqm_78 {
  color: var(--Primary---600, #848787);
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37 ._send-btn_1erqm_86 {
  display: none;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:hover {
  background: var(--Accent-3---300, #5ac1a8);
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:hover ._title_1erqm_28,
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:hover ._example_1erqm_78 {
  color: white;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:hover ._send-btn_1erqm_86 {
  display: block;
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:active {
  background: var(--Accent-3---300, #4da993);
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:active img {
  content: url("../images/icons_new/chatbot/send_btn_active_hover.svg");
}
._optichat-menu_1erqm_1 ._options_1erqm_37 ._option_1erqm_37:active ._send-btn_1erqm_86 {
  display: block;
}._optichat_info_vmqjn_1 {
  display: flex;
  padding-bottom: 0px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  font-size: 14px;
  font-family: Open Sans;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 {
  display: flex;
  padding: 0px 8px 16px 8px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0px 0px 4px 4px;
  background: var(--White, #fff);
  height: calc(100% - 40px);
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._divider_vmqjn_22 {
  display: flex;
  height: 1px;
  padding: 0px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: var(--Primary---300, #dadcdc);
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 ._option_vmqjn_38 {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 ._option_vmqjn_38 ._text_vmqjn_47 {
  color: var(--Primary---800, #494f4f);
  padding: 10px 10px 7px 10px;
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 ._option_vmqjn_38 ._underline_vmqjn_56 {
  opacity: 0;
  width: 124px;
  height: 3px;
  background-color: var(--Accent-3---400, #29826d);
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 ._option_vmqjn_38._active_vmqjn_62 ._text_vmqjn_47 {
  color: var(--Accent-3---400, #29826d);
  font-weight: 600;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 ._option_vmqjn_38._active_vmqjn_62 ._underline_vmqjn_56 {
  opacity: 1;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32 ._option_vmqjn_38:hover ._underline_vmqjn_56 {
  transition: 0.6s;
  opacity: 1;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._navbar_vmqjn_32:hover ._option_vmqjn_38._active_vmqjn_62:not(:hover) ._underline_vmqjn_56 {
  opacity: 0;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._body_vmqjn_76 {
  padding-top: 16px;
  color: var(--Primary---800, #494f4f);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  overflow: auto;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._body_vmqjn_76 div._main_vmqjn_84 {
  gap: 16px !important;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._body_vmqjn_76 div {
  display: flex;
  padding: 0px 8px 0px 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  margin-bottom: 0;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._body_vmqjn_76 div ul {
  margin-bottom: 0;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._body_vmqjn_76 div p {
  margin-bottom: 0;
  color: var(--Primary---800, #494f4f);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
._optichat_info_vmqjn_1 ._content_vmqjn_11 ._body_vmqjn_76 div span {
  display: flex;
  padding-left: 28px;
  align-items: flex-start;
  align-self: stretch;
  color: var(--Primary---800, #494f4f);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}._optichat-tabs-container_15wr0_1 {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  width: 100%;
  border-bottom: 6px solid #e1e3e3;
}
._optichat-tabs-container_15wr0_1 [data-rbd-draggable-context-id] {
  flex: 1;
  min-width: 0px;
  max-width: fit-content;
}
._optichat-tabs-container_15wr0_1 [data-rbd-draggable-context-id]._active_15wr0_13 {
  min-width: auto !important;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 {
  user-select: none;
  cursor: pointer;
  background: var(--Primary---450, #a0a1a1);
  border-radius: 12px 4px 0px 0px;
  display: block;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 ._first-child_15wr0_23 {
  display: flex;
  height: 24px;
  padding: 7px 8px 7px 4px;
  align-items: center;
  gap: 4px;
  width: 100%;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 ._avatar_15wr0_31 {
  display: flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 ._avatar_15wr0_31 img {
  content: url("../images/icons_new/chatbot/tab_avatar.svg");
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 ._text_15wr0_41 {
  color: var(--Primary---900, #2e3333);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 input {
  background: none;
  border: none;
  border-bottom: 1px solid #a0a1a1;
  padding-left: 4px;
  outline: none;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 ._close_15wr0_60 {
  content: url("../images/icons_new/chatbot/close-icon-off.svg");
  display: none;
  width: 20px;
  height: 20px;
  align-items: center;
  cursor: pointer;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16 ._close_15wr0_60:hover {
  content: url("../images/icons_new/chatbot/close-icon-off-hover.svg");
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16:hover {
  background: var(--Primary---450, #a0a1a1);
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16:hover ._close_15wr0_60 {
  display: flex;
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._active_15wr0_13 {
  min-width: auto;
  background: var(--Primary---250, #e1e3e3);
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._active_15wr0_13:hover {
  background: var(--Primary---300, #dadcdc);
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._active_15wr0_13 ._close_15wr0_60 {
  display: flex;
  content: url("../images/icons_new/chatbot/close-icon-on.svg");
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._active_15wr0_13 ._close_15wr0_60:hover {
  content: url("..//images/icons_new/chatbot/close-icon-on-hover.svg");
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._active_15wr0_13 ._text_15wr0_41 {
  color: var(--Primary---900, #2e3333);
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._active_15wr0_13 ._avatar_15wr0_31 img {
  content: url("../images/icons_new/chatbot/tab_avatar_active.svg");
}
._optichat-tabs-container_15wr0_1 ._tab_15wr0_16._only-child_15wr0_97 ._close_15wr0_60 {
  display: none !important;
}.radio {
  margin: 0.5rem;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  margin-right: 6px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:hover + .radio-label:before {
  box-shadow: 0px 0px 0px 2px rgba(80, 80, 200, 0.2);
  border-radius: 50%;
  opacity: 1;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #23A7DE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #23A7DE;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}
body {
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #2e3333;
  padding: 60px 0;
  background-color: #ffffff;
}
a {
  color: #23a7de;
}
a:hover {
  color: #48bae9;
}
.x-axis-color {
  color: #ff5a5f;
}
.y-axis-color {
  color: #0cb755;
}
.z-axis-color {
  color: #2f80ed;
}
.mx--2 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.page-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
}
.page-loading .loader {
  height: 100px;
}
.page-loading .page-loading-text {
  color: #fff;
  letter-spacing: 3px;
  margin-bottom: 0;
  margin-top: 10px;
}
.model {
  position: fixed;
  top: 105px;
  right: 0;
  bottom: 0;
  left: 272px;
  z-index: 1;
  background-color: #ffffff;
  transition: 0.5s;
}
.model.fold-s {
  left: 55px;
}
.model.fold-l {
  left: 708px;
}
.model.widget-mode {
  border: 2px solid #23a7de;
  background-color: rgba(35, 167, 222, 0.1);
}
.btn {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2;
}
.btn.focus, .btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(201, 210, 210, 0.3);
}
.btn.btn-lg {
  font-size: 18px;
  line-height: 1.5;
}
.btn-primary {
  background-color: #23a7de;
  border-color: #23a7de;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:not(:disabled):not(.disabled):active {
  background-color: #48bae9;
  border-color: #48bae9;
}
.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3);
}
.show > .btn-primary.dropdown-toggle {
  background-color: #48bae9;
  border-color: #48bae9;
}
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3);
}
.btn-outline-primary {
  background-color: transparent;
  border-color: #23a7de;
  color: #23a7de;
}
.btn-outline-primary:hover {
  background-color: #48bae9;
  border-color: #48bae9;
}
.btn-outline-primary:active, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
  background-color: #23a7de;
  border-color: #23a7de;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3);
}
.show > .btn-primary.dropdown-toggle {
  background-color: #48bae9;
  border-color: #48bae9;
}
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3);
}
.show > .btn-outline-primary.dropdown-toggle {
  background-color: #48bae9;
  border-color: #48bae9;
}
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3);
}
.btn-link {
  color: #2e3333;
  font-weight: 400;
}
.btn-link:hover, .btn-link:active, .btn-link.active, .btn-link:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #c9d2d2;
  text-decoration: none;
  color: #2e3333;
}
.btn-link.btn-link-hover {
  padding: 0;
  line-height: 1.4;
  color: #23a7de;
}
.btn-grey {
  color: #2e3333;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  border-radius: 4px;
}
.btn-grey:hover, .btn-grey:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #2e3333;
}
.btn-grey:active, .btn-grey.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  color: #23a7de;
}
.btn-outline-grey {
  background-color: transparent;
  border-color: #2e3333;
  color: #2e3333;
  font-weight: 400;
  border-radius: 4px;
}
.btn-outline-grey:hover, .btn-outline-grey:active, .btn-outline-grey:not(:disabled):not(.disabled):active {
  border-color: #2e3333;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2e3333;
}
.btn-outline-grey:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(201, 210, 210, 0.3);
}
.btn-outline-red {
  background-color: transparent;
  border-color: #d10a10;
  color: #d10a10;
  font-weight: 400;
  border-radius: 4px;
}
.btn-outline-red:hover, .btn-outline-red:active, .btn-outline-red:not(:disabled):not(.disabled):active {
  border-color: #d10a10;
  background-color: rgba(255, 255, 255, 0.5);
  color: #d10a10;
}
.btn-outline-red:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(209, 10, 16, 0.3);
}
.btn-green {
  background-color: #0cb755;
  border-color: #0cb755;
  font-weight: 400;
  border-radius: 4px;
  color: #ffffff;
}
.btn-green:hover, .btn-green:active, .btn-green:not(:disabled):not(.disabled):active {
  background-color: #109b4b;
  border-color: #109b4b;
  color: #ffffff;
}
.btn-green:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(12, 183, 85, 0.3);
}
.btn-red {
  background-color: #d10a10;
  border-color: #d10a10;
  font-weight: 400;
  border-radius: 4px;
  color: #ffffff;
}
.btn-red:hover, .btn-red:active, .btn-red:not(:disabled):not(.disabled):active {
  background-color: rgba(209, 10, 16, 0.7);
  border-color: #d10a10;
  color: #ffffff;
}
.btn-red:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(209, 10, 16, 0.3);
}
.btn-dark {
  background-color: #2e3333;
  border-color: #2e3333;
  font-weight: 400;
  border-radius: 4px;
  color: #ffffff;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:not(:disabled):not(.disabled):active {
  background-color: rgba(46, 51, 51, 0.7);
  border-color: #2e3333;
  color: #ffffff;
}
.btn-dark:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(46, 51, 51, 0.15);
}
.dropdown-toggle::after {
  content: none;
}
.dropdown-menu {
  border-color: #c9d2d2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.dropdown-menu .dropdown-item {
  font-size: 14px;
}
.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:active,
.dropdown-menu .dropdown-item.active {
  color: #2e3333;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-toggle-split {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.dropdown-divider {
  border-top: 1px solid #c9d2d2;
}
.form-control {
  color: #2e3333;
  border: 1px solid #c9d2d2;
  padding: 0.25rem 0.75rem;
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control:focus {
  color: #2e3333;
  border-color: #23a7de;
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3);
}
.form-control:disabled {
  opacity: 0.5;
  color: #2e3333;
  background-color: transparent;
}
.input-group .form-control {
  border: 1px solid #c9d2d2;
}
.input-group .input-group-append .custom-select {
  background-color: #f5f5f5;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
.input-group .input-group-text {
  padding: 0.25rem 0.75rem;
}
.input-group-text {
  background-color: #f5f5f5;
}
.custom-control-label::before {
  border-color: #c9d2d2;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #23a7de;
  background-color: #23a7de;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border-color: rgba(35, 167, 222, 0.5);
  background-color: rgba(35, 167, 222, 0.5);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #23a7de;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.25);
}
.custom-file-label {
  padding: 0.25rem 0.75rem;
  height: calc(1.5em + 0.5rem + 2px);
}
.custom-file-label::after {
  background-color: #f5f5f5;
  padding: 0.25rem 0.75rem;
  height: calc(1.5em + 0.5rem);
}
.radio-wrap {
  border: 1px solid #c9d2d2;
  padding: 0.25rem 0.5rem;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  margin: 0.5rem;
}
.radio-wrap.active {
  color: #ffffff;
  background-color: #23a7de;
  border: 1px solid #23a7de;
}
.radio-wrap.active .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #ffffff;
  background-color: #ffffff;
}
.radio-wrap.active .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2323A7DE'/%3e%3c/svg%3e");
}
.custom-select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7.42' viewBox='0 0 12 7.42'%3e%3cpath id='chevron-down' d='M7.41,8.58,12,13.17l4.59-4.59L18,10l-6,6L6,10Z' transform='translate(-6 -8.58)' fill='%232e3333'/%3e%3c/svg%3e");
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
}
.custom-select:disabled {
  opacity: 0.5;
  color: #2e3333;
  background-color: transparent;
}
.tooltip .tooltip-inner {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.tooltip .tooltip-arrow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}
.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 401;
  height: 50px;
  background-color: #dee3e3;
  border-bottom: 1px solid #c9d2d2;
}
.header .logo {
  height: 26px;
  margin-right: 0.5rem;
}
.header .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2e3333;
  background-color: #2e3333;
}
.header .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border-color: rgba(46, 51, 51, 0.5);
  background-color: rgba(46, 51, 51, 0.5);
}
.header .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #2e3333;
}
.header .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(46, 51, 51, 0.25);
}
.icons-header {
  position: fixed;
  top: 50px;
  right: 0;
  left: 0;
  z-index: 400;
  height: 55px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #c9d2d2;
  padding: 0 0.5rem;
}
.icons-header .icon-btn {
  font-size: 16px;
  color: #2e3333;
  height: 36px;
  width: 36px;
  border-radius: 4px;
  font-size: 1.4em;
  padding: 0;
}
.icons-header .icon-btn:hover, .icons-header .icon-btn:active, .icons-header .icon-btn.active, .icons-header .icon-btn:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #c9d2d2;
}
.icons-header .v-line {
  width: 1px;
  height: 24px;
  margin: 0 0.75rem;
  background-color: rgba(46, 51, 51, 0.3);
}
.icons-header .file-rename-dd {
  padding: 0.75rem 1rem;
  font-size: 14px;
  min-width: 20rem;
}
.icons-header .file-rename-dd label {
  text-transform: uppercase;
  color: rgba(46, 51, 51, 0.7);
  margin-bottom: 0.25rem;
}
.icons-header .file-rename-dd .form-control {
  font-size: 14px;
}
.icons-header .icons-header-dropdown {
  position: relative;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu {
  position: absolute;
  display: none;
  min-width: 360px;
  top: 40px;
  left: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 100;
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  border-radius: 4px;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu.show {
  display: block;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icons-header-dropdown-item {
  padding: 0.5rem;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icons-header-dropdown-item.active {
  background-color: #dee3e3;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icons-header-dropdown-item.hover:hover {
  background-color: rgba(222, 227, 227, 0.7);
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icons-header-dropdown-item .icons-header-dropdown-text {
  line-height: 1.2;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .dropdown-divider {
  height: 0;
  margin: 0;
  border-top: 1px solid #c9d2d2;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .btn-close {
  padding: 2px 0;
  font-size: 18px;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icon-btn {
  font-size: 16px;
  border-color: #c9d2d2;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icon-btn:hover, .icons-header .icons-header-dropdown .icons-header-dropdown-menu .icon-btn:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #2e3333;
}
.icons-header .icons-header-dropdown .icons-header-dropdown-menu .icon-btn:active, .icons-header .icons-header-dropdown .icons-header-dropdown-menu .icon-btn.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  color: #23a7de;
}
.left-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
  width: 55px;
  background-color: #f5f5f5;
  border-right: 1px solid #c9d2d2;
  padding-top: 115px;
  text-align: center;
}
.left-bar .icon-btn {
  font-size: 16px;
  color: #2e3333;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  height: 36px;
  width: 36px;
  border-radius: 4px;
  padding: 0;
}
.left-bar .icon-btn:hover, .left-bar .icon-btn:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #2e3333;
}
.left-bar .icon-btn:active, .left-bar .icon-btn.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  color: #23a7de;
}
.elements-bar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 272px;
  background-color: #f5f5f5;
  border-right: 1px solid #c9d2d2;
  padding-top: 105px;
  padding-left: 55px;
  transition: 0.5s;
}
.elements-bar.elements-bar-expand {
  width: 708px;
}
.elements-bar.elements-bar-out {
  left: -240px;
}
.elements-bar .input-group {
  border-bottom: 1px solid #c9d2d2;
}
.elements-bar .input-group .form-control {
  border: none;
  border-radius: 0;
  background-color: transparent;
}
.elements-bar .input-group .btn-link {
  border-radius: 0;
  padding: 0.5rem;
  line-height: 1.3;
}
.elements-bar .elements {
  padding: 0.25rem;
  overflow: auto;
  height: calc(100vh - 216px);
}
.elements-bar .elements .element-item {
  width: 200px;
  height: 134px;
  background-color: #ffffff;
  border: 1px solid #dee3e3;
  position: relative;
  cursor: move;
  margin: 0.25rem;
}
.elements-bar .elements .element-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.elements-bar .elements .element-item img.loader {
  width: 36px;
  height: 36px;
}
.elements-bar .elements .element-item .element-item-hover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(35, 167, 222, 0.8);
  color: #ffffff;
  display: none;
  font-weight: bold;
}
.elements-bar .elements .element-item .element-item-hover .btn-link {
  color: #ffffff;
  padding: 0.5rem;
}
.elements-bar .elements .element-item .element-item-hover .btn-link:hover, .elements-bar .elements .element-item .element-item-hover .btn-link:active, .elements-bar .elements .element-item .element-item-hover .btn-link.active, .elements-bar .elements .element-item .element-item-hover .btn-link:focus {
  background-color: #23a7de;
  border-color: transparent;
  color: #ffffff;
}
.elements-bar .elements .element-item:hover .element-item-hover {
  display: flex;
}
.notice {
  position: fixed;
  bottom: 15px;
  z-index: 200;
  max-width: 700px;
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  border-radius: 4px;
  color: #2e3333;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.notice .btn-link {
  padding: 6px;
  font-size: 18px;
}
.sm-notice {
  position: fixed;
  top: 115px;
  left: 50%;
  margin-left: -250px;
  z-index: 200;
  width: 500px;
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  border-radius: 4px;
  color: #2e3333;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.sm-notice .btn-link {
  padding: 6px;
  font-size: 18px;
}
.notice-dark {
  background-color: #2e3333;
  border: 1px solid #2e3333;
  color: #ffffff;
}
.notice-dark .btn-link {
  color: rgba(255, 255, 255, 0.5);
}
.controler-3d {
  position: fixed;
  top: 115px;
  z-index: 300;
}
.controler-3d .icon-btn {
  font-size: 16px;
  color: #7f8c8d;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  height: 26px;
  width: 30px;
  border-radius: 4px;
  padding: 0;
}
.controler-3d .icon-btn:hover, .controler-3d .icon-btn:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #7f8c8d;
}
.controler-3d .icon-btn:active, .controler-3d .icon-btn.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  color: #7f8c8d;
}
.preferances-box {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 30;
  width: 270px;
  background-color: #f5f5f5;
  border-left: 1px solid #c9d2d2;
  border-bottom: 1px solid #c9d2d2;
  padding-top: 105px;
  border-bottom-left-radius: 4px;
  font-size: 15px;
  max-height: calc(100vh - 15px);
  overflow: hidden;
}
.preferances-box .preferances-box-scroll {
  max-height: calc(100vh - 15px - 45px - 105px);
  overflow: auto;
}
.preferances-box .pref-section {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid #c9d2d2;
}
.preferances-box .pref-section p {
  margin-bottom: 0.5rem;
}
.preferances-box .pref-title {
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(46, 51, 51, 0.7);
  margin-bottom: 0.5rem;
}
.preferances-box label.pref-title {
  margin-bottom: 0.25rem;
}
.preferances-box label {
  margin-bottom: 0.25rem;
}
.preferances-box .form-group {
  margin-bottom: 0.65rem;
}
.preferances-box .form-control {
  height: 36px;
  font-size: 14px;
  padding: 0.375rem 0.25rem;
  border-radius: 2px;
}
.preferances-box .form-control.pref-form-control {
  height: 30px;
}
.preferances-box .icon-btn {
  font-size: 16px;
  color: #2e3333;
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  height: 36px;
  width: 36px;
  border-radius: 2px;
  padding: 0;
}
.preferances-box .icon-btn:hover, .preferances-box .icon-btn:focus {
  background-color: rgba(255, 255, 255, 0.8);
  color: #2e3333;
}
.preferances-box .icon-btn:active, .preferances-box .icon-btn.active {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: #c9d2d2;
  color: #23a7de;
}
.preferances-box .btn-link-hover {
  margin-left: -6px;
  margin-right: 2px;
}
.preferances-box .rotate-icon {
  font-size: 20px;
}
.preferances-box .level-icon {
  margin-right: 0.375rem;
  margin-left: -4px;
  width: 28px;
}
.preferances-box .rotate-input-group .icon-btn {
  background-color: rgba(201, 210, 210, 0.5);
  padding: 0;
  height: 30px;
  width: 24px;
}
.preferances-box .rotate-input-group .form-control {
  width: 58px;
  height: 30px;
  font-size: 14px;
  padding: 0.375rem 0.25rem;
}
.preferances-box .rotate-input-group .dropdown-menu {
  min-width: 0;
  max-height: 260px;
  overflow: auto;
}
.preferances-box .rotate-input-group .dropdown-menu .dropdown-item {
  padding: 0.25rem 1rem;
}
.preferances-box .range-input-group .input-group-text {
  background-color: rgba(201, 210, 210, 0.5);
  padding: 0 4px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  border-color: #c9d2d2;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.preferances-box .range-input-group .form-control {
  width: 72px;
  height: 30px;
  font-size: 14px;
  padding: 0.375rem 0.25rem;
}
.preferances-box .pref-form-inline label {
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 0.375rem;
}
.preferances-box .pref-form-inline .form-control {
  width: 72px;
  height: 30px;
  font-size: 14px;
  border-radius: 2px;
}
.preferances-box .pref-footer {
  background-color: rgba(255, 255, 255, 0.5);
  text-align: right;
  padding: 0.25rem 0.5rem;
  border-top: 1px solid #c9d2d2;
}
.preferances-box .pref-footer .icon-btn,
.preferances-box .pref-footer .btn-link {
  font-size: 16px;
  padding: 0.35rem 0.5rem;
  border-color: transparent;
  background-color: transparent;
}
.preferances-box .pref-footer .icon-btn:hover, .preferances-box .pref-footer .icon-btn:active, .preferances-box .pref-footer .icon-btn.active, .preferances-box .pref-footer .icon-btn:focus,
.preferances-box .pref-footer .btn-link:hover,
.preferances-box .pref-footer .btn-link:active,
.preferances-box .pref-footer .btn-link.active,
.preferances-box .pref-footer .btn-link:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #c9d2d2;
}
.modal-backdrop-in {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
}
.modal .modal-header {
  background-color: #f5f5f5;
  border-color: #c9d2d2;
  padding: 0.6rem 1rem;
}
.modal .modal-header .textual-menu .btn-link {
  color: #2e3333;
  font-weight: 400;
  padding: 0.375rem 0;
}
.modal .modal-header .textual-menu .btn-link:hover, .modal .modal-header .textual-menu .btn-link:active, .modal .modal-header .textual-menu .btn-link.active, .modal .modal-header .textual-menu .btn-link:focus {
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
  color: #23a7de;
}
.modal .modal-header .textual-menu .btn-link:hover .icon-chevron-down, .modal .modal-header .textual-menu .btn-link:active .icon-chevron-down, .modal .modal-header .textual-menu .btn-link.active .icon-chevron-down, .modal .modal-header .textual-menu .btn-link:focus .icon-chevron-down {
  color: #2e3333;
}
.modal .modal-header .textual-menu .textual-menu-divider {
  background-color: rgba(46, 51, 51, 0.5);
  margin: 0 0.75rem;
  width: 1px;
  height: 1.25rem;
}
.modal .modal-static-body {
  background-color: #ffffff;
  border-top: 1px solid #c9d2d2;
}
.modal .modal-static-body .form-group {
  margin-bottom: 1rem;
}
.modal .modal-static-body .form-group label {
  margin-bottom: 0.25rem;
}
.modal .modal-body {
  padding: 0 0 0.5rem;
  margin: 1px;
}
.modal .modal-body .search-modal-subtitle {
  font-weight: 700;
  font-size: 24px;
  margin: 0;
}
.modal .modal-body .search-modal-filters {
  width: 320px;
  background-color: #f5f5f5;
  border-right: 1px solid #c9d2d2;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: auto;
}
.modal .modal-body .search-modal-filters .search-modal-filters-item {
  padding: 0.75rem 0.5rem;
  border-top: 1px solid #c9d2d2;
}
.modal .modal-body .search-modal-filters .search-modal-filters-item:first-child {
  border-top: none;
}
.modal .modal-body .search-modal-filters .search-modal-filters-item .search-modal-filters-title {
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(46, 51, 51, 0.7);
}
.modal .modal-body .search-modal-results {
  position: absolute;
  left: 320px;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.modal .modal-body .search-results-table {
  overflow: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 50px;
}
.modal .modal-body .search-results-action {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #c9d2d2;
  color: #2e3333;
  background-color: #f5f5f5;
  font-size: 14px;
  min-width: 100%;
}
.modal .modal-body .search-results-item {
  display: block;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #c9d2d2;
  color: #2e3333;
  min-width: 100%;
}
.modal .modal-body .search-results-item:hover, .modal .modal-body .search-results-item:active, .modal .modal-body .search-results-item:focus {
  background-color: #f5f5f5;
}
.modal .modal-body .search-results-item a {
  color: #2e3333;
  width: 620px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal .modal-body .search-results-item a:hover, .modal .modal-body .search-results-item a:focus {
  color: #23a7de;
  text-decoration: none;
}
.modal .modal-body .form-group {
  margin-bottom: 1.5rem;
}
.modal .modal-body .form-group label {
  margin-bottom: 0.25rem;
}
.modal .modal-body .btn-grey {
  background-color: #f5f5f5;
  font-size: 1rem;
}
.modal .modal-footer {
  border-color: #c9d2d2;
  padding: 0.75rem 1rem;
}
.modal .modal-footer .v-line {
  width: 1px;
  height: 24px;
  margin: 0 0.75rem;
  background-color: rgba(46, 51, 51, 0.3);
  display: inline-flex;
}
.modal .modal-footer .btn {
  min-width: 100px;
}
.modal .modal-footer .btn.mw-0 {
  min-width: 0;
}
.modal .modal-footer .modal-footer-title {
  font-size: 14px;
  text-transform: uppercase;
  color: rgba(46, 51, 51, 0.7);
  margin-bottom: 0.5rem;
}
.modal .modal-footer .modal-footer-form-inline label {
  font-size: 14px;
  margin-bottom: 0;
  margin-right: 0.375rem;
}
.modal .modal-footer .modal-footer-form-inline .form-control {
  height: 30px;
  font-size: 14px;
  border-radius: 2px;
  padding: 0.25rem 0.75rem;
}
.modal .modal-footer .modal-footer-form-inline .btn {
  height: 30px;
  padding: 0.25rem 0.75rem;
}
.modal .modal-footer .icon-btn {
  font-size: 20px;
  min-width: auto;
  padding: 0.25rem 0.5rem;
  border-color: transparent;
  background-color: transparent;
}
.modal .modal-footer .icon-btn:hover, .modal .modal-footer .icon-btn:active, .modal .modal-footer .icon-btn.active, .modal .modal-footer .icon-btn:focus {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: #c9d2d2;
}
.modal .modal-footer .icon-btn.active {
  color: #23a7de;
}
.modal .modal-form {
  border-top: 1px solid #c9d2d2;
  padding: 0.75rem 1rem;
}
.modal.chart-modal {
  right: 20px;
  top: 85px;
  left: auto;
  width: 500px;
}
.modal.chart-modal .icon-btn {
  min-width: 36px;
  font-size: 1.4em;
  padding: 0;
}
.modal.chart-modal .icon-btn:hover, .modal.chart-modal .icon-btn:active, .modal.chart-modal .icon-btn.active, .modal.chart-modal .icon-btn:focus {
  background-color: #f5f5f5;
  border-color: #c9d2d2;
}
.modal.chart-modal.double-chart-modal {
  width: 800px;
}
.modal.pdf-modal {
  right: 20px;
  top: 85px;
  left: auto;
  width: 800px;
}
.modal.w-100-modal {
  right: 20px;
  top: 20px;
  left: 20px;
  width: auto;
}
.modal.w-100-modal .modal-dialog {
  max-width: none;
  margin: 0;
}
.analysis-modal .modal-dialog {
  right: auto;
  top: 85px;
  left: 10px;
  min-width: 100%;
  position: absolute;
}
.modal.ui-draggable .ui-draggable-handle {
  cursor: grab;
}
.modal.ui-draggable.ui-draggable-dragging .ui-draggable-handle {
  cursor: grabbing;
}
.modal-dialog-scrollable .modal-content {
  height: calc(100vh - 3.5rem);
}
.login-wrap {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.login-wrap .login-box {
  background-color: rgba(222, 227, 227, 0.4);
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3);
  width: 500px;
  border: 1px solid rgba(127, 140, 141, 0.6);
  border-radius: 4px;
}
.login-wrap .login-box.reg-box {
  width: 900px;
}
.login-wrap .login-box .login-header {
  padding: 30px;
  text-align: center;
}
.login-wrap .login-box .login-body {
  padding: 40px;
  background-color: rgba(245, 245, 245, 0.7);
  border: 1px solid rgba(222, 227, 227, 0.7);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.login-wrap .login-box .login-body h2 {
  font-size: 1.5em;
  font-weight: bold;
}
.login-wrap .login-box .login-body .form-group {
  margin-bottom: 1.5rem;
}
.login-wrap .login-box .login-body label {
  margin-bottom: 0.25rem;
}
.login-wrap .login-box .login-body label .optional {
  font-size: 0.85rem;
  color: rgba(46, 51, 51, 0.7);
}
.login-wrap .login-box .login-body a {
  color: #1e97c9;
  font-weight: bold;
}
.login-wrap .login-footer {
  width: 500px;
  padding: 30px 40px;
  text-align: center;
}
.login-wrap .login-footer p {
  color: #ffffff;
  margin-bottom: 0.5rem;
}
.login-wrap .login-footer .btn-outline-primary {
  background-color: rgba(0, 0, 0, 0.5);
}
.login-wrap .login-footer .btn-outline-primary:hover,
.login-wrap .login-footer .btn-outline-primary:active,
.login-wrap .login-footer .btn-outline-primary:not(:disabled):not(.disabled):active {
  background-color: #48bae9;
  border-color: #48bae9;
}
.twitter-typeahead {
  display: block !important;
}
.twitter-typeahead .tt-menu {
  right: 0;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #ffffff;
  border-color: #c9d2d2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.twitter-typeahead .tt-suggestion {
  padding: 3px 20px;
  font-size: 16px;
  line-height: 24px;
}
.twitter-typeahead .tt-suggestion:hover {
  cursor: pointer;
  color: #2e3333;
  background-color: #f5f5f5;
}
.twitter-typeahead .tt-suggestion.tt-cursor {
  color: #2e3333;
  background-color: #f5f5f5;
}
.twitter-typeahead .tt-suggestion p {
  margin: 0;
}
.text-data-group {
  border-left: 1px solid #c9d2d2;
  padding-left: 0.75rem;
  margin-bottom: 2rem;
}
.text-label {
  font-size: 14px;
  margin-bottom: 0;
}
.text-data {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 700;
}
.text-data.text-data-big {
  font-size: 20px;
}
.text-subtitle {
  font-size: 20px;
}
.modal-custom-checkbox {
  min-height: 38px;
  padding-top: 0.35rem;
}
.icon-chevron-down {
  font-size: 16px;
}
.opticts-preview-img {
  background-color: #f5f5f5;
  color: #7f8c8d;
  border: 1px solid #c9d2d2;
  padding: 0.25rem;
  border-radius: 0.25rem;
  text-align: center;
  min-height: 275px;
  min-width: 338px;
}
.opticts-preview-img .icon-image-search {
  font-size: 3rem;
  color: rgba(127, 140, 141, 0.5);
}
.opticts-preview-img img {
  height: 192px;
  width: auto;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select.show > .btn-light.dropdown-toggle,
.bootstrap-select > .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select .btn-light,
.bootstrap-select .btn-light:not(:disabled):not(.disabled).active {
  color: #2e3333;
  font-weight: 400;
  background-color: transparent;
  border-color: #c9d2d2;
  padding: 0.25rem 1.75rem 0.25rem 0.75rem;
  font-size: 16px;
  line-height: 1.5;
}
.chart-legend .chart-legend-item {
  padding: 0.5rem;
  line-height: 1;
}
.chart-legend .chart-legend-item:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  border-radius: 4px;
}
.chart-legend .chart-legend-item.item-1::before {
  background-color: #23a7de;
}
.chart-legend .chart-legend-item.item-2::before {
  background-color: #1da79d;
}
.chart-legend .chart-legend-item.item-3::before {
  background-color: #8cc442;
}
.chart-legend .chart-legend-item.item-4::before {
  background-color: #ffc31b;
}
.page-item .page-link {
  padding: 0.5rem;
  min-width: 38px;
  text-align: center;
  color: #23a7de;
  background-color: #ffffff;
  border: 1px solid #c9d2d2;
  margin: 0 3px;
  border-radius: 2px;
}
.page-item .page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(201, 210, 210, 0.3);
}
.page-item .page-link:hover {
  color: #23a7de;
  background-color: #f5f5f5;
}
.page-item.disabled .page-link {
  border: none;
}
.page-item.active .page-link {
  color: #23a7de;
  background-color: #dee3e3;
  border-color: #c9d2d2;
  color: #2e3333;
}
.right-border {
  border-right: 1px solid #c9d2d2;
}
.btn-comment {
  height: 34px;
  width: 40px;
  background-image: url("../img/comment-stroke.svg");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  box-shadow: none;
}
.btn-comment:hover, .btn-comment.active {
  background-image: url("../img/comment-stroke-aclive.svg");
  border: none;
}
.jpg-comment-textbox {
  padding: 5px 10px;
  max-width: 400px;
}
.jpg-edit-comment-box {
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  min-width: 420px;
}
.jpg-edit-comment-box .jpg-edit-comment-header {
  background-color: #dee3e3;
  padding: 2px;
}
.jpg-edit-comment-box .jpg-edit-comment-body {
  padding: 5px 10px;
}
.jpg-edit-comment-box .icon-btn {
  font-size: 18px;
  min-width: auto;
  padding: 0.25rem;
  border-color: transparent;
  background-color: transparent;
}
.jpg-edit-comment-box .icon-btn.active {
  color: #23a7de;
}
.jpg-edit-comment-box .img-comment {
  max-width: 420px;
  display: none;
}
.jpg-edit-comment-box .img-comment-item {
  padding: 10px;
  width: 79px;
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jpg-edit-comment-box .img-comment-item.active {
  background-color: #ffffff;
  border: 1px solid #23a7de;
}
.jpg-edit-comment-box .img-comment-item img {
  max-width: 100%;
  object-fit: contain;
}
.btn-color.dropdown-toggle {
  padding: 0;
  margin-right: 4px;
}
.btn-color.dropdown-toggle:after {
  content: none;
}
.color-dd {
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  padding: 5px 10px;
  border-radius: 0;
}
.color-dd .dropdown-item {
  padding: 0.25rem;
}
.color-select {
  height: 18px;
  width: 18px;
  border: 1px solid #2e3333;
}
.color-select.black {
  background-color: #000000;
}
.color-select.white {
  background-color: #ffffff;
}
.color-select.red {
  background-color: #ff5a5f;
}
.color-select.green {
  background-color: #0cb755;
}
.color-select.blue {
  background-color: #2f80ed;
}
.color-select.none {
  background-image: url("../img/color-none.svg");
  background-size: 18px 18px;
  border: none;
}
.no-arrow.dropdown-toggle:after {
  content: none;
}
.logo-widget {
  height: 24px;
}
.btn-widget-search {
  height: 30px;
  width: 30px;
  background-color: #2e3333;
  color: #ffffff;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #ffffff;
  margin-right: 0.5rem;
}
.btn-widget-search:hover {
  color: #ffffff;
  background-color: #23a7de;
}
.btn-widget-search.active {
  background-color: #23a7de;
}
.widget-3d {
  background-color: #f5f5f5;
  border-top: 1px solid #c9d2d2;
  border-bottom: 1px solid #c9d2d2;
  color: #7f8c8d;
  min-height: 275px;
  width: 100%;
  position: relative;
}
/*.widget-img {
	background-color: $menu-bg-color;
	border-top: 1px solid $line-color;
	border-bottom: 1px solid $line-color;
	color: $text-color-off;
	min-height: 275px;
	width: 100%;
	.carousel-item {
		height: 275px;
		overflow: hidden;
		width: 100%;
	}
	.carousel-item img {
		max-width: 100%;
		margin: auto;
	}
	.icon-btn {
		background-color: $menu-bg-color;
		border: 1px solid $line-color;
		padding: 0.5rem;
	}
}*/
.widget-notice {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 200;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  background-color: #2e3333;
  border: 1px solid #2e3333;
  color: #ffffff;
}
.widget-notice .btn-link {
  padding: 6px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.5);
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: #23a7de;
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: #23a7de;
}
.custom-range:focus::-ms-thumb {
  box-shadow: #23a7de;
}
.custom-range::-webkit-slider-thumb {
  background-color: #23a7de;
  border-color: #23a7de;
  box-shadow: 0 0 0 #23a7de;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgba(35, 167, 222, 0.5);
}
.custom-range::-webkit-slider-runnable-track {
  background-color: #dee3e3;
  box-shadow: 0 0 0 #dee3e3;
}
.custom-range::-moz-range-thumb {
  background-color: #23a7de;
  border-color: #23a7de;
  box-shadow: 0 0 0 #23a7de;
}
.custom-range::-moz-range-thumb:active {
  background-color: rgba(35, 167, 222, 0.5);
}
.custom-range::-moz-range-track {
  background-color: #dee3e3;
  box-shadow: 0 0 0 #dee3e3;
}
.custom-range::-ms-thumb {
  background-color: #23a7de;
  border-color: #23a7de;
  box-shadow: 0 0 0 #23a7de;
}
.custom-range::-ms-thumb:active {
  background-color: rgba(35, 167, 222, 0.5);
}
.custom-range::-ms-track {
  background-color: #dee3e3;
  box-shadow: 0 0 0 #dee3e3;
}
.custom-range::-ms-fill-lower {
  background-color: #dee3e3;
}
.custom-range::-ms-fill-upper {
  background-color: #dee3e3;
}
.widget-mode-box {
  position: fixed;
  top: 115px;
  z-index: 300;
  max-width: 700px;
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  border-radius: 4px;
  color: #2e3333;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.widget-header {
  background-color: #f5f5f5;
  border-bottom: 1px solid #c9d2d2;
  padding: 0.5rem;
}
.widget-img {
  position: absolute;
  bottom: 10px;
  right: 10px;
  max-width: 300px;
  z-index: 200;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  border: 1px solid #c9d2d2;
}
.widget-img img {
  width: 100%;
}
.widget-img .icon-btn {
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  padding: 0.5rem;
}
.widget-img .close {
  position: absolute;
  right: 3px;
  top: 3px;
}
.widget-slider {
  position: absolute;
  top: 0;
  left: 35px;
  width: 220px;
  z-index: 200;
  border-radius: 4px;
  padding: 0.5rem 0.75rem;
  font-size: 14px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  color: #2e3333;
}
.widget-slider .btn-link {
  padding: 6px;
  font-size: 18px;
}
.range-wrap {
  position: relative;
}
.range-wrap .range-bubble {
  background: #2e3333;
  color: #ffffff;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.range-wrap .range-bubble::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  top: 0;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2e3333;
}
.upload-wiz-nav {
  background-color: #ffffff;
  border-top: 1px solid #c9d2d2;
  padding: 0.6rem 1rem;
  display: flex;
}
.upload-wiz-nav .upload-wiz-nav-item {
  flex: 1 1 auto;
  color: #7f8c8d;
  pointer-events: none;
}
.upload-wiz-nav .upload-wiz-nav-item .num {
  display: inline-block;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  margin-right: 0.35rem;
  vertical-align: middle;
  color: #ffffff;
  background-color: rgba(127, 140, 141, 0.5);
  text-align: center;
  line-height: 36px;
}
.upload-wiz-nav .upload-wiz-nav-item .num .num-num {
  font-size: 20px;
}
.upload-wiz-nav .upload-wiz-nav-item .num .icon-check {
  display: none;
  font-size: 13px;
  margin-left: -4px;
}
.upload-wiz-nav .upload-wiz-nav-item.active {
  color: #23a7de;
  pointer-events: all;
}
.upload-wiz-nav .upload-wiz-nav-item.active .num {
  background-color: #23a7de;
}
.upload-wiz-nav .upload-wiz-nav-item.active .num .num-num {
  display: none;
}
.upload-wiz-nav .upload-wiz-nav-item.active .num .icon-check {
  display: block;
}
.upload-wiz-3d {
  position: fixed;
  top: 135px;
  bottom: 103px;
  left: 38px;
  right: 550px;
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  border-radius: 4px;
}
.upload-wiz-form {
  width: 510px;
  padding: 0.6rem 1rem;
}
.upload-wiz-form .upload-wiz-form-title {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  margin: 1rem auto;
}
.upload-wiz-form-collapse {
  padding: 0.6rem 0;
  border-top: 1px solid #c9d2d2;
}
.upload-wiz-form-collapse .collapse-title {
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(46, 51, 51, 0.7);
}
.sp-replacer {
  width: 24px;
  margin: 0.25rem;
}
.sp-dd {
  display: none;
}
.sp-container {
  background-color: #f5f5f5;
  border: 1px solid #c9d2d2;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
.sp-container button.sp-choose {
  background-color: #23a7de;
}
.num-input-group {
  width: auto;
}
.num-input-group .input-group-prepend .icon-btn,
.num-input-group .input-group-append .icon-btn {
  font-size: 16px;
  color: #2e3333;
  background-color: #dee3e3;
  border-color: #c9d2d2;
  border-radius: 2px;
  padding: 0.25rem;
}
.num-input-group .input-group-prepend .icon-btn:hover, .num-input-group .input-group-prepend .icon-btn:focus,
.num-input-group .input-group-append .icon-btn:hover,
.num-input-group .input-group-append .icon-btn:focus {
  background-color: rgba(222, 227, 227, 0.8);
  color: #2e3333;
}
.num-input-group .input-group-prepend .icon-btn:active, .num-input-group .input-group-prepend .icon-btn.active,
.num-input-group .input-group-append .icon-btn:active,
.num-input-group .input-group-append .icon-btn.active {
  background-color: rgba(222, 227, 227, 0.8);
  border-color: #c9d2d2;
  color: #23a7de;
}
.num-input-group .form-control {
  background-image: none;
  padding: 0.25rem;
}
.slider.slider-horizontal {
  width: 100%;
  height: 16px;
}
.slider.slider-horizontal .slider-track {
  height: 6px;
  width: 100%;
  margin-top: -3px;
  top: 50%;
  left: 0;
  background-color: rgba(127, 140, 141, 0.3);
  background-image: none;
  box-shadow: none;
}
.slider.slider-horizontal .slider-selection {
  background-color: #7f8c8d;
  background-image: none;
  box-shadow: none;
}
.slider-handle {
  background-image: none;
  background-color: #23a7de;
  height: 16px;
  width: 16px;
}
.slider-input {
  max-width: 120px;
}
.analysis-accordion {
  background-color: #f5f5f5;
}
.analysis-accordion .analysis-item {
  display: block;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #ffffff;
  color: #2e3333;
  min-width: 100%;
}
.analysis-accordion .analysis-item.collapsed {
  background-color: #ffffff;
  border-bottom: 1px solid #c9d2d2;
}
.analysis-accordion .analysis-item.collapsed:hover, .analysis-accordion .analysis-item.collapsed:active, .analysis-accordion .analysis-item.collapsed:focus {
  background-color: #f5f5f5;
}
.analysis-accordion .analysis-label {
  border-radius: 4px;
  margin-right: 4px;
  padding: 0.25rem 0.5rem;
  color: #ffffff;
}
.analysis-accordion .analysis-label.label-00 {
  background-color: #7f8c8d;
}
.analysis-accordion .analysis-label.label-01 {
  background-color: #3372df;
}
.analysis-accordion .analysis-label.label-02 {
  background-color: #23a7de;
}
.analysis-accordion .analysis-label.label-03 {
  background-color: #1da79d;
}
.analysis-accordion .analysis-label.label-04 {
  background-color: #19cb59;
}
.analysis-accordion .analysis-label.label-05 {
  background-color: #9fea47;
  color: #2e3333;
}
.analysis-accordion .analysis-label.label-06 {
  background-color: #f9ea07;
  color: #2e3333;
}
.analysis-accordion .analysis-label.label-07 {
  background-color: #f9c221;
  color: #2e3333;
}
.analysis-accordion .analysis-label.label-08 {
  background-color: #f99b21;
}
.analysis-accordion .analysis-label.label-09 {
  background-color: #fb536a;
}
.analysis-accordion .analysis-label.label-10 {
  background-color: #c138d0;
}
.analysis-accordion .analysis-label.label-11 {
  background-color: #8f25df;
}
.analysis-accordion .analysis-label.label-12 {
  background-color: #4e34c9;
}
.analysis-accordion .analysis-label.label-13 {
  background-color: #6f61c0;
}
.analysis-accordion .analysis-label.label-14 {
  background-color: #f97421;
}
.analysis-accordion .analysis-label.label-15 {
  background-color: #cef921;
}
.analysis-accordion .analysis-header {
  background-color: #ffffff;
  padding: 0.25rem 1rem;
  line-height: 1.25;
}
.analysis-accordion .analysis-header .analysis-form-control {
  color: #7f8c8d;
}
.analysis-accordion .analysis-form-control {
  width: 70px;
}
.analysis-accordion .dropdown-header {
  padding: 0.25rem 0.5rem;
  color: #7f8c8d;
  font-weight: bold;
}
.analysis-accordion .dropdown-item {
  padding: 0.25rem 0.5rem;
}
.analysis-accordion .dropdown-item .analysis-label {
  line-height: 1;
  border-radius: 4px;
  margin-right: 4px;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
}
.analysis-accordion .dropdown-item .analysis-label.label-01 {
  background-color: #3372df;
}
.analysis-accordion .dropdown-item .analysis-label.label-02 {
  background-color: #23a7de;
}
.analysis-accordion .dropdown-item .analysis-label.label-03 {
  background-color: #1da79d;
}
.analysis-accordion .dropdown-item .analysis-label.label-04 {
  background-color: #19cb59;
}
.analysis-accordion .dropdown-item .analysis-label.label-05 {
  background-color: #9fea47;
  color: #2e3333;
}
.analysis-accordion .dropdown-item .analysis-label.label-06 {
  background-color: #f9ea07;
  color: #2e3333;
}
.analysis-accordion .dropdown-item .analysis-label.label-07 {
  background-color: #f9c221;
  color: #2e3333;
}
.analysis-accordion .dropdown-item .analysis-label.label-08 {
  background-color: #f99b21;
}
.analysis-accordion .dropdown-item .analysis-label.label-09 {
  background-color: #fb536a;
}
.analysis-accordion .dropdown-item .analysis-label.label-10 {
  background-color: #c138d0;
}
.analysis-accordion .dropdown-item .analysis-label.label-11 {
  background-color: #8f25df;
}
.analysis-accordion .dropdown-item .analysis-label.label-12 {
  background-color: #4e34c9;
}
.analysis-accordion .dropdown-item .analysis-label.label-13 {
  background-color: #6f61c0;
}
.analysis-accordion .dropdown-item .analysis-label.label-14 {
  background-color: #f97421;
}
.analysis-accordion .dropdown-item .analysis-label.label-15 {
  background-color: #cef921;
}
.analysis-accordion .dropdown-item i {
  line-height: 1;
  margin-right: 4px;
}
.analysis-accordion .dropdown-item i.label-01 {
  color: #3372df;
}
.analysis-accordion .dropdown-item i.label-02 {
  color: #23a7de;
}
.analysis-accordion .dropdown-item i.label-03 {
  color: #1da79d;
}
.analysis-accordion .dropdown-item i.label-04 {
  color: #19cb59;
}
.analysis-accordion .dropdown-item i.label-05 {
  color: #9fea47;
}
.analysis-accordion .dropdown-item i.label-06 {
  color: #f9ea07;
}
.analysis-accordion .dropdown-item i.label-07 {
  color: #f9c221;
}
.analysis-accordion .dropdown-item i.label-08 {
  color: #f99b21;
}
.analysis-accordion .dropdown-item i.label-09 {
  color: #fb536a;
}
.analysis-accordion .dropdown-item i.label-10 {
  color: #c138d0;
}
.analysis-accordion .dropdown-item i.label-11 {
  color: #8f25df;
}
.analysis-accordion .dropdown-item i.label-12 {
  color: #4e34c9;
}
.analysis-accordion .dropdown-item i.label-13 {
  color: #6f61c0;
}
.analysis-accordion .dropdown-item i.label-14 {
  color: #f97421;
}
.analysis-accordion .dropdown-item i.label-15 {
  color: #cef921;
}
.analysis-accordion .analysis-results {
  border-top: 1px solid #c9d2d2;
  padding: 0.5rem;
}
.analysis-accordion .analysis-results .analysis-results-item {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #c9d2d2;
  width: 260px;
  height: 230px;
  margin: 0.5rem;
  position: relative;
}
.analysis-accordion .analysis-results .analysis-results-item .analysis-tbn {
  width: 100%;
  position: absolute;
}
.analysis-accordion .analysis-results .analysis-results-item .analysis-label {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
}
.analysis-accordion .analysis-results .analysis-results-item .analysis-results-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-compare {
  color: #7f8c8d;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-compare:before {
  content: "\e890";
  display: inline-block;
  vertical-align: middle;
  font-family: "mapi";
  width: 1em;
  text-align: center;
  line-height: 1em;
  margin-right: 0;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-compare.active {
  color: #23a7de;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-compare.active:before {
  content: "\e88f";
}
.analysis-accordion .analysis-results .analysis-results-item .btn-lock {
  color: #7f8c8d;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-lock:before {
  content: "\e88e";
  display: inline-block;
  vertical-align: middle;
  font-family: "mapi";
  width: 1em;
  text-align: center;
  line-height: 1em;
  margin-right: 0;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-lock.active {
  color: #23a7de;
}
.analysis-accordion .analysis-results .analysis-results-item .btn-lock.active:before {
  content: "\e88d";
}
.upper-case-text {
  text-transform: uppercase;
}
.new-modal.modal {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px;
  border-radius: 4px;
  width: auto;
  height: auto;
}
.new-modal.modal .modal-dialog {
  margin: 0;
}
.new-modal.modal .modal-dialog .modal-content {
  border: none;
}
.new-modal.modal .modal-dialog .modal-content .modal-header {
  border: none;
  background-color: #f5f5f5;
}
.new-modal.modal .modal-dialog .modal-content .modal-header img {
  filter: brightness(150%);
}
.new-modal.modal .modal-dialog .modal-content .modal-header img:hover {
  filter: brightness(100%);
  transition: 0.2 transform linear;
}
.new-modal.modal .modal-dialog .modal-content .modal-header img.active {
  -webkit-filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
  filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
}
.new-modal.modal .modal-dialog .modal-content .modal-header .info-icon {
  margin-top: -4px;
  margin-left: -4px;
}
.new-modal.modal .modal-dialog .modal-content .modal-header .close {
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: -6px;
  margin-top: -2px;
}
.new-modal.modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 15px;
  text-transform: uppercase;
  padding: 0;
}
.new-modal.modal .modal-dialog .modal-content .modal-body {
  margin: 0;
  padding: 0;
}
.new-modal.modal .modal-dialog .modal-content .modal-footer {
  padding: 9px 8px;
  border: none;
  background-color: #ffffff;
}
.btn.fast-machine-check {
  min-width: 0px !important;
  color: #2e3333;
  font-weight: 400;
  background-color: #f5f5f5;
  border-color: #c9d2d2;
  border-radius: 4px;
}
.btn.fast-machine-check.active {
  color: #fff;
  background-color: #0cb755;
  border-color: #0cb755;
}
.user-settings .settings-body div[license=paying] .paying {
  display: block !important;
}
.user-settings .settings-body .license-details label {
  font-size: 16px;
  margin-bottom: 4px;
  margin-left: -16px;
  font-weight: bold;
  color: #23a7de;
}
.user-settings .settings-body .settings-side-bar {
  font-size: 13px;
  padding-left: 0;
  border-right: 1px solid #c9d2d2;
}
.user-settings .settings-body .settings-side-bar .us-side-bar-opt:hover,
.user-settings .settings-body .settings-side-bar .us-side-bar-opt.active {
  color: #23a7de;
  font-weight: 600;
}
.user-settings .settings-body .settings-side-bar .us-side-bar-opt {
  padding: 0.5rem 1rem;
  cursor: pointer;
  text-transform: uppercase;
}
.user-settings .settings-body .settings-side-bar .us-side-bar-opt.title {
  pointer-events: none;
}
.user-settings .settings-body .settings-side-bar .us-side-bar-opt.sub {
  margin-left: 2rem;
}
.user-settings-footer {
  background-color: #f5f5f5;
}
body .header .try_premium_block .basic_mode {
  display: none;
}
body .header .textual-menu .try_premium_block {
  display: none;
}
body .try_premium_btn {
  display: none;
}
body.try_premium .try_premium_btn {
  display: block;
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADpSURBVHgBnZMBEYMwDEVbBzjoHGwOkIAEJCChEpCABCRUApuCStgcZM0tvYUsKcf+XQ5om5dPAs6dFAD0JdYSGT7KZwEDS5bqrKQgnmew9dQAF1Z1orVUE0pEXKf7qtSCJMXJxM5Gtj5aEFSgymCA6l7etUFUXhRwTRopsoRzRwtzE+FYyTVG3NF1O4BksEYugGMDsjUhuFniWqJvwCJrdqdBZHNnBkMHOIxAxepgbhpoUar3wm2E74eYLUdZAQ3GPt4HDXJTILvD7HV0CB0aGACtJ/j9abGHqwkp8tQLbNyjxN17/3J/6A3t1ZVus6mrVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  font-size: 12px;
  color: white;
  font-weight: 700;
  border-radius: 4px;
  background-color: #23a7de;
  cursor: pointer;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
body.try_premium .try_premium_btn:hover {
  background-color: #48bae9;
}
body.try_premium .black_box {
  display: none;
}
body.try_premium .analysis .try_premium_btn {
  padding: 3px 23.5px 4px 5px;
  left: -8px;
  background-position: 99% 58%;
}
body.try_premium .new_design_form .try_premium_btn {
  padding: 3px 36px 3px 11.5px;
  display: inline;
  left: 0px;
  top: -1px;
  background-position: 91% 58%;
}
body.try_premium .new_design_form.try_premium_block span {
  background-color: rgba(35, 167, 222, 0.5);
}
body.try_premium .header .try_premium_btn {
  padding: 2px 36px 0px 11.5px;
  display: inline;
  font-size: 16px !important;
  background-position: 94% 42%;
  margin-left: 10px;
}
body.try_premium .header .try_premium_block {
  display: flex;
  white-space: nowrap;
  padding-right: 195px;
}
body.try_premium .header .try_premium_block .basic_mode {
  font-size: 20px;
  font-weight: 700;
  display: block;
}
body.try_premium .header .file_name .options-menu {
  margin-left: 7%;
}
body.try_premium .header .textual-menu .try_premium_block {
  padding: 0;
  display: flex;
}
body.try_premium .header .textual-menu .try_premium_block a {
  display: block;
  position: relative;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADpSURBVHgBnZMBEYMwDEVbBzjoHGwOkIAEJCChEpCABCRUApuCStgcZM0tvYUsKcf+XQ5om5dPAs6dFAD0JdYSGT7KZwEDS5bqrKQgnmew9dQAF1Z1orVUE0pEXKf7qtSCJMXJxM5Gtj5aEFSgymCA6l7etUFUXhRwTRopsoRzRwtzE+FYyTVG3NF1O4BksEYugGMDsjUhuFniWqJvwCJrdqdBZHNnBkMHOIxAxepgbhpoUar3wm2E74eYLUdZAQ3GPt4HDXJTILvD7HV0CB0aGACtJ/j9abGHqwkp8tQLbNyjxN17/3J/6A3t1ZVus6mrVQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  color: white;
  font-weight: 700;
  background-color: #23a7de;
  cursor: pointer;
  background-position: 98% 45%;
  padding-right: 35px;
}
body.try_premium .header .textual-menu .try_premium_btn {
  position: absolute;
  left: 96%;
  padding: 5px 37px 5px 10px;
  font-size: 12px !important;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
body.try_premium .setup-details #publication option:disabled {
  color: lightgrey;
}
.try_premium_modal {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.501961));
}
.try_premium_modal .modal_footer {
  display: flex;
  justify-content: space-between;
}
.try_premium_modal .modal_footer .try_premium_btn {
  padding: 2px 39px 2px 10px;
  background-position: 93% 50%;
  font-size: 16px;
}
.try_premium_modal .modal_footer button {
  width: 105px;
  background-color: white;
  color: #23a7de;
  border-radius: 4px;
  border: 1px solid #23a7de;
  padding: 2px 0px;
  font-size: 14px;
  font-weight: 700;
}
.try_premium_modal .modal_header {
  display: flex;
  margin-bottom: 15px;
  padding: 0px 105px;
  align-items: center;
}
.try_premium_modal .modal_header .try_premium_btn {
  padding: 2px 39px 2px 10px;
  background-position: 91% 60%;
  margin-left: 15px;
  font-size: 16px;
}
.try_premium_modal .modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px 16px;
  border: 1px solid #888;
  width: 589px;
  line-height: 24px;
  font-size: 16px;
}
.try_premium_modal .modal_body {
  margin-bottom: 3px;
}
.try_premium_modal .modal_body ul {
  padding: 0px 38px;
  font-weight: 700;
  font-size: 16px;
}
.try_premium_modal .modal_body p {
  margin-bottom: 10px;
}
.view-1 canvas:first-child {
  background-repeat: no-repeat;
}
/* GROUP TOOL */
.group_tool {
  width: 240px;
  height: auto;
  font-size: 15px !important;
}
.group_tool .modal-header {
  padding: 9px 8px 4px 9px;
  /* margin-bottom: -19px; */
  border-bottom: none;
}
.group_tool .modal-header img {
  filter: brightness(150%);
  /* padding-bottom: 2px; */
  position: relative;
  bottom: 1px;
  margin-left: 4px;
}
.group_tool .modal-header img:hover {
  filter: brightness(100%);
  transition: 0.2 transform linear;
}
.group_tool .modal-header img.active {
  -webkit-filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
  filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
}
.group_tool .modal-header button {
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: -4px;
}
.group_tool .modal-body {
  padding: 5px 8px;
  height: auto;
}
.group_tool .modal-body img {
  width: 24px;
  height: 24px;
}
.group_tool .modal-body ul {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  /* align-items: center; */
  margin-bottom: 0;
}
.group_tool .modal-body ul img {
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.group_tool .modal-body ul li {
  display: flex;
}
.group_tool .modal-body ul li:hover::after {
  content: attr(data-tooltip);
  position: fixed;
  background-color: black;
  color: white;
  padding: 4px 10px;
  margin-left: 200px;
  border-radius: 4px;
  /* justify-content: space-between; */
}
.group_tool .modal-body ul li div:last-child {
  cursor: pointer;
  margin-left: auto;
}
.group_tool .modal-body input {
  border: none;
  margin: 0px 0px 0px 8px;
  font-weight: 700;
  color: #23A7DE;
  width: 100%;
}
.group_tool .modal-footer {
  padding: 0;
  justify-content: center;
  padding: 4px 16px;
}
.group_tool .modal-footer button:first-child {
  background-color: white;
  color: #23A7DE;
}
.group_tool .empty_state {
  background-color: #FFDD2F;
  padding: 1px 13px;
  margin-top: -4px;
  margin-bottom: 4px;
}
/* BLACK_BOX TOOL */
.custom_modal {
  display: block !important;
  pointer-events: all;
  position: absolute;
  width: 0px;
}
.black_box {
  width: 240px;
  height: auto;
  font-size: 15px !important;
  margin: 0;
  z-index: 1001;
  position: absolute;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.501961);
  border-radius: 4px;
}
.black_box .black_box-margin {
  padding: 2px 32px;
  font-size: 14px;
}
.black_box .black_box-margin div {
  margin-bottom: 6px;
}
.black_box .black_box-margin input {
  border: 1px solid #BABDBD;
  font-weight: 600;
  text-align: center;
  margin: 0;
  padding: 0;
}
.black_box .modal-header {
  padding: 9px 8px 4px 9px;
  /* margin-bottom: -19px; */
  border-bottom: none;
  text-align: center;
}
.black_box .modal-header .icon-close {
  margin: 0 -4px;
}
.black_box .modal-header img {
  filter: brightness(150%);
  /* padding-bottom: 2px; */
  margin-left: 0;
  margin-left: 1px;
}
.black_box .modal-header img:hover {
  filter: brightness(100%);
  transition: 0.2 transform linear;
}
.black_box .modal-header img.active {
  -webkit-filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
  filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
}
.black_box .modal-header button {
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: -4px;
}
.black_box .modal-body {
  padding: 0 !important;
  margin: 1px;
  height: auto;
}
.black_box .modal-body .title {
  margin-bottom: 5px;
  margin: 0px 8px 5px 8px;
  margin-top: -1px;
}
.black_box .modal-body .parts_list_block {
  padding: 0 7px 0px 4px;
}
.black_box .modal-body img {
  width: 24px;
  height: 24px;
}
.black_box .modal-body ul {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 1px;
  /* align-items: center; */
  margin-bottom: 0;
}
.black_box .modal-body ul img {
  margin-right: 7px;
  width: 20px;
  height: 20px;
}
.black_box .modal-body ul li {
  display: flex;
  align-items: center;
}
.black_box .modal-body ul li div:last-child {
  cursor: pointer;
  margin-left: auto;
}
.black_box .modal-body input {
  border: none;
  margin: 0px 0px 0px 8px;
  font-weight: 700;
  color: #23A7DE;
  width: 100%;
}
.black_box .modal-footer {
  padding: 0;
  justify-content: center;
  padding: 4px 16px;
}
.black_box .modal-footer button {
  min-width: 100px;
}
.black_box .modal-footer button:first-child {
  background-color: white;
  color: #23A7DE;
}
.black_box .empty_state {
  background-color: #FFDD2F;
  padding: 1px 13px;
  margin-top: 0px;
  margin-bottom: 4px;
}
.show_image.d-none + button {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
div.drag-focus {
  z-index: 1000000;
}
div.drag-focus:focus, div.drag-focus:active {
  z-index: 1000050 !important;
}
div.drag-focus.focused-elem {
  z-index: 1000050 !important;
}
#toggle_all_rays.shown img:first-child {
  display: none;
}
#toggle_all_rays.hidden img:last-child {
  display: none;
}
#light_off.shown .pi_icon:first-child {
  display: none;
}
#light_off.hidden .pi_icon:last-child {
  display: none;
}
#light_off:hover path#lightbulb-off {
  fill: #23a7de;
}
#light_off:hover g#lightbulb_on path {
  stroke: #23a7de;
}
.diff-analysis-warnings {
  color: var(--cs-red-red-700-red-2, #d62a2a);
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 4px 40px;
  gap: 7px;
  display: flex;
  flex-direction: column;
}
.diff-analysis-warnings .diff-analysis-warnings__header:not(.collapsed) .collapse-icon {
  transform: rotate(180deg);
}
.diff-analysis-warnings__header {
  display: flex;
  align-items: center;
  height: 40px;
  gap: 8px;
}
.diff-analysis-warnings__content {
  padding-left: 67px;
}
.diff-analysis-warnings__content li::marker {
  font-size: 8px;
}
.warning-popup {
  display: inline-flex;
  padding: 8px 16px;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: var(--white, #fff);
  /* Dialog Shadow New */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.warning-popup__icon {
  width: 36px;
  height: 36px;
}
.warning-popup__content {
  color: var(--primary-900, #2e3333);
  /* Bold 14 */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.coating-chart .modal-body .graph-container {
  padding: 1rem;
  min-height: 450px;
  min-width: 500px;
}
.focused {
  z-index: 10000 !important;
}
.upload-optics-form input[path=name].customized {
  margin-left: -100px;
  padding-left: 100px;
}
.basic-license .pf_button.pf_small {
  display: block !important;
}
.basic-license .basic-feature {
  opacity: 0.5 !important;
  pointer-events: none !important;
}
.left-options-menu .dropdown-menu {
  display: none;
}
.left-options-menu.clicked div.dropdown:hover > .dropdown-menu {
  display: block;
}
.select_cot.readonly,
.input_cot.grey_state input,
.input_cot.calc_target input,
.input_cot.readonly input {
  pointer-events: none;
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input_cot.grey_state input {
  color: #e9e9e9;
}
.input_cot.grey_state input,
.input_cot.readonly input {
  background-color: #e9e9e9;
}
.input_cot.calc_target input {
  background-color: #2073a9;
  color: #bde5f5;
  font-weight: bold;
}
.new_modal {
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.new_modal .modal-dialog {
  margin: 0 !important;
  max-width: none !important;
}
.new_modal .modal-dialog .modal-content {
  border: none;
  height: auto;
}
.new_modal .modal-dialog .modal-content .modal-header {
  display: flex;
  padding: 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 4px 4px 0px 0px;
  border: none;
  background-color: #f5f5f5;
}
.new_modal .modal-dialog .modal-content .modal-header .modal-close {
  transition: filter 0.15s;
}
.new_modal .modal-dialog .modal-content .modal-header .modal-close:hover {
  cursor: pointer;
  filter: brightness(85%);
}
.new_modal .modal-dialog .modal-content .modal-header .modal-title {
  color: var(--Primary---900, #2e3333);
  /* Semi 14 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.new_modal .modal-dialog .modal-content .modal-body {
  margin: 0;
  padding: 0;
}
.new_modal.round_bottom_border {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.new_modal.floating_image {
  border-radius: 4px;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.new_modal.floating_image .modal-dialog .modal-content .modal-header {
  height: 40px;
}
.checkbox_cot {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px 4px;
  gap: 9px;
}
.checkbox_cot .checkbox_d svg .check_box_v {
  opacity: 0;
}
.checkbox_cot input {
  display: none;
  height: 0;
  width: 0;
  border: none;
  outline: none;
  pointer-events: none;
}
.checkbox_cot input:checked + .checkbox_d svg .check_box_v {
  opacity: 1;
}
.checkbox_cot .checkbox_label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #000000;
  margin: 0 0 0 -33px;
  padding-left: 33px;
  height: 24px;
}
.select_cot {
  position: absolute;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0px;
  width: 150px;
  height: auto;
}
.select_cot.forms-custom-select label {
  width: auto !important;
  margin-bottom: 0.25rem !important;
  font-size: 1rem;
}
.select_cot.forms-custom-select span {
  padding: 0 !important;
}
.select_cot.forms-custom-select button {
  text-align: start;
  height: 34px;
  border-radius: 0.25rem;
  border: 1px solid #c9d2d2;
  padding: 0.25rem 0.75rem;
}
.select_cot.vertical {
  transform: rotate(270deg);
  position: relative !important;
  transform-origin: 0px 0px;
  top: 75px;
}
.select_cot.rel {
  position: relative;
}
.select_cot.stat {
  position: static;
}
.select_cot > input:first-child {
  display: none;
}
.select_cot input:checked + .select_cot_label svg .check_box_v {
  opacity: 1 !important;
}
.select_cot input:not(:checked) ~ button {
  background-color: #e9e9e9;
  color: #e9e9e9;
  pointer-events: none;
}
.select_cot input:not(:checked) ~ button path {
  fill: #e9e9e9;
}
.select_cot .select_cot_label {
  margin-bottom: 1px;
  width: 100%;
  display: flex;
}
.select_cot .select_cot_label label {
  margin: 0;
  height: 24px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: inline-flex;
  user-select: none;
  justify-content: start;
  padding-left: 28px;
  margin-left: -24px;
}
.select_cot .select_cot_label label[justify=start] {
  justify-content: start;
}
.select_cot .select_cot_label label[justify=center] {
  justify-content: center;
}
.select_cot .select_cot_label label[justify=end] {
  justify-content: end;
}
.select_cot .select_cot_label label[justify=space-between] {
  justify-content: space-between;
}
.select_cot .select_cot_label svg .check_box_v {
  opacity: 0;
  transition: opacity 0.15s;
}
.select_cot.standard {
  height: auto;
}
.select_cot.standard .select_cot_label label {
  height: 20px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  width: 150px;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.select_cot .dropdown.bootstrap-select {
  width: auto;
  height: 100%;
}
.select_cot select {
  display: none;
}
.select_cot select + button {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 19px !important;
  display: flex;
  align-items: center;
  text-align: center;
  color: #2e3333;
  box-shadow: none;
  outline: 0;
  height: 24px;
  background: white;
  border: 1px solid #959e9e;
  margin: 0;
  width: 100%;
  border-radius: 2px;
}
.select_cot select + button span {
  width: calc(100% - 30px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 2.5px 0 2.5px 6px;
}
.select_cot select + button svg.select_chevron {
  margin: 1px 0;
}
.select_cot select + button.disabled svg.select_chevron {
  display: none;
}
.select_cot select + button.open svg.select_chevron {
  transform: rotate(180deg);
}
.select_cot.custom_select_large select + button {
  height: 32px;
}
.select_cot.lbh_auto .select_cot_label label {
  height: auto !important;
  margin-bottom: 0 !important;
}
.select_cot.uppercase_label .select_cot_label label {
  color: var(--cs-primary-dark-grey-primary-700, #6d7070);
  font-size: 14px !important;
  line-height: normal !important;
  text-transform: uppercase;
}
.new_modal.small .modal-dialog .modal-header {
  height: 30px;
}
.input_cot {
  position: absolute;
  box-sizing: border-box;
  padding: 0px;
  width: 150px;
  flex: none;
  flex-grow: 0;
  user-select: none;
}
.input_cot.rel {
  position: relative;
}
.input_cot.stat {
  position: static;
}
.input_cot input {
  width: 150px;
  height: 24px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  text-align: center;
  color: #2e3333;
  outline: 0;
  background-color: white;
  border: 1px solid #959e9e;
  border-radius: 2px;
  padding: 3.06px 2.92px;
}
.input_cot input:invalid {
  border-color: red;
}
.input_cot.nie_n {
  width: 100%;
}
.input_cot.nie_n input {
  width: 100%;
  height: 30px;
  border: 1px solid #c9d2d2;
  border-radius: 0.25rem;
}
.input_cot.nie_n label {
  width: 100%;
}
.input_cot.w_in input {
  width: inherit;
}
.input_cot label {
  margin-bottom: 1px;
  height: 20px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  width: 150px;
  display: flex;
  justify-content: center;
}
.input_cot label sub {
  bottom: -75%;
}
.input_cot label sup {
  bottom: -25%;
}
.input_cot label[justify=start] {
  justify-content: start;
}
.input_cot label[justify=space-between] {
  justify-content: space-between;
}
.input_cot label[justify=end] {
  justify-content: end;
}
.floating_scene {
  width: 472px;
  height: auto;
  display: block;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.501961));
}
.floating_scene .controls_btns {
  position: absolute;
  left: 337.5px;
  z-index: 1;
  background: white;
  display: flex;
  top: 336.34px;
  gap: 3px;
  outline: 0;
  height: 24px;
}
.floating_scene .controls_btns div {
  cursor: pointer;
}
.floating_scene .controls_btns div.frame_icons .hide_frame {
  display: none;
}
.floating_scene .controls_btns div.frame_icons .show_frame {
  display: block;
}
.floating_scene .controls_btns div.frame_icons.show .hide_frame {
  display: block;
}
.floating_scene .controls_btns div.frame_icons.show .show_frame {
  display: none;
}
.floating_scene .controls_btns div.grid_icons .grid_shown {
  display: none;
}
.floating_scene .controls_btns div.grid_icons .grid_hidden {
  display: block;
}
.floating_scene .controls_btns div.grid_icons.show .grid_shown {
  display: block;
}
.floating_scene .controls_btns div.grid_icons.show .grid_hidden {
  display: none;
}
.calc_graph {
  width: auto;
  height: auto;
  display: block;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.501961));
  min-height: 400px;
}
.calc_graph .modal-dialog {
  height: 100%;
}
.calc_graph .modal-dialog .modal-content {
  height: 100%;
}
.calc_graph .modal-dialog .modal-content .material_header .material_inputs_container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;
  padding: 9.5px 16px;
  justify-content: center;
}
.calc_graph .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 150px);
  overflow-y: overlay;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_body {
  background: #f5f5f5;
  margin: 16px;
  display: flex;
  flex-direction: column;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_body .graph_up {
  height: auto;
  display: flex;
  flex-direction: row;
  padding-top: 28.5px;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_body .graph_up .select_y {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_body .graph_up .graph_cot {
  width: 440.61px;
  height: 392.68px;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_body .graph_down {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 16px 0 8px 0;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_footer {
  display: flex;
  flex-direction: column;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_footer .graph_control {
  display: flex;
  flex-direction: row;
  padding: 8px 33.5px 16px 33.5px;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_footer .graph_control .graph_control_title {
  width: 148px;
  display: flex;
  justify-content: start;
  align-items: end;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_footer .graph_control .graph_control_title span {
  width: 116px;
  height: 19px;
  /* Semi 14 */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  /* identical to box height */
  /* Grays/Gray 2 */
  color: #494f4f;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_footer .graph_control .graph_control_inputs {
  display: flex;
  flex-direction: row;
}
.calc_graph .modal-dialog .modal-content .modal-body .graph_footer .graph_control .graph_control_inputs .input_cot:not(:first-child) {
  margin-left: -1px;
}
.efl_calculator {
  width: 361px;
  height: auto;
  display: block;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.501961));
}
.pf_button {
  background: #23a7de;
  border-radius: 4px;
  transition: background-color 0.15s;
  background-repeat: no-repeat;
  text-shadow: none !important;
}
.pf_button:hover {
  background-color: #48bae9;
  cursor: pointer;
}
.pf_button.pf_small {
  width: 150px;
  padding: 7.5px 10.94px 7.5px 11.5px;
  background-image: url(/assets/pf_small_icon-e3be35c4.svg);
  background-position: 122.5px 4px;
}
.pf_button.pf_small::before {
  font-size: 12px;
  line-height: 16px;
  height: 9px;
}
.pf_button:not(.pf_small) {
  padding: 4px 40px 4px 8px;
  width: 186px;
  background-image: url(/assets/pf_big_icon-f8af3a63.svg);
  background-position: 156px 4px;
}
.pf_button:not(.pf_small)::before {
  font-size: 16px;
  line-height: 22px;
  height: 22px;
}
.pf_button::before {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: center;
  color: #fff;
  flex: none;
  order: 0;
  flex-grow: 0;
  content: "Premium feature";
}
.rb_cot .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  font-style: normal;
  color: #000000;
  height: 24px;
}
.rb_cot .rb_group {
  gap: 16px;
}
.rb_cot .rb_group.rb_col {
  flex-direction: column;
}
.rb_cot .rb_group:not(.dropdown-menu) {
  display: flex;
}
.rb_cot .rb_group .pf_button {
  margin-left: -12px;
}
.rb_element {
  display: flex;
  align-items: center;
}
.rb_element.disabled {
  opacity: 1;
}
.rb_element.disabled input + svg {
  opacity: 0.1;
}
.rb_element.disabled input:checked + svg {
  opacity: 1;
}
.rb_element input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: none;
}
.rb_element input.radio_input::before {
  background-image: url(/assets/rb-4b07b17b.svg);
}
.rb_element input.radio_input:checked::before {
  background-image: url(/assets/rbc-156437c4.svg);
}
.rb_element input:not(:checked) + svg .rbc {
  transition: fill, 0.15s;
  fill: #ffffff;
}
.rb_element input:not(:checked) + svg > :first-child {
  stroke: #494f4f;
}
.rb_element.pr_dis {
  background: rgba(35, 167, 222, 0.5);
  pointer-events: none;
}
.rb_element.pr_dis label {
  color: rgba(0, 0, 0, 0.5);
}
.rb_element.pr_dis svg {
  opacity: 0.4;
}
.rb_element label {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
  padding-left: 24px;
  margin: 2px 0px 2px -24px;
}
.calc_settings_btn {
  cursor: pointer;
}
.calc_settings_form {
  position: fixed;
  width: 285px;
  z-index: 5000;
  background: #ffffff;
  /* Greys/Grey 6 */
  border: 1px solid #afbabb;
  /* Dialog Shadow New */
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.501961);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 16px 0px;
  gap: 6px;
}
.calc_settings_form .clac_settings_elem {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px 16px;
  width: 100%;
}
.calc_settings_form .clac_settings_elem .elem_settings_title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #000000;
}
.gb_calculator {
  width: auto;
  height: auto;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.501961));
  border-radius: 4px;
}
.gb_calculator .modal-dialog {
  height: 100%;
}
.gb_calculator .modal-dialog .modal-content {
  height: 100%;
}
.gb_calculator .modal-dialog .modal-content .modal-body .main_settings {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 16px;
  isolation: isolate;
  width: 100%;
}
.gb_calculator .modal-dialog .modal-content .modal-body .main_settings .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  font-style: normal;
  color: #000000;
  height: 24px;
}
.gb_calculator .modal-dialog .modal-content .modal-body .calculator_body {
  padding: 0 16px;
}
.gb_calculator .modal-dialog .modal-content .modal-body .calculator_body .calc_control {
  background: #e9ebeb;
  margin-bottom: 2px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 9.5px 0px;
  gap: 24px;
}
.gb_calculator .modal-dialog .modal-content .modal-body .calculator_body .calc_area {
  padding: 16px 0;
  background: #e9ebeb;
}
.gb_calculator .modal-dialog .modal-content .modal-body .calculator_body .calc_area .calc_inputs {
  position: absolute;
  bottom: 374px;
  left: 16px;
}
.efl_calculator {
  width: auto;
  height: auto;
  display: block;
  filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.501961));
  min-height: 400px;
}
.efl_calculator .modal-dialog {
  height: 100%;
}
.efl_calculator .modal-dialog .modal-content {
  height: 100%;
}
.efl_calculator .modal-dialog .modal-content .modal-body {
  max-height: calc(100vh - 200px);
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 16px;
  isolation: isolate;
  height: 132px;
  width: 100%;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings .title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  font-style: normal;
  color: #000000;
  height: 24px;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings input:checked + label {
  font-weight: bold;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings .pf_button.pf_small {
  margin-left: 4.14px;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings .pf_overlay {
  background-color: rgba(35, 167, 222, 0.5);
  width: 247px;
  height: 24px;
  position: absolute;
  left: 130px;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings .custom-radio {
  padding-right: 8px;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings .custom-radio.pf {
  background-color: rgba(35, 167, 222, 0.5);
  pointer-events: none;
}
.efl_calculator .modal-dialog .modal-content .modal-body .main_settings .custom-radio label svg {
  position: relative;
  left: -8px;
}
.efl_calculator .modal-dialog .modal-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  background: #ffffff;
  max-height: calc(100vh - 200px);
  overflow-y: overlay;
}
.efl_calculator .modal-dialog .calculator_body {
  padding: 8px 16px;
}
.efl_calculator .modal-dialog .calculator_body .calc_state_pic {
  display: none;
}
.efl_calculator .modal-dialog .calculator_body .calc_state_pic.show {
  display: block;
}
.efl_calculator .modal-dialog .footer_3d {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0px 16px;
  width: 100%;
  height: 48px;
  background: #ffffff;
}
c_dropdown {
  position: fixed;
  z-index: 999999999;
}
c_dropdown.vertical {
  transform: rotate(270deg);
  transform-origin: 0px 0px;
}
c_dropdown .c_dropdown_cot {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #afbabb;
  background: white;
  border-radius: 2px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.501961);
}
c_dropdown .c_dropdown_cot input.c_search {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 8px;
  isolation: isolate;
  width: 138px;
  height: 26px;
  /* Greys/White */
  background: #ffffff;
  /* Greys/Grey 6 */
  border: 1px solid #afbabb;
  border-radius: 2px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  outline: 0;
  margin: 6px;
}
c_dropdown .c_dropdown_cot .select_cot_options_container {
  overflow: auto;
}
c_dropdown .c_dropdown_cot input.c_search:focus-visible {
  border-color: #98e1ff;
}
c_dropdown .c_dropdown_cot c_drop_option {
  transition: scale 0.05s;
  padding: 3px 8px;
}
c_dropdown .c_dropdown_cot c_drop_option.po {
  background-color: rgba(35, 167, 222, 0.5);
  pointer-events: none;
}
c_dropdown .c_dropdown_cot c_drop_option:active {
  scale: 0.98;
}
c_dropdown .c_dropdown_cot c_drop_option:hover {
  background-color: #e9e9e9;
  cursor: pointer;
}
c_dropdown .c_dropdown_cot c_drop_option {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
c_dropdown .c_dropdown_cot .pf_button.pf_small {
  width: auto;
  border-radius: 0;
}
div[eq_type] {
  padding-bottom: 8px;
}
div[eq_type]:not(.show) {
  display: none;
}
.dropdown-item.analysis_dd_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.dropdown-item.analysis_dd_item .icon_cot.label-00 {
  fill: #7f8c8d;
}
.dropdown-item.analysis_dd_item .icon_cot.label-01 {
  fill: #3372df;
}
.dropdown-item.analysis_dd_item .icon_cot.label-02 {
  fill: #23a7de;
}
.dropdown-item.analysis_dd_item .icon_cot.label-03 {
  fill: #1da79d;
}
.dropdown-item.analysis_dd_item .icon_cot.label-04 {
  fill: #19cb59;
}
.dropdown-item.analysis_dd_item .icon_cot.label-05 {
  fill: #9fea47;
}
.dropdown-item.analysis_dd_item .icon_cot.label-06 {
  fill: #f9ea07;
}
.dropdown-item.analysis_dd_item .icon_cot.label-07 {
  fill: #f9c221;
}
.dropdown-item.analysis_dd_item .icon_cot.label-08 {
  fill: #f99b21;
}
.dropdown-item.analysis_dd_item .icon_cot.label-09 {
  fill: #fb536a;
}
.dropdown-item.analysis_dd_item .icon_cot.label-10 {
  fill: #c138d0;
}
.dropdown-item.analysis_dd_item .icon_cot.label-11 {
  fill: #8f25df;
}
.dropdown-item.analysis_dd_item .icon_cot.label-12 {
  fill: #4e34c9;
}
.dropdown-item.analysis_dd_item .icon_cot.label-13 {
  fill: #6f61c0;
}
.dropdown-item.analysis_dd_item .icon_cot.label-14 {
  fill: #f97421;
}
.dropdown-item.analysis_dd_item .icon_cot.label-15 {
  fill: #cef921;
}
.dropdown-item.analysis_dd_item span {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #2e3333;
}
#part-img[src="./images/loading.gif"] {
  pointer-events: none;
}
analysis-results-item .labels-container:not(.not-hoverable) .analysis-label-name,
.analysis-accordion .labels-container:not(.not-hoverable) .analysis-label-name {
  max-width: 210px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
analysis-results-item .labels-container:not(.not-hoverable) .analysis-label-name:hover,
.analysis-accordion .labels-container:not(.not-hoverable) .analysis-label-name:hover {
  white-space: break-spaces;
  word-break: break-word;
}
analysis-results-item .labels-container .analysis-label,
.analysis-accordion .labels-container .analysis-label {
  fill: white;
  display: flex;
  gap: 4px;
}
analysis-results-item .labels-container .analysis-label .analysis-label-name,
.analysis-accordion .labels-container .analysis-label .analysis-label-name {
  max-width: 150px;
}
analysis-results-item .labels-container .analysis-label .svg_icon_class,
.analysis-accordion .labels-container .analysis-label .svg_icon_class {
  display: flex;
  padding: 3px;
  align-items: center;
}
analysis-results-item .labels-container .analysis-label.label-00 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-00 .an_icon_inside {
  fill: #7f8c8d;
}
analysis-results-item .labels-container .analysis-label.label-01 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-01 .an_icon_inside {
  fill: #3372df;
}
analysis-results-item .labels-container .analysis-label.label-02 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-02 .an_icon_inside {
  fill: #23a7de;
}
analysis-results-item .labels-container .analysis-label.label-03 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-03 .an_icon_inside {
  fill: #1da79d;
}
analysis-results-item .labels-container .analysis-label.label-04 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-04 .an_icon_inside {
  fill: #19cb59;
}
analysis-results-item .labels-container .analysis-label.label-08 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-08 .an_icon_inside {
  fill: #f99b21;
}
analysis-results-item .labels-container .analysis-label.label-09 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-09 .an_icon_inside {
  fill: #fb536a;
}
analysis-results-item .labels-container .analysis-label.label-10 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-10 .an_icon_inside {
  fill: #c138d0;
}
analysis-results-item .labels-container .analysis-label.label-11 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-11 .an_icon_inside {
  fill: #8f25df;
}
analysis-results-item .labels-container .analysis-label.label-12 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-12 .an_icon_inside {
  fill: #4e34c9;
}
analysis-results-item .labels-container .analysis-label.label-13 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-13 .an_icon_inside {
  fill: #6f61c0;
}
analysis-results-item .labels-container .analysis-label.label-14 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-14 .an_icon_inside {
  fill: #f97421;
}
analysis-results-item .labels-container .analysis-label.label-15 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-15 .an_icon_inside {
  fill: #cef921;
}
analysis-results-item .labels-container .analysis-label.label-05 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-05 .an_icon_inside {
  fill: #9fea47;
  color: #2e3333;
}
analysis-results-item .labels-container .analysis-label.label-06 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-06 .an_icon_inside {
  fill: #f9ea07;
  color: #2e3333;
}
analysis-results-item .labels-container .analysis-label.label-07 .an_icon_inside,
.analysis-accordion .labels-container .analysis-label.label-07 .an_icon_inside {
  fill: #f9c221;
  color: #2e3333;
}
.an_message_cot {
  padding: 5px 40px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.an_message_cot .an_message_cot_text {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #d62a2a;
}
.pi_aoe.input_cot {
  flex: 1;
}
.flex_100 {
  flex: 0 0 100% !important;
}
.gb_form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding-top: 8px;
}
.gb_form .gb_form_section {
  width: 100%;
}
.gb_form .gb_form_section .gb_title {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #6d7070;
  padding-top: 4px;
}
.gb_form .gb_form_section .gb_params {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.gb_form .gb_form_section .gb_params > div {
  flex: 0 0 50%;
}
.gb_form .gb_form_section .gb_params .gb_form_btn {
  display: flex;
  width: 100%;
  align-items: end;
}
.gb_form .gb_form_section .gb_params .gb_form_btn > button {
  width: 100%;
}
.gb_form .gb_form_section .gb_params .input_cot {
  flex: 0 0 calc(50% - 4px);
}
.gb_form .gb_divider {
  border-top: 1px solid #c9d2d2;
  width: 100%;
}
.c_an_table {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
}
.c_an_table .c_table_header_row {
  display: flex;
  align-items: flex-start;
  background-color: #f5f5f5;
  border: 1px solid var(--cs-primary-dark-grey-primary-700, #6d7070);
  min-width: 100%;
}
.c_an_table .c_table_header_row .c_table_header_row_item {
  display: flex;
  padding: 0px 8px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 40px;
}
.c_an_table .c_table_header_row .c_table_header_row_item:not(:last-child) {
  border-right: 1px solid var(--cs-primary-dark-grey-primary-700, #6d7070);
}
.c_an_table .c_table_header_row .c_table_header_row_item .c_table_text_item {
  overflow: hidden;
  color: var(--greys-grey-1, #2e3333);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.c_an_table .c_table_body {
  min-width: 100%;
}
.c_an_table .c_table_body .c_table_body_row {
  display: flex;
  align-items: flex-start;
  border: 1px solid var(--cs-primary-dark-grey-primary-700, #6d7070);
  border-top: none;
}
.c_an_table .c_table_body .c_table_body_row:hover {
  background-color: #e5f4fb;
}
.c_an_table .c_table_body .c_table_body_row .c_table_body_row_item {
  display: flex;
  padding: 0px 6px;
  justify-content: center;
  align-items: center;
  width: 250px;
  height: 30px;
}
.c_an_table .c_table_body .c_table_body_row .c_table_body_row_item:not(:last-child) {
  border-right: 1px solid var(--cs-primary-dark-grey-primary-700, #6d7070);
}
.c_an_table .c_table_body .c_table_body_row .c_table_body_row_item .c_table_text_item {
  overflow: hidden;
  color: var(--greys-grey-1, #2e3333);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.gaussian_beam_table {
  width: auto;
  min-width: 650px;
  max-width: calc(100vw - 48px);
  height: auto;
  resize: horizontal;
  display: flex;
  flex-direction: column;
}
.gaussian_beam_table .gaussian_table_control {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.gaussian_beam_table .gaussian_table_control .gaussian_table_control_left {
  display: flex;
  gap: 48px;
}
.gaussian_beam_table .gaussian_table_control .gaussian_table_control_left .gaussian_table_control_name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.gaussian_beam_table .gaussian_table_control .gaussian_table_control_left .gaussian_table_control_name .gaussian_table_control_name_title {
  color: var(--cs-primary-dark-grey-primary-700, #6d7070);
  font-size: 14px;
  text-transform: uppercase;
}
.gaussian_beam_table .gaussian_table_control .gaussian_table_control_left .gaussian_table_control_name .gaussian_table_control_name_label {
  display: inline-flex;
  gap: 1px;
  color: var(--greys-grey-1, #2e3333);
  font-size: 16px;
}
.gaussian_beam_table .gaussian_table {
  overflow-x: scroll;
  margin-right: 16px;
}
.gaussian_beam_table .modal-dialog {
  margin: 0;
  max-width: none;
}
input.analysis-form-control.form-control:disabled {
  color: transparent;
  user-select: none;
  pointer-events: none;
}
.wavelenght_cot .btn {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0px 10px;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  min-width: 0 !important;
  margin: 0 !important;
  height: 30px;
}
.wavelenght_cot .btn.btn-link {
  color: var(--Primary---700, #6d7070);
}
.wavelenght_cot .btn.btn-link:hover, .wavelenght_cot .btn.btn-link:active {
  border-radius: 4px;
  border: 1px solid var(--Primary---700, #6d7070);
}
.wavelenght_cot .btn.btn-link:active {
  box-shadow: 0 0 0 3px #DADCDC;
}
.wavelenght_cot .btn.btn-link:focus:not(:active) {
  box-shadow: none;
  border: 1px solid transparent;
}
.wavelenght_cot .btn.btn-primary {
  color: var(--White, #fff);
}
.wavelenght_cot .btn.btn-primary:hover, .wavelenght_cot .btn.btn-primary:active {
  border-radius: 4px;
  background: var(--Secondary---300, #65c1e8);
}
.wavelenght_cot .btn.btn-primary:active {
  box-shadow: 0 0 0 3px #BDE5F5;
}
.wavelenght_cot .btn.btn-primary:focus:not(:active) {
  box-shadow: none;
}
.wavelenght_cot .btn.btn-outline-secondary {
  color: var(--Primary---700, #6d7070);
  border: 1px solid var(--Primary---700, #6d7070);
}
.wavelenght_cot .btn.btn-outline-secondary:hover {
  background: var(--Primary--100, #f5f5f5);
}
.wavelenght_cot .btn.btn-outline-secondary:active {
  color: var(--Primary---700, #6d7070) !important;
  border: 1px solid var(--Primary---700, #6d7070);
  background: var(--Primary---200, #e9ebeb) !important;
  box-shadow: 0px 0px 0px 3px #e9ebeb;
}
.wavelenght_cot .btn.btn-outline-secondary:focus:not(:active) {
  box-shadow: none;
  background: none;
}
.wavelenght_cot[editable=false] .wl_edit_chart,
.wavelenght_cot[editable=false] .wl_footer {
  display: none !important;
}
.wavelenght_cot .modal-body {
  height: calc(100% - 95px);
}
.wavelenght_cot .wl_fotter_buttons {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
}
.wavelenght_cot .wl_table {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.wavelenght_cot .wl_edit_form {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}
.wavelenght_cot .wl_edit_form .wl_graph_chart {
  width: 500px;
  height: 500px;
}
.wavelenght_cot .wl_edit_form .wl_edit_chart {
  width: 450px;
}
.wavelenght_cot .wl_edit_chart {
  display: flex;
  padding: 15px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.wavelenght_cot .wl_edit_chart .wl_select {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
  width: 100%;
  padding: 0 20px;
}
.wavelenght_cot .wl_edit_chart .wl_select label {
  margin: 0 !important;
}
.wavelenght_cot .wl_edit_chart .wl_select button {
  height: 30px;
}
.wavelenght_cot .wl_edit_chart .wl_distribution_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.wavelenght_cot .wl_edit_chart .wl_distribution_data .wl_buttons {
  display: flex;
  gap: 16px;
  padding: 11px 20px 0 20px;
}
.wavelenght_cot .wl_edit_chart .wl_distribution_data .wl_dist_data {
  display: flex;
  padding: 0px 20px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  flex: 1;
}
.wavelenght_cot .wl_edit_chart .wl_distribution_data .wl_dist_data .wl_dist_data_inputs {
  width: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.wavelenght_cot .wl_edit_chart .wl_distribution_data .wl_dist_data .wl_dist_data_inputs label {
  overflow: hidden;
  color: var(--Primary---900, #2e3333);
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Reg 16 */
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wavelenght_cot .wl_edit_chart .wl_table {
  display: flex;
  padding-top: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header {
  display: flex;
  padding: 0px 20px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header .wl_table_header_div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header .wl_table_header_div .wl_table_header_label {
  display: flex;
  width: 176px;
  flex-direction: column;
  justify-content: center;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header .wl_table_header_div .wl_table_header_label::before {
  content: "Wavelengths list";
  overflow: hidden;
  color: var(--Primary---900, #2e3333);
  text-overflow: ellipsis;
  /* Reg 16 */
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header .wl_table_header_div .wl_table_header_titles {
  display: flex;
  height: 30px;
  padding: 0px 4px;
  gap: 16px;
  align-items: center;
  align-self: stretch;
  background: var(--Primary---300, #dadcdc);
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header .wl_table_header_div .wl_table_header_titles .wl_table_header_title_cot {
  display: flex;
  align-items: center;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_header .wl_table_header_div .wl_table_header_titles .wl_table_header_title_cot .wl_table_header_title {
  color: var(--Primary---900, #2e3333);
  text-align: center;
  /* Reg 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_values {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_values .wl_input {
  flex: 1;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  padding: 0px 24px;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wavelenght_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0;
  direction: rtl;
  overflow: scroll;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wavelenght_list .single_wl_item {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0px 0px 0px 10px;
  direction: ltr;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wavelenght_list .single_wl_item .wl_close {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 0.833px;
  justify-content: center;
  align-items: center;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wavelenght_list .single_wl_item .wl_close:hover svg {
  filter: brightness(0.85);
  cursor: pointer;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wl_table_footer {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wl_table_footer .wl_table_footer_button_cot {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wl_table_footer .wl_table_footer_button_cot .wl_btn {
  display: flex;
  height: 30px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 4px;
  border: 1px solid var(--blues-blue-5, #48bae9);
}
.wavelenght_cot .wl_edit_chart .wl_table .wl_table_body .wl_table_footer .wl_table_footer_button_cot .wl_btn::before {
  content: "Add wavelength";
  color: var(--blue-1, #23a7de);
  text-align: center;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.btn-outline-secondary {
  color: var(--Primary---700, #6d7070);
  text-align: center;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  height: 30px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid var(--Primary---700, #6d7070);
}
.clickable_btn {
  cursor: pointer;
}
.clickable_btn:hover {
  filter: brightness(0.85);
}
.name_form_main {
  width: 800px;
}
.name_form_main .name_form_body {
  display: flex;
  padding: 24px 28px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.name_form_main .name_form_body .name_form_input_cot {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.name_form_main .name_form_body .name_form_input_cot .name_form_input_label {
  display: flex;
  height: 20px;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--Primary---900, #2e3333);
  text-overflow: ellipsis;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.name_form_main .name_form_body .name_form_input_cot .name_form_input_text {
  display: flex;
  height: 30px;
  padding-left: 8px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--old-greys-grey-3, #959e9e);
}
.name_form_main .name_form_footer {
  display: flex;
  height: 48px;
  padding: 4px 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.popup_text_cot {
  display: flex;
  padding: 8px 16px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
}
.popup_text_cot .popup_text_div {
  color: #000;
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.modal-footer {
  gap: 8px;
}
.parser_form_cot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.parser_form_cot .parser_form_item {
  display: flex;
  padding: 24px 28px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
}
.parser_form_cot .parser_form_item .parser_form_item_cot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.parser_form_cot .parser_form_item .parser_form_item_cot .parser_form_item_title {
  overflow: hidden;
  color: var(--Primary---900, #2e3333);
  text-overflow: ellipsis;
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.close_btn {
  cursor: pointer;
}
.close_btn:hover {
  filter: brightness(0.85);
}
.reference_cs_btn_container {
  width: 100%;
}
.reference_cs_btn_container button {
  width: 100%;
}
.reference_cs_btn_container button::before {
  content: "Press to pick reference CS";
}
.reference_cs_btn_container button:hover {
  background-color: rgba(229, 244, 251, 0.1529411765);
  border: 2px dashed #23a7de;
  padding: 5px 12px 5px 12px;
  color: #23a7de;
}
.reference_cs_btn_container button:hover::before {
  content: "Press to pick reference CS";
}
.reference_cs_btn_container button:active {
  background-color: rgb(101, 193, 232);
  border: 2px dashed #ffffff !important;
  padding: 5px 12px 5px 12px;
  color: #ffffff;
}
.reference_cs_btn_container button:active::before {
  content: "Pick reference CS";
}
.active_ref_button {
  background-color: #23a7de !important;
  border: 2px dashed #ffffff !important;
  padding: 5px 12px 5px 12px;
  color: #ffffff !important;
}
.active_ref_button::before {
  content: "Pick reference CS" !important;
}
.active_ref_button:hover {
  background-color: rgb(106, 203, 243) !important;
}
.ref_cs_container {
  border: 1px solid #babdbd;
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  padding: 5px 10px 5px 10px;
  justify-content: space-between;
  flex: 1 0 0;
  align-self: stretch;
}
.ref_cs_title {
  font-weight: bold;
  font-size: 14px;
}
.ref_cs_part_title {
  color: rgb(109, 112, 112);
  font-size: 14px;
}
.floating_context_menu {
  position: fixed;
  display: flex;
  width: auto;
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
  z-index: 9999999999;
  border-radius: 4px;
  background: var(--White, #FFF);
  /* Dialog Shadow New */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.floating_context_menu__item {
  display: flex;
  height: 30px;
  padding: 0px 8px;
  align-items: center;
  align-self: stretch;
}
.floating_context_menu__item:hover {
  background: var(--Primary---200, #E9EBEB);
}
.floating_context_menu__item__text {
  display: flex;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  color: var(--Primary---900, #2E3333);
  /* Reg 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.measurement {
  height: auto;
  overflow: hidden;
}
.measurement .custom-select {
  box-shadow: unset;
  border: 1px solid #979999;
  border-radius: 2px;
}
.measurement .btns_block {
  display: flex;
  justify-content: end;
  gap: 25px;
  padding: 7px 20px;
  background-color: white;
}
.measurement .btns_block .menu_btn_block {
  cursor: pointer;
}
.measurement .btns_block .menu_btn_block img {
  width: 12px;
  height: 12px;
  display: none;
}
.measurement .btns_block .menu_btn_block img:first-child {
  display: block;
}
.measurement .btns_block .menu_btn_block:hover img:first-child {
  display: none;
}
.measurement .btns_block .menu_btn_block:hover img:nth-child(2) {
  display: block;
}
.measurement .btns_block .menu_btn_block.opened img:first-child {
  display: none;
}
.measurement .btns_block .menu_btn_block.opened img:last-child {
  display: block;
}
.measurement .btns_block .menu_btn_block.opened img:nth-child(2) {
  display: none;
}
.measurement .btns_block .menu_btn_block.opened:hover img:last-child {
  filter: brightness(115%);
}
.measurement .btns_block .reset_btn_block {
  cursor: pointer;
}
.measurement .btns_block .reset_btn_block img {
  width: 12px;
  height: 12px;
  display: none;
}
.measurement .btns_block .reset_btn_block img:first-child {
  display: block;
}
.measurement .btns_block .reset_btn_block:hover img:first-child {
  display: none;
}
.measurement .btns_block .reset_btn_block:hover img:last-child {
  display: none;
}
.measurement .btns_block .reset_btn_block:hover img:nth-child(2) {
  display: block;
}
.measurement .btns_block .reset_btn_block:active img:first-child {
  display: none;
}
.measurement .btns_block .reset_btn_block:active img:last-child {
  display: block;
}
.measurement .btns_block .reset_btn_block:active img:nth-child(2) {
  display: none;
}
.measurement .options {
  display: none;
  font-size: 14px;
  padding: 8px 16px 0px 14px;
  margin-bottom: 0;
  flex-direction: column;
  border-top: 1px solid #dee2e6;
}
.measurement .options div {
  height: 32px;
}
.measurement .options.opened {
  display: flex;
  background-color: #F5F5F5;
}
.measurement .modal-header {
  padding: 6.5px 8px;
  border-bottom: none;
  font-size: 14px;
}
.measurement .modal-header div:first-child {
  margin-right: 5px;
}
.measurement .modal-header img {
  margin-right: auto;
  width: 22px;
}
.measurement .modal-header #close_btn {
  margin-right: -5px !important;
}
.measurement .div {
  margin: 0;
  padding: 0;
  align-items: center;
}
.measurement select {
  border-radius: 4px;
  width: 70px;
  height: 24px;
  font-size: 15px;
  padding: 0px 4px;
  margin-bottom: 4px;
  border-color: #BABDBD;
}
.measurement select option {
  font-size: 15px;
}
.measurement select:hover {
  box-shadow: 0px 0px 0px 2px rgba(80, 80, 200, 0.2);
  opacity: 1;
}
.measurement #empty-list {
  bottom: 0%;
  background-color: #FFF72C;
  font-size: 16px;
  padding: 4px 4px;
  padding-left: 9px;
  font-size: 14px;
  z-index: 888;
  height: 29px;
  width: 100%;
  color: #2E3333;
}
.measurement ul {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #dee2e6;
  font-size: 14px;
  width: 100%;
}
.measurement ul .measurement-item:last-child {
  margin-bottom: 8px;
}
.measurement ul .measurement-item:hover {
  background-color: #BDE5F5;
}
.measurement ul .measurement-item .extra-block {
  display: none;
  background-color: #6D7070;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15) inset;
  flex-direction: column;
}
.measurement ul .measurement-item .extra-block .icon-close {
  margin-left: auto;
  padding: 0px 18px;
  cursor: pointer;
  filter: brightness(80%);
}
.measurement ul .measurement-item .extra-block .icon-close:hover {
  filter: brightness(100%);
}
.measurement ul .measurement-item .extra-block div {
  display: flex;
  height: 24px;
  gap: 5px;
  font-size: 11px;
  font-weight: 400;
  color: white;
  align-items: center;
}
.measurement ul .measurement-item .extra-block div img {
  margin-left: 10px;
}
.measurement ul .measurement-item .extra-block div:hover {
  background-color: #848787;
}
.measurement ul .measurement-item .measurement-info {
  font-size: 14px;
  margin: 0px 5px;
  padding: 3px 0px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.measurement ul .measurement-item .measurement-info img:first-child {
  filter: unset;
  margin-left: 1px;
}
.measurement ul .measurement-item .measurement-info img:last-child {
  margin-left: auto;
  padding-right: 12px;
  filter: invert(1%);
}
.measurement ul .measurement-item .measurement-info img {
  filter: invert(1);
  margin: 0px -4px 0px 2px;
}
.measurement ul .measurement-item .measurement-info .points-block {
  display: flex;
  gap: 3px;
  width: 80px;
}
.measurement ul .measurement-item .measurement-info .points-block .measure-label_edge {
  font-size: 14px !important;
  padding: 0px 5px;
  line-height: unset;
}
.notification-center-container {
  min-height: 200px;
  position: absolute;
  z-index: 1000000000;
  background: #f5f8fd;
  width: 350px;
  top: 53px;
  border-radius: 10px;
  right: 6px;
  box-shadow: 0 12px 28px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  overflow-y: hidden;
}
.notification-center .notification-header {
  font-size: 13px;
  color: #707070;
  padding: 0.5rem !important;
}
.notification-center .notification-type-box {
  width: 17px;
  height: 17px;
  background: lightseagreen;
  border-radius: 5px;
  margin-right: 0.5rem;
}
.notification-center .delete-notification {
  color: #5d6570;
  cursor: pointer;
}
.notification-center-element {
  transition-property: opacity;
  opacity: 1;
  margin: 7px;
  background: white;
  min-width: 300px;
  min-height: 60px;
  box-shadow: 0 0 4px 1px rgba(200, 200, 200, 0.3);
  border-radius: 5px;
}
.notification-center-element.hide {
  opacity: 0;
}
.notification-center .notification-content {
  max-width: 332px;
}
.notification-center .notification-time {
  text-align: end;
  font-size: 12px;
  color: #707070;
}
.bell_circle {
  display: none;
  background-color: red;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: calc(100% - 20px);
  top: 9px;
}
.notification-bell.active_bell .bell_circle {
  display: block;
}
.notification_cot {
  overflow-y: auto;
  max-height: calc(100vh - 141px);
}
.add_axis {
  height: inherit;
  font-family: "Open Sans";
  border: none;
  font-size: 14px;
}
.add_axis .modal-header {
  height: 40px;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 8px;
  border: none;
}
.add_axis .modal-header div {
  display: flex;
  align-items: center;
}
.add_axis .modal-header div h5 {
  margin-right: 10px;
}
.add_axis .modal-header div img {
  filter: brightness(150%);
  padding-bottom: 2px;
  margin-left: -4px;
}
.add_axis .modal-header div img:hover {
  filter: brightness(100%);
  transition: 0.2 transform linear;
}
.add_axis .modal-header div img.active {
  -webkit-filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
  filter: invert(39%) sepia(100%) saturate(4328%) hue-rotate(201deg) brightness(103%) contrast(105%);
}
.add_axis .modal-header #close_btn {
  color: #979999;
  opacity: 1;
}
.add_axis .modal-header #close_btn:hover {
  filter: brightness(90%);
}
.add_axis .modal-header .modal-title {
  margin-top: 9px;
  margin-bottom: 9px;
  font-weight: 400;
  line-height: 21.79px;
  font-size: 16px;
}
.add_axis .modal-body {
  margin: 5px;
  margin-top: 7px;
  margin-right: 8px;
  margin-left: 8px;
  padding: 0;
}
.add_axis .modal-body .direction_choose {
  margin-top: 5px;
  display: flex;
  justify-content: center;
  font-size: 15px;
  border: 1px solid #c9d2d2;
}
.add_axis .modal-body .direction_choose div {
  width: 100%;
  border-bottom: 1px solid #babdbd;
  justify-content: center;
  display: flex;
}
.add_axis .modal-body .direction_choose div:hover:not(.active) {
  color: black;
}
.add_axis .modal-body .direction_choose div:last-child {
  border: none;
}
.add_axis .modal-body .direction_choose .active {
  background-color: #65c1e8;
  color: white;
  font-weight: 700;
}
.add_axis .modal-body .axis_block {
  line-height: 19px;
  display: flex;
  height: 36px;
  margin-bottom: 2px;
}
.add_axis .modal-body .axis_block .block_input {
  width: 218px;
  height: 36px;
}
.add_axis .modal-body .axis_block .block_input input {
  padding-left: 5px;
  margin-right: -10px;
}
.add_axis .modal-body .axis_block .block_title {
  font-weight: bold;
  display: flex;
  width: 104px;
  display: flex;
  align-items: center;
}
.add_axis .modal-body .axis_block .block_title input {
  width: 18px;
  margin-left: 0px;
  margin-right: 6px;
}
.add_axis .modal-body .axis_block .block_title label {
  font-weight: 400;
  margin: 0;
}
.add_axis .modal-body .axis_block .input_btn_group {
  display: flex;
  align-items: center;
  padding-right: 15px;
  gap: 6px;
}
.add_axis .modal-body .axis_block .input_btn_group img:last-child {
  filter: brightness(150%);
}
.add_axis .modal-body .axis_block .input_btn_group img:last-child:hover {
  filter: brightness(100%);
  transition: 0.3 transform linear;
}
.add_axis .modal-body #axis_direction_block .block_title {
  margin-top: 0px;
  margin-bottom: 4px;
}
.add_axis .modal-body .name_block {
  width: 100%;
  padding-top: 32px;
}
.add_axis .modal-body .name_block input {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 4px;
  width: 100%;
  border-radius: 2px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  align-items: center;
  color: #979999;
  padding: 8.5px 8px;
  border: 1px solid #979999;
  outline: 0;
}
.add_axis .modal-body .checkbox_block {
  padding-top: 8px;
}
.add_axis .modal-footer {
  border: none;
  display: flex;
  justify-content: space-between;
  padding: 2px 8px;
}
.add_axis .modal-footer img {
  filter: brightness(250%);
  width: 30px;
  height: 30px;
}
.add_axis .modal-footer img:hover {
  filter: brightness(100%);
  transition: 0.3 transform linear;
}
.add_axis .modal-footer button {
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 7px;
}
.add_axis .custom_btn {
  padding: 6px 30px;
  background-color: #23a7de;
  font-size: 14px;
  line-height: 1.2;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  color: white;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.add_axis .custom_btn:hover {
  filter: brightness(115%);
  transition: 0.3 filter linear;
}
.add_axis .unactive {
  opacity: 0.25;
  pointer-events: none;
}
.add_axis .unactive + label {
  opacity: 0.25;
  pointer-events: none;
}
button.live-mode {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: -0.5px;
  background-color: #000;
  color: #fff;
  border-radius: 5px;
  height: 1.4rem;
  font-weight: 400;
  border: none;
  padding: 0px 5px;
}
button.live-mode.active {
  background-color: #23a7de;
}
button.live-mode:hover {
  color: white;
}
.icons-header button.btn-icon-svg > :first-child {
  display: block;
}
.icons-header button.btn-icon-svg > :last-child {
  display: none;
}
.icons-header button.btn-icon-svg.active > :first-child {
  display: none !important;
}
.icons-header button.btn-icon-svg.active > :last-child {
  display: block !important;
}
.ext-analysis {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ext-analysis div[display_type="Spectral View"] a.dropdown-item.view-type {
  display: none !important;
}
.ext-analysis__header {
  padding: 0.5rem 0.5rem 1.5rem 0.5rem;
  width: 100%;
}
.ext-analysis__content {
  height: calc(100% - 100px - 50px - 19%);
  flex: 1;
}
.ext-analysis__content__top {
  width: 100%;
  height: 90%;
  display: flex;
  gap: 4px;
}
.ext-analysis__content__top__left {
  width: 7%;
}
.ext-analysis__content__top__middle {
  width: 74%;
  height: 100%;
}
.ext-analysis__content__top__middle .l-table {
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ext-analysis__content__top__middle .l-table .l-tbody {
  display: flex;
  flex-direction: column;
}
.ext-analysis__content__top__middle .l-table .l-tbody .l-row {
  display: flex;
  justify-content: space-between;
}
.ext-analysis__content__top__middle .l-table .l-tbody .l-row .l-talbe-content {
  width: 150px;
  height: 150px;
}
.ext-analysis__content__top__middle .l-table .l-tbody .l-row .l-x-ticks {
  min-height: 35px;
  width: 150px;
}
.ext-analysis__content__top__middle .l-table .l-tbody .l-row .l-y-ticks {
  min-width: 35px;
}
.ext-analysis__content__top__middle table {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.ext-analysis__content__top__middle table .display-content {
  width: 100%;
  height: 100%;
}
.ext-analysis__content__top__middle table .x-ticks {
  display: block;
  height: 35px;
  min-height: 35px;
  width: 100%;
}
.ext-analysis__content__top__middle table .empty {
  border: none !important;
  background-color: transparent !important;
}
.ext-analysis__content__top__middle table .y-ticks {
  height: 100%;
  width: 45px;
  min-width: 45px;
}
.ext-analysis__content__top__right {
  width: 19%;
}
.ext-analysis__content__bottom {
  width: 100%;
  height: 10%;
}
.ext-analysis__mid-footer {
  padding: 0px 10px;
  display: flex;
  align-items: center;
  height: 32px;
  width: 100%;
}
.ext-analysis__mid-footer .polarization_rb {
  gap: 8px;
  display: flex;
  font-weight: 700;
  align-items: center;
}
.ext-analysis__footer {
  height: 100px;
  padding: 0.25rem;
  font-size: 13px;
  border-top: 1px solid rgb(201, 210, 210);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ext-analysis__footer div[view_type=log-10] .log-10 {
  font-weight: 600;
  color: #23a7de;
}
.ext-analysis__footer div[view_type=linear] .linear {
  font-weight: 600;
  color: #23a7de;
}
.ext-analysis__footer div[view_type=normalized] .normalized {
  font-weight: 600;
  color: #23a7de;
}
.ext-analysis__footer .analysis-dd-item:hover i {
  color: #23a7de;
}
.ext-analysis__footer .analysis-form-control.pixel {
  height: 30px;
  width: 50px;
  font-size: 13px;
  text-align: center;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.ext-analysis__footer span {
  font-weight: 600;
}
.aperture-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 0px;
  gap: 16px;
  width: 750px;
  height: 460px;
  flex: none;
  order: 3;
  flex-grow: 0;
}
.aperture-section .images-preview {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px 60px;
  gap: 51px;
  width: 750px;
  height: 358px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.aperture-section .images-preview .single-image-preview {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  width: 290px;
  height: 335px;
  border: 1px solid #babdbd;
  border-radius: 4px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.aperture-section .images-preview .single-image-preview .preview-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  height: 11px;
  font-weight: 700;
  color: #2e3333;
}
.aperture-section .images-preview .single-image-preview .preview-image {
  box-sizing: border-box;
  width: 250px;
  height: 250px;
  background: #ffffff;
  border: 1px solid #babdbd;
  flex: none;
  order: 1;
  flex-grow: 0;
  background-image: linear-gradient(45deg, #bde5f5 45.83%, #65c1e8 45.83%, #65c1e8 50%, #bde5f5 50%, #bde5f5 95.83%, #65c1e8 95.83%, #65c1e8 100%);
  background-size: 16.97px 16.97px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.aperture-section .images-preview .single-image-preview .preview-image .image-preview[orientation=portrait] {
  height: 100%;
}
.aperture-section .images-preview .single-image-preview .preview-image .image-preview[orientation=landscape] {
  width: 100%;
}
.aperture-section .images-preview .single-image-preview .preview-image .empty-image-place-holder {
  width: 100%;
  height: 100%;
}
.aperture-section .images-preview .single-image-preview .preview-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  width: 250px;
  height: 57px;
  flex: none;
  order: 2;
  flex-grow: 0;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-title {
  width: 250px;
  height: 21px;
  font-size: 15px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  border: 1px solid #23a7de;
  border-radius: 4px;
  color: #23a7de;
  font-weight: 700;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload rect {
  background-color: rgba(0, 0, 0, 0);
  stroke: #23a7de;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload path,
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload circle {
  background-color: rgba(0, 0, 0, 0);
  stroke: #23a7de;
  fill: #23a7de;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload:hover {
  border-radius: 4px;
  color: white;
  background-color: #23a7de;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload:hover path,
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload:hover circle {
  stroke: white;
  fill: white;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-upload:hover rect {
  stroke: white;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-image {
  display: flex;
  gap: 16px;
  width: 100%;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-image__button {
  cursor: pointer;
  display: flex;
  height: 30px;
  gap: 16px;
  width: 100%;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-image__button > :first-child {
  width: 100%;
  display: flex;
  padding: 5px 8.5px 5px 11.5px;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid var(--primary-400, #babdbd);
  background: var(--white, #fff);
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-image__button > :first-child span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 200px;
}
.aperture-section .images-preview .single-image-preview .preview-footer .footer-btn-image__button > :first-child svg {
  width: 20px;
  height: 20px;
}
.aperture-section .geometrical-props {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 20px;
  gap: 4px;
  width: 750px;
  height: 54px;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.aperture-section .geometrical-props .aperture-size-title {
  width: 249px;
  height: 20px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #2e3333;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.upload_aperture_image {
  border: 1px solid var(--cs-on-colors-on-primary-500, #979999);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
}
.upload_aperture_image .modal-dialog {
  max-width: none;
}
.upload_aperture_image .modal-header {
  border-bottom: 1px solid #c9d2d2 !important;
}
.upload_aperture_image .modal-header .modal-close:hover path {
  fill: #000;
  opacity: 0.5;
}
.upload_aperture_image .modal-footer {
  border-top: 1px solid #c9d2d2 !important;
}
.upload_aperture_image__container {
  width: 840px;
}
.upload_aperture_image__input_file {
  background: var(--cs-on-colors-on-neutral-0, #fff);
  display: flex;
  padding: 24px 24px 8px 24px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.upload_aperture_image__input_file > :first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
.upload_aperture_image__input_file__file_container {
  padding: 0px 24px 8px 60px;
}
.upload_aperture_image__warning {
  display: flex;
  padding: 0px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: var(--cs-red-red-100, #ffccd1);
}
.upload_aperture_image__conditions {
  display: flex;
  padding: 8px 60px;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  background: var(--cs-on-colors-on-neutral-0, #fff);
}
.upload_aperture_image__preset_section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  background: #fff;
}
.upload_aperture_image__preset_section__radio {
  display: flex;
  padding: 24px 28px 8px 24px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: var(--cs-on-colors-on-neutral-0, #fff);
}
.upload_aperture_image__preset_section__images {
  display: flex;
  padding: 0px 24px 0px 60px;
  align-items: flex-start;
  gap: 10px;
  background: var(--cs-on-colors-on-neutral-0, #fff);
}
.upload_aperture_image__preset_section__images__content {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  overflow: scroll;
  width: 765px;
}
.upload_aperture_image__preset_section__images__content::-webkit-scrollbar-thumb {
  background: #afbabb;
}
.upload_aperture_image__preset_section__images__content .single_preset_image img {
  cursor: pointer;
  border: 1px solid var(--cs-on-colors-on-primary-900-grey-1, #2e3333);
  width: 118px;
  height: 118px;
}
.upload_aperture_image__preset_section__images__content:not(.disabled) .single_preset_image.chosen img {
  border: 4px solid #65c1e8;
}
.upload_aperture_image__preset_section__description {
  display: flex;
  padding: 0px 60px;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 16px;
  align-self: stretch;
  background: var(--cs-on-colors-on-neutral-0, #fff);
}
.upload_aperture_image__footer {
  display: flex;
  height: 48px;
  padding: 4px 24px 4px 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: var(--cs-neutral-neutral-0, #fff);
}
.coating-custom-upload .modal-title {
  font-size: 18px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.coating-custom-upload .body .download {
  padding: 24px 28px;
}
.coating-custom-upload .body .download .download-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.coating-custom-upload .body .download .download-inner .template-button {
  align-items: center;
  gap: 4px;
}
.coating-custom-upload .body .download .download-inner .template-button button {
  width: 154px;
}
.coating-custom-upload .body .download .download-inner .template-button img {
  display: none;
  width: 24px;
  height: 24px;
}
.coating-custom-upload .body .download .download-inner .template-button .first.clicked + img.second {
  display: block;
}
.coating-custom-upload .body .upload {
  display: flex;
  padding: 24px 28px;
}
.coating-custom-upload .body .upload .upload-inner {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 16px;
}
.coating-custom-upload .body .errors {
  display: flex;
  padding: 0px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: #ffccd1;
}
.coating-custom-upload .body .errors .message {
  text-align: center;
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-family: Open Sans;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.array_of_elements_cells_editor {
  min-width: 264px;
}
.array_of_elements_cells_editor .modal-body {
  padding: 24px;
  min-height: 264px;
}
.array_of_elements_cells_editor .modal-body .cells-container .cell_element {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.premium-feature-label {
  display: none;
  pointer-events: none;
}
body.basic-license .rocket {
  background-color: #23a7de;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-image: url(/assets/pf_big_icon-f8af3a63.svg);
  background-repeat: no-repeat;
  background-position: 3px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5019607843);
  transition: width 0.3s linear;
}
body.basic-license .premium-feature-section .premium-feature-label {
  display: block;
  pointer-events: all;
  color: white;
  height: 26px;
  font-size: 12px;
  background-image: url(/assets/pf_big_icon-f8af3a63.svg);
  background-repeat: no-repeat;
  padding-left: 25px;
  font-weight: 600;
}
body.basic-license .premium-feature-section .section-content {
  opacity: 0.6;
  pointer-events: none;
}
body.basic-license .premium-feature-toolbar,
body.basic-license .premium-feature-toolbar:focus,
body.basic-license .premium-feature-toolbar:hover {
  border-radius: 0;
  background: rgba(35, 167, 222, 0.5);
  width: 65px;
  display: flex;
  justify-content: start !important;
  pointer-events: none;
  margin-left: 2px;
}
body.basic-license .premium-feature-toolbar img,
body.basic-license .premium-feature-toolbar:focus img,
body.basic-license .premium-feature-toolbar:hover img {
  opacity: 0.5;
}
body.basic-license .premium-feature-toolbar::after,
body.basic-license .premium-feature-toolbar:focus::after,
body.basic-license .premium-feature-toolbar:hover::after {
  content: "";
  pointer-events: auto !important;
  background-color: #23a7de;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border-radius: 50%;
  background-image: url(/assets/pf_big_icon-f8af3a63.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 5px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5019607843);
  transition: width 0.3s linear;
  margin-top: -5px;
  margin-left: 40px;
  position: absolute;
}
body.basic-license .premium-feature > * {
  opacity: 0.5;
}
body.basic-license .premium-feature:not(.no-blue-bg) {
  background: rgba(35, 167, 222, 0.5);
}
body.basic-license .premium-feature.blue-bg > * {
  opacity: 0.4;
  pointer-events: none;
}
body.basic-license .premium-feature::after {
  content: "";
  pointer-events: auto !important;
  background-color: #23a7de;
  width: 30px;
  height: 30px;
  cursor: pointer;
  border-radius: 50%;
  background-image: url(/assets/pf_big_icon-f8af3a63.svg);
  background-repeat: no-repeat;
  background-position: 3px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5019607843);
  transition: width 0.3s linear;
}
body.basic-license .premium-feature.right-middle::after {
  margin-left: 10px;
}
body.basic-license .premium-feature.left-top::after {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
body.basic-license .premium-feature.flex_right-middle {
  position: relative;
}
body.basic-license .premium-feature.flex_right-middle::after {
  position: absolute;
  top: calc(50% - 15px);
  right: 10px;
  display: inline-block;
}
body.basic-license .premium-feature.rb_element {
  background: rgba(35, 167, 222, 0.5);
}
body.basic-license .premium-feature.rb_element label {
  color: rgba(0, 0, 0, 0.5);
}
body.basic-license .premium-feature.rb_element svg {
  opacity: 0.4;
}
[field_type=EDIT] select,
[field_type=EDIT] input {
  opacity: 0.5;
  pointer-events: none;
}
.basic-section[form_type=UPLOAD] [field_type=EDIT] {
  display: none;
}
.surfaces-section {
  max-height: 850px;
  overflow: scroll;
}
.surfaces-section .face-item.chosen button {
  background-color: #48bae9;
  border-color: #48bae9;
  color: white;
}
.coating-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.coating-section .coating-radio {
  display: flex;
  padding: 8px 0;
  align-items: flex-start;
  gap: 24px;
}
.coating-section .coating-radio .rb_element {
  display: flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}
.coating-section .coating-props {
  display: flex;
  padding: 24px 0px;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
.coating-section .coating-props .bottom-props {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.coating-section .coating-props .bottom-props .bottom-props-inner {
  display: flex;
  gap: 24px;
  flex: 1 0 0;
}
.coating-section .coating-props .bottom-props .bottom-props-inner button {
  height: 34px;
}
.coating-section .coating-props .bottom-props .bottom-props-inner .preset {
  gap: 4px;
}
.coating-section .coating-props .bottom-props .bottom-props-inner .upload .custom-file {
  width: 284px;
}
.coating-section .coating-props .bottom-props .bottom-props-inner .upload .custom-file button {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.coating-section .coating-props .bottom-props .bottom-props-inner .upload .custom-file__remove {
  height: 34px;
  display: flex;
  width: 284px;
  padding: 5px 9px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--Primary---400, #babdbd);
  background: var(--White, #fff);
}
.coating-section .coating-props .bottom-props .bottom-props-inner .upload .custom-file__remove strong {
  width: 95px;
}
.coating-section .coating-props .bottom-props .bottom-props-inner .upload .custom-file__remove span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 150px;
}
.autoComplete_wrapper {
  display: inline-block;
  position: relative;
}
.autoComplete_wrapper > input {
  width: 370px;
  height: 40px;
  padding-left: 20px;
  font-size: 1rem;
  color: rgb(123, 123, 123);
  border-radius: 8px;
  border: 0;
  outline: none;
  background-color: #f1f3f4;
}
.autoComplete_wrapper > input::placeholder {
  color: rgba(123, 123, 123, 0.5);
  transition: all 0.3s ease;
}
.autoComplete_wrapper > ul {
  position: absolute;
  max-height: 226px;
  overflow-y: scroll;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0.5rem 0 0 0;
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  border: 1px solid rgba(33, 33, 33, 0.07);
  z-index: 1000;
  outline: none;
}
.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {
  display: block;
  opacity: 0;
  transform: scale(0);
}
.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  list-style: none;
  text-align: left;
  font-size: 1rem;
  color: #212121;
  transition: all 0.1s ease-in-out;
  border-radius: 0.35rem;
  background-color: rgb(255, 255, 255);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}
.autoComplete_wrapper > ul > li::selection {
  color: rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0);
}
.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(123, 123, 123, 0.1);
}
.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: rgb(255, 122, 122);
  font-weight: bold;
}
.autoComplete_wrapper > ul > li mark::selection {
  color: rgba(255, 255, 255, 0);
  background-color: rgba(255, 255, 255, 0);
}
.autoComplete_wrapper > ul > li[aria-selected=true] {
  background-color: rgba(123, 123, 123, 0.1);
}
@media only screen and (max-width: 769px) {
  .autoComplete_wrapper > input {
    width: 18rem;
  }
}
@media only screen and (min-width: 0) and (max-width: 1023px) {
  .library .modal-content {
    padding-left: 20px;
  }
  .library_content-filter_block {
    display: none;
  }
  .library_content-content_block {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .library_content-filter_block {
    width: 25% !important;
  }
  .library_content-content_block {
    width: 75% !important;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1600px) {
  .library_content-filter_block {
    width: 20% !important;
  }
  .library_content-content_block {
    width: 80% !important;
  }
}
.library {
  width: 99.3%;
}
.library.chatbot .modal-content {
  padding-left: 20px;
}
.library.chatbot .library_header .beta-sign {
  display: block !important;
}
.library.chatbot .items-container_promoted:has(div):before {
  display: none !important;
}
.library.chatbot .library_content-content_block {
  width: 100% !important;
}
.library.chatbot .library_content-filter_block,
.library.chatbot .input-group__categories,
.library.chatbot .input-group__search,
.library.chatbot .input-group__settings {
  display: none !important;
}
.library.chatbot .results_table {
  margin-top: 25px;
  height: calc(100% - 79px) !important;
}
.library.chatbot .results_table .optichat-tabs {
  position: sticky;
  left: 0;
  top: 0;
  z-index: 100000000;
  background-color: white;
}
.library.chatbot .results_table #names_element {
  top: 30px;
}
.library.chatbot .items-container_promoted:has(div):before {
  top: 0px !important;
}
.library .search-modal-filters-title[aria-expanded=true] .icon-chevron-down {
  transform: scaleY(-1);
}
.library .sortable:hover .sort-controls {
  display: flex !important;
}
.library .sort-controls {
  display: flex !important;
}
.library .sort-controls .sort-default {
  margin: 4px 6px;
  filter: brightness(220%);
}
.library .sort-controls .sort-down,
.library .sort-controls .sort-up {
  filter: brightness(150%);
  display: none;
}
.library .sort-controls.down .sort-down {
  display: flex;
  margin: 4px 6px;
}
.library .sort-controls.down .sort-up,
.library .sort-controls.down .sort-default {
  display: none;
}
.library .sort-controls.up .sort-up {
  display: flex;
  margin: 4px 6px;
  transform: scaleY(-1);
}
.library .sort-controls.up .sort-down,
.library .sort-controls.up .sort-default {
  display: none;
}
.library a {
  color: #2E3333;
}
.library .radio-wrap {
  margin: 1px 0px 0px 3px !important;
  border: none;
  color: #2E3333;
  background-color: white;
}
.library .radio-wrap .custom-control {
  padding: 0;
}
.library_header {
  background-color: #fff !important;
  padding: 0 !important;
  height: 48px;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border: none;
}
.library_header__title {
  font-weight: 700;
  text-transform: uppercase;
  padding: 0px 12px !important;
  font-size: 16px;
}
.library_header__close {
  padding: 0 !important;
  justify-self: end;
  margin-right: 10px !important;
  margin-top: -21px !important;
}
.library_content {
  background-color: #fff;
  display: flex;
  flex-direction: row;
}
.library_content__filter {
  height: calc(100% - 5px);
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #7a7a7a;
  box-shadow: 1px 3px 10px 0px rgba(0, 0, 0, 0.25);
  margin: 0px 0px 100px 8px;
}
.library_content__filter .filter_header {
  background-color: #979999;
  padding: 10px 16px;
  color: white;
  font-weight: bold;
  line-height: 10px;
}
.library_content__filter .filter_contatiner {
  height: calc(100% - 20px);
  overflow: scroll;
  padding: 10px;
  overflow: scroll;
  max-height: 100%;
}
.library_content__filter .filter_contatiner .units_parent {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #959e9e;
  padding: 0px 7px;
  gap: 8px;
  font-weight: 600;
}
.library_content__filter .filter_contatiner .units_parent .btn-group {
  padding-bottom: 16px;
  font-weight: 400;
}
.library_content__filter .filter_contatiner .units_parent input {
  width: 18px;
}
.library_content__filter .filter_contatiner .units_parent input[type=radio] {
  accent-color: grey;
}
.library_content__filter .filter_contatiner .units_parent div {
  gap: 5px;
}
.library_content__filter .filter_contatiner::-webkit-scrollbar-thumb {
  background-color: #afbabb;
}
.library_content__filter .filter_contatiner .filter_item__starred {
  display: flex;
  border-bottom: 1px solid #979999;
  padding: 15px 7px;
  gap: 5px;
}
.library_content__filter .filter_contatiner .filter_item__starred input:checked::after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border: 1px solid #959e9e;
  background: #979999 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
}
.library_content__filter .filter_contatiner .filter_item__starred input {
  width: 24px;
  height: 24px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  border: 1px solid #959e9e;
}
.library_content__filter .filter_contatiner .filter_item__starred div {
  font-weight: 400;
  color: #2E3333;
}
.library_content__filter .filter_contatiner .filter_item {
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 5px;
  border-bottom: 1px solid #959e9e;
  flex-direction: column;
  font-size: 15px;
}
.library_content__filter .filter_contatiner .filter_item .search-modal-filters-title:hover {
  text-decoration: unset;
}
.library_content__filter .filter_contatiner .filter_item .search-modal-filters-title:hover span {
  filter: brightness(70%);
}
.library_content__filter .filter_contatiner .filter_item .custom-select .dropdown-menu {
  min-width: 100% !important;
}
.library_content__filter .filter_contatiner .filter_item .custom-control-label {
  font-weight: 400;
}
.library_content__filter .filter_contatiner .filter_item #single_input_element {
  height: 24px;
  display: flex;
  align-items: center;
  border: 1px solid #959e9e;
  border-radius: 2px;
}
.library_content__filter .filter_contatiner .filter_item #single_input_element input {
  height: 22px;
  padding: 0 !important;
}
.library_content__filter .filter_contatiner .filter_item #single_input_element .input-group-append {
  height: 22px;
}
.library_content__filter .filter_contatiner .filter_item .search-modal-filters-title {
  margin-bottom: 8px;
}
.library_content__filter .filter_contatiner .filter_item #comp_title {
  color: #494f4f;
  font-weight: 600;
}
.library_content__filter .filter_contatiner .filter_item .min-slider-handle {
  background-color: #494f4f;
}
.library_content__filter .filter_contatiner .filter_item .max-slider-handle {
  background-color: #494f4f;
}
.library_content__filter .filter_contatiner .filter_item .slider-track {
  height: 2px;
  margin-top: -1px;
}
.library_content__filter .filter_contatiner .filter_item .slider-track .slider-selection {
  background-color: #494f4f;
  height: 2px;
}
.library_content__filter .filter_contatiner .filter_item > div:last-child > div:first-child {
  margin-top: 0px !important;
}
.library_content__filter .filter_contatiner .filter_item > div:last-child .single-radio-item .radio-wrap {
  padding: 0px 5px !important;
  text-transform: capitalize;
  font-size: 15px;
}
.library_content__filter .filter_contatiner .filter_item > div:last-child .dropdown_filter {
  margin-top: 0px !important;
}
.library_content__filter .filter_contatiner .filter_item > div:last-child .dropdown_filter #label_tilte {
  margin-top: 10px;
}
.library_content__filter .filter_contatiner .filter_item > div:last-child .custom-checkbox {
  min-height: 29px;
  margin: 0 !important;
  text-transform: capitalize;
  text-align: 15px;
}
.library_content__filter .filter_contatiner .filter_item > div:last-child .custom-checkbox.mb-3 {
  padding-top: 5px;
}
.library_content__filter .filter_contatiner .filter_item label[id*=check_box_label] {
  line-height: 29px;
  width: 100%;
  padding-left: 5px;
}
.library_content__filter .filter_contatiner .filter_item .custom-control-input:checked ~ label[id*=check_box_label]::before {
  background-color: grey;
}
.library_content__filter .filter_contatiner .filter_item .custom-control-input:checked ~ label[id*=check_box_label]::after {
  width: 24px;
  height: 24px;
  background: #979999 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
}
.library_content__filter .filter_contatiner .filter_item .custom-control-label span {
  display: block;
  margin-top: 3px;
  margin-left: 4px;
  font-weight: 400;
}
.library_content__filter .filter_contatiner .filter_item .custom-control-label::before {
  border-radius: 2px;
  position: absolute;
  top: 2px;
  border-color: #959e9e;
  width: 24px;
  height: 24px;
  box-shadow: unset;
}
.library_content__filter .filter_contatiner .filter_item .custom-control-label::after {
  width: 24px;
  height: 24px;
  box-shadow: unset;
  top: 2px;
}
.library_content__filter .filter_contatiner .filter_item .custom-radio input {
  width: 18px;
  margin: 3px !important;
  height: 18px;
  z-index: 1;
  opacity: 1;
  position: relative;
  accent-color: grey;
}
.library_content__filter .filter_contatiner .filter_item .custom-radio .custom-control-label span {
  margin: 0 0px;
  top: 0 !important;
  margin-top: 0px;
  font-weight: 400;
}
.library_content__filter .filter_contatiner .filter_item .custom-radio .custom-control-label::after {
  display: none;
}
.library_content__filter .filter_contatiner .filter_item .custom-radio .custom-control-label::before {
  display: none;
}
.library_content__filter .filter_contatiner .filter_item div[id*=radio_btns_parent] {
  flex-direction: column;
}
.library_content__filter .filter_contatiner .filter_item div[id*=single_radio_btn_item] {
  max-width: none;
}
.library_content__filter .filter_contatiner .filter_item .single-radio-item.active .radio-wrap {
  background-color: white;
  color: #2E3333;
  border: none;
}
.library_content__filter .filter_contatiner .filter_item .dropdown-menu {
  position: relative !important;
  top: unset !important;
  transform: none !important;
  min-width: 215px !important;
}
.library_content__filter .filter_contatiner .filter_item div[id*=dropdown_parent] {
  display: none;
}
.library_content__filter .filter_contatiner .filter_item div[id*=input_elements_parent] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 20px;
  height: 20px;
  margin: 15px 0px !important;
}
.library_content__filter .filter_contatiner .filter_item .slider-input {
  border: 1px solid grey;
  border-radius: 2px;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
}
.library_content__filter .filter_contatiner .filter_item .slider-input input {
  border: none;
  width: 20%;
  font-size: 14px;
  height: inherit;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
}
.library_content__filter .filter_contatiner .filter_item .slider-input .input-group-append .input-group-text {
  border: none;
  background-color: white;
  text-transform: lowercase;
}
.library_content__results {
  margin-left: -5px;
  padding: 0px 10px 0px 8px;
}
.library_content__results .selected_number {
  padding-left: 5px;
}
.library_content__results .add-columns-btn {
  position: relative !important;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: grey;
}
.library_content__results .input-group {
  margin: 0;
  padding: 0;
  background-color: white;
}
.library_content__results .input-group .input-group__settings_columns label[id*=column_checkbox_label] {
  padding-left: 10px;
}
.library_content__results .input-group .input-group__settings_columns label[id*=column_checkbox_label]::before {
  width: 24px;
  height: 24px;
  margin-top: -5px;
}
.library_content__results .input-group .input-group__settings_columns label[id*=column_checkbox_label]::after {
  width: 24px;
  height: 24px;
  margin-top: -5px;
}
.library_content__results .input-group .input-group__settings_columns .custom-control-input:checked ~ label[id*=column_checkbox_label]::before {
  background-color: grey;
}
.library_content__results .input-group .input-group__settings_columns .custom-control-input:checked ~ label[id*=column_checkbox_label]::after {
  width: 24px;
  height: 24px;
  background: #979999 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
}
.library_content__results .input-group__search {
  border: 1px solid #959e9e;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  width: 99.5%;
}
.library_content__results .input-group__search .autoComplete_wrapper {
  width: 100%;
  color: #2E3333;
  font-weight: 700;
}
.library_content__results .input-group__search .autoComplete_wrapper input {
  height: 37px;
  border: none;
  background-color: #f7f9fa;
  width: 100%;
}
.library_content__results .input-group__search .autoComplete_wrapper ul {
  max-height: fit-content !important;
  overflow: hidden;
}
.library_content__results .input-group__search .autoComplete_wrapper ul li {
  padding: 2px 16px !important;
  margin: 0 !important;
}
.library_content__results .input-group__search .autoComplete_wrapper .autoComplete_highlight {
  color: #2E3333;
  font-weight: 400;
  padding: 0;
}
.library_content__results .input-group__search .input-group-append button {
  border: none;
  padding: 0px 10px;
  background-color: #f7f9fa;
  box-shadow: unset;
}
.library_content__results .input-group__search .input-group-append button i {
  filter: invert(72%) sepia(10%) saturate(177%) hue-rotate(131deg) brightness(85%) contrast(85%);
}
.library_content__results .input-group__search .input-group-append button:hover {
  background-color: #f7f9fa !important;
}
.library_content__results .input-group__categories {
  padding: 12px 0px 8px 0px;
  background-color: #fff;
}
.library_content__results .input-group__categories > span {
  color: #494f4f;
  font-weight: 700;
  font-size: 16px;
  margin-right: 8px;
}
.library_content__results .input-group__categories .category-clear {
  display: none;
}
.library_content__results .input-group__categories .categories_list {
  display: flex;
  gap: 8px;
}
.library_content__results .input-group__categories .categories_list #categories_list_container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.library_content__results .input-group__categories .categories_list #categories_list_container:has(div) ~ div {
  display: flex;
}
.library_content__results .input-group__categories .categories_list .category-item {
  display: flex;
  border: 1px solid #959e9e;
  border-radius: 43px;
  font-size: 15px;
  color: #2E3333;
  padding: 0px 4px 0px 16px;
}
.library_content__results .input-group__categories .categories_list .category-item #category {
  margin-right: 3px;
}
.library_content__results .input-group__categories .categories_list .category-item .icon-close::before {
  transform: scale(1.5);
  filter: invert(70%) sepia(7%) saturate(265%) hue-rotate(131deg) brightness(90%) contrast(83%);
}
.library_content__results .input-group__categories .categories_list .category-item span:first-child {
  text-transform: uppercase;
}
.library_content__results .input-group__categories .categories_list .category-item .icon-close {
  cursor: pointer;
  margin-left: 10px;
}
.library_content__results .input-group__categories .categories_list .category-item_basic {
  padding: 0px 16px;
  height: min-content;
  background-color: #f5f5f5;
  border: 1px solid #2e3333;
}
.library_content__results .input-group__categories .categories_list .category-item_basic span:first-child {
  text-transform: uppercase;
}
.library_content__results .input-group__categories .categories_list .category-clear {
  cursor: pointer;
}
.library_content__results .input-group__settings {
  height: 32px !important;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  margin-top: 5px;
}
.library_content__results .input-group__settings_compare {
  margin-right: 5px;
}
.library_content__results .input-group__settings_compare svg {
  margin-right: 5px;
}
.library_content__results .input-group__settings_compare button {
  border: none !important;
  color: #2e3333;
  background-color: white;
  font-weight: 600;
  color: #2e3333;
  font-size: 14px;
}
.library_content__results .input-group__settings_compare button:focus {
  outline: unset;
}
.library_content__results .input-group__settings_delete button {
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #2e3333;
  font-size: 14px;
}
.library_content__results .input-group__settings_delete button:focus {
  outline: unset;
}
.library_content__results .input-group__settings_unselect {
  margin-right: 8px;
}
.library_content__results .input-group__settings_unselect button {
  border: none;
  background-color: #fff;
  font-weight: 600;
  color: #2e3333;
  font-size: 14px;
}
.library_content__results .input-group__settings_unselect button:focus {
  outline: unset;
}
.library_content__results .input-group__settings_columns {
  justify-self: flex-end;
  margin-right: 13px;
  bottom: 1px;
}
.library_content__results .input-group__settings_columns button {
  border: none;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #2e3333;
}
.library_content__results .input-group__settings_columns button:focus {
  outline: unset;
}
.library_content__results .input-group > div:nth-child(2) {
  height: inherit;
}
.library_content__results .input-group > div:nth-child(2) button {
  height: inherit;
  padding: 0px 10px;
}
.library_content__results .input-group > div:nth-child(3) {
  height: inherit;
}
.library_content__results .input-group > div:nth-child(3) button {
  height: inherit;
  padding: 0px 10px;
}
.library_content__results .results_table {
  margin-top: -25px;
  overflow-y: overlay;
  overflow-x: overlay;
  position: relative;
  height: calc(100% - 89.19px);
}
.library_content__results .results_table::-webkit-scrollbar {
  width: 20px;
  height: 20px;
}
.library_content__results .results_table::-webkit-scrollbar-track {
  margin-top: 25px;
}
.library_content__results .results_table::-webkit-scrollbar-thumb {
  background-color: transparent;
  box-shadow: inset 0 0 10px 10px #afbabb;
  border: solid 5px transparent;
  border-radius: 10px;
}
.library_content__results .results_table #names_element {
  position: sticky;
  top: 25px;
  z-index: 1;
  margin-top: 3px;
  border-top: 1px solid #959e9e;
  font-weight: 600;
  font-size: 15px;
}
.library_content__results .results_table #names_element > div:first-child {
  height: 30px !important;
  border-left: 1px solid #959e9e;
  background-color: #e9ebeb;
  position: sticky;
  left: 0;
  z-index: 1;
}
.library_content__results .results_table #names_element .custom-oms {
  height: 30px;
  padding: 5px !important;
  border-right: 1px solid #959e9e;
  background-color: #e9ebeb;
}
.library_content__results .results_table #names_element .custom-oms:hover .sort-default,
.library_content__results .results_table #names_element .custom-oms:hover .sort-up,
.library_content__results .results_table #names_element .custom-oms:hover .sort-down {
  filter: brightness(100%);
}
.library_content__results .results_table #names_element .custom-oms .resizable-col {
  background-color: unset;
  background-image: unset;
}
.library_content__results .results_table .items-container_promoted {
  width: inherit !important;
}
.library_content__results .results_table .items-container_promoted:has(div):before {
  content: "Sponsored results";
  position: sticky;
  left: 0px;
  z-index: 3;
  height: 25px;
  padding: 0px 8px !important;
  display: inline-block;
  border-radius: 4px 4px 0px 0px;
  font-size: 14px;
  background-color: #fcddcb;
}
.library_content__results .results_table .items-container_promoted #single-extra {
  background-color: #f9f0ed;
}
.library_content__results .results_table .items-container_promoted > div:first-child .search-results-item {
  border-top: 1px solid #959e9e;
}
.library_content__results .results_table .items-container_promoted .search-results-item {
  background-color: #f9f0ed !important;
  border-bottom: 1px solid #959e9e;
  height: 48px !important;
}
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms {
  border-right: 1px solid #959e9e;
  height: 100%;
}
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms#item_parameters\.info\.brand {
  background-repeat: no-repeat;
  background-position: center;
}
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms:first-child {
  border-left: 1px solid #959e9e;
}
.library_content__results .results_table .items-container {
  width: inherit !important;
}
.library_content__results .results_table .items-container > div:first-child {
  margin-top: -5px !important;
}
.library_content__results .results_table .items-container,
.library_content__results .results_table .items-container_promoted {
  width: max-content;
}
.library_content__results .results_table .items-container > div,
.library_content__results .results_table .items-container_promoted > div {
  min-height: 43px;
}
.library_content__results .results_table .items-container #single-extra,
.library_content__results .results_table .items-container_promoted #single-extra {
  border-right: 1px solid #c9d2d2;
  border-bottom: 1px solid #c9d2d2;
  border-top: none;
  height: auto;
  display: flex;
  flex-direction: column;
}
.library_content__results .results_table .items-container #single-extra a,
.library_content__results .results_table .items-container_promoted #single-extra a {
  padding: 10px 16px;
}
.library_content__results .results_table .items-container #single-extra #items-container,
.library_content__results .results_table .items-container_promoted #single-extra #items-container {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 10px 16px;
  position: sticky;
  width: calc(100vw - 350px);
  left: 0;
  border-left: 1px solid #959e9e;
}
.library_content__results .results_table .items-container #single-extra a,
.library_content__results .results_table .items-container_promoted #single-extra a {
  width: calc(100vw - 350px);
  position: sticky;
  left: 0;
  border-left: 1px solid #959e9e;
}
.library_content__results .results_table .items-container #single-extra .item-name,
.library_content__results .results_table .items-container_promoted #single-extra .item-name {
  border-bottom: 1px solid #c9d2d2;
  padding: 10px 16px;
  width: calc(100vw - 350px);
  position: sticky;
  left: 0;
  border-left: 1px solid #959e9e;
}
.library_content__results .results_table .items-container #single-extra .info-block,
.library_content__results .results_table .items-container_promoted #single-extra .info-block {
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.library_content__results .results_table .items-container #single-extra .info-block div:first-child,
.library_content__results .results_table .items-container_promoted #single-extra .info-block div:first-child {
  font-weight: bold;
  text-transform: capitalize;
}
.library_content__results .results_table .items-container .search-results-item,
.library_content__results .results_table .items-container_promoted .search-results-item {
  background-color: white;
  height: 43px !important;
}
.library_content__results .results_table .items-container .search-results-item div,
.library_content__results .results_table .items-container_promoted .search-results-item div {
  line-height: 1.8;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms {
  border-right: 1px solid #959e9e;
  height: 100%;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms:first-child,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms:first-child {
  border-left: 1px solid #959e9e;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms.favorites-block,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms.favorites-block {
  display: flex;
  align-items: center;
  padding: 0 !important;
  position: sticky;
  left: 0;
  background-color: inherit;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms.favorites-block .item-selected,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms.favorites-block .item-selected {
  margin: 0px 8px 0px 0px;
  width: 24px;
  height: 24px;
  border: 1px solid #959e9e;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms.favorites-block .item-selected:checked,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms.favorites-block .item-selected:checked {
  border: none;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms.favorites-block .item-selected:checked::after,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms.favorites-block .item-selected:checked::after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  border: 1px solid grey;
  border-radius: 2px;
  position: relative;
  background: #23a7de url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z'/%3E%3C/svg%3E") no-repeat 50% 50% !important;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms.favorites-block .starred,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms.favorites-block .starred {
  margin: 0px 8px;
}
.library_content__results .results_table .items-container .search-results-item .custom-oms input,
.library_content__results .results_table .items-container_promoted .search-results-item .custom-oms input {
  width: 24px;
  height: 24px;
}
.library_footer {
  font-size: 14px;
  font-weight: 600;
  margin: 0px 0px 5px 0px;
}
.library_footer div:first-child {
  color: #2e3333;
}
.library_footer__buttons {
  display: flex;
  gap: 40px;
  background-color: white;
  border-radius: 4px;
  position: relative;
}
.library_footer__buttons #add_to_canvas {
  outline: unset !important;
}
.library_footer__buttons #add_to_canvas.disabled button {
  pointer-events: none;
}
.library_footer__buttons #add_to_canvas button {
  height: 40px;
  padding: 0px 60px;
  border-radius: 4px;
  background: #23a7de;
  border: none;
  color: white;
  font-weight: 700;
  cursor: pointer;
  outline: unset !important;
}
.library_footer__buttons #add_to_canvas button:active {
  filter: brightness(105%);
}
.library_footer__buttons #add_to_canvas button:hover {
  background: #65c1e8;
}
.library_footer__container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 32px;
}
.library_footer__pagination {
  color: #2e3333;
  display: flex;
  margin-right: 10px;
  gap: 5px;
  font-weight: 600;
  font-size: 12px;
  font-weight: 700;
  align-items: center;
}
.library_footer__pagination #previous-page {
  transform: scaleX(-1);
  cursor: pointer;
  position: relative;
  top: -0.5px;
}
.library_footer__pagination #previous-page:hover {
  filter: brightness(200%);
}
.library_footer__pagination #next-page {
  cursor: pointer;
  position: relative;
  top: -0.5px;
}
.library_footer__pagination #next-page:hover {
  filter: brightness(200%);
}
.modal-warning.hidden {
  display: none;
}
.modal-warning {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgba(0, 0, 0, 0.374);
  z-index: 2;
}
.modal-warning_content {
  position: relative;
  width: fit-content;
  border-radius: 2px;
  background-color: white;
  z-index: 3;
  padding: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-warning_content .warning-warning {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.modal-warning_content .warning-warning div {
  padding: 8px;
  font-size: 14px;
}
.modal-warning_content button {
  padding: 5px 10px;
  border-radius: 4px;
  background-color: #23a7de;
  border: none;
  color: white;
  font-weight: 700;
}
.modal-compare.hidden {
  display: none;
}
.modal-compare {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 50px);
  background-color: rgba(0, 0, 0, 0.374);
  z-index: 3;
}
.modal-compare_content {
  position: relative;
  width: 966px;
  border-radius: 2px;
  background-color: white;
  z-index: 3;
  max-height: 700px;
  overflow: auto;
}
.modal-compare_content .compare-warning {
  display: none;
  align-items: center;
  background-color: #ffccd1;
  padding: 8px 16px;
  box-shadow: 0px -1px 10px -5px rgba(0, 0, 0, 0.5);
  font-weight: 700;
  font-size: 14px;
}
.modal-compare_content .compare-warning svg {
  margin-right: 13px;
}
.modal-compare_content_header {
  padding: 16px 7px 16px 16px;
  display: flex;
  justify-content: space-between;
  height: 48px;
}
.modal-compare_content_header h5 {
  font-size: 16px;
}
.modal-compare_content_header button {
  border: none;
  background-color: white;
  height: 24px;
  color: #959e9e;
}
.modal-compare_content_header button:focus {
  outline: none;
}
.modal-compare_content_header button span {
  display: block;
  transform: scale(2);
  margin-right: 16px;
  margin-top: -6px;
}
.modal-compare_content_body {
  margin: 16px 7px 16px 16px;
  height: calc(100% - 76px);
  overflow: auto;
  background-color: white;
}
.modal-compare_content_body table,
.modal-compare_content_body td {
  border: 1px solid #959e9e;
  padding: 0px 10px;
}
.modal-compare_content_body tr {
  height: 40px;
  line-height: 20px;
}
.modal-compare_content_body tr:first-child {
  position: sticky;
  top: 0;
  background-color: white;
}
.modal-compare_content_body tr:first-child td {
  border: none;
  font-weight: 700;
  font-size: 15px;
  padding-bottom: 12px;
}
.modal-compare_content_body table,
.modal-compare_content_body td:first-child {
  border: none;
  text-transform: capitalize;
  padding: 0px;
}
.chat-bot {
  display: inline-flex;
  flex-direction: column;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 3px 23px 0px rgba(0, 0, 0, 0.4);
}
.chat-bot .cursor-effect::after {
  content: "|";
  font-weight: 600;
  transform: translateY(-15%);
  animation: cursorBlink 0.7s infinite;
}
@keyframes cursorBlink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.chat-bot .shake-animation {
  animation-duration: 0.3s;
  animation-iteration-count: 5;
  animation-name: shake;
}
@keyframes shake {
  0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-1px) rotate(-0.2deg);
  }
  75% {
    transform: translateX(1px) rotate(0.2deg);
  }
  100% {
    transform: translateX(0);
  }
}
.chat-bot .chat-header {
  height: 40px;
  padding: 0px 16px;
  align-items: center;
  align-self: stretch;
  border-radius: 4px;
  background: var(--cs-neutral-neutral-0, #fff);
}
.chat-bot .chat-header .title-comp {
  align-items: center;
  gap: 4px;
}
.chat-bot .chat-header .title-comp .chat-title {
  color: var(--greys-grey-1, #2e3333);
  /* Reg 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.chat-bot .chat-header .title-comp .icon-info-circle {
  display: flex;
  width: 24px;
  height: 24px;
  padding: 1px;
  justify-content: center;
  align-items: center;
}
.chat-bot .chat-header .chat-header-buttons {
  align-items: center;
  gap: 24px;
}
.chat-bot .chat-body {
  display: flex;
  padding: 8px 8px 4px 8px;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  border-radius: 4px;
  background: #fff;
}
.chat-bot .chat-body .chat-body-inner {
  width: 544px;
  align-items: flex-end;
  gap: 10px;
}
.chat-bot .chat-body .chat-body-inner .chat-container {
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  overflow-y: overlay;
  height: 505px;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item {
  padding: 16px 13px;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  align-self: stretch;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item .message-action-item {
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item .message-action-item .button {
  height: 40px;
  padding: 10px 1rem;
  gap: 10px;
  border-radius: 4px;
  background: #5ac1a8;
  color: white;
  color: var(--cs-on-colors-on-neutral-0, #fff);
  /* Bold 16 */
  font-family: Open Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item .message-action-item .button:hover {
  background: #4da993;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item .message-content {
  gap: 10px;
  align-self: stretch;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item .message-content .chat-bot-message-avatar {
  background-color: #23a7de;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 68px;
  font-weight: 600;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item .message-content .chat-bot-message {
  color: black;
  /* Reg 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: calc(100% - 70px);
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.user-message {
  background: white;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.user-message + .user-message {
  border-top: 1px solid #dadcdc;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.user-message + .action-message {
  border-top: 1px solid #dadcdc;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.action-message {
  background: white;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.action-message + .action-message {
  border-top: 1px solid #dadcdc;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.action-message + .user-message {
  border-top: 1px solid #dadcdc;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.bot-response {
  background: var(--accent-320, #ecf9f6);
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.bot-response .chat-bot-message-avatar {
  background-image: url("../images/icons_new/chatbot/ai_eye.svg");
  background-color: transparent !important;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.bot-response + .bot-response {
  border-top: 1px solid #dadcdc;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.review-response {
  background: var(--cs-neutral-neutral-300, #dadcdc);
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.review-response .chat-bot-message-avatar {
  background-image: url("../images/icons_new/chatbot/review_eye.svg");
  background-color: transparent !important;
}
.chat-bot .chat-body .chat-body-inner .chat-container .chat-bot-message-item.review-response + .review-response {
  border-top: 1px solid #dadcdc;
}
.chat-bot .chat-bot-footer {
  padding: 8px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.chat-bot .chat-bot-footer .chat-bot-input-message {
  width: 493px;
  height: 64px;
  align-items: flex-end;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid var(--cs-primary-dark-grey-primary-500, #979999);
  background: #fff;
}
.chat-bot .chat-bot-footer .chat-bot-input-message textarea {
  height: 100%;
  border: none !important;
  box-shadow: none !important;
}
.chat-bot .chat-bot-footer .review-btn {
  width: 40px;
  height: 40px;
  border-radius: 77px;
}
.chat-bot .chat-bot-footer .review-btn:hover rect {
  fill: #4da993;
}
.graph-axis-range {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background: var(--White, #fff);
  /* Dialog Shadow New */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.graph-axis-range__header {
  display: flex;
  height: 40px;
  padding: 0px 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: var(--Primary--100, #f5f5f5);
}
.graph-axis-range__header__title {
  color: var(--Primary---900, #2e3333);
  /* Semi 14 */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.graph-axis-range__header__controls {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.graph-axis-range__content {
  display: flex;
  padding: 8px 8px 16px 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
}
.graph-axis-range__content > :first-child {
  display: flex;
  padding-left: 0px;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
}
.graph-axis-range__content__title {
  display: flex;
  padding-left: 0px;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
}
.graph-axis-range__content__title > :first-child {
  display: flex;
  align-items: flex-start;
  gap: -1px;
}
.graph-axis-range__content__title_item {
  display: flex;
  width: 150px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  color: var(--Primary---900, #2e3333);
  /* Bold 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.graph-axis-range__content__inputs {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 8px;
}
.graph-axis-range__content__inputs__title {
  color: var(--Primary---800, #494f4f);
  text-transform: uppercase;
  /* Semi 14 */
  font-family: Open Sans;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.graph-axis-range__content__inputs__content {
  display: flex;
  align-items: flex-start;
  gap: -1px;
}
.graph-axis-range__content__inputs__content__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.graph-axis-range__content__inputs__content__item :first-child {
  display: flex;
  width: 150px;
  height: 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 2px 0px 0px 2px;
  border: 1px solid var(--cs-neutral-neutral-400, #babdbd);
  background: var(--cs-neutral-neutral-0, #fff);
}
.graph-axis-range__content__inputs__content__item :first-child .form-control:focus {
  box-shadow: none;
}
.graph-axis-range__footer {
  display: flex;
  height: 40px;
  padding: 0px 8px 4px 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.graph-axis-range__footer button {
  display: flex;
  width: 96px;
  height: 30px;
  justify-content: center;
  border-radius: 4px;
  box-shadow: none !important;
}
.graph-axis-range__footer button.btn.btn-primary:active {
  border: 3px solid var(--Secondary---100, #bde5f5);
  background: var(--Secondary---300, #65c1e8);
}
.graph-axis-range__footer button.btn:not(.btn-primary) {
  font-weight: 400;
}
.graph-axis-range__footer button.btn:not(.btn-primary).cancel-btn:hover {
  border: 1px solid var(--Primary---700, #6d7070);
}
.graph-axis-range__footer button.btn:not(.btn-primary).cancel-btn:active {
  border: 2px solid var(--Primary---300, #dadcdc);
}
.color_map_range {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background: var(--White, #fff);
  /* Dialog Shadow New */
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.color_map_range__header {
  display: flex;
  height: 40px;
  padding: 0px 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: var(--old-greys-grey-10, #f5f5f5);
}
.color_map_range__header__title {
  color: var(--old-greys-grey-1, #2e3333);
  /* Reg 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.color_map_range__header__controls {
  width: 24px;
  height: 24px;
  padding: 1px;
  justify-content: center;
  align-items: center;
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.color_map_range__content {
  display: flex;
  padding: 8px 16px 16px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 4px;
}
.color_map_range__content > :first-child {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.color_map_range__content_input {
  display: flex;
  width: 96px;
  flex-direction: column;
  align-items: center;
  gap: 1px;
}
.color_map_range__content_input span {
  color: var(--cs-on-colors-on-primary-900-grey-1, #2e3333);
  /* Bold 15 */
  font-family: Open Sans;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.color_map_range__content_input__field {
  display: flex;
  height: 24px;
  align-items: center;
  gap: 26.822px;
  width: 96px;
  align-self: stretch;
  border-radius: 2px;
  border: 1px solid var(--cs-neutral-neutral-400, #babdbd);
  background: var(--cs-neutral-neutral-0, #fff);
}
.color_map_range__content_input__field input {
  display: flex;
  height: 24px;
  justify-content: space-between;
  align-items: center;
  border-radius: 2px 0px 0px 2px;
  border: 1px solid var(--cs-neutral-neutral-400, #babdbd);
  background: var(--cs-neutral-neutral-0, #fff);
}
.color_map_range__footer {
  display: flex;
  height: 40px;
  padding: 0px 8px 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.color_map_range__footer button {
  display: flex;
  width: 96px;
  height: 30px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  box-shadow: none !important;
}
.color_map_range__footer button.btn.btn-primary:active {
  border: 3px solid var(--Secondary---100, #bde5f5);
  background: var(--Secondary---300, #65c1e8);
}
.color_map_range__footer button.btn:not(.btn-primary) {
  font-weight: 400;
}
.color_map_range__footer button.btn:not(.btn-primary).cancel-btn:hover {
  border: 1px solid var(--Primary---700, #6d7070);
}
.color_map_range__footer button.btn:not(.btn-primary).cancel-btn:active {
  border: 2px solid var(--Primary---300, #dadcdc);
}
.image_q_form {
  width: 290px !important;
  left: calc(50vw - 145px) !important;
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
.image_q_form .modal-header {
  background-color: #F5F5F5;
  border-bottom: unset;
  padding: 5px;
}
.image_q_form .modal-header > div {
  padding: 5px;
}
.image_q_form .modal-header h5 {
  font-size: 14px !important;
}
.image_q_form .modal-header #close {
  margin-right: -3px;
}
.image_q_form .modal-body > div:first-child {
  padding: 12px 14px !important;
}
.image_q_form .modal-body > div:first-child .title {
  font-size: 14px !important;
  color: #2E3333;
}
.image_q_form .modal-body > div:first-child .rb_group {
  margin-top: 2px;
  gap: 29px;
}
.image_q_form .modal-body > div:first-child .rb_group label {
  font-size: 14px;
  color: #2E3333;
}
.image_q_form .modal-body > div:first-child .rb_group svg {
  width: 22px;
  height: 22px;
}
.image_q_form .modal-body > div:nth-child(2) {
  padding: 12px 14px 0px 14px !important;
}
.image_q_form .modal-body > div:nth-child(2) .title {
  font-size: 14px !important;
  color: #2E3333;
}
.image_q_form .modal-body > div:nth-child(2) label {
  font-size: 14px;
  color: #2E3333;
}
.image_q_form .modal-body > div:nth-child(2) svg {
  width: 22px;
  height: 22px;
  margin-right: 3px;
}
.image_q_form .modal-body > div:nth-child(2) .rb_group {
  gap: 13px;
}
.image_q_form .modal-footer {
  border-top: unset;
}
.image_q_form .modal-footer button {
  margin-right: -8px;
  height: 27px;
  min-width: 80px !important;
  width: 80px;
  font-size: 13px !important;
  padding: 0;
}.modal-body {
    overflow: unset !important;
}

.popover {
    max-width: unset !important;
}

.popover-title {
    font-weight: bold;
    font-size: 14px;
    padding: 0px 5px;
}

.popover-body {
    width: 350px !important;
}

.popover-body ol {
    padding: 0px 5px;

}


/*START WIDGET STYLES*/
#part-item {
    overflow: hidden;
}



.img-responsive {
    scale: 1.2;
}

#storage_progress {
    width: 71px;
    margin-left: 15px;
    position: relative;
    top: 2px;
}

#storage_progress+label {
    margin-left: 5px;
    font-size: 12px;
}

body.try_premium #announcement_msg {
    opacity: 1;
    background-color: grey;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    padding: 5px 10px;
}

body #announcement_msg {
    opacity: 0;
}



body.try_premium .announcement {
    padding: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    animation: announcement 20s infinite linear;
    /* notice the infinite */
}


@keyframes announcement {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}


.header-widget {
    margin: 0 0px;
    padding: 0 50px;
    background-color: white;
    height: 55px;
    align-items: center;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.required-star:after {
    content: " *";
    color: #23a7de;
    font-weight: 600;
}

.analysis-item:not(.collapsed) .menu-arror {
    transform: rotate(180deg);
    transition: .5s;

}

.analysis-item:not .menu-arror {
    transform: rotate(0deg);
    transition: .5s;

}

.header-widget .icon-btn {
    font-size: 18px;
    padding: 10px;
    line-height: 27px;
}

.header-widget .icon-btn.active .rect-btn {
    fill: #23A7DE;
}

.header-widget .icon-btn.active {
    color: #23A7DE;
}

main .model {
    position: fixed;
    top: 55px;
    left: 0px;
    right: 0px;

}

/*END WIDGET STYLES*/

#new-design-container {
    z-index: 1062;
}

.view-1,
.view-2,
.view-3,
.view-4 {
    position: relative;
}

/* .view-2 {
    border-bottom: 1px solid black;
} */

.view-3,
.view-4 {
    border-top: 1px solid black;
}

.disable:first-child>div+div {
    opacity: 0.7;
    pointer-events: none;
}

.view-1::after {
    content: attr(data-content);
    position: absolute;
    top: 1%;
    max-width: 80px;
    padding: 5px;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    left: 0.5%;
    white-space: nowrap;
}


.view-2::after {
    content: attr(data-content);
    position: absolute;
    top: 1%;
    right: 0;
    max-width: 80px;
    padding: 5px;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    left: 0.5%;
    white-space: nowrap;
}

.view-3::after {
    content: attr(data-content);
    position: absolute;
    top: 1%;
    max-width: 80px;
    padding: 5px;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    left: 0.5%;
    white-space: nowrap;
}

.analysis-screens .anl-surface-name {
    /* font-size: 18px; */
    font-weight: 800;
    display: flex;
    align-items: center;
}

.analysis-screens .analysis-screen-item {
    position: relative;
    width: 270px;
    min-width: 270px;
    border: 1px solid #C9D2D2;
    border-radius: 4px;
}

.analysis-screen-item .analysis-title {
    height: 25px;
    display: flex;
    font-weight: 800;
    margin-bottom: 0.7rem;
    justify-content: center;
}



.analysis-modal {
    height: auto !important;
}

.popover-body {

    font-size: 0.8rem;
}

.popover {
    z-index: 999999;
}

.analysis-modal .modal-dialog {
    left: 0px;
    top: 0;
    position: relative;
}

.analysis-screen-item .analysis-canvas-container {
    width: 260px;
    min-width: 260px;
    height: 180px;
}



.analysis-screen-item .analysis-spinner {
    width: 260px;
    min-width: 260px;
    height: 205px;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.view-4::after {
    content: attr(data-content);
    position: absolute;
    top: 1%;
    max-width: 80px;
    right: 0;
    padding: 5px;
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    left: 0.5%;
    white-space: nowrap;
}

.view-2,
.view-4 {
    border-left: 1px solid black;
}

.hide_view {
    display: none;

}


.details-title {
    font-weight: 800;
    color: #23a7de;
    font-size: 17px;
}

.details-content {
    margin-left: 0.75rem;
}

/* #draggable {
    top: 180px;
    left: 500px;
    z-index: 1000;
    background: #f5f5f5;
    border-radius: 10px;
}

.coords-modal {
    z-index: 1001;
    height: 100%;
    display: none;
} */


/* camera menu */

.list-group-hidden {
    display: none;
}

.menu-view-list {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.menu-view-list li {
    cursor: pointer;
}

.menu-view-list li:hover {
    background: rgba(0, 0, 0, .001);
}

.camera-view-menu .camera-view-opt.active {
    color: #23a7de;
}

.camera-view-menu {
    display: none;
    bottom: 180px;
    z-index: 400;
    min-width: 210px;
    background-color: #f5f5f5;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    opacity: 0.8;
}

.camera-view-menu-opened {
    display: block;
}

.model.fold-s~.camera-view-menu {
    left: 55px;
    transition: .5s;
}

.model.fold-m~.camera-view-menu {
    left: 272px;
    transition: .5s;
}

.model.fold-l~.camera-view-menu {
    left: 708px;
    transition: .5s;
}

/*camera view button */
.model.fold-s+.camera-view-button {
    left: 55px;
    transition: .5s;
}

.model.fold-m+.camera-view-button {
    left: 272px;
    transition: .5s;
}

.camera-view-button {
    bottom: 145px;
    z-index: 302;
}

.camera-view-button button {
    background-color: #f5f5f5;
}

.model.fold-l+.camera-view-button {
    left: 708px;
    transition: .5s;
}

.details-item {
    border-radius: 5px;
    background-color: #f5f5f5;
    padding: 1rem;
    margin-bottom: 0.75rem;
}

img.analysis-result {
    max-width: 400px;
    width: 100%;
    height: auto;
}


.wl-table-weight {
    pointer-events: none;
    opacity: .75;
}

div[distribution="USER_DEFINED"] .wl-table-weight {
    pointer-events: all;
    opacity: 1;
}

div[kind="POINT_SOURCE"] div.source-apperanace[kind="PLANE_WAVE"] {
    display: none;
}


div.source-apperanace[kind="POINT_SOURCE"] {
    display: none;
}

/* div[kind="PLANE_WAVE"] div.source-apperanace[kind="PLANE_WAVE"], */
div[kind="POINT_SOURCE"] div.source-apperanace[kind="POINT_SOURCE"] {
    display: block;
}


.wavelength-table th:not(.empty) {
    background-color: rgb(201, 201, 201, 0.5);
    border: 1px solid #C9D2D2;
    padding: 0 3px;
}

.wavelength-table input.wl-field {
    border-top: none;
}

.custom-toggle-component .btn-group label {
    margin-right: 0px !important;
}

.new-tooltip-svg {
    pointer-events: none;
    align-items: center;
    display: flex;
    flex-direction: column;
}

.detectors .analysis-detector-item {
    border-bottom: 1px solid #C9D2D2;
}

.detectors .analysis-detector-item a {
    color: rgb(46, 51, 51)
}

div.collapsed-analysis-items {
    display: none;
}

.analysis-detector-title.collapsed div.collapsed-analysis-items {
    display: block;
}

.analysis-detector-title .detector-title:hover {
    text-decoration: underline;
}

a.analysis-detector-title {
    text-decoration: none;
}

.collapsed-analysis-type[analysis="multi"] {
    background-color: #97ca51;
}

.collapsed-analysis-type[analysis="spot inc"] {
    background-color: #f05133;
}

.collapsed-analysis-type[analysis="spot inc focus"] {
    background-color: #b42a44;
}

.collapsed-analysis-type[analysis="distortion and field"] {
    background-color: #c04b78;
}

.collapsed-analysis-type[analysis="gd"] {
    background-color: #91268e;
}

.collapsed-analysis-type[analysis="opd"] {
    background-color: #6f62aa;
}

.collapsed-analysis-type[analysis="polarization map"] {
    background-color: #3d3c99;
}

.collapsed-analysis-type[analysis="ray abberations"] {
    background-color: #005baa;
}

.collapsed-analysis-type[analysis="spot coh"] {
    background-color: #40a377;
}

.collapsed-analysis-type[analysis="coh phase"] {
    background-color: #fdb813;
}

.analysis-surface-table select {
    font-size: 13px;
    max-width: 250px;
}

.analysis-surface-table input {
    font-size: 13px;
}

.analysis-header-table th {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 0.5rem;
}


table.analysis-surface-table {
    width: 100%;
}


.analysis-surface-table th {
    font-size: 13px;
    padding: 1rem 0.25rem 1rem 0.25rem;
}

.analysis-surface-table td {
    font-size: 13px;
    padding: 0.5rem 0.25rem 0rem 0.25rem;
}

.analysis-detector-title .collapsed-analysis-type {
    margin-left: 0.5rem;
    min-width: 70px;
    max-width: 70px;
    color: white;
    /* border: 1px solid #C9D2D2; */
    border-radius: 5px;
    padding: 0.25rem;
    margin-bottom: 0;
    text-align: center;
}

.seq-content {
    cursor: text;
    white-space: pre-wrap;
    font-family: 'Courier New' !important;
    font-size: 12px !important;
    outline: none;
}


.analysis-accordion .analysis-results .analysis-results-item .analysis-results-footer {
    padding: 0.25rem;
}

.analysis-accordion .analysis-results .analysis-results-item {
    height: 245px;
}

.chart-svg {
    height: 380px;
    width: 440px;
}

.analysis.y-label-container {
    height: 100%;
    width: 100%;
}


.analysis.x-label-container {
    display: flex;
    font-family: monospace;
    justify-content: center;
    font-size: 12px;
    align-items: center;
}

.analysis-portal-btn.active {
    border: none;
    background-color: transparent !important;
}



.analysis-accordion .analysis-form-control {
    width: 90px;
}


.analysis.w-10 {
    width: 10%;
}

.analysis.w-20 {
    width: 20%;
}

.analysis.w-21 {
    width: 21%;
}

.analysis.w-90 {
    width: 90%;
}

.analysis.w-80 {
    width: 80%;
}

.analysis.w-79 {
    width: 79%;
}

.analysis.h-5 {
    height: 5%;
}

.analysis-item .analysis-collapse-label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 90%;
}

.analysis-header .analysis-title {
    max-width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.text-slice {
    display: inline-block;
    width: 170px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.analysis.h-15 {
    height: 15%;
}

.analysis.h-80 {
    height: 80%;
}

.analysis.h-10 {
    height: 10%;
}

.analysis.h-8 {
    height: 8%;
}

.analysis.h-90 {
    height: 90%;
}

.analysis.h-92 {
    height: 92%;
}

.modal {
    z-index: 1063
}

.modal-backdrop {
    z-index: 1061;
}

.modal.draggable-form {
    width: 800px;
    height: auto;
}

.draggable-form .modal-content {
    height: calc(100vh - 10rem);
}



.draggable-form .modal-body {
    overflow-y: auto;
}

.context-menu-container {
    position: fixed;
    z-index: 10000;
    min-width: 10rem;
    padding: 0.5rem 0;
    color: #212529;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0.25rem;
}

.context-menu-parent .context-menu-option {
    padding: 0.25rem 1.5rem;
    clear: both;
    color: #212529;
    white-space: nowrap;
}


.spinner {
    background-color: #00000055;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
}

/* div[env-settings] div.optics,
div[env-settings] div.env{
    display: none;
}


div[env-settings].optics div.optics {
    display: block;
}

div[env-settings].env div.env {
    display: block;
} */
.container-browsers {
    background-color: rgb(255, 255, 255, 0.7);
    border-radius: 5px;
    width: 250px;
    display: flex;
    padding: 0.5rem;
    margin: 0.5rem;
    left: 0;
    bottom: 0;
    position: absolute;
}

@media screen and (max-width: 1400px) {
    .container-browsers {
        justify-content: center;
        display: flex;
        margin: 1rem 0.5rem 0.5rem 0.5rem;
        position: unset;
        bottom: auto;
        left: auto;
    }
}

body.wakeup-screen div.site-wrapper div.options-menu {
    visibility: hidden !important;
}

button.close {
    outline: none !important;
}

.no-outline {
    outline: none !important;
}

.new-tooltip-svg .tooltip-svg-arrow {
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    width: 8px;
    border-top: 8px solid #23a7de;
}

.op-close {
    margin: -1rem -1rem -1rem auto;
    background-color: transparent;
    border: 0;
    font-size: 1.5rem;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    padding: 0rem 1rem;
    outline: none;
}

.op-close:hover {
    color: #000;
    text-decoration: none;
}

.op-close:not(:disabled):not(.disabled):hover {
    opacity: .75;
}

/* 
.new-tooltip-svg .tooltip-svg-content{
    position: relative;
    background: rgb(35, 167, 222);
    color: white;
    padding: 0.25rem;
    font-size: 12px;
    border-radius: 6px;
} */

.login-err-message {
    border-radius: 3px;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    font-size: 14px;
}

.login-err-message.error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94542;
}

.login-err-message.success {
    background-color: #def0d8;
    color: #597752;
    border: 1px solid #dce6d5;
}

.version-display {
    bottom: 0;
    right: 0;
    position: absolute;
    width: 100px;
    height: 40px;
    z-index: 100;
    font-size: 17px;
    display: flex;
    justify-content: end;
    align-items: end;
    font-weight: 800;
    padding-right: 5px;
}


.new-tooltip-svg .tooltip-svg-content {
    box-shadow: 0 0 5px 2px rgb(0 0 0 / 20%);
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    padding: 0.25rem;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #23a7de;
    border-radius: 6px;
    min-width: 130px;
    z-index: 50;
    left: 10px;
}





.radio-wrap.radio-opt {
    font-size: 13px;
    margin: 0.25rem;
    padding: 0.25rem 0.5rem;
}

.single-radio-item.active .radio-wrap {
    background-color: #23a7de;
    color: #fff;
    border: 1px solid #23a7de;
}

#light-source-component {
    width: 100px;
}

.single-radio-item.active .radio-wrap .custom-control-input:checked~.custom-control-label::before {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.single-radio-item.active .radio-wrap .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2323A7DE'/%3e%3c/svg%3e") !important;
}


a[cr_pointer] {
    cursor: pointer;
}

i.spot-diagram {
    background: #23a7de;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    cursor: pointer;
}

.spots-diagrams-btns {
    right: 13px;
    width: 17px;
}

.single-spot-diagram {
    text-align: center;
}

.scan-axis-select.mount option {
    display: none;
}

.scan-axis-select.rotation option.rotatation {
    display: block;
}

.scan-axis-select.rotation option:not(.rotation) {
    display: none;
}

.scan-axis-select.offset option:not(.offset) {
    display: none;
}

.scan-axis-select.subpart_delta option:not(.subpart_delta) {
    display: none;
}

.scan-axis-select.optical_delta option:not(.optical_delta) {
    display: none;
}

.scan-axis-select.mount option.mount {
    display: block;
}

.scan-axis-select.mount.subpart_delta option.subpart_delta {
    display: block;
}

.scan-axis-select.mount.optical_delta option.optical_delta {
    display: block;
}

.scan-props-select.mount option.mount {
    display: block;
}

.scan-props-select.mount:not(.subpart_delta) option.subpart_delta {
    display: none;
}

.scan-props-select:not(.mount) option.mount {
    display: none;
}

option.hidden-opt {
    display: none !important;
}


@keyframes opacity-animation {
    0% {
        box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.3)
    }

    25% {
        box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.3)
    }

    50% {
        box-shadow: 0 0px 4px 2px rgba(0, 0, 0, 0.3)
    }

    75% {
        box-shadow: 0 0px 6px 2px rgba(0, 0, 0, 0.3)
    }

    100% {
        box-shadow: none;
    }
}

@keyframes scale-animation-grow {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

.anim-spot-dia-new {
    animation-name: scale-animation-grow;
    animation-duration: 0.5s;

}

.scanner-form-body .scanner-body-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.scanner-form-body .pref-title {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #C9D2D2;
}

.scanner-form-body .part-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.scanner-form-body .parameters-template {
    background-color: #f5f5f5;
    border-radius: 5px;
}

.single-spot-diagram .graph {
    background: darkturquoise;
}

.flex-box-guide>.guide-title-parent {
    max-height: 90px;
}

.flex-box-guide>.guide-nav-bar {
    max-height: 66.38px;
}

.flex-box-guide>.guide-physical-parent {
    max-height: 50px;
}

.flex-box-guide>.guide-units-container {
    max-height: 45px;
}

.flex-box-guide {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 170px);
}

.flex-box-guide> :nth-child(n) {
    flex: 1 1 0px;

}

.single-spot-diagram label {
    font-size: 11px;
    display: block;
    font-family: monospace;
    text-align: start;
    margin-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.guide.upload-wiz-nav .upload-wiz-nav-item.current {
    color: #23A7DE;
}

.guide.upload-wiz-nav .upload-wiz-nav-item.current .num {
    color: white;
    background-color: #23A7DE;
    box-shadow: 0 0 5px 1px #23A7DE;
}

.guide.upload-wiz-nav {
    background-color: transparent;
    border-top: none;
    padding: 0.2rem;
    display: flex;
}

.single-scanning-element a {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
    text-decoration: none;
}

.guide.upload-wiz-nav .upload-wiz-nav-item .num {
    display: block;
}


.guide.upload-wiz-nav .upload-wiz-nav-item {
    width: 100px;
}

.guide.upload-wiz-nav .upload-wiz-nav-item.active {
    pointer-events: none !important;
}

.single-scanning-element label {
    margin-bottom: 0 !important;

}

.hover-underline:hover {
    text-decoration: underline;
}

div.single-scanning-element.active {
    box-shadow: inset 0px 0px 0px 3px #23a7de;
    transform: scale(0.98);
}

div.single-scanning-element {
    background-color: #f5f5f5;
}


.analysis-legend {
    display: flex;
    justify-content: center;
}

.analysis-legend .legend-item {
    margin-bottom: 0.5rem;
    align-items: center;
    display: flex;
    margin-right: 1rem !important;
}


.analysis-legend .legend-item span {

    margin-right: 0.5rem !important;
}



.side-by-side-table .column {
    float: left;
    width: 50%;
    padding: 5px;
}

.side-by-side-table table {
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

.side-by-side-table th,
.side-by-side-table td {
    text-align: left;
    padding: 8px;
}

.side-by-side-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.upload-wiz-nav .upload-wiz-nav-item.active {
    pointer-events: none !important;
}


table.test-setup-table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.test-setup-table td.test-setup-icon {
    text-align: center;
    width: 45px;
    padding: 0 !important;
}

.test-setup-table td,
.test-setup-table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.test-setup-table i {
    font-size: 25px;
}

.wl-row td input {
    height: 30px !important;
}



.premium-sign {
    margin-left: 0.5rem;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #23a7de;
    color: white;
    padding: 1px 3px;
    align-items: center;
    text-align: center;
    border-radius: 3px;
}

div[f-type*=advanced] [field-type=advanced-disabled],
div[f-type=advanced] [field-type=advanced-premium] {
    opacity: 0.5;
    pointer-events: none;
}

div[f-type*=advanced] [field-type=none] {
    display: none !important;
}

div[user-type=private] [field-user-type=private] {
    display: none;
}

.upload-optics-info-icon {
    color: #23a7de;
    margin-right: 0.25rem;
}

div[optics-attr] {
    display: none;
}


select[shapes=volume],
select[shapes=circular],
select[shapes=rectangular] {
    opacity: 0.5;
    pointer-events: none
}


select[shapes*=volume] option[shape=volume],
select[shapes*=circular] option[shape=circular],
select[shapes*=rectangular] option[shape=rectangular] {
    display: block;
}



.live-title {
    background-color: #23a7de;
    min-width: 100px;
    position: fixed;
    padding: 0.25rem;
    left: calc(50%);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.live-title span {
    color: white;
    font-size: 18px;
    font-weight: 700;
}

.analisys-unit-msg {
    bottom: 0;
    /*    margin-bottom: 0.5rem;
*/
    /*padding-left:15px;*/
    padding-left: 10px;
}



.pref-section-padding {
    padding: 0.65rem 0.75rem;
}


.analysis-props-div {
    transition: max-height .35s;
    max-height: 0px;
    background-color: rgb(238, 238, 238);
    width: calc(100% - 18px);
    overflow-y: hidden;
    bottom: 40px;
    border: none !important;
}

.live-slider-icon i {
    font-style: regular;
    font-size: 13px;
}

.live-slider-icon {
    border-radius: 50%;
    width: 15px;
    height: 15px;
    font-size: 20px;
    background: white;
    border: 1px solid #C9D2D2;
    margin-right: 5px;
    margin-left: 5px;
}

.live-parent-slider {
    background: white;
    bottom: 5px;
    border-color: #C9D2D2;
    width: 550px;
    height: 100px;
    left: calc(50% - 275px);
    z-index: 1000;
    border-radius: 12px;
}

.analysis-props-div.show {
    bottom: 40px;
    max-height: 300px;
    border-top: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
}

.analysis-table-parent {
    height: calc(100% - 140px);
    overflow-y: auto;
}

table.analysis-table {
    min-width: 1300px;
    border: 1px solid #ddd;
}

.analysis-table {
    /*    margin: 1rem !important;
*/
    /*margin-top: 1rem !important;*/
    width: calc(100% - 10px);
    border-collapse: collapse;
    font-size: 14px;
}

.analysis-table tr:nth-child(2n+1) {
    background-color: rgba(240, 241, 242, 1);
}

.analysis-table th.zero-line {
    width: 20px !important;
}

.analysis-table th {
    background-color: #23a7de;
    color: white;
    max-width: 50px;

}

/*table.analisys-table, .analisys-table tr, .analisys-table td, .analisys-table th {
    border: 1px solid #ddd;
}*/

.analysis-table tr,
.analysis-table td,
.analysis-table th {
    padding: 5px;
    min-width: 200px;
    max-width: 250px;
    border: 1px solid #ddd;
}

.img-comment-item.mask {
    width: 125px !important;
    height: 125px !important;
}

@media only screen and (max-width: 600px) {
    .landscape-screen {
        display: block !important;
    }
}

.achromatic-lenses {
    background: #f5f5f5;
    padding: 7px;
    border-radius: 5px;
}

.upload-achromatic-lens {
    padding: 0.6rem 0;
    /*    border-bottom: 1px solid rgb(201, 210, 210);*/
}

.upload-achromatic-lens .collapse-title {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
}

.ip-snapshot-btn {
    position: absolute;
    background-color: #23a7de;
    color: white;
    border-radius: 10px;
    bottom: 0 !important;
    right: 0 !important;
    pointer-events: all;
}

.black-border {
    border: 1px solid black;
}

.black-bg {
    background-color: rgba(0, 0, 0, 0.5);
}


#mask-box-dd {
    min-width: auto;
}

.landscape-screen {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: #f5f5f5;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.mask-msg-box {
    background-color: #23a7de33;
    border-radius: 3px;
    border: #23a7de 1px solid;
    padding: 1rem;
}

.framed-small-btn {
    font-size: 16px;
    color: #2E3333;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #C9D2D2;
    height: 36px;
    width: 36px;
    border-radius: 2px;
    padding: 0;
}

/*mask navbar*/

.navbar-logo {
    padding: 15px;
    color: #fff;
}

.navbar-mainbg {
    /*  background-color: #5161ce;*/
    background-color: #f5f5f5;
    padding: 0px;
}

#mask-navbar {
    overflow: hidden;
    position: relative;
}

#mask-navbar ul {
    padding: 0px;
    margin: 0px;
}

#mask-navbar ul li a i {
    margin-right: 10px;
}

#mask-navbar li {
    list-style-type: none;
    float: left;
    width: 50%;
}

#mask-navbar ul li a {
    color: #2e3333;
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 20px 20px;
    position: relative;
}

#mask-navbar>ul>li.active>a {
    color: #2e3333;
    /*        color: #5161ce;
*/
    background-color: transparent;
}

#mask-navbar a:not(:only-child):after {
    content: "\f105";
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 14px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
}

.hori-selector {
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 10px;
}

.hori-selector .right,
.hori-selector .left {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #fff;
    bottom: 10px;
}

.hori-selector .right {
    right: -25px;
}

.hori-selector .left {
    left: -25px;
}

.hori-selector .right:before,
.hori-selector .left:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /*background-color: #5161ce;*/
    background-color: #f5f5f5;
}

.hori-selector .right:before {
    bottom: 0;
    right: -25px;
}

.hori-selector .left:before {
    bottom: 0;
    left: -25px;
}




/*@media (max-width: 991px) {
    #mask-navbar ul li a {
        padding: 12px 30px;
    }

    .hori-selector {
        margin-top: 0px;
        margin-left: 10px;
        border-radius: 0;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }

        .hori-selector .left,
        .hori-selector .right {
            right: 10px;
        }

        .hori-selector .left {
            top: -25px;
            left: auto;
        }

        .hori-selector .right {
            bottom: -25px;
        }

        .hori-selector .left:before {
            left: -25px;
            top: -25px;
        }

        .hori-selector .right:before {
            bottom: -25px;
            left: -25px;
        }
}*/
/*//---------------------------------
*/

.tutorial-publish.icon-btn.disabled {
    opacity: 0.3;
}

.tutorial-publish.icon-btn.active {
    color: #23A7DE;
}

.fade-notice {
    position: absolute;
    /*top: 50% !important;*/
    bottom: 10% !important;
    background-color: #F5F5F5;
    z-index: 10000;
    border-radius: 5px;
    padding: 5px;
    left: 50%;
    border: 1px solid #C9D2D2;
    color: #2E3333;
    font-size: 14px;
    box-shadow: 0 0 12px rgb(0 0 0 / 30%);
}

.custom-source-talbe button {
    border: 1px solid #212529;
    color: #212529;
    vertical-align: middle;
    height: 28px;
    outline: 0 !important;
    width: 28px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.custom-source-talbe button:not(.marked) {
    background-color: #f7f7f7 !important;
}

.custom-source-talbe button.active {
    /*border-radius: 50%;*/
    transform: scale(1.1);
    box-shadow: rgba(0, 0, 0, 0.7) 0 0 6px 0;
}


.separater-dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}


.tabs.sub {
    height: 2rem;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
    height: 2rem;
    padding-right: 0.4rem;
    padding-left: 0.4rem;
    display: inline-block;
    padding: 3px 10px 3px 10px;
    /* color: #90a4ae; */
    /* font-size: 12px; */
    border: 1px solid #90a4ae;
    margin: 0 10px 10px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.input-group.ip-input input {
    text-align: center;
    padding-left: .25rem;
    padding-right: .25rem;
}

.resize-controls i:hover {
    color: #23a7de;
    cursor: pointer;
}

.resize-controls i {
    font-size: 10px;
}

.om-optics-name-element {
    color: #2E3333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add-columns-btn {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px 0px;
    position: fixed !important;
    bottom: 103px !important;
    right: 40px !important;
    z-index: 1;
}

.new_columns_btn {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px 0px;
    z-index: 1;
}

.add-columns-btn.wg {
    bottom: 71px !important;
    right: 20px !important
}

.custom-add-filters-btn button {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px 0px
}

.om-info-btn i {
    background-color: #23a7de;
    border-radius: 50%;
    color: white;
    /*    to centerize the i in the circle*/
    align-items: center;
    display: flex;
    width: 21px;
    height: 20px;
    /*    -------*/
}

.om-info-btn {
    margin-top: 2px;
}


.tabs:hover,
.tabs.active {
    border-bottom: 2px solid #23a7de;
    cursor: pointer;
}

.tabs h6 {
    margin-bottom: 0.4rem;
}

.no-results-om-msg {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 20%;
    align-items: center;
    pointer-events: none;
}

input:-moz-placeholder {
    box-shadow: none !important;
}

input:invalid {
    box-shadow: none;
}

.height-43 {
    height: 43px !important;
}

.minimized-navbar {
    position: absolute;
    z-index: 100000;
    bottom: 0;
    width: 100%;
    height: 45px;
    border-top: solid 1px rgb(201, 210, 210);
}

.custom-input-icon-parent {
    display: table;
    width: 20px;
    background-color: rgba(201, 210, 210, 0.5);
    border: 1px solid #C9D2D2;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 30px;
}

.custom-input-icon-child {
    display: table-row;
    font-size: 9px;
    text-align: center;
    height: 50%;
}

.px-10 {
    font-size: 0.55rem !important;
}

.custom-input-icon-child:hover {
    cursor: pointer;
    background-color: rgb(240, 240, 240);
}

.height-auto-important {
    height: auto !important;
}

.h-fit-content {
    /*   height: fit-content!important;*/
    /*changed because popup alert doenst look good in firefox
*/
    height: auto !important;
}





.v-line-menu {
    width: 1px;
    height: 24px;
    margin: 0 0.25rem;
    background-color: rgba(46, 51, 51, 0.3);
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.custom-qv-main {
    z-index: 401 !important;
    height: auto !important;
    width: max-content !important;
}

.custom-qv-limits {
    min-height: 488px !important;
    min-width: 332px !important;
    max-height: none !important;
    max-width: none !important;
}

.minimized-navbar li :hover {
    background-color: #F5F5F5;
}

.minimized-navbar li {
    background-color: #DEE3E3;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-top: 1px solid #C9D2D2;
    border-left: 1px solid #C9D2D2;
    border-right: 1px solid #C9D2D2;
    margin-right: 0.5rem;
}

/*.minimized-navbar a:hover {
    color: #23a7de !important;
}*/

.minimized-navbar a {
    color: rgba(46, 51, 51) !important;
}


.qv-toolbar {
    height: 50px;
    border-bottom: 1px solid #C9D2D2;
    background-color: rgba(250, 250, 250);
}

.widget-toolbar::-webkit-scrollbar {
    display: none;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #808080;
    margin-left: 5px;
    margin-right: 5px;
}


#qv_chart_modal {
    /*resize: both;*/
    overflow: auto;
    width: 311px;
    height: 405px;
}

.custom-crosshair {
    cursor: url("/assets/custom_crosshair-9f475863.svg") 25 15, auto !important;
}

/*laser mask form grid css*/
.mask-img {
    /*width: 170px;
    height: 170px;*/
    border: 1px solid gray;
}

.laser-mask-parent {
    padding: 1rem;
    cursor: pointer;
}

.input-group .input-group-text {
    padding: 0.25rem 0.5rem;
    /* font-size: 15px; */
}

.laser-mask-parent.active {
    border: 1px solid #23A7DE;
    background-color: white
}


.powered-by {
    bottom: 0;
    /*background: #f5f5f5;*/
    /*border-top: 1px solid rgb(201, 210, 210);*/
}

.video-backdrop {
    opacity: 1 !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
}

/* .options-menu:hover .dropdown:hover div.dropdown-menu {
    display: block !important;
    margin-top: 0;
} */

.multi-level .dropdown-item:hover {
    background-color: #e5e5e5 !important
}

.preferances-box .preferances-box-scroll {
    max-height: calc(100vh - 15px - 45px - 119px) !important;
}

.text-center-span {
    background-color: dimgrey;
    color: white;
    margin-left: .5rem;
    width: 7em;
    border-radius: .3rem;
    margin-bottom: .5rem;
}

.right-side-container {
    position: fixed;
    top: 107px;
    right: 35px;
    height: calc(100% - 110px);
    width: 100px;
    z-index: 100000;
    pointer-events: none;
}

.modes-container {
    position: fixed;
    top: 115px;
    left: 287px;
    z-index: 403;
}

.qv_mode {
    position: fixed;
    /*  top: 115px;
    left: 287px;*/
    z-index: 400;
}

/* .sm-notice {
    top: 170px !important;
} */

.mode-box {
    width: fit-content;
    max-width: 700px;
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
    border-radius: 4px;
    color: #2E3333;
    padding: 0.5rem 0.75rem;
    font-size: 14px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    margin-bottom: 0.5rem;
}

.custom-mode-box-padding {
    padding: 0.5rem 0.75rem;
}

.rotateable-icon {
    width: 23px;
    height: 23px;
    left: 50%;
    z-index: 199999;
    margin-right: -50%;
    position: absolute;
    transform: translate(-50%, -200%);
    cursor: pointer;
    -webkit-user-drag: none;
    background-color: whitesmoke;
    border-radius: 40%;
    padding: 2px;
}

.shape-mode-div {
    bottom: 70px;
    left: 10px;
    min-width: 200px;
}

.line-arrow-icon {
    font-size: 27px;
}

.pb-half {
    padding-bottom: 0.5rem !important;
}

.icon-btn.active .rect-btn {
    fill: #23A7DE;
}

.resize-padding {
    /*border: 1px dashed white;*/
    border: 1px dashed #007bff;
}

.height-auto {
    height: auto !important;
}

.resizable {
    background: transparent;
    width: auto;
    height: auto;
    padding: 2px;
}

.resizable .resizers,
.resizers_text .resizers {
    width: 100%;
    height: 100%;
    /*border: 3px solid transparent;*/
}

.resizable .resizers .resizer,
.resizers_text .resizers .resizer {
    width: 7px;
    height: 7px;
    /*border-radius: 50%;*/
    background: white;
    border: 1px solid #000;
    position: absolute;
}

.resizable .resizers .resizer.top-left,
.resizers_text .resizers .resizer.top-left {
    left: -5px;
    top: -5px;
    cursor: nwse-resize;
    /*resizer cursor*/
}

.resizable .resizers .resizer.top-right,
.resizers_text .resizers .resizer.top-right {
    right: -5px;
    top: -5px;
    cursor: nesw-resize;
}

.resizable .resizers .resizer.bottom-left,
.resizers_text .resizers .resizer.bottom-left {
    left: -5px;
    bottom: -5px;
    cursor: nesw-resize;
}

.resizable .resizers .resizer.bottom-right,
.resizers_text .resizers .resizer.bottom-right {
    right: -5px;
    bottom: -5px;
    cursor: nwse-resize;
}

.resizable .resizers .resizer.bottom-right,
.resizers_text .resizers .resizer.bottom-right {
    right: -5px;
    bottom: -5px;
    cursor: nwse-resize;
}

.resizable .resizers .resizer.bottom .resizers_text .resizers .resizer.bottom {
    height: 1px;
}


.scroll-all-cursor {
    cursor: all-scroll !important;
}

.snapshot-bg-dd {
    min-width: auto;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu .dropdown-item:hover {
    cursor: pointer;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    min-height: max-content;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.header-dropdown-submenu>a:after,
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-left-color: #ccc;
    margin-top: 5px;
}

/*.dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }*/

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

.dropdown-menu {
    margin: 0;
}

.jpg-edit-comment-box .img-comment-item:hover {
    cursor: pointer
}

.h-100 {
    height: 100%;
}

.snapshot-icon {
    cursor: all-scroll;
    width: 150px;
    height: auto;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.jpg-edit-comment-box {
    min-width: 400px;
}

.resize-icon {
    right: 5px;
    top: -5px;
    position: absolute;
    cursor: pointer;
}

.align-icon {
    min-width: 2rem;
}

.align-icon img {
    width: 16px;
    height: 16px;
}

.snapshot-dropdown:hover {
    background: #a6a6a6
}

.box-shadow-25 {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.custom-icon {
    margin-right: .2rem;
    margin-left: .2rem;
    display: inline-block;
    font-family: 'mapi';
    line-height: 1rem;
    vertical-align: top;
}

/*make input number to be without arrows*/
.number-no-arrows::-webkit-outer-spin-button,
.number-no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}

.analysis-results-item {
    max-width: 270px;
    width: 270px !important;
    /* width: 30% !important; */
}


/* Firefox */
.number-no-arrows[type=number] {
    -moz-appearance: textfield;
    appearance: none;
}

.minimize-item {
    background-color: #23a7de !important;
    color: white !important;
}

.minimize-item:hover {
    background-color: #23a7de;
    color: #2E3333 !important;
}

.minimize-item.label-00 {
    background-color: #7F8C8D !important;
}

.minimize-item.label-01 {
    background-color: #3372DF !important;
}

.minimize-item.label-02 {
    background-color: #23A7DE !important;
}

.minimize-item.label-03 {
    background-color: #1DA79D !important;
}

.minimize-item.label-04 {
    background-color: #19CB59 !important;
}

.minimize-item.label-05 {
    background-color: #9FEA47 !important;

}

.minimize-item.label-06 {
    background-color: #F9EA07 !important;

}

.minimize-item.label-07 {
    background-color: #F9C221 !important;
}

.minimize-item.label-08 {
    background-color: #F99B21 !important;
}

.minimize-item.label-09 {
    background-color: #FB536A !important;
}

.minimize-item.label-10 {
    background-color: #C138D0 !important;
}

.minimize-item.label-11 {
    background-color: #8F25DF !important;
}

.minimize-item.label-12 {
    background-color: #4E34C9 !important;
}

.minimize-item.label-13 {
    background-color: #6f61c0 !important;
}

.minimize-item.label-14 {
    background-color: #f97421 !important;
}

.minimize-item.label-15 {
    background-color: #cef921 !important;
}

.analysis-pixel-cursor {
    z-index: 10000;
    position: fixed;
    pointer-events: none;
}

.analysis-pixel-cursor.spot {
    display: block;
    width: 15px;
    height: 15px;
    box-shadow: 0px 0px 2px 2px white;
}


.cross-section .horizontal-line {
    position: absolute;
    pointer-events: none;
    border-top: 1px dashed dimgray;
    left: 0;
    height: 2px;

    width: 100%;
}


.cross-section .vertical-line {
    position: absolute;
    pointer-events: none;
    border-left: 1px dashed dimgray;
    height: 100%;
    width: 2px;
    top: 0
}

@keyframes analysis-spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.analysis-portal-btn-wrap {
    position: absolute;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
}

.analysis-portal-btn {
    width: 40px;
}

.icon-analysis-spinner {
    height: 150px;
    animation: analysis-spinner 1.5s linear infinite;
}

/*support images form edit snapshot*/
.color-select.none {
    background-image: url("../images/color-none.svg") !important;
}

.btn-comment {
    background-image: url("../images/comment-stroke.svg") !important;
}

.btn-comment:hover,
.btn-comment.active {
    background-image: url("../images/comment-stroke-aclive.svg") !important;
}

#materials-dropdown-parent-info ul {
    margin-bottom: 0 !important;
}

.error-sign {
    font-weight: 900;
    font-size: 16px;
}

.h-85 {
    height: 85% !important;
}

.svg-chart-container {
    min-height: 400px !important;
}


.chart-legend .chart-legend-item.item-5::before {
    background-color: #F85C50;
}

.chart-legend .chart-legend-item.item-6::before {
    background-color: #BC0022;
}

.chart-legend .chart-legend-item.item-7::before {
    background-color: #7C3668;
}

.chart-legend .chart-legend-item.item-8::before {
    background-color: #0043A4;
}

.chart-legend .chart-legend-item.item-ip1::before {
    background-color: #FF3333;
}


.word-break {
    word-break: break-word;
}

.tool-tip-chart-svg {
    height: auto;
    z-index: 1000;
}

.tool-tip-chart-svg div {
    width: max-content;
    height: auto;
    min-width: 50px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    border: 1px solid #23A7DE;
    user-select: none;
    color: black;
    padding: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    background: rgba(255, 255, 255, 1)
}


.tool-tip-svg-material {
    position: absolute;
    height: auto;
    z-index: 1000;
}

.tool-tip-svg-material div {
    width: max-content;
    height: auto;
    min-width: 50px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    border: 1px solid #23A7DE;
    user-select: none;
    color: black;
    padding: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    /*  background: rgba(255,255,255,0.8)*/
    background: rgba(255, 255, 255, 1)
}

.tool-tip-svg-filter {
    /*position: absolute;*/
    position: fixed;
    height: auto;
    z-index: 1000;
}

.tool-tip-svg-filter div {
    width: max-content;
    height: auto;
    min-width: 50px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    border: 1px solid #23A7DE;
    user-select: none;
    color: black;
    padding: 5px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    /*  background: rgba(255,255,255,0.8)*/
    background: rgba(255, 255, 255, 1)
}

.error-filter-item {
    font-size: 14px;
    font-weight: 700;
    font-family: inherit;
}


.snapshot-bg-item {
    height: 18px;
    width: 18px;
    border: 1px solid #2E3333;
}

.break-lines {
    white-space: pre-wrap;
}

.jpg-comment-textbox {
    white-space: pre-wrap;
    text-align: left;
}

.regular-text-div-snapshot {
    font-size: 14px;
}

.browser-img {
    margin: 2px;
    width: 30px;
    height: 30px;
    padding: 3px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.7);
}

.browser-text {
    max-width: 300px;
}

.body-text {
    padding: 10px;
    grid-area: body-text;
}

.grid-container {
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 3px;
    display: grid;
    position: fixed;
    left: 25px;
    bottom: 25px;
    gap: 1px 1px;
    grid-template-areas: "images body-text body-text body-text";
}

.images {
    padding: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1px 1px;
    /* grid-template-areas: "img-1 img-1 img-1" "img-2 img-2 img-2"; */
    grid-area: images;
}

.img-1 {
    grid-area: img-1;
}

.img-2 {
    grid-area: img-2;
}

.edit-image-navbar {
    position: absolute;
    right: 0;
}

.modal-content-edit-image {
    max-height: 800px;
}


.snapshot-tooltip {
    padding: 0.2rem;
    width: 10rem;
    height: auto;
    z-index: 10000000;
    position: absolute;
    border-radius: 0.2rem;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 2px;
    user-select: none;
    border: 1px solid #23A7DE;
    background: rgba(255, 255, 255, 0.9);
}


.a-btn {
    pointer-events: all;
    color: #23A7DE;
    cursor: pointer;
}

.no-material-image {
    height: 350px;
    margin: 20px
}

/*laser mask form css*/

.grid-container-laser-mask {
    display: grid;
    grid-template-columns: auto auto;
    padding: 10px;
}

.grid-item {
    padding: 20px;
    text-align: center;
    align-items: center;
    margin: auto
}

.grid-item img {
    width: 200px;
    height: 200px;
    background: #ccc;
}


/*-------------------------------*/

#notice-modal {
    z-index: 500000000 !important;
}

.detector-chart-modal {
    min-width: 1000px;
}

.upload-optics-modal {
    min-width: 1140px
}

.icon-check:hover {
    cursor: pointer;
    align-self: center;
}

.icon-check-empty:hover {
    cursor: pointer;
    align-self: center;
}

.system-type {
    font-size: 20px;
    font-weight: bold;
}

.overflow-auto {
    overflow: auto;
}

.modal.chart-modal.double-chart-modal {
    width: 1000px !important;
    top: 50px;
    max-height: 70vh;
    max-width: 70vw;
    overflow: auto;
}

.model-content-double-chart {
    max-height: calc(100vh - 5rem) !important;
    height: fit-content !important;
}

.vertical-menu {
    width: 100px;
    position: absolute;
    z-index: 100000;
}

.vertical-menu a {
    background-color: #fafafa;
    color: black;
    display: block;
    padding: 5px;
    text-decoration: none;
}


.vertical-menu a:hover {
    background-color: #ccc;
}

.vertical-menu a.active {
    background-color: #23A7DE;
    color: white;
}

.dropdown-toggle::after {
    content: none !important;
}

.selectableItem {
    user-select: text !important;
}


.small-widget {
    background-color: #F5F5F5;
    color: #7F8C8D;
    border: 1px solid #C9D2D2;
    padding: 0.25rem;
    border-radius: .25rem;
}

.small-widget-parent {
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px;
}

.btn-invite-friends {
    border-color: #61b961;
    color: #fff;
    background-color: #55bb55;
}

.btn-invite-friends:hover {
    border-color: #61b961;
    color: #fff;
    background-color: #88d788;
}


.body {
    user-select: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.user_select_none {
    user-select: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.preferances-box .range-input-group .form-control {
    width: 70px !important;
    height: 30px;
    font-size: 14px;
    padding: 0.375rem 0.25rem;
}

.refresh-preview-optic {
    top: 1.2rem;
    left: 2rem;
    position: absolute;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: #23A7DE !important;
    background-color: #23A7DE !important;
}

.ls-dd {
    position: fixed !important;
    margin-top: 5px;
    background-color: white;
    border: 1px solid #C9D2D2;
    border-radius: 5px;
    z-index: 99999;
    padding: 5px;
}


.custom-control-input:not(:disabled):active~.custom-control-label::before {
    border-color: rgba(35, 167, 222, .5) !important;
    background-color: rgba(35, 167, 222, .5) !important;
}

.canvas-border #canvas_container {
    border: #23A7DE solid 3px;
}

.prizma {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAYCAYAAAACqyaBAAAABHNCSVQICAgIfAhkiAAABCRJREFUSIm1lmtMW2UYx/8vLZyWc1hiyBB0MTCNH7i5pEi5mOGmLEjB6jLmcCExcUMEM+OEiDEzEGcwI0DmFwdhglnIGLdxUUm2mn0YCEzIYmIci3MEVicSnLQ9t3JaHj/MEi6lKUz+yZucvM/ld54n5z3PC9pYt4hoJ7ZTRETJJtPyOt/Sorjd7ultB6+FX2hr84Gjg4zNJaJXHhm+BXCoKEl2SZLuEZFuy/DNggFA07Ty0bExaWR0VPJ6vR9sGb5ZMBHtVFVVtFitlGu1kqqqIhE9tll2CIDpsLAwM2NsNtggSZLqO7u7Q+/Z7bDb7Wjv7NSpqlq7WTgjol2MMXuwAUS0RxTFH7Nzc42yLAMADAYDrg4OijsiIsyMsV+DzRWyEkxEbKND7/ORJOlCbUODQZZlpKelIc1shqqq+OLMGaOiKC3BggGAramKAVh6LiVlldPP4+PLz1NTU8prBQVGxhi6Ll4EATh05AgA4Hxj44OE+Hh3WFhYr06n+xbAD4wx9yPBN6PIyEi8uHfvosVi+ScpPn6HpmljPM93AxhgjE1vK3ylOI5DWmoqDmRnO/dlZYUyxv7W6XSXOY7rBzAUdNs1TaOc/Hw2Pz+PoqNH0TcwAKfTuQ6o1+vxbnExfpqYwPjEBDwez7ItMSEB+7KyvG8WFnrDjcYSv3B/VZxravJ81dSkT0pMRGtzsyKKIt4pKzNO3r69ztean49DBw/i6d27MXHzJoaGhzE0PIw/7t9HSEgIRq9fX+Q47knmh7NKRGR2OBzXXsrJMWqaht6uLjkuNrYYwANVVS/V1tfzXT09If5iBUHA8ykpSDebkZaaCgD47c4dvJCZOWcwGGIDwomISYoyWVVd/ewVmw2v5uWhsqLiF0EQkv6zPyVK0uDIyEjcx6dOGTVNC1hIVFQUcnNy8F5pqTtUr+f9vvEKvW2323ddsdlgMBjwUXm5yvN8kc/IGJsReH5PZkbGN5c7OqTo6NV/6NNVVag4eRKZGRngOA5zc3OYnZ2FJIpDjDFvoKojFEVxFBQWPpzzra2Lsixf2sjf4/FYHU6n43hJyZJvRKekp1PpiRPU3tFB0zMzNHbjBt2anHQT0bmAJcuy/GVPX5+SbDLRAYuF3G63QkQxgWKIKM7lct1pbG5WV15QfOv1ggK6arORy+XqBR4OFn9JniHgeF1DgwEAPqmslAHUMMb+DARnjE0JgpDwxuHD331WVSX69l/evx9PxMTg97t3wfO8SxCEvg2TuETxWm1dnTfZZKK3jh0LcM0LrMKiIko2maj+7FkiIlpYWJA1TfP4Orjuayei7L/m5npz8vLCl5b8HvlNS6/X4/v+fvnxqKjTAGYYY23AmrYTUagsy19/Wl39v4EBwOPx4POamnBJlssAtPt1IqIPt9zj4PW+j/cvp/oQccq1yKAAAAAASUVORK5CYII="), auto !important;
}

/*.prizma #canvas_container {
        border: #23A7DE solid 3px;
    }*/



.auto {
    cursor: auto !important;
}

.pointer {
    cursor: pointer !important;
}

.grabbing {
    cursor: grabbing !important;
}

.pan {
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAABHNCSVQICAgIfAhkiAAAAoxJREFUOI3VlE1IVFEUx/93nI83zmQN1ibIViYGGtjCMQKDwIKyJJkEBQfdSDsjcRgHJYTWRS1DEGU2JbSKCsNNNZroJvErHZpxBD8Sbd68eTPvvTvvtMlB05le0qb/6pxz/+d37z1wL2BQsizfT6fTPzjnCSK6RkROIioz2n9ARHQ1Go3GL7rddLe5mVRVlTc2NrYikchmPB5/Q0TWvX5THtAxMZF4xTnXdF0fmZyasmiahoXFRYiiaG/weIpvNTaeWg6HLwGoNwRNJpPPXo6M3KiqrjYPBYMC5zx7GjGRQDKZBABEolELEflEUfxARG15oRrnFz6GQhYA+BQKCURUcJhP1/WC8YmJ8s6ursufJyefpFKpQE4oABMR7c4ip0nXdevg8LBzanoag0NDRSlFuZkPaliapgEAOOdggPWfQH/X/wM1GzHNLyxgbX09mwf6+rLxcDCI7Z2dfX4TABBRZUKSpjOZjEZEj4moaK8pIUmIra5m89m5uWy8EotBkqT9UCI6FxfFsW6/v6qppcX8bnTUK8vyil0QThu5xWEypxXl6XI4fCI0Pg4iQrff76qsqEBvT0/6qFCTYLPdKSstnX/U3893i19mZtDc2ip8XVo6GpQxJjudzportbVLD3t7td0FTdMOzMowFAAYY5KjsLDmel1dpMfn0/7UZAj6Cxy32+3u2/X1qw86O48GZgwAdNP+GtsWBKG6yeNZu9fRof4t82xJCSxm8+yBF8UY+26z2dztXu9Wm9erGAVarVa0e70ph8PxmuUyEdEZVVUn3o+NHX8+MOD4FomADvkCLRYLzpeXoy8QUE4WF791uVwNeXcnIpcsyy8ymYxKOcQ555IkxRRF8RERA4CfJpRcimbDKY8AAAAASUVORK5CYII="), auto !important;
}

.login-wrap {
    z-index: 100000;
    /* background-image: url("../images/login-bg.jpg") !important; */
}

.model {
    transition: .0s !important;
}

.brands-dropdown {
    height: auto;
    overflow: auto;
    max-height: 250px;
}

.opticts-preview-img img {
    /* height: 250px !important;
    width: auto !important */
    width: 250px !important;
    height: auto !important
}

.modal-footer #ok-btn {
    margin-left: 0.25rem !important;
}

.optics-parser {
    max-height: 550px !important;
}

.analysis-dd>.dropdown-item {
    text-overflow: ellipsis;
    overflow: hidden;
    flex-flow: nowrap;
}

.analysis-dd>.dropdown-item:hover {
    background-color: none;
}


.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.disabled-opacity {
    opacity: 0.5;
}

.active2 {
    font-size: 36px !important;
}

.none-important {
    display: none !important
}

.page-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
}

.page-loading .loader {
    height: 100px;
}

.page-loading .page-loading-text {
    color: #fff;
    letter-spacing: 3px;
    margin-bottom: 0;
    margin-top: 10px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.chart-legend .chart-legend-item {
    font-size: 14px;
}

.snapshot-tooltip {
    padding: 0.2rem;
    width: 10rem;
    height: auto;
    z-index: 10000000;
    position: absolute;
    border-radius: 0.2rem;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 2px;
    border: 1px solid #23A7DE;
    background: rgba(255, 255, 255, 0.9);
    user-select: none;
}

.part-info-information-icon {
    background-color: #23A7DE;
    border-radius: 15px;
    margin: 0.5rem;
    color: white;
    font-size: 13px;
}

.part-info-information-icon:hover {
    background-color: #48BAE9;
}

.tool-tip-optics-disable-info {
    position: fixed;
    height: auto;
    z-index: 1040;
    pointer-events: none;
}

.tool-tip-optics-disable-info.measures {
    max-width: 220px;
}

.tool-tip-optics-disable-info div {
    overflow-x: hidden;
    overflow-wrap: break-word;
    height: auto;
    min-width: 50px;
    text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
    border: 1px solid #23A7DE;
    user-select: none;
    color: black;
    padding: 5px;
    background: rgba(255, 255, 255, 1);
    margin-left: 0.1rem;
}

.snapshot-svg-parent {
    background-color: #e5e5e5;
}

.snapshot-svg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5
}

.qv-buttons button.active {
    color: #23A7DE;
}

.qv-buttons button {
    display: flex;
    align-items: center;
    padding: 4.8px 6.4px;
}

.qv-buttons button i {
    font-size: 12px;
}

.icons-header .icon-btn.active {
    color: #23A7DE;
}

.custom-crop-icon {
    position: fixed;
    font-size: 17px;
    background-color: white;
    color: #23A7DE;
}

.icon-crop-alt-regular.active {
    color: #23A7DE;
}

.color-select.active {
    border-color: #C9D2D2;
}

.custom-trash-btn {
    position: fixed;
    background-color: white;
}

.ne-resize-cursor {
    cursor: ne-resize !important;
}

.nw-resize-cursor {
    cursor: nw-resize !important;
}

.live-range-wrap {
    /*   width: 500px;*/
    position: relative;
}

.live-range-value {
    position: absolute;
    bottom: 50px;
}

/*.live-range-value span {
*/
.live-range-value input {
    border: none !important;
    outline: none !important;
    width: 85px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #23a7de;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}

/*    .live-range-value span:before {
*/
.live-range-value input:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #03a9f4;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}


.live-custom-range:hover~.live-range-value {
    display: block;
}

/*.live-custom-range ~ .live-range-value {
    display: none;
}*/


.custom-old-slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;
    background: #C9D2D2;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.custom-old-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #23A7DE;
    cursor: pointer;
}

.custom-old-slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #23A7DE;
    cursor: pointer;
}

.bold {
    font-weight: 700;
}

.dropdown-btn {
    font-weight: 700
}

.dropdown-btn:hover {
    cursor: pointer !important;
}


.widget-tooltip {
    background-color: black;
    color: white;
    border-radius: 10%;
    padding: 2px;
    position: absolute;
    height: auto;
    z-index: 1000;
    user-select: none;
}

/*.carousel-item.active{
    display: flex !important;
}*/

.responsive-iframe-div {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 75%;
    height: 0;
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}


.select2-dropdown {
    z-index: 1701 !important;
}

.select2-selection--multiple {
    border: 1px solid #C9D2D2 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F5F5F5 !important;
    border: none !important;
    font-size: 0.8rem;
}

.setup-labels :invalid:required~span .select2-selection {
    border-color: red !important;
}

.setup-details-label {
    position: relative;
    display: block;
    margin-bottom: 4px;
    /*font-weight: bold;*/
}

.text-box-setup-details.small-text-box {
    min-height: 2rem;
    max-height: 10rem;
    /*height: 2rem;*/
}

.text-box-setup-details.medium-text-box {
    min-height: 5rem;
    max-height: 25rem;
}

.text-box-setup-details.big-text-box {
    min-height: 5rem;
    max-height: 64rem;
}

.custom-text-input-setup {
    width: 40rem;
    height: 2rem;
}

.camera-view-dropdown {
    min-width: 16rem !important;
}

.camera-view-number-input {
    /*max-width: 3.5rem;*/
    max-width: 4.5rem;
    max-width: 5rem;
}

.clear-button i {
    font-size: 17px;
    color: #23a7de;
}

.clear-button {
    background-color: #fff;
    border-left: none;
    border-left-style: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #C9D2D2;
    display: none;
    font-weight: 400;
    color: #2E3333;
    border-right: none;
}

.clear-button.show {
    display: flex;
}

.no-wrap {
    flex-wrap: nowrap !important;
}

.show-clear-button {
    border-right: none !important;
}

.custom-search-input {
    border-right: none !important;
}

.custom-search-input:focus {
    box-shadow: none !important;
    z-index: 0 !important;
}

.custom-widget-mode #canvas_container {
    border: #23A7DE solid 3px;
}

.custom-widget-mode #widget-mode-box {
    display: block !important;
}

/*.fiber-connection-box-mode #fiber-connection-box {
    display: block !important;
}*/

.alignment-mode-box #alignment-mode {
    display: block !important;
}

.alignment-mode-box #canvas_container {
    border: #23A7DE solid 3px;
}

/*.fiber-connection-box-mode #canvas_container {
    border: #23A7DE solid 3px;
}*/

.custom-video-mode #canvas_container {
    border: #23A7DE solid 3px;
}

.custom-video-mode #video-mode-box {
    display: block !important;
}


.f5-color {
    background-color: #F5F5F5;
}

.detector-collapse {
    background-color: #F5F5F5;
}

.m-width-0 {
    min-width: 0 !important;
}

.video-menu {
    cursor: pointer;
}

.custom-widget-mode .widget-mode-box .dropdown-divider,
.custom-video-mode .video-mode-box-menu .dropdown-divider {
    height: 0;
    margin: 0;
    border-top: 1px solid #C9D2D2;
}

.custom-widget-mode .widget-mode-box .widget-mode-box-item,
.custom-video-mode .video-mode-box-menu .video-mode-box-item {
    padding: .5rem;
}

.custom-widget-mode .widget-mode-box .widget-mode-box-item.hover:hover,
.custom-video-mode .video-mode-box-menu .video-mode-box-item.hover:hover {
    background-color: rgba(222, 227, 227, 0.7);
}

.custom-widget-mode .widget-mode-box .widget-mode-box-item.active,
.custom-video-mode .video-mode-box-menu .video-mode-box-item.active {
    background-color: #DEE3E3;
}


.custom-widget-mode .widget-mode-box .widget-mode-box-item.hover:hover,
.custom-video-mode .video-mode-box-menu .video-mode-box-item.hover:hover {
    background-color: rgba(222, 227, 227, 0.7);
}

.custom-video-mode .video-mode-box-menu .video-mode-box-item .video-mode-box-text {
    background: white;
    border: none;
    margin: .5rem;
}

.custom-video-mode .video-mode-box-menu .video-mode-box-item .video-mode-box-text:focus {
    border: none;
    outline: 0;
}

.custom-widget-mode .widget-mode-box .widget-mode-box-item .video-mode-box-text {
    line-height: 1.2;
}

.btn.password-btn {
    margin-left: -47px;
    border: none;
    outline: 0 !important;
    box-shadow: none;
}


.btn.password-btn:focus {
    border: none;
    outline: 0 !important;
    box-shadow: none;
}

.custom-video-mode .video-mode-box-menu {
    /* position: absolute;
    display: block;*/
    min-width: 360px;
    /*  min-width: 300px;*/
    /*top: 115px;
    left: 65px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    z-index: 100;
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
    border-radius: 4px;*/
}

.custom-widget-mode .widget-mode-box {
    position: absolute;
    display: block;
    min-width: 300px;
    top: 0;
    left: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    z-index: 100;
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
    border-radius: 4px;
    padding: 0;
}

.custom-snapshot-mode .snapshot-mode-box {
    display: block !important;
}



.custom-video-mode .video-mode-box-menu .video-mode-box-item .icon-btn {
    font-size: 12px;
    border-color: #C9D2D2;
    color: #2E3333;
    height: 24px;
    width: 24px;
    border-radius: 4px;
    padding: 0;
}

.custom-video-mode .video-mode-box-menu .video-mode-box-item .video-mode-box-text .internal-autofill-selected {
    background-color: white;
}

.font-size-14px {
    font-size: 14px;
}

.font-size-16px {
    font-size: 16px;
}

.custom-widget-mode .widget-mode-box .widget-mode-box-item .icon-btn {
    font-size: 16px;
    border-color: #C9D2D2;
    color: #2E3333;
    height: 36px;
    width: 36px;
    border-radius: 4px;
    padding: 0;
}

.widget-options-container {
    position: absolute;
    /*position: fixed;*/
    /*bottom: 0;*/
    /*bottom: 2px;*/
    bottom: 8px;
    background-color: white;
    width: 100%;
    border-bottom-left-radius: 4.8px;
    border-bottom-right-radius: 4.8px;
    border: #C9D2D2 solid 1px;
    max-width: min(50vw, 300px) !important;
}

.slider-m {
    margin: 1rem 1rem .25rem 1rem !important;
}

.widget-modal-dialog {
    margin: 0;
    position: relative;
}

.widget-img {
    min-width: 150px;
    right: 20px !important;
    position: fixed !important;
    display: flex !important;
    border-radius: .3rem;
}

.widget-img.d-none {
    display: none !important;
}

.widget-3d .page-loading {
    top: 87px;
    z-index: 99999999;
}


.widget-img .carousel-item {
    transition: none;
}

.widget-border {
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
}

.widget-border .modal-content {
    border: none;
}

.widget-body {
    padding: 250px 0;
    margin: 0;
}

.carousel-control-next,
.carousel-control-prev {
    top: 0 !important;
    bottom: auto !important;
}

.widget-img .icon-btn {
    background-color: rgba(240, 240, 240, 0.5) !important;
    border: 1px solid rgba(201, 210, 210, 0.5) !important;
    font-size: 8px !important;
}

.video-arrows:hover {
    fill: #23A7DE;
}

.custom-toggle-icon-active.active .custom-non-active-icon,
.custom-toggle-icon-active:not(.active) .custom-active-icon {
    display: none !important;
    color: #2E3333
}

.custom-toggle-icon-active.active icon-lens,
.custom-toggle-icon-active:not(.active) .icon-lens-off {
    display: inline-block !important;
    color: #2E3333;
}

.custom-toggle-icon-active:focus #no-lens-default-icon,
.custom-toggle-icon-active:focus #no-lens-active-icon {
    color: #2E3333
}

.widget-grid .icon-grid,
.widget-grid.active .icon-grid-off {
    display: none !important;
    color: #2E3333;
}

.widget-grid.active .icon-grid,
.widget-grid .icon-grid-off {
    display: block !important;
    color: #2E3333;
}




.video-menu-input-div.show-time-input #group-title {
    max-width: 120px;
}

.video-menu-input-div.show-time-input #delay-time-input {
    display: block !important;
}

.custom-grey-btn {
    border: none;
    border-color: #C9D2D2 !important;
}

.custom-grey-btn.left {
    border-right: 1px solid;
}


.custom-grey-btn.right {
    border-left: 1px solid;
}


.custom-input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #C9D2D2;
}


.custom-text-color {
    padding: 0;
    width: 30px;
    height: 15px;
    border: none !important;
    outline: 0;
}

.custom-text-color:focus {
    border: none !important;
    box-shadow: none;
}

.custom-bold-btn.active {
    background-color: rgba(201, 210, 210, 0.5);
}


.draggable-note-ta {
    outline: 0px;
    overflow: hidden;
    resize: none;
    margin: 0px;
    width: 150px;
    cursor: all-scroll;
    padding: 5px 10px;
    line-height: 1.5;
}

.draggable-note-ta.edit {
    cursor: text;
}

.draggable-note-ta.active {
    outline: #007bff dashed 1px;
}

.arrow-style {
    display: none !important;
    max-height: 20px;
    max-width: 20px;
}

.arrow-style.active {
    display: block !important;
}


.custom-part-option {
    display: none !important;
}



.csb-main,
.csb,
.csb-all,
.csb-fs,
.csb-align,
.csb-fw,
.csb-ls,
.csb-as,
.csb-bgc,
.csb-c,
.csb-brc {
    display: none !important;
}

.csb-main.active,
.csb.active,
.csb.active .csb-all,
.csb-text .csb-fs,
.csb-text .csb-align,
.csb-text .csb-fw,
.csb-text .csb-c,
.csb-text .csb-bgc,
.csb-text .csb-brc,
.csb-text .csb-ls,
.csb-rect .csb-brc,
.csb-rect .csb-bgc,
.csb-rect .csb-ls,
.csb-line .csb-fs,
.csb-line .csb-bgc,
.csb-line .csb-ls,
.csb-line .csb-as {
    display: flex !important;
}

.csb-fs {
    flex-wrap: nowrap;
    min-width: 110px;
}


.csb-bgc .sp-replacer,
.csb-brc .sp-replacer,
.csb-c .sp-replacer {
    visibility: hidden;
    width: 0;
    height: 0;
    margin: 0;
    border: none;
    padding: 0
}

.color-div {
    background: black;
    height: 4px;
    width: 20px;
    position: absolute;
    bottom: 0px;
    border: 1px solid black;
}

.color-spectrum label {
    margin: auto 2px;
}

.custom-scroll-bar {
    min-width: 1100px;
}

.unselectable-custom {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.snapshot-footer-custom {
    min-width: 1000px;
    height: 65px;
}

/*.ortho-box-mode {
    position: fixed;
    z-index: 50;
    max-width: 700px;
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
    border-radius: 4px;
    color: #2E3333;
    font-size: 14px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}*/


.ortho-box-mode #ortho-box-mode {
    display: block !important;
    position: fixed;
    top: 115px;
    position: fixed;
    top: 115px;
    right: 315px;
    z-index: 403;
}

.ortho-box-mode #canvas_container {
    border: #23A7DE solid 3px;
}


.ortho-box-mode .ortho-box-menu .dropdown-divider {
    margin: 0;
}

/* .ortho-box-mode .icons-header-dropdown-menu .icons-header-dropdown-item {
        padding: 0.5rem;
    }*/

.ortho-box-mode .icons-header-dropdown-item .x-axis-color {
    color: #FF5A5F;
}

.ortho-box-mode .icons-header-dropdown-item .y-axis-color {
    color: #0CB755;
}

.ortho-box-mode .icons-header-dropdown-item .z-axis-color {
    color: #2F80ED;
}

.ortho-box-mode .icons-header-dropdown-item .active {
    box-shadow: 0 0 0 0.2rem rgba(35, 167, 222, 0.3)
}

.custom-xyz {
    display: flex;
}

.measures_icon_delete {
    width: 27px !important;
    height: 27px !important;
    font-size: 12px !important;
}

.transparent-image-frame {
    border: 5px solid #23a7de;
    /* background-color: rgba(255,255,255,0.2);*/
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.0);
    height: 600px;
    width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* @media screen and (max-width:1550px){
    .media-btn span{
        display: none;
    }
} */

/*portrait*/
@media screen and (max-width:481px) {
    #login-wrap {
        overflow-y: auto;
    }

    .widget-toolbar {
        overflow-x: auto;
        margin-left: 4rem;
    }

    #browser-menu-login {
        display: flex;
        position: static;
        width: max-content;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #login-box {
        width: 90%;
        margin: 5%;
        margin-top: 50px;
        top: 5%;
        position: relative;
    }

    #login-footer {
        max-width: 500px;
        width: 94%;
        margin: 3%;
    }
}

#forgot-password-container.external .forgot-password-div {
    background-color: white;
    background-image: none !important;

}

/*landscape*/
@media screen and (max-height:481px) {
    #login-footer {
        width: 94%;
        margin: 3%;
        max-width: 500px;
    }

    #login-wrap {
        overflow-y: auto;
    }

    #browser-menu-login {
        display: flex;
        position: static;
        width: max-content;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #login-box {
        max-width: 500px;
        margin-top: 400px;
    }
}

.custom-snapshot-bar {
    text-align: center;
    border-top: 0 !important;
    border-bottom: 1px solid #C9D2D2;
}

.csb-current-stage .num {
    background-color: #23a7de !important;
}

.csb-current-stage .csb-stage-text {
    color: #23a7de;
}

.custom-part-visibility .icon-eye-off-outline,
.custom-part-visibility.show .icon-eye {
    display: none !important;
}

.custom-part-visibility.show .icon-eye-off-outline,
.custom-part-visibility .icon-eye {
    display: block !important;
}

.tpm-visibility.show .icon-eye-off-outline,
.tpm-visibility .icon-eye {
    display: block !important;
}

.tpm-visibility .icon-eye-off-outline,
.tpm-visibility.show .icon-eye {
    display: none !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.custom-measure-btn {
    padding: 1px 6px !important;
    outline: 0 !important;
    width: 36px !important;
}

.tpm-input {
    min-width: 35px !important;
    width: 35px;
}

.tpm-input:focus {
    outline: 1px solid #23A7DE !important;
}

.measures-input {
    min-width: 54px !important;
    width: 54px;
    margin-left: 0.5rem;
}

.measures-input:focus {
    outline: 1px solid #23A7DE !important;
}

.measures-settings-icon {
    border-radius: 15px;
    margin: 0.5rem;
    cursor: pointer;
}

.custom-w-max {
    width: max-content;
}

.pol-params input {
    color: #2E3333;
    border: 1px solid #C9D2D2;
}

.func-text-pol {
    width: 80px !important;
}

.delta-text-pol {
    width: 50px !important;
}

.custom-all-100 {
    height: 100% !important;
    width: 100% !important;
}

.custom-80px {
    width: 80px !important;
}


.source-apperanace.active img {
    border: 2px solid #23a7de;
}

.source-apperanace img {
    width: 50px;
    height: 50px;
    min-width: 50px;
}

button.setup-delete:hover icon {
    color: #23a7de;
}

.custom-60px {
    width: 60px !important;

}

.custom-70px {
    width: 70px !important;
}

.custom-90px {
    width: 90px !important;
}

.custom-100px {
    width: 100px !important;
}

.custom-110px {
    width: 110px !important;
}

.custom-150px {
    width: 150px !important;
}

.ip-dd-title {
    height: 33px;
}

.ip-mat-color-dd-elem {
    height: 20px;
}

.ip-mat-color-dd-elem:hover {
    opacity: 0.8;
}

.controller-3d-ip {
    position: absolute !important;
    right: 1rem !important;
    top: 1rem !important;
}

.upload-wiz-3d.ip-ortho-mode canvas:first-of-type {
    border: #23A7DE solid 3px;
}


.resizable .custom-resizers,
.resizers_text .resizers {
    width: 100%;
    height: 100%;
}

.resizable .custom-resizers .resizer,
.resizers_text .custom-resizers .resizer {
    width: 10px;
    height: 10px;
    background: none;
    border: none;
    position: absolute;
    z-index: 100000000;
}

.resizers_text .custom-resizers .resizer.left,
.resizers_text .custom-resizers .resizer.right {
    height: calc(100% - 20px);
    top: 10px;
    bottom: 10px;
    cursor: e-resize;
}

.resizers_text .custom-resizers .resizer.top,
.resizers_text .custom-resizers .resizer.bottom {
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
    cursor: n-resize;
}

.resizers_text .custom-resizers .resizer.left {
    left: 0px;
}

.resizers_text .custom-resizers .resizer.right {
    right: 0px;
}

.resizers_text .custom-resizers .resizer.top {
    top: 0px;
}

.resizers_text .custom-resizers .resizer.bottom {
    bottom: 0px;
}

.resizable .custom-resizers .resizer.top-left,
.resizers_text .custom-resizers .resizer.top-left {
    left: 0px;
    top: 0px;
    cursor: nwse-resize;
}

.resizable .custom-resizers .resizer.top-right,
.resizers_text .custom-resizers .resizer.top-right {
    right: 0px;
    top: 0px;
    cursor: nesw-resize;
}

.resizable .custom-resizers .resizer.bottom-left,
.resizers_text .custom-resizers .resizer.bottom-left {
    left: 0px;
    bottom: 0px;
    cursor: nesw-resize;
}

.resizable .custom-resizers .resizer.bottom-right,
.resizers_text .custom-resizers .resizer.bottom-right {
    right: 0px;
    bottom: 0px;
    cursor: nwse-resize;
}

.resizers_text .custom-resizers .resizer.bottom {
    height: 5px;
}


.details_view_modal {
    max-height: calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.custom-no-border-left {
    border-left: none !important;
}

.custom-hmc {
    height: max-content;
}

/*.modal .modal-body .search-modal-filters .search-modal-filters-item:last-child {
    border-bottom: none !important;
}*/

.modal .modal-body .search-modal-filters .search-modal-filters-item {
    border-bottom: 1px solid #C9D2D2 !important;
    border-top: none !important;
}

.custom-add-filters-btn {
    position: sticky !important;
    bottom: 1rem !important;
    text-align: right !important;
    margin: 0.5rem !important;
    padding-left: .25rem !important;
    padding-right: .25rem !important;
}


.nom-dropdwon {
    padding: 0 !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
}

.nom-close {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
    margin: auto;
}

.nom-close:focus,
.nom-close:hover {
    color: #23A7DE;
}

.radio-wrap.active .custom-control-input:checked~.custom-control-label::before {
    border-color: #ffffff !important;
    background-color: #ffffff !important;
}

.unselectable_div {
    user-select: none !important;
}

.simple-list-item {
    line-height: 2.3rem;
    background-color: #f5f5f5;
    border-bottom: 1px solid white;
    cursor: pointer;
}

.simple-list-item:hover {
    background-color: #e5e5e5;
}

.simple-list-item div {
    border-left: 1px solid white;
}

.list-title-item {
    background-color: #F5F5F5;
    text-transform: capitalize !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.5rem !important;
}

.custom-oms {
    display: none;
    /* text-transform: capitalize !important; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.5rem !important;
}

.custom-om-units {
    border-bottom: 1px solid #C9D2D2 !important;
    padding: .5rem !important;
    margin: 0 !important;
}

.custom-om-btn:hover,
.custom-om-btn:focus {
    color: #23A7DE;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.omw-50 {
    min-width: 50px;
    width: 50px;
}

.omw-100 {
    min-width: 100px;
    width: 100px;
}

.omw-150 {
    min-width: 150px;
    width: 150px;
}

.omw-200 {
    min-width: 200px;
    width: 200px;
}

.omw-250 {
    min-width: 250px;
    width: 250px;
}

.omw-300 {
    min-width: 300px;
    width: 300px;
}

.omw-400 {
    min-width: 400px;
    width: 400px;
}

.omw-600 {
    min-width: 600px;
    width: 600px;
}

.omw-800 {
    min-width: 800px;
    width: 800px;
}

.custom-om-rl {
    overflow: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 38px;
}

.hover-btn-state:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}

.om-recentely.show .recentely-used,
.om-recentely .back {
    display: block !important;
}

.om-recentely .recentely-used,
.om-recentely.show .back {
    display: none !important;
}

ml_unit[mm] .env_unit::after before {
    content: '&nbsp(mm)';
}

ml_unit[in] .env_unit::after before {
    content: '&nbsp(in)';
}

.om-unit-mm .om-span-mm,
.om-unit-in .om-span-in {
    display: block !important;
}

.om-span-mm,
.om-span-in {
    display: none !important;
}

[ml_unit=mm] .om-span-mm,
[ml_unit=in] .om-span-in {
    display: block !important;
}



.om-unit-mm .om-span-in,
.om-unit-in .om-span-mm {
    display: none !important;
}

.custom-oms .om-span-in,
.custom-oms .om-span-mm {
    text-transform: lowercase !important;
}

.custom-om-tooltip {
    width: 350px;
}

.custom-om-tooltip div {
    background-color: white;
}

.om_tooltip_parent:focus .custom-om-tooltip,
.om_tooltip_parent:hover .custom-om-tooltip {
    /*  display: block !important;*/
    z-index: 10000;
}

.custom_text-uppercase {
    text-transform: uppercase !important;
}

.capitalize-text {
    text-transform: capitalize !important;
}

.custom_text-capitalize {
    text-transform: capitalize !important;
}

.custom_text-lowercase {
    text-transform: lowercase !important;
}

.black-tooltip {
    position: fixed;
    height: auto;
    z-index: 10000000;
    max-width: 200px;
    background-color: black;
    border-radius: 5px;
    padding: 5px;
    min-width: 50px;
    font-size: 14px;
}

.black-tooltip span {
    overflow-x: hidden;
    overflow-wrap: anywhere;
    height: auto;
    user-select: none;
    color: white;
    text-align: center;
    display: flex;
}

.black-tooltip.wide {
    max-width: 400px;
}

.triangle-up {
    width: 0;
    top: -7px;
    left: 90px;
    position: absolute;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 7px solid black;
}


.search-modal-filters-title .icon-restore {
    font-size: 16px !important;
}

.search-modal-filters-title .icon-restore:hover,
.search-modal-filters-title .icon-chevron-down:hover {
    color: #979999 !important;
}

.dropdown_filter .dropdown-item {
    white-space: normal !important;
}

.dropdown_filter .dropdown-menu {
    max-width: 100% !important;
    min-width: 300px !important;
    max-height: 400px !important;
}

.height-unlimited {
    max-height: none !important;
}

.wg-optics-parameters {
    max-width: 133px;
}

.wg-optics-parameters-input {
    padding: 0.25rem 0.5rem !important;
}

.wg-optics-parameters-input:focus {
    box-shadow: none !important;
}

.wg-optics-parameters-span {
    background-color: dimgrey !important;
    color: white !important;
    padding: 0.25rem !important;
    min-width: 40px;
    justify-content: center;
}

.widget-options-container .dropdown-divider:last-child,
.widget-options-container .dropdown-divider:first-child {
    display: none !important;
}

.sortable:hover .sort-controls {
    display: flex !important;
}

/* .sortable {
    width: 100%;
} */


.sort-controls {
    display: none !important;
}

.sort-controls .icon-chevron-down,
.sort-controls .icon-chevron-up {
    display: none !important;
    font-size: 14px !important;
}

.sort-controls.down .icon-chevron-down,
.sort-controls.up .icon-chevron-up {
    display: block !important;
}

.tpm-negative-field {
    background: #23A7DE;
    border: 1px rgb(133, 133, 133) solid;
    color: white;
}

.search-results-item:hover {
    cursor: pointer;
}

.icon-cage {
    pointer-events: all !important;
    color: #23A7DE;
    margin-top: 2px;
}

.tutorial-next-btn {
    background-color: white;
    color: #23a7de !important;
    margin-left: 0.5rem;
}

.tutorial-next-btn:hover {
    cursor: pointer;
    background-color: #23a7de !important;
    color: white !important;
    box-shadow: 0 0 12px rgba(255, 255, 255, 1);
}

.tutorial-mode-box {
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
    border-radius: 4px;
    color: #2E3333;
    font-size: 14px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    position: absolute;
    min-width: 450px;
}

.tutorial-mode-box .tutorial-section-item:hover {
    background-color: rgba(222, 227, 227, 0.7);
}


.tutorial-mode-box .tutorial-section-item.active {
    background-color: #DEE3E3;
}

.tutorial-mode-box .dropdown-divider {
    height: 0;
    margin: 0;
    border-top: 1px solid #C9D2D2;
}


.tt_black {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    will-change: transform;
}

@keyframes glowing_bg {
    0% {
        background-color: #23A7DE;
        color: white;
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }

    25% {
        background-color: #23A7DE;
        color: white;
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
        opacity: 0.75;
    }

    50% {
        background-color: #23A7DE;
        color: white;
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.5);
        opacity: 0.5;
    }

    75% {
        background-color: #23A7DE;
        color: white;
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
        opacity: 0.75;
    }

    100% {
        background-color: #23A7DE;
        color: white;
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }
}

@keyframes glowing_bg_white {
    0% {
        background-color: white;
        color: #23A7DE;
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }

    25% {
        background-color: white;
        color: #23A7DE;
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
        opacity: 0.75;
    }

    50% {
        background-color: white;
        color: #23A7DE;
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.5);
        opacity: 0.5;
    }

    75% {
        background-color: white;
        color: #23A7DE;
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
        opacity: 0.75;
    }

    100% {
        background-color: white;
        color: #23A7DE;
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }
}

.glowing_btn_white {
    animation-name: glowing_bg_white;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

.glowing_btn {
    animation-name: glowing_bg;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

@keyframes colored-scale {
    0% {
        color: #23a7de;
        font-size: 13px
    }

    50% {
        color: #23a7de;
        font-size: 16px
    }

    100% {
        color: #23a7de;
        font-size: 13px
    }
}

.colored-scale {
    animation-name: colored-scale;
    animation-duration: 1500ms;
}

@keyframes glowing_br {
    0% {
        border: 1px solid rgba(35, 167, 222, 1);
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }

    25% {
        border: 1px solid rgba(35, 167, 222, 0.75);
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
    }

    50% {
        border: 1px solid rgba(35, 167, 222, 0.5);
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.5);
    }

    75% {
        border: 1px solid rgba(35, 167, 222, 0.75);
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
    }

    100% {
        border: 1px solid rgba(35, 167, 222, 1);
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }
}

@keyframes glowing_br4 {
    0% {
        border: 4px solid rgba(35, 167, 222, 1);
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }

    25% {
        border: 4px solid rgba(35, 167, 222, 0.75);
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
    }

    50% {
        border: 4px solid rgba(35, 167, 222, 0.5);
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.5);
    }

    75% {
        border: 4px solid rgba(35, 167, 222, 0.75);
        box-shadow: 0 0 6px rgba(35, 167, 222, 0.75);
    }

    100% {
        border: 4px solid rgba(35, 167, 222, 1);
        box-shadow: 0 0 6px rgba(35, 167, 222, 1);
    }
}

.glowing_border4 {
    animation-name: glowing_br4;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

.glowing_border {
    animation-name: glowing_br;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

.tutorial_mode_bg {
    z-index: 1100;
    pointer-events: none;
    top: 0;
}

.guide-container {
    border-radius: 10px;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 70%);
}

.guide_parent {
    position: fixed;
    bottom: 25px;
}

.imaging-guide-content {
    position: relative;
    width: 500px;
    background: white;
    border-radius: 8px;
    transition: all 0.3s ease;
    z-index: 999;
}

.guide_content {
    position: relative;
    width: 400px;
    background: white;
    border-radius: 8px;
    transition: all 0.3s ease;
    z-index: 999;
}

.guide_title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0.5rem;
    align-items: center;
}


.guide-new.guide_items_parent {
    overflow-y: auto;
    max-height: 250px;
}

.guide_items_parent {
    overflow-y: auto;
    max-height: 124.25px;
}

.guide_item:not(.glowing_btn):hover {
    background-color: #f5f5f5;
}

.guide_open_button {
    background-color: #23A7D3;
    border-radius: 8px;
    width: max-content;
    outline: none;
    padding: .25rem;
    box-shadow: rgba(35, 167, 222, 0.9) 0px 0px 6px;
    transition: box-shadow 0.3s ease-in-out;
    position: relative;
    z-index: 1301;
    bottom: -15px;
}

.guide_open_button .closed_ui_guide,
.guide_open_button .open_ui_guide {
    color: white;
    border-radius: 6px;
    cursor: pointer;
}

.guide_open_button.collapsed .closed_ui_guide,
.guide_open_button:not(.collapsed) .open_ui_guide {
    display: block !important;
}

.guide_open_button.collapsed .open_ui_guide,
.guide_open_button:not(.collapsed) .closed_ui_guide {
    display: none !important;
}

.guide_item.complete .bi-check2-circle,
.guide_item:not(.complete) .bi-circle {
    display: block !important;
}

.guide_item.complete .bi-circle,
.guide_item:not(.complete) .bi-check2-circle {
    display: none !important;
}

.sidebar_tut {
    display: none !important;
}

.tut_type_sidebar_tut .sidebar_tut,
.tut_type_choosing_optics .choosing_optics,
.tut_type_tut_ui .tut_ui,
.tut_type_input_buttons .input_buttons,
.tut_type_checkbox_tut .checkbox_tut,
.tut_type_measures_step .measures_step,
.tut_type_save_setup_tut .save_setup_tut,
.tut_type_optical_info_step .optical_info_step,
/* // Liliya addition*/
.tut_type_click_saved_part .click_saved_part,
.tut_type_choosing_source .choosing_source,
.tut_type_advance_optics .advance_optics,
.tut_type_advo_options .advo_options,
.tut_type_scene_focus .scene_focus,
.tut_type_optical_elements_deltas .optical_elements_deltas,
.tut_type_part_from_setup_action .part_from_setup_action {
    display: block !important;
}

.sidebar_tut,
.advo_options,
.choosing_optics,
.choosing_source,
.input_buttons,
.checkbox_tut,
.measures_step,
.save_setup_tut,
.optical_info_step,
.click_saved_part,
.part_from_setup_action,
.advance_optics,
.scene_focus,
.optical_elements_deltas,
.tut_ui {
    display: none !important;
}

.guide_container {
    position: fixed;
    top: 115px;
    left: 287px;
    z-index: 1200;
}

.transparent-bg {
    background-color: transparent !important;
}

.tut_close_btn {
    font-size: 24px;
    border: 0;
    background-color: transparent;
    opacity: .5;
}

div.tt_require {
    white-space: pre-line;
    overflow-y: auto;
}

div:empty.tt_require,
input[value=""].tt_require {
    border: 1px rgba(255, 0, 0, 0.3) solid;
    box-shadow: none;
}

.custom_tooltip.show {
    opacity: 1 !important;
}

.custom_tooltip .tooltip-inner {
    color: #000;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5) !important;
}

.bs-tooltip-auto[x-placement=right] .custom_arrow.arrow::before {
    border-right-color: #fff;
}

.bs-tooltip-auto[x-placement=top] .custom_arrow.arrow::before {
    border-top-color: #fff;
}


.bs-tooltip-auto[x-placement=left] .custom_arrow.arrow::before {
    border-left-color: #fff;
}


.bs-tooltip-auto[x-placement=bottom] .custom_arrow.arrow::before {
    border-bottom-color: #fff;
}

.guide_tooltip {
    max-width: 550px !important;
    background-color: #FAFAFA !important;
    font-size: 16px;
    width: max-content;
    position: absolute;
    bottom: 0px;
    left: 12px;
    border: 2px solid #23A7DE;
    padding: 0 !important;
    border-radius: 8px;
}

.guide_tooltip_parent {
    z-index: 1300 !important;
    position: absolute;
    bottom: 0px;
}

.guide_box_cot .guide_tooltip,
.guide_box_cot[box_state="0"] .guide_tooltip {
    display: flex !important;
    transition: max-width .35s ease 0s, max-height 0s ease .35s;
    max-width: 500px;
    max-height: 0 !important;
    overflow: hidden;
    border: none !important;
}

.guide_box_cot[box_state="2"] .guide_tooltip:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.guide_box_cot[box_state="1"] .guide_tooltip {
    display: flex !important;
    max-height: 100vh !important;
}

.guide_box_cot[box_state="2"] .guide_tooltip {
    display: flex !important;
    max-width: 0 !important;
    max-height: 0 !important;
}

.guide_box_cot .open_ui_guide:before {
    transition: transform .35s;
}

.guide_box_cot[box_state="0"] .open_ui_guide:before {
    transform: rotate(0);
}

.guide_box_cot[box_state="1"] .open_ui_guide:before {
    transform: rotate(90deg);
}

.guide_box_cot[box_state="2"] .open_ui_guide:before {
    transform: rotate(180deg);
}


.guide_box_cot .guide-container {
    transition: max-height .35s;
    max-height: 100vh;
}

.guide_box_cot[box_state="1"] .guide-container,
.guide_box_cot[box_state="2"] .guide-container {
    max-height: 0px !important;
    overflow: hidden;
}

.custom_tooltip_inner {
    max-width: 400px !important;
    background-color: #fff !important;
    min-width: 200px !important;
}

.btn-active.active {
    color: #23A7DE;
}

.advo_tut_title {
    font-weight: bold;
    text-transform: capitalize !important;
}

.custom-resizers .resizer.top-left.active_border {
    border-left: 2px solid #007bff;
    border-top: 2px solid #007bff
}

.custom-resizers .resizer.top-right.active_border {
    border-right: 2px solid #007bff;
    border-top: 2px solid #007bff
}

.custom-resizers .resizer.bottom-left.active_border {
    border-left: 2px solid #007bff;
    border-bottom: 2px solid #007bff
}

.custom-resizers .resizer.bottom-right.active_border {
    border-right: 2px solid #007bff;
    border-bottom: 2px solid #007bff
}

.om_fullscreen {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100%;
}

.env-form {
    z-index: 200000;
    background-color: #f5f5f5;
    border-radius: 5px;
    padding: 1rem;
    align-self: center;
    min-width: 249px;
    align-items: center;
    align-content: center;
}

.no-pointer-events {
    pointer-events: none !important;
}

.seq-version-number {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.seq-div {
    height: 360px;
    overflow-y: auto;
    border: 1px solid #A3A3A3;
    outline: 0;
    overflow-y: auto;
}

.custom-90vw {
    width: 90vw !important;
}

.tt-delete-advo {
    padding: 3px !important;
    position: absolute;
    right: 2px;
    top: 2px;
}

.wg_header:empty {
    display: none;
}

.om_widget {
    transition: opacity .3s linear;
    height: 90%;
    width: 60%;
    left: 20%;
    top: 5%;
    border: 2px solid #C9D2D2;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px 0px;
}

.om_widget.show {
    opacity: 1 !important;
    z-index: 1041 !important;
}

.om_widget:not(.show) {
    opacity: 0;
}

.om_widget_qv {
    bottom: calc(12px + 5%) !important;
    right: calc(22px + 20%) !important;
}

.no-border-top {
    border-top: 0 !important;
}

.mask_dropdown.close-mask {
    max-height: 0;
}

.mask_dropdown {
    max-height: 500px;
    transition: .5s ease-in-out max-height;
    overflow: hidden;
}

/* width */
/*
    .search-modal-filters::-webkit-scrollbar {
    width: 5px;
}

.search-modal-filters::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.search-modal-filters::-webkit-scrollbar-thumb {
    background: #000000;
}

*/

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(23, 167, 222, 0.75);
    border: none;
}

::-webkit-scrollbar-thumb {
    border: 1px solid #F5F5F5;
    width: 10px;
    height: 10px;
}

.overflow-auto:hover::-webkit-scrollbar-thumb,
.overflow-y-auto:hover::-webkit-scrollbar-thumb,
.search-results-table:hover::-webkit-scrollbar-thumb,
.search_result_list:hover::-webkit-scrollbar-thumb,
.search-modal-filters:hover::-webkit-scrollbar-thumb,
.custom_scrollbar:hover::-webkit-scrollbar-thumb {
    background: rgba(23, 167, 222, 0.75);
    border: none;
}

.overflow-auto::-webkit-scrollbar-thumb,
.overflow-y-auto::-webkit-scrollbar-thumb,
.search-results-table::-webkit-scrollbar-thumb,
.search_result_list::-webkit-scrollbar-thumb,
.search-modal-filters::-webkit-scrollbar-thumb,
.custom_scrollbar::-webkit-scrollbar-thumb {
    border: 1px solid #F5F5F5;
    width: 10px;
    height: 10px;
}

.overflow-auto:hover,
.overflow-y-auto:hover,
.search-modal-filters:hover,
.custom_scrollbar:hover {
    scrollbar-color: rgba(23, 167, 222, 0.75) #F5F5F5;
}

.overflow-auto,
.overflow-y-auto,
.search-modal-filters,
.custom_scrollbar {
    scrollbar-color: rgba(0, 0, 0, .5) #F5F5F5;
}

.analysis-qv-container {
    background-color: #f5f5f5;
    padding: 0.25rem;
    border: 1px solid #C9D2D2;
    border-radius: 4px;
}

.analysis-qv-btn.lock.open .icon-lock-open {
    display: block;
}

.analysis-qv-btn.lock.open .icon-lock-close {
    display: none;
}

.analysis-qv-btn.lock:not(.open) .icon-lock-close {
    display: block;
}

.analysis-qv-btn.lock:not(.open) .icon-lock-open {
    display: none;
}


.analysis-btns-hover {
    display: none;
}

.analysis-qv-btns:hover .analysis-btns-hover {
    display: block;
}

.analysis-qv-container .analysis-qv-btns {
    position: absolute;
    padding: 0.2rem;
}

.analysis-qv-container .analysis-label-sign {
    border-radius: 4px;
    width: 22px;
    height: 22px;
    background-color: red;
}

.analysis-qv-btn {
    border-radius: 3px;
    border: 1px solid #C9D2D2;
    margin-bottom: 0.25rem;
    background-color: buttonface;
}

.analysis-qv-menu {
    display: flex;
    flex-direction: column;
}

.notupdated {
    background-color: #23A7D3;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.notupdated:after {
    content: 'update analysis';
    font-size: 1rem;
    color: white;

}

.analysis-qv .qv-item {
    margin: 0.25rem;
}

.analysis-results-item .not_updated {
    background-color: #23A7D3;
    opacity: 0.9;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: white;
    font-size: 1.2rem;
}

.analysis-qv .graph-container {
    width: 150px;
    height: 150px;
    /* margin-left: 0.25rem;
    margin-right: 0.25rem; */
    /* margin-bottom: 0.25rem; */
}

.analysis-qv .graph-container.active {

    /* box-shadow: 0px 0px 5px 5px rgba(57, 234, 89, 0.75); */
    box-shadow: 0px 0px 5px 5px rgba(166, 6, 6, 0.411);
    /* box-shadow: 0px 0px 5px 5px #23A7D3; */
}

.modal .modal-body .search-results-table {
    overflow: hidden !important;
}

.modal .modal-body .search_result_list {
    overflow-x: auto !important;
    overflow-y: overlay !important;
}

.small-qv-div.show {
    position: absolute !important;
    display: flex !important;
    border-radius: .3rem;
    z-index: 99;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
    border: 1px solid #C9D2D2;
}

.small-qv-div:not(.show) {
    display: none !important;
}

h5[href].wg_info_name {
    color: #23A7DE;
}

h5[href].wg_info_name:hover {
    cursor: pointer;
    text-decoration: underline
}

.drag_zone {
    cursor: grabbing;
}

.tt_step_desc_parent:not(.open) {
    display: none;
}

.guide_desc:empty {
    display: none;
}

.guide_item.active {
    background-color: #C0C0C0;
}

.form-check-input {
    box-shadow: none !important;
    height: auto !important;
}

div[contenteditable="true"],
div[contenteditable],
div[contenteditable] span,
div[contenteditable="true"] span span {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.guide_container.no-pointer-events {
    pointer-events: auto !important;
}

.om_container .search-results-action .custom-oms:first-child,
.om_container .search-results-item .custom-oms:first-child,
.om_container .optics_options {
    display: none !important;
}

.modal .modal-body .search-results-item {
    border-bottom: 1px solid #C9D2D2;
}

.om_container .search-results-item,
.optics_menu .search-results-item {
    border-bottom: none !important;
}

/*.om_container .search-results-item:nth-child(even) {
    background-color: transparent;
}
.om_container .search-results-item:nth-child(odd) {
    background-color: transparent;
}*/
.om_container .search-results-action,
.om_container .search-results-item,
.optics_menu .search-results-action,
.optics_menu .search-results-item {
    position: relative;
    border-bottom: none !important;
}

.custom-oms.more_options_btn {
    z-index: 2;
}



.optics_menu .search-results-action .custom-oms:not(.ml_checkbox_div):not(.more_options_btn),
.optics_menu .search-results-item .custom-oms:not(.ml_checkbox_div):not(.more_options_btn) {
    position: relative;
}


.optics_menu .search-results-action .custom-oms.more_options_btn+.custom-oms:not(:first-child):not(.more_options_btn),
.optics_menu .search-results-item .custom-oms.more_options_btn+.custom-oms:not(:first-child):not(.more_options_btn) {
    margin-left: 50px;
}


.optics_menu .search-results-action .custom-oms:not(.more_options_btn):not(.ml_checkbox_div),
.optics_menu .search-results-item .custom-oms:not(.more_options_btn):not(.ml_checkbox_div) {
    flex: 1 1 0px;
}


.optics_menu .search-results-action .custom-oms.ml_checkbox_div+.custom-oms.more_options_btn+.custom-oms:not(.more_options_btn),
.optics_menu .search-results-item .custom-oms.ml_checkbox_div+.custom-oms.more_options_btn+.custom-oms:not(.more_options_btn) {
    margin-left: 100px;
}

.optics_menu:not(.om_container)[permission="public"] .search-results-action .custom-oms.more_options_btn+.custom-oms:not(.more_options_btn),
.optics_menu:not(.om_container)[permission="public"] .search-results-item .custom-oms.more_options_btn+.custom-oms:not(.more_options_btn) {
    margin-left: 50px !important;
}


.om_container .search-results-action .custom-oms:not(:first-child),
.om_container .search-results-item .custom-oms:not(:first-child) {
    position: relative;
    left: 0;
}


.om_container .search-results-action .custom-oms:not(.more_options_btn):not(.ml_checkbox_div),
.om_container .search-results-item .custom-oms:not(.more_options_btn):not(.ml_checkbox_div) {
    flex: 1 1 0px;
}

.om_container .search-results-item .custom-oms:last-child {
    border-right: 1px solid #C9D2D2 !important;
}

.om_container .search-results-action .custom-oms,
.om_container .search-results-item .custom-oms,
.optics_menu .search-results-action .custom-oms,
.optics_menu .search-results-item .custom-oms {
    /*border-bottom: 1px solid #C9D2D2 !important;*/
    height: 38px;
}

.optics_menu .search-results-table {
    border-top: 1px solid #C9D2D2;
}

.modal .modal-body .search-results-action {
    border-top: 1px solid #C9D2D2;
    border-bottom: 1px solid #C9D2D2;
}

.optics_menu .search-results-action {
    border-top: none !important;
    border-bottom: none !important;
}

.om_container .search-results-action,
.optics_menu .search-results-action {
    background-color: none;
}

.om_container .search-results-action .custom-oms,
.optics_menu .search-results-action .custom-oms {
    background-color: #F5F5F5;
    /* border-top: 1px solid #C9D2D2 !important;*/
}

.om_container .search-results-item:nth-child(odd) .custom-oms,
.optics_menu .search-results-item:nth-child(odd) .custom-oms {
    background-color: rgba(255, 255, 255, 1);
}

.om_container .search-results-item:nth-child(even) .custom-oms,
.optics_menu .search-results-item:nth-child(even) .custom-oms {
    background-color: rgba(240, 241, 242, 1);
}

.om_container .search-results-item:hover .custom-oms,
.optics_menu .search-results-item:hover .custom-oms {
    background-color: #F5F5F5;
}

.om_container .custom-oms {
    display: none;
    text-transform: capitalize !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.5rem !important;
}

.om_container .om_bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1;
    display: none;
}

.om_container .search-results-action,
.om_container .search-results-item {
    padding: 0 !important;
}

.om_container .search-results-item,
.optics_menu .search-results-item {
    border-bottom: none;
}


.om_container .search-modal-results {
    left: 0px !important;
}

.om_container .search-modal-filters {
    z-index: 2;
    position: relative !important;
    bottom: 0 !important;
    margin: 0 !important;
    height: calc(100% - 47px);
}

.om_container .search-results-action,
.om_container .search-results-item,
.nml_container .search-results-action,
.nml_container .search-results-item {
    padding: 0 !important;
}

.custom-oms[static_col="true"] {
    display: block !important;
}

.search-result-list .custom-oms[om_text_transform="lowercase"] {
    text-transform: lowercase !important;
}

.search-result-list .custom-oms[om_text_transform="capitalize"] {
    text-transform: capitalize !important;
}

.search-result-list .custom-oms[om_text_transform="uppercase"] {
    text-transform: uppercase !important;
}

.search-results-action .custom-oms[title_transform="lowercase"] {
    text-transform: lowercase !important;
}

.search-results-action .custom-oms[title_transform="capitalize"] {
    text-transform: capitalize !important;
}

.search-results-action .custom-oms[title_transform="uppercase"] {
    text-transform: uppercase !important;
}

.om_container .om-optics-name-element {
    white-space: pre;
}

@media (min-width: 1024px) {
    .om_container .search-modal-filters.collapse {
        display: block !important;
    }

    .om_container .filters_btn {
        display: none !important;
    }

    .om_container .search-modal-filters {
        top: 50px !important;
        width: 320px !important;
        border-top: 1px solid rgb(222, 226, 230) !important;
    }

    .om_container .search-results-table {
        left: 320px !important;
    }

    .explore_btn:before {
        content: 'To explore in 3DOptix lab, click here'
    }
}

@media (max-width: 1023px) {
    .om_container .search-results-item {
        display: block !important;
    }

    /*.om_container .search-modal-filters.show {
        height: calc(100vh - 97px) !important;
    }*/

    .om_container .search-modal-filters.show .om_bg {
        display: block;
    }

    .om_container .search_result_list .custom-oms::before {
        content: attr(name) ":";
        text-decoration: underline;
        color: #6c757d;
    }

    .om_container .search_result_list .custom-oms::after {
        content: attr(curr_unit);
        text-transform: lowercase !important;
    }

    .om_container .search_result_list .custom-oms {
        width: auto !important;
        border-bottom: none !important;
    }

    .om_container .search-results-item:hover {
        text-decoration: none !important;
        color: inherit !important;
        cursor: pointer !important;
    }

    .om_widget {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
    }

    .om_widget_qv {
        bottom: 12px !important;
        right: 22px !important;
    }

    .explore_btn:before {
        content: 'Go to 3DOptix'
    }

    .om_container .search-results-action,
    .om_container .results_count_ml,
    .om_container .page-titles {
        display: none !important;
    }

    .om_container .custom-oms {
        border-right: none !important;
        padding: 0.25rem !important;
    }

    .om_container .search-modal-filters {
        overflow: hidden overlay !important;
        user-select: none !important;
        z-index: 2 !important;
        width: 100% !important;
        transition: max-height .35s linear !important;
        border-right: none !important;
        position: relative !important;
        top: 51px !important;
        background-color: #f5f5f5 !important;
        display: block !important;
    }

    .om_container .search-modal-filters:not(.show) {
        max-height: 0 !important;
    }

    .om_container .search-modal-results {
        left: 0 !important;
    }
}

.om_container .filter_btn[aria-expanded="true"] {
    color: #23A7DE !important;
}

.om_container .search-results-item:hover {
    background-color: rgba(35, 167, 222, 0.1) !important;
}

.bg-f5 {
    background-color: #F5F5F5;
}

.iframe-3doptix {
    width: 100%;
    height: calc(100% - 144px);
    border: none;
    min-height: 70vh;
    left: 0;
    top: 144px;
}

@media (max-width: 768px) {
    .iframe-3doptix {
        top: 93px;
        height: calc(100% - 93px);
    }
}

.color-black {
    color: black !important;
}

.om_container {
    padding-left: 0 !important;
}

input.camera-height-input {
    text-align: center !important;
    width: 100% !important;
    background-color: transparent !important;
    border: none !important;
    outline: 0 !important;
    font-size: 14px !important;
}

.qv_detector_div.active {
    border: 1px solid #23A7DE;
    opacity: 0.8;
}

.zoom_gorup {
    position: absolute;
    display: flex;
    align-items: center;
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
    bottom: 5px;
    z-index: 99;
    border-radius: 4px;
    left: 5px;
    opacity: 0.8;
}

.zoom_gorup .zoom-btn {
    cursor: pointer;
    opacity: .6;
    padding: 0.25rem;
}

.zoom_gorup .zoom-btn:hover {
    opacity: 1;
}

.zoom_gorup .zoom-btn:active i:before {
    transform: scale(1.5);
}

.zoom_gorup .zoom_dis {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid rgba(215, 215, 215, .5);
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}


.reset_filters_btn .reset_filters_info {
    display: none;
}

.reset_filters_btn.active .reset_filters_info {
    display: inline-block;
}

.text_bold {
    font-weight: bold;
}



.pointer_events_none {
    pointer-events: none;
}


.resizable-col {
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
    width: 8px;
    background-color: transparent;
    cursor: col-resize;
}

.search-results-action .resizable-col {
    background-image: linear-gradient(to right, transparent 75%, #C9D2D2 20%);
}

.custom-oms.name_om_resize_width:first-child {
    padding-left: 10px !important;
}

.search-results-item:nth-child(even) {
    background-color: rgba(240, 241, 242, 1);
}

.search-results-item:nth-child(odd) {
    background-color: rgba(255, 255, 255, 1);
}

.preferances-box .part_info_rep {
    display: block;
    width: 270px;
    height: calc(100vh - 110px);
}

.preferances-box.show {
    visibility: visible !important;
}

.preferances-box {
    right: -230px !important;
    transition: right .35s;
    box-shadow: 0 0 5px 5px rgba(23, 167, 222, 0.5) !important;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .preferances-box-scroll,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .pref-footer {
    visibility: hidden;
    padding: 0;
    border: 0;
    min-height: 41.19px;
}

.preferances-box {
    background-color: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
}

/*.preferances-box.show:hover {
        right: 0 !important;
        width: 290px;
    }*/


.prp.show.pi_pinned .preferances-box.show,
.prp.pi_show .preferances-box.show {
    right: 0 !important;
    width: 310px;
    box-shadow: none !important;
}

.hover_div {
    display: none;
}

.toasts-container::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: none;
}

.toasts-container {
    position: fixed;
    bottom: 33px;
    z-index: 10000000;
    max-height: calc(100vh - 278px);
    overflow: overlay;
}

.prp.show.pi_pinned .hover_div,
.prp.pi_show .hover_div {
    display: block;
    position: relative;
    height: 20px;
    width: 100%;
}

.controler-3d,
.toasts-container {
    transition: right .35s;
    right: 50px !important;
}

.prp.show.pi_pinned .controler-3d,
.prp.pi_show .preferances-box.show~.controler-3d {
    right: 280px !important;
}

.prp.show.pi_pinned .toasts-container,
.prp.pi_show .preferances-box.show~.toasts-container {
    right: 280px !important;
}

.prp:not(.pi_show):not(.pi_pinned):not(.pi_pinned) .preferances-box>div:first-child {
    background-color: #F5F5F5;
    border-left: 1px solid #C9D2D2;
    border-bottom: 1px solid #C9D2D2;
}

.preferances-box .preferances-box-scroll,
.preferances-box .pref-footer {
    background-color: #F5F5F5;
    border-left: 1px solid #C9D2D2;
    border-bottom: 1px solid #C9D2D2;
    border-top: none;
}

.tooltip[role="tooltip"]:not(.custom_tooltip) {
    pointer-events: none !important;
}

.prp.pi_pinned .preferances-box.show .preferances-box-scroll,
.prp.pi_pinned .preferances-box.show .pref-footer,
.prp.pi_show .preferances-box.show .preferances-box-scroll,
.prp.pi_show .preferances-box.show .pref-footer {
    visibility: visible;
}

.prp.pi_pinned .preferances-box.show .part_info_rep,
.prp.pi_show .preferances-box.show .part_info_rep {
    display: none;
}

.prp.show.pi_pinned .preferances-box.show>div:first-child,
.prp.pi_show .preferances-box.show>div:first-child {
    width: 270px;
    left: 40px;
    position: relative;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #duplicate-btn,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #delete-btn,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .r_x_btn,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .r_y_btn,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .r_z_btn,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #search_optics_btn_0,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #search-laser-btn,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #part_info_clear_laser {
    position: absolute;
    right: 232.5px;
    visibility: visible;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #search_optics_btn_0,
.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #search-laser-btn {
    top: 107px;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .r_x_btn {
    bottom: calc(40% + 70px);
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .r_y_btn {
    bottom: calc(40% + 35px);
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show .r_z_btn {
    bottom: 40%;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #delete-btn {
    bottom: 0%;
    right: 230px;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #duplicate-btn {
    bottom: 5%;
    right: 230px;
}

.prp:not(.pi_show):not(.pi_pinned) .preferances-box.show #part_info_clear_laser {
    bottom: 10%;
    right: 230px;
}

.pin_icon {
    padding: 0 !important;
    box-shadow: none !important;
}

.pinned,
.unpinned {
    display: none;
}

.pin_icon.active .pinned {
    display: block;
    color: #23A7DE;
}

.pin_icon:not(.active) .unpinned {
    display: block;
}

.scale_hover {
    transition: transform .15s;
}

.scale_hover:hover:before {
    transform: scale(1.1);
}

.guide_box_icons {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #23a7de;
    cursor: pointer;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
}


.om_container .search-results-action .custom-oms:first-child,
.om_container .search-results-item .custom-oms:first-child,
.optics_menu .search-results-action .custom-oms:first-child,
.optics_menu .search-results-item .custom-oms:first-child,
.om_container .search-results-action .custom-oms.more_options_btn,
.om_container .search-results-item .custom-oms.more_options_btn,
.optics_menu .search-results-action .custom-oms.more_options_btn,
.optics_menu .search-results-item .custom-oms.more_options_btn {
    position: absolute;
    background-color: inherit;
    z-index: 1;
}



.om_container .search-results-item .custom-oms:first-child,
.optics_menu .search-results-item .custom-oms:first-child {
    border-right: 1px solid #C9D2D2;
}


.om_container .search-results-action .custom-oms.more_options_btn,
.om_container .search-results-item .custom-oms.more_options_btn,
.optics_menu .search-results-action .custom-oms.more_options_btn,
.optics_menu .search-results-item .custom-oms.more_options_btn {
    border-right: 1px solid #C9D2D2;
}


.om_container .search-results-action .custom-oms.more_options_btn:hover,
.om_container .search-results-item .custom-oms.more_options_btn:hover,
.optics_menu .search-results-action .custom-oms.more_options_btn:hover,
.optics_menu .search-results-item .custom-oms.more_options_btn:hover {
    color: #23A7DE;
    cursor: pointer;
}

.search-results-item .custom-oms.optics_options,
.search-results-action .custom-oms.optics_options {
    border-left: 1px solid #C9D2D2 !important;
    width: 120px !important;
    margin-left: 50px;
}


.optics_menu:not(.om_container)[permission="public"] .search-results-action .custom-oms.ml_checkbox_div,
.optics_menu:not(.om_container)[permission="public"] .search-results-item .custom-oms.ml_checkbox_div,
.optics_menu:not(.om_container)[permission="public"] .search-results-item .custom-oms.optics_options,
.optics_menu:not(.om_container)[permission="public"] .search-results-action .custom-oms.optics_options {
    display: none !important;
}

.search-results-action .custom-oms.ml_checkbox_div,
.search-results-item .custom-oms.ml_checkbox_div {
    display: none;
}

.search-results-action .custom-oms.ml_checkbox_div.show,
.search-results-item .custom-oms.ml_checkbox_div.show {
    display: flex !important;
}


.search_result_list {
    scrollbar-width: thin;
}

.none_if_empty:empty {
    display: none !important;
}

.position_relative {
    position: relative !important;
}

/*.checkbox_parent:nth-child(odd) {
    background-color: white;
}
    .checkbox_parent:nth-child(even) {
        background-color: rgba(240, 241, 242, 1);
    }*/




.al_image_dis .im_can_switch {
    display: none;
}

.opacity-8 {
    opacity: 0.8 !important;
}

.opacity-1 {
    opacity: 1 !important;
}

.al_image_dis .canvas_btns {
    position: absolute;
    top: 8px;
    right: 18px;
}

.al_image_dis .no_image_div {
    display: none !important;
}

.al_image_dis .optics_img {
    max-height: 200px !important;
}

.al_image_dis .opticts-preview-img {
    padding: 0;
    background-color: white;
    border: none;
}

.al_image_dis .optics-3d-presenter {
    padding: 0.25rem;
    background-color: #F5F5F5;
    border: 1px solid #C9D2D2;
}

.al_image_dis .presenter_image_parent.show {
    padding: 0.25rem;
    border: 1px solid #C9D2D2;
    margin-top: 4px;
    background-color: #F5F5F5;
}

/*.al_image_dis .optics_img {
    display: block !important;
}*/

.popup_shadow {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.7) !important;
}

.small-info-icon {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
}

.red_border {
    border-color: red;
}

select:required:invalid,
textarea:required:invalid,
input:required:invalid {
    border-color: red;
}


.upload_coating_parent:not(.show) .upload_coating_btn,
.upload_coating_parent.show .remove_coating_btn {
    display: none;
}

.upload_coating_parent.show .upload_coating_btn,
.upload_coating_parent:not(.show) .remove_coating_btn {
    display: block;
}

.btn.btn-grey.btn-grey-new:hover,
.btn.btn-grey.btn-grey-new.opacity_change:focus {
    background-color: rgba(255, 255, 255, 0.8) !important;
}


.dropdown-menu {
    margin: 0;
}

.dropup .dropdown-submenu .dropdown-menu {
    bottom: unset;
}

.dropdown-menu {
    margin: 0;
}

.context_menu {
    display: block;
    position: absolute;
    z-index: 2147483647;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    padding: .5rem 0;
    color: #212529;
    background-clip: padding-box;
    width: 0;
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: width .35s, opacity .35s;
}

.context_menu.show {
    width: 300px;
    height: auto;
    opacity: 1;
}

.context_menu.show .context-menu-item {
    padding: .5rem 1.5rem;
    transition: background-color .35s;
    width: 300px;
}

.context_menu.show .context-menu-item:hover {
    background-color: #F5F5F5;
    cursor: pointer;
}

.context_menu_name_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.context_menu.show .context-menu-item .context_menu_name_item i {
    padding-right: 1rem;
}

.context_menu.show .context-menu-item .context_menu_name_item i:before {
    margin: 0;
}



.ml_text {
    min-height: 38px;
}

.ml_text::after {
    content: 'Right click for more options';
    font-size: 12px;
    background-color: rgba(35, 167, 222, 0.2);
    color: #23A7DE;
    padding: 0 0.5rem;
    border-radius: 4px;
    font-weight: bold !important;
    margin: auto 0.5rem;
}

.ml_text:not(.show) .ml_button_parent {
    display: none;
}


.upload_optic_sub_section:first-child {
    border-top: 1px solid #C9D2D2;
}

.upload_optic_sub_section,
.upload_optics_section {
    border-bottom: 1px solid #C9D2D2;
}

.upload_optic_sub_section {
    font-size: 13px;
    line-height: 1;
    color: rgba(46, 51, 51, 0.7);
    padding-top: 4px;
    padding-bottom: 4px;
}

.upload_optic_sub_section+ :first-child {
    text-transform: uppercase;
}

.upload_optics_section> :first-child {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
}


.upload_optics_section:first-child {
    border-top: 1px solid #C9D2D2;
}

.upload_optics_section .uos_collapse_btn {
    box-shadow: none;
}

.upload_optics_section>[data-toggle=collapse]:not(.collapsed) .uos_collapse_btn {
    transform: rotate(180deg);
}


.coming_soon {
    width: 100%;
    height: 48px;
    background: #23A7DE 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.btn-check:checked+label.btn-outline-primary {
    background-color: #48BAE9;
    border-color: #48BAE9;
    color: white;
}

.btn-check:first-child+label {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.bsdf_eq,
.bsdf_eq .bsdf_type {
    display: none;
}

.bsdf_eq[bsdf_eq=lambertian],
.bsdf_eq[bsdf_eq=gaussian],
.bsdf_eq[bsdf_eq=abg] {
    display: flex;
}

.bsdf_eq[bsdf_eq=lambertian] .bsdf_type[bsdf_type=lambertian] {
    display: block;
}

.bsdf_eq[bsdf_eq=gaussian] .bsdf_type[bsdf_type=gaussian] {
    display: block;
}

.bsdf_eq[bsdf_eq=abg] .bsdf_type[bsdf_type=abg] {
    display: block;
}

.frac_top {
    float: left
}

.frac_bottom {
    clear: left;
    float: left;
    border-top: 1px solid #C9D2D2
}

.surface_element:only-child {
    display: none;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: 0 !important;
}

.scaling_icon_btn {
    transition: transform .35s;
}

.scaling_icon_btn:hover i {
    transform: scale(1.05);
}

.hide_sib_empty:not(:empty)+div {
    display: none !important;
}



.reg_form label {
    display: none;
}

.reg_form input,
.reg_form select {
    height: 50px;
}


.burger-menu-item {
    font-size: 14px;
    font-weight: normal;
    padding: 4px
}

.burger-menu-item.active {
    font-weight: bold;
}


.visibility_visible {
    visibility: visible !important;
}


/*Visible on show*/
.v_show:not(.show) {
    display: none;
}


.custom_progress_bar::before {
    content: attr(aria-valuenow) '%';
    font-weight: bold;
    text-shadow: 0 0 3px black;
    margin-left: 4px;
}

input.menu_list_input:not(:placeholder-shown)+.clear-button {
    display: flex;
}

.menu_list_input+.clear-button i {
    font-size: 16px;
}

.btn_menu_list {
    padding: 0 !important;
    border: none;
    outline: none;
}

.btn_menu_list:hover {
    color: #23A7DE;
}

.btn_menu_list:focus {
    box-shadow: none;
}

.menu_list_option_div {
    position: relative;
    right: 0px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.menu_list_result_list {
    overflow-y: auto;
    height: 100%;
}

.menu_list_dropdown {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.dynamic_form_row_label {
    font-weight: bold;
    font-size: 16px;
    margin-left: -10px;
}

.invalid_msg {
    display: none !important;
    color: red;
}

select:required:invalid+.invalid_msg,
input:required:invalid+.invalid_msg {
    display: inline-block !important;
}

.spread-type-component[spread_type="CIRCULAR"] button[spread_type="CIRCULAR"],
.spread-type-component[spread_type="RECTANGULAR"] button[spread_type="RECTANGULAR"] {
    color: #23A7DE;
}

.leg_type_btn[leg_type="0"] button[value="0"],
.leg_type_btn[leg_type="1"] button[value="1"] {
    color: #23A7DE;
}

.child_bt:not(:last-child) {
    border-bottom: 1px solid #dee2e6 !important;
}

.hove_btn:active {
    transform: scale(0.9);
}

.hove_btn {
    font-size: 24px;
    border: none;
}

.hove_btn:focus {
    box-shadow: none;
}

.img-zoom-result {
    width: 230px;
    height: 230px;
    z-index: 9999999;
}

.img-zoom-lens {
    position: absolute;
    border: 1px solid #d4d4d4;
    /*set the size of the lens:*/
    width: 40px;
    height: 40px;
    pointer-events: none;
}

.nav-item {
    cursor: pointer;
}

.nav-item a {
    pointer-events: none;
}

.nav_elem_cot {
    /* flex-flow: column wrap; */
    height: calc(100% - 42px);
    flex-direction: column;
    display: flex;
}

.nav_elem_cot .nav_elem {
    width: 100%;
    flex: 1 1 0;
    overflow-y: clip;
}

.jstree-default-contextmenu {
    z-index: 3;
}

.jstree-anchor[working_cs="true"] {
    font-weight: bold;
    font-style: italic;
}

.cs_form_cot {
    position: relative;
    width: 350px;
    z-index: 99;
    border: 1px solid;
    background: #f3f3f3;
    border-radius: 20px;
}

.cs_form {
    display: flex;
    flex-direction: column;
}

.cs_form_item {
    padding: 4px 8px;
}

.cs_form_item:first-child,
.cs_form_item:last-child {
    padding: 8px;
}

.cs_form_item:nth-child(2),
.cs_form_item:last-child {
    border-top: 1px solid #C9D2D2;
}

.cs_form_item .rotate-input-group .form-control {
    width: 58px;
    height: 30px;
    font-size: 14px;
    padding: 0.375rem 0.25rem;
}

.cs_form .pref-title {
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
    margin-bottom: 0.5rem;
}

.cs_form .rotate-icon {
    font-size: 20px;
}

.cs_header {
    cursor: move;
}

.black-tooltip {
    z-index: 10000000000;
}

.black-tooltip span {
    opacity: 0;
    transition: opacity .15s;
    display: block;
}

.black-tooltip span.show {
    opacity: 1;
}

/* .ui-draggable {
    z-index: 1060 !important;
} */

.jstree-default .jstree-anchor {
    text-overflow: ellipsis;
    flex-flow: nowrap;
    overflow-x: hidden;
    width: calc(100% - 24px);
}

.jstree-default>.jstree-striped,
.jstree-default>.jstree-container-ul>.jstree-node {
    width: 100%;
}

.ui-draggable {
    z-index: 1063;
}


.dragging_cot {
    opacity: 1;
}

.draggable_cot {
    z-index: 1060;
    position: fixed !important;
}

.status_row {
    position: fixed !important;
    z-index: 1060;

    height: 20px;
    width: 100vw;

    bottom: 0;

    background-color: #F0F0F0;

    padding: 0 60px;

    display: flex;
    align-items: center;
    font-size: 13px;
}

.small_btn {
    padding: 0.25rem 0.5rem;
    font-size: 14px;
}

.context-menu-parent .context-menu-option:hover {
    background-color: #F5F5F5;
}

.nav-item .nav-link .nav_bar_svg {
    fill: #2e3333;
    transition: fill 0.35;
}

.nav-item:hover .nav-link .nav_bar_svg,
.nav-item .nav-link.active .nav_bar_svg {
    fill: #23A7DE;
}

.nav_elem:not(:first-child) {
    border-top: 1px solid #C9D2D2;
    padding-top: 0.25rem;
}

.vakata-context,
.vakata-context ul {
    border-radius: 4px;
}

.floating_input {
    width: 300px;
    height: auto;
    position: fixed !important;
}

.floating_input input {
    font-size: 12px !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.floating_input button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pi_icons:not(.show) {
    display: none;
}

.pi_icons {
    position: fixed;
    left: calc(100vw - 40px);
    top: 104px;
    z-index: 30;
    width: 40px;
    border: 1px solid #C9D2D2;
    border-right: none;
}

.analysis-qv-btn.flex-column-grid .bi-grip-horizontal {
    display: none;
}

.analysis-qv-btn.flex-column-grid .bi-grip-vertical {
    display: block;
}

.analysis-qv-btn:not(.flex-column-grid) .bi-grip-horizontal {
    display: block;
}

.analysis-qv-btn:not(.flex-column-grid) .bi-grip-vertical {
    display: none;
}

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

.pi_icons .pi_icons_cot {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_icon {
    padding: 8px 10px;
    opacity: 1;
    position: relative;
    background-color: #F5F5F5;
}

.pi_icons .pi_icons_cot .pi_section_parent.active .pi_icon {
    background-color: #FAFAFA;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_icon:hover {
    cursor: pointer;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_icon:hover .pi_icon_image {
    transition: fill .35s;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_icon:hover .pi_icon_image i {
    transition: color .35s;
}

.pi_icons .pi_icons_cot .pi_section_parent.active .pi_icon .pi_icon_image svg line {
    transition: stroke .35s;
}

.pi_icons .pi_icons_cot .pi_section_parent.active .pi_icon .pi_icon_image,
.pi_icons .pi_icons_cot .pi_section_parent .pi_icon:hover .pi_icon_image {
    fill: #23A7DE;
}

.pi_icons .pi_icons_cot .pi_section_parent.active .pi_icon .pi_icon_image i,
.pi_icons .pi_icons_cot .pi_section_parent .pi_icon:hover .pi_icon_image i {
    color: #23A7DE;
}

.pi_icons .pi_icons_cot .pi_section_parent.active .pi_icon .pi_icon_image svg line,
.pi_icons .pi_icons_cot .pi_section_parent .pi_icon:hover .pi_icon_image svg line {
    stroke: #23A7DE;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_icon .pi_icon_image {
    width: 20px;
    height: 20px;
    fill: #2e3333;
    text-align: center;
}

.pi_icons .pi_icons_cot .pi_section_parent {
    position: relative;
}

.pi_icons .pi_icons_cot .pi_section_parent:not(.active) .pi_section {
    display: none;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section {
    width: 270px;
    position: absolute;
    right: 40px;
    top: 0px;

    overflow: hidden;

    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid #C9D2D2;
    border-radius: 4px 0px 0px 4px;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section.lg {
    width: 450px;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section .rotate-input-group .form-control {
    width: 56px;
    height: 30px;
    font-size: 14px;
    padding: 0.375rem 0.25rem;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section .pref-title {
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(46, 51, 51, 0.7);
    margin-bottom: 0.5rem;
    padding-left: 2px;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section .pref-section {
    padding: 0.65rem 1.25rem;
    border-bottom: 1px solid #C9D2D2;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section p {
    margin-bottom: 0.5rem;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section .icon-btn {
    font-size: 16px;
    color: #2E3333;
    background-color: rgba(255, 255, 255, 0.5);
    border-color: #C9D2D2;
    height: 36px;
    width: 36px;
    border-radius: 2px;
    padding: 0;
}

.pi_icons .pi_icons_cot .pi_section_parent .pi_section .icon-btn:hover,
.pi_icons .pi_icons_cot .pi_section_parent .pi_section .icon-btn:focus {
    background-color: rgba(255, 255, 255, 0.8);
    color: #2E3333;
}

.input_field_div.nie_flex_box {
    flex-wrap: wrap;
    width: 100%;
}

.input_field_div.nie_flex_box .field_name_div {
    flex: 1 12 20px;
    max-width: 20px;
}

.input_field_div.nie_flex_box input {
    flex: 9 12 0;
}

.input_field_div.nie_flex_box .field_arrows {
    flex: 1 12 16px;
    max-width: 16px;
}

.input_field_div.nie_flex_box .input_pi_append {
    flex: 1 12 34px;
    max-width: 34px;
}

.input_field_div {
    background: white;
    border: 1px solid #C9D2D2;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
}

.input_field_div:hover {
    border-color: #23A7DE;
    box-shadow: 0 0 0 0.2rem rgb(35 167 222 / 30%);
}

.input_field_div .field_name_div {
    color: #7F8C8D;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    padding: 6px 0 5px 8px;
}

.input_field_div .field_name_div.new {
    padding: 6px 4px 5px 8px;
    max-width: max-content;
    background-color: rgb(245, 245, 245);
}

.input_field_div .field_arrows {
    color: #2E3333;
    font: normal normal normal 12px/19px Open Sans;
    letter-spacing: 0px;
    padding: 1px 4px 0px 0;
    transition: opacity .1s;
    line-height: 12px;
}

.input_field_div:not(:hover) .field_arrows {
    opacity: 0;
}

.input_field_div .field_arrows .field_arrows_arrow {
    height: 50%;
    background-color: #DEE3E3;
    transition: color .1s, background-color .1s;
}

.input_field_div .field_arrows .field_arrows_arrow:hover {
    background-color: #c8cccc;
}

.input_field_div .field_arrows .field_arrows_arrow:active {
    color: #F5F5F5;
    background-color: #7F8C8D !important;
}

.input_field_div .field_name_div .text_div {
    width: 12px;
    height: 19px;
}

.input_field_div .field_name_div.new .text_div {
    width: max-content;
}

.input_field_div .field_name_div .text_div:before {
    content: attr(field_name);
}

.input_field_div input {
    font: normal normal normal 14px/19px Open Sans;
    border: none !important;
    padding: 6px 8px 5px 6px;
    outline: 0 !important;
    width: 60px !important;
    color: #2E3333;
    letter-spacing: 0px;
}

.input_field_div .input_pi_append:empty {
    display: none;
}

.input_field_div .input_pi_append {
    padding: 6px 4px 5px 4px;
    letter-spacing: 0px;
    font: normal normal normal 14px/19px Open Sans;
    background-color: #C9D2D2;
}

.input_field_div .input_pi_append::before {
    content: attr(unit);
}

.input_field_div+ :first-child {
    border-radius: 2px 0 0 2px;
}

.input_field_div+ :last-child {
    border-radius: 0 2px 2px 0;
}


.pi_header {
    background: #DEE3E3 0% 0% no-repeat padding-box;
    border-radius: 4px 0px 0px 0px;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pi_header .pi_title {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    padding: 9px 0px 8px 12px;
    user-select: none;
}

.pi_header .pi_thumb,
.pi_header .pi_reset {
    padding-right: 11.25px;
    cursor: pointer;
    transition: transform .35s;
    transform-origin: 7px 14px;
}

.pi_header .pi_thumb.active,
.pi_header .pi_thumb:hover {
    fill: #23A7DE;

}

.move_rotate .pi_thumb.active,
.move_rotate .pi_thumb:hover {
    filter: invert(65%) sepia(86%) saturate(2556%) hue-rotate(165deg) brightness(90%) contrast(93%);
}

.move_rotate .pi_thumb.active {
    transform: rotate(-45deg);
}

.move_rotate .pi_reset:hover {
    filter: invert(65%) sepia(86%) saturate(2556%) hue-rotate(165deg) brightness(90%) contrast(93%);
}

.pi_body .pi_reset:hover {
    filter: invert(65%) sepia(86%) saturate(2556%) hue-rotate(165deg) brightness(90%) contrast(93%);
    cursor: pointer;
}

.pi_header .pi_reset:hover {
    color: #23A7DE;

}

.pi_header .pi_thumb.active {
    transform: rotate(-45deg);
}

.pi_body {
    padding: 13px 10px 14.5px 12px;
    overflow-y: overlay;
}

.pi_body .pi_body_section:not(:first-child) {
    padding-top: 20px;
}

.pi_body_section {}

.pi_section {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px solid #C9D2D2;
    border-radius: 4px 0px 0px 4px;
}

.wavelength-table th {
    font-size: 10px;
    padding: 0.375rem 0.75rem !important;
}

.vakata-context {
    z-index: 100000;
}

.tb_table {
    text-align: left;
    font: normal normal normal 14px/19px Open Sans;
    letter-spacing: 0px;
    color: #000000;
}

.tb_table .tb_header {
    background-color: #DEE3E3;
}

.tb_table .tb_header .tb_header_item {
    padding: 8px 4px;
}

.tb_table .tb_body {
    max-height: 40vh;
    overflow: auto;
}

.tb_table .tb_body::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.tb_table .tb_body .tb_body_item {
    padding: 4px;
}

.tb_table .tb_footer {
    width: 100%;
    height: 40px;
    position: sticky;
    bottom: 0px;
    background-color: #F5F5F5;
}

.btn_hover:hover {
    color: #23A7DE;
    fill: #23A7DE;
    cursor: pointer;
}

.elements-bar .input-group .btn-link.sidebar_dropdown_item {
    padding: 0.25rem;
    -ms-flex-align: center !important;
    align-items: center !important;
    overflow-x: hidden;
}

header .dropdown a:not(.ignore-format),
header .dropdown .dropdown-item:not(.ignore-format) div,
header .dropdown .dropdown-item:not(.ignore-format) span,
header .dropdown .dropdown-item:not(.ignore-format) label,
.sidebar_dropdown_item,
.sidebar_dropdown_item div {
    text-transform: lowercase;
}


header .dropdown a:first-letter,
header .dropdown span:first-letter,
header .dropdown .dropdown-item div:first-letter,
header .dropdown .dropdown-item label:first-letter,
.sidebar_dropdown_item:first-letter,
.sidebar_dropdown_item div:first-letter,
.sidebar_dropdown_item a:first-letter {
    text-transform: uppercase;
}

.elements-bar .input-group .form-control.sidebar_search {
    padding: 0.25rem;
    font-size: 14px;
    line-height: 19px;
}

.ellip_div {
    overflow: hidden;
    text-overflow: ellipsis;
    flex-flow: nowrap;
}

li[list_part=false] {
    display: none !important;
}

.side_bar_search_x {
    margin-left: -16.8px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #9ba1a6;
    z-index: 4;
}

.side_bar_search_x:hover {
    color: #23A7DE;
    cursor: pointer;
}

input:placeholder-shown+.side_bar_search_x {
    display: none;
}

.advanced_optics_link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.advanced_optics_link.active {
    pointer-events: all;
    color: rgb(35, 167, 222);
    cursor: pointer;
}

.advanced_optics_link:empty::before {
    content: 'undefined';
}

.optics_form_button {
    margin-left: -42.67px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 2;
}

.optics_form_button:hover {
    cursor: pointer;
    color: #23A7DE;
}

.sentense_style {
    text-transform: lowercase !important;
}

.sentense_style::first-letter {
    text-transform: uppercase;
}

.width-auto {
    width: auto !important;
}

.open_setup_cot {
    padding: 28px;
    max-height: 75vh;
    height: 650px;
}

.tesselation-props {
    z-index: 100000;
    right: 0;
    bottom: 0;
    width: 170px;
    background-color: #F5F5F5;
    border-radius: 4px;
}


.link_span:hover {
    text-decoration: underline;
    color: #23A7DE;
    cursor: pointer;
}

.input_field_div input.width-auto {
    width: auto !important;
}

.short_label_name {
    z-index: 1;
    display: flex;
    align-items: center;
    font-weight: bold;
}

short_label_name:empty {
    display: none;
}

/* single point slider */
.single-slider {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: 7px !important;
    border-radius: 4px !important;
    background: #C9D2D2 !important;
    outline: none !important;
    -webkit-transition: .2s !important;
    transition: opacity .2s !important;
}

.single-slider::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    border-radius: 50% !important;
    width: 15px !important;
    height: 15px !important;
    background: #23a7de !important;
    cursor: pointer !important;
}

.buy_module_btn {
    display: none;
}


[data-toggle=collapse]:not([href]) .buy_module_btn {
    display: inline-block;
}

[data-toggle=collapse]:not([href]) .uos_collapse_btn {
    display: none;
}

[data-toggle=collapse]:not([href]) .buy_module_btn::before {
    content: 'Try premium';
    text-transform: none;
}

[data-toggle=collapse]:not([href]) .uo_title {
    opacity: 0.5;
}


.setup-details label {
    font-weight: 600;
}

.setup-labels span.select2-selection {
    min-height: 34px;
}

/* progress bar */
.gpu-time-circle-wrap {
    /* margin: 150px auto; */
    width: 150px;
    height: 150px;
    background: #f5f5f5;
    border-radius: 50%;
    border: 1px solid #cdcbd0;
}

.gpu-time-circle-wrap .gpu-time-circle .gpu-time-mask,
.gpu-time-circle-wrap .gpu-time-circle .gpu-time-fill {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
}

.gpu-time-circle-wrap .gpu-time-circle .gpu-time-mask {
    clip: rect(0px, 150px, 150px, 75px);
}

.gpu-time-circle-wrap .gpu-time-inside-circle {
    width: 122px;
    height: 122px;
    border-radius: 50%;
    background: white;
    line-height: 120px;
    text-align: center;
    margin-top: 14px;
    margin-left: 14px;
    color: #23a7de;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 2em;
}

/* color animation */

/* 3rd progress bar */
.gpu-time-mask .gpu-time-fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #23a7de;
}

.gpu-time-mask.gpu-time-full,
.gpu-time-circle .gpu-time-fill {

    transform: rotate(135deg);
}

[text_align="left"] {
    text-align: left !important;
}

[text_align="center"] {
    text-align: center !important;
}

[text_align="right"] {
    text-align: right !important;
}



.header .logo.logo-beta {
    margin-bottom: 0;
    height: 29px;
}

.rays-warning-border {
    border: 1px solid rgb(255, 166, 77) !important;
    border-radius: 0.25rem !important;
}

#num_of_analysis_rays_tooltip {
    color: rgb(255, 166, 77);
    padding-left: 0.25rem;
}

.sprite-label-cot {
    display: flex;
    flex-direction: column-reverse;
    gap: 4px;


}

.sprite-label {
    color: #FFF;
    font-family: sans-serif;
    padding: 2px 8px 2px 8px;
    background: rgba(35, 167, 222, 0.5);
    border: 1px solid lightgray;
    border-radius: 5px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
}

.sprite-label:hover {
    white-space: break-spaces;
    word-break: break-word;
}

.measure-label {
    color: #FFF;
    font-family: sans-serif;
    padding: 0px 2px;
    font-size: 8px;
    background-color: #7A7A7A;

}

.measure-label_edge {
    color: #FFF;
    font-family: sans-serif;
    /* padding: 5px 5px; */
    /* line-height: 15px; */
    /* background: rgba( 0, 0, 0, .6 ); */
    background: #494F4F;
    /* border: 1px solid lightgray; */
    /* font-size: 15px !important; */
    font-weight: 800;
    /* border: 2px solid #2E3333;
    box-shadow: 0px 2.0807px 4.1614px 0px rgba(0, 0, 0, 0.25);
    border-radius: 2.837px; */

    border-radius: 4px;
    border: 1px solid #494F4F;
    background: #979999;

    font-size: 14px !important;
    padding: 0px 5px;
    line-height: unset;
    height: 24px;
    width: 24px;
    text-align: center;
}

.warning-header-container {
    color: #D62A2A;
    align-items: center;
    justify-content: start;
    font-size: 0.9rem;
    font-weight: bold;
}

.optomechanics_part_name {
    padding-top: 5px !important;
    margin-top: 5px !important;
    font-size: 14px;
    color: black;
}