@charset "UTF-8";

/*
Правило написания CSS стилей в all.css:
all.css создан для оптимизации загрузки веб-приложения
Пытайтесь убирать лишнии записи, комментарии и всячески его оптимизируйте
Все необходимые стили раздеяйте чертой(приведенной ниже), с названием в середине, чтобы не было недопониманий
--------------------------------  EXAMPLE  --------------------------------
Каждый виджет должен быть разделён подобной чертой либо ищите через поиск и создавайте подразделы
Или же если данного виджета не существует, добавляйте его с тем же разделителем
*/
/*--------------------------------  BASE  --------------------------------*/
:root {
  --theme-color-text-slider: #414141;
  --theme-color-text-news: #5A5A5A;
}

* {
  font-family: 'Inter', sans-serif;
  box-sizing: border-box;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -moz-box-sizing: border-box;
}
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  will-change: scroll-position;
  margin: 0px;
  background: var(--theme-bg-main, white);
  backface-visibility: hidden;
  perspective: 1000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: var(--theme-bg-main-invert, black);
}

/* p,
span {
  color: var(--theme-color-text,#0C1914);
} */

img {
  user-select: none;
}

body.not_load {
  overflow: hidden;
}

body.not_load .wrapper {
  overflow: hidden;
}

svg {
  pointer-events: none;
}

a {
  text-decoration: none;
}

/*--------------------------------  FONTS  --------------------------------*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2') format('woff2');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2') format('woff2');
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/92zatBhPNqw73ord4iYl.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/inter/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/92zatBhPNqw73oDd4iYl.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/92zatBhPNqw73ord4iYl.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/inter/woff2/92zatBhPNqw73oTd4g.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*--------------------------------  MAIN  --------------------------------*/
.bold_text {
  font-weight: 500;
}

.bg_after_img {
  position: relative;
}

.bg_after_img::after {
  background-size: cover !important;
  content: ' ';
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
  will-change: transform;
  z-index: 0;
  transition: all 0.3s linear;
}

.bg_before_img {
  position: relative;
}

.bg_before_img::before {
  background-size: cover !important;
  content: ' ';
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%;
  will-change: transform;
  z-index: 0;
  transition: all 0.3s linear;
}

.info_wrapper_team h2 {
  margin-top: 5px;
}

.wrapper {
  position: relative;
  height: 100%;
  display: block !important;
  overflow-y: auto;
}

.pagination_mobile_footer {
  display: none;
}

.page {
  width: 90%;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.page>.page {
  width: 100% !important;
}

.aipsinfamily {
  width: 100%;
}

.aipsinfamily {
  color: var(--theme-color-text, #0C1914);
}

.container {
  min-height: calc(100% - 70px);
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.content {
  display: block;
  width: 100%;
  height: 100%;
}

table {
  border-collapse: collapse;
  border-color: var(--theme-bg-table, #B9B9B9);
}

a>button {
  pointer-events: none !important;
}

.button_secondary {
  height: 32px;
  color: var(--theme-color-text, #0C1914);
  background-color: var(--theme-bg-form, #EDEDEDFA);
  border-radius: 6px;
  border: 1.1px solid var(--theme-color-main, #D60000);
  padding: 5px 38px;
  text-decoration: none;
  color: var(--theme-color-text, #0C1914);
  text-transform: uppercase;
  font-size: 14px;
}

select {
  /* box-shadow: 0.1em 0.1em 20px 3px rgb(138 138 138 / 15%); */
  outline: none;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  border-radius: 10px;
  border: none;
  padding: 15px;
  padding: 7px;
  font-size: 1rem;
  cursor: pointer;
  width: 100%;
}

select>option {
  cursor: pointer;
  border: 0px;
  outline: 0px;
  font-size: 1rem;
  scroll-behavior: smooth;
  color: var(--theme-color-text, #0C1914);
}

select>option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

select>option:not(:checked) {
  background-color: var(--theme-bg-main, white);
}

select>option:checked {
  color: var(--theme-color-main, #D60000);
}

button {
  cursor: pointer;
}

.toggle_header_menu {
  display: none;
}

.content_menu_header {
  display: none;
}

.flex_pagination {
  display: flex;
}

#registration {
  margin-left: 24px;
  background-color: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914) !important;
}

.head_wrapper:hover a>button {
  transform: scale(1.05);
  transition: 0.3s;
}

.error a {
  color: var(--theme-color-footer-text, white);
  display: block;
  margin-top: 3px;
}

.findError {
  display: flex;
  justify-content: flex-start;
}

.findError img {
  margin-left: 20px;
}

.findError img:hover {
  transition: 0.2s;
  transform: scale(1.1);
}

.error p {
  margin: 0px;
}

.login_wrapper {
  width: 32%;
  margin: auto;
  border-radius: 10px;
  min-width: 500px;
}

.login_wrapper>form,
#new_worker {
  border-radius: 10px;
  background: var(--theme-bg-main, white) !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

#cmd_login_btn {
  cursor: pointer;
}

input {
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  border-radius: 10px;
  border: none;
  padding: 15px;
  font-size: 1rem
}

textarea {
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  border-radius: 10px;
  border: none;
  padding: 15px;
  font-size: 1rem
}

.input_field {
  margin-top: 15px;
}

#email_field {
  position: relative;
  margin-bottom: 20px;
}

#email_field .reset_password_link {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 9pt;
}

.reset_password_link {
  color: var(--theme-color-text, #0C1914);
  text-decoration: none;
}

.reset_password_link:hover {
  border-bottom: 1.5px solid var(--theme-color-main, #D60000);
}

#id_email,
#id_password {
  width: 100%;
}

.form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#form_reset {
  background-color: var(--theme-bg-form, #EDEDEDFA);
}

.sign_up a button {
  background-color: var(--theme-bg-form, #EDEDEDFA);
}

input[name=cmd_reset] {
  margin-left: 10px;
}

#inputs_reset>.form_aipsin_content {
  margin-top: 0px;
}

.log_in {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
}

#inputs_register {
  background-color: #EDEDED;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 40px 70px 70px 70px;
  justify-items: start;
  align-items: center;
  gap: 5%;
}

#form_register form {
  padding: 0px;
}

.contacts_wrapper_desktop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 40px auto;
  gap: 3%;
}

.contact_card:last-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  display: block;
  padding: 40px 80px;
}

.contact_box_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.contact_card:last-child>.contact_card_wrapper>a>img {
  width: 225px;
}

.contact_card:last-child>.contact_card_wrapper {
  justify-content: space-between;
}

.contact_logo {
  display: block;
}

.contact_box {
  display: flex;
  align-items: center;
}

.contact_box>a,
.contact_box>p,
.contact_box>div {
  margin: 10px 0px;
}

.contact_card:first-child {
  padding: 20px 80px 40px;
}

.contact_card_wrapper {
  display: flex;
  gap: 5%;
  align-items: center;
}

.contact_card_wrapper>a>img {
  width: 185px;
  margin: auto;
}

.contact_card_wrapper h6 {
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.03em;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: left;
}

.contact_box>img {
  margin-right: 12px;
  width: 20px;
}

.contact_card_wrapper>h5 {
  font-weight: 600;
  font-size: 18px;
}

.contact_card_wrapper>p {
  margin-top: 4px;
}

.contact_card {
  box-shadow: 0.1em 0.1em 20px 3px rgb(138 138 138 / 30%);
  padding: 20px 80px;
  border-radius: 9px;
  border: none;
  display: grid;
  grid-template-rows: 1fr 1fr;
}

#belhard_aipsin_contact_card {
  margin-bottom: 20px;
}

.partners_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  gap: 2%;
  margin: 30px auto 0;
  width: 100%;
}

.partners {
  margin: auto;
  margin-bottom: 80px;
  margin-top: 80px;
}

.partners h3 {
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}

.partners_wrapper>a {
  margin-right: 40px;
}

.partners_wrapper>a:last-child {
  margin-right: 0px;
}

.partners_wrapper>a>img {
  max-width: 350px;
  filter: saturate(0%);
}

.partners_wrapper>a>img:hover {
  filter: saturate(100%);
  transform: scale(1.1);
  transition: 0.8s;
}

.advantages_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--theme-bg-form, #EDEDEDFA);
}

.advantages_wrapper a:hover {
  border: none
}

.advantages_card {
  grid-column: span 4 / auto;
  background-color: var(--theme-bg-main, white);
  border-radius: 30px;
  border: none;
  padding: 5% 3% 3%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: space-around;
}

.wrapper_cards:not(#main_wrapper_cards_mvd)>.card_main{
  grid-column: span 3/auto;
  aspect-ratio: 1 / 1;
  max-height: 250px;
}
.wrapper_cards#main_wrapper_cards_mvd{
  width:80%;
  margin:auto;
}
.wrapper_cards#main_wrapper_cards_mvd>.card_main{
  grid-column: span 6/auto !important;
  aspect-ratio: unset !important;
  max-height: 250px;
  padding: 20px;
}

.card_main {
  background-color: var(--theme-bg-main, white);
  border-radius: 30px;
  border: none;
  padding: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}

.card_main>a>img {
  height: 70%;
  width: 70%;
  aspect-ratio: 1/1;
  cursor:pointer;
}

.card_main>a {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 500;
  gap: 15px;
  justify-content: space-between;
  text-decoration: none;
  text-align: center;
  color: var(--theme-color-text, #0C1914);
  width: 100%;
  height: 100%;
}

.card_main:hover>a {
  text-decoration: none;
}

.card_main:hover {
  transition: 0.2s;
  transform: scale(1.02);
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 20%);
}

.advantages_card:nth-child(2)>img {
  width: 55%;
  padding-left: 20px;
}

.advantages_card:nth-child(3)>img {
  width: 60%;
}

.advantages_card>p {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 24px;
}

.info_wrapper,
.info_modules>p {
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.03em;
  margin: 0px;
}

.info_wrapper {
  margin: 0px auto 50px
}

.wrapper_cards {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding:50px 0px;
  grid-gap: 25px;
}


.advantages_wrapper>h2 {
  font-family: 'Jost';
  font-weight: 500;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  width: 80%;
  margin: 0px auto;
  padding-top: 30px;
}

.info_modules {
  margin: 50px auto;
}

.info_bases {
  margin: auto;
  margin-bottom: 50px;
}

.numbs_bases>td {
  font-family: 'Jost';
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
}

#internal_bases {
  font-weight: 500;
  font-size: 30px;
  letter-spacing: 0.03em;
  width: 375px;
}

.type_of_bases>td {
  padding-right: 30px;
  font-family: 'Jost';
  font-weight: 300;
  font-size: 18px;
}

.feedback {
  background-color: var(--theme-bg-form, #EDEDEDFA);
  margin-top: 50px;
}

.feedback_wrapper>a>button {
  background: var(--theme-bg-main, white);
  border-radius: 10px;
  border: none;
  padding: 22px 42px;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03em;
  width: 350px;
  cursor: pointer;
}

.feedback_wrapper button {
  text-transform: none;
  font-size: 1rem;
}

.feedback_wrapper>a:hover>button {
  background: var(--theme-color-main, #D60000);
  color: var(--theme-bg-main, white);
}

.feedback_wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.feedback_block {
  margin: auto;
  width: 90%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 70px 0px;
  gap: 6%;
}

.conception {
  margin: auto;
}

.conception img {
  width: 100%;
}

.conception p {
  font-weight: 400;
  font-size: 1rem;
  /* line-height: 24px; */
  letter-spacing: 0.03em;
  margin-top: 30px;
}

.conception h2 {
  font-weight: 500;
  font-size: 32px;
  /* line-height: 44px; */
  letter-spacing: 0.03em;
  margin-top: 35px;
}

.another_products {
  display: flex;
  width: 75%;
  margin: auto;
  justify-content: space-between;
  overflow: auto;
}

.another_products::-webkit-scrollbar-track {
  background: var(--theme-bg-main, white);
  border: none;
  border-radius: 20px
}

.another_products::-webkit-scrollbar {
  height: 17px;
}

.another_products::-webkit-scrollbar-thumb {
  background-color: #bebebe;
  border-top: 4px solid var(--theme-bg-main, white);
  border-bottom: 4px solid var(--theme-bg-main, white);
  border-radius: 20px;
}

.product_card img {
  object-fit: cover;
  max-width: 320px;
  width: 100%;
  min-width: 280px;
  height: 374px;
  min-height: 430px;
  border-radius: 10px;
  border: none;
}

#product_card_2,
#product_card_3 {
  margin-right: 50px;
}

#product_card_2 {
  margin-left: 50px;
}

.products_wrapper h2 {
  font-family: 'Jost';
  font-weight: 500;
  font-size: 32px;
  /* line-height: 58px; */
  text-align: center;
  letter-spacing: 0.03em;
  margin: auto;
  padding-bottom: 35px;
  text-transform: uppercase;
}

.products_wrapper {
  margin-bottom: 100px;
}

.product_card {
  position: relative;
  cursor: default;
  user-select: none;
}

.product_card>h4 {
  position: absolute;
  bottom: 30px;
  left: 32px;
  font-family: 'Jost';
  font-weight: 500;
  font-size: 18px;
  /* line-height: 29px; */
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
}

.product_card>p {
  font-family: 'Jost';
  font-weight: 400;
  font-size: 15px;
  /* line-height: 23px; */
  letter-spacing: 0.03em;
  color: white;
  position: absolute;
  top: 49%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 230px;
}

.product_card>p,
.product_card>h4,
.product_card>img {
  transition: all 0.3s ease-in-out;
}

.product_card>p {
  visibility: hidden;
  opacity: 0;
}

.product_card:hover p {
  visibility: visible;
  opacity: 1;
}

.product_card:hover>h4 {
  visibility: hidden;
  opacity: 0;
}

.product_card:hover>img {
  filter: brightness(40%);
}

.service_block {
  position: relative;
}

.service_block>img {
  pointer-events: none;
}

.card_decription {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 49%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  max-width: 75%;
  transition: all 0.3s;
}

.card_text {
  font-family: 'Jost';
  font-weight: 400;
  font-size: 14px;
  /* line-height: 21px; */
  letter-spacing: 0.03em;
  color: white;
}

.card_decription a>button {
  background: none;
  border: 1px solid var(--theme-bg-main, white);
  color: white;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  /* line-height: 20px; */
  letter-spacing: 0.03em;
  padding: 5px 15px 7px 15px;
}

.card_decription a:hover>button {
  background-color: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
}

.card_decription a:hover>button>svg>path {
  stroke: var(--theme-color-text, #0C1914);
}

.non-display {
  display: none;
  transition: 0.2s;
}

.non-display-contract {
  filter: brightness(50%);
  transition: 0.5s;
}

#product_card_3>p,
#product_card_2>p {
  top: 46%;
}

.certificates_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 3%;
}

.diplomas_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 35px;
  align-items: center;
}

.diploma_block_img {
  cursor: pointer;
  display: inline-block;
}

.diploma_block_img img {
  width: 60%;
  margin: auto;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.certificate {
  width: 100%;
  /* height: 100%; */
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.certificate>.cert_image {
  max-width: 500px;
  height: unset;
  border-radius: 0px !important;
  width: 50% !important;
  box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 0px !important;
}

.cert_image {
  width: 100%;
  box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.diplomas,
.certificates_block,
.reviews_box,
.media {
  margin: auto;
}

.cert_title,
.media_title {
  text-align: center;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  /* font-family: 'Inter'; */
  font-weight: 500;
  font-size: 24px;
  /* line-height: 30px; */
  letter-spacing: 0.03em;
  color: var(--theme-color-link, black);
}

.reviews_box {
  margin-bottom: 110px;
}

.reviews {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 35px;
  align-items: center;
}

.media {
  margin-top: 92px;
  margin-bottom: 50px;
}

.reviews div a button {
  padding: 10px;
  border: 1.1px solid var(--theme-color-text-news, #5A5A5A);
  border-radius: 12px;
  background-color: var(--theme-bg-main, white);
  font-family: 'Jost';
  font-weight: 400;
  font-size: 14px;
  /* line-height: 23px; */
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--theme-color-text-news, #5A5A5A);
  width: 100%;
  cursor: pointer;
}

.reviews div a:hover button {
  background-color: var(--theme-color-main, #D60000);
  border: 1.1px solid var(--theme-color-main, #D60000);
  color: var(--theme-bg-main, white);
}

.reviews div a {
  display: block;
}

#certificate {
  height: 80%;
  width: 100%;
  margin: auto;
}

.media ol li a {
  text-decoration: none;
  color: var(--theme-color-link, black);
}

.media ol li {
  margin-bottom: 10px;
}

#magnify {
  display: none;
  position: absolute;
  max-width: 600px;
  height: auto;
  z-index: 9999;
  position: absolute;
  top: 52%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}

#magnify img {
  width: 100%;
}

#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}

#close-popup {
  width: 30px;
  height: 30px;
  background: var(--theme-bg-main, white);
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}

#close-popup i {
  width: 27px;
  height: 28px;
  background: url(/static/images/close_cross.png) no-repeat center center;
  background-size: 16px 16px;
  display: block;
}

#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.label-input {
  display: flex;
  flex-direction: column;
}

.error_wrapper {
  display: flex;
}

.error_block {
  margin: auto;
  background: rgba(237, 237, 237, 0.98);
  border-radius: 10px;
}

.upload-file__input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 0.4px;
  height: 0.4px;
}

.upload-file__label {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 440px; */
  cursor: pointer;
  flex-direction: column;
  background-color: var(--theme-bg-main, white);
  border-radius: 10px;
  border: none;
  height: 100%;
  padding: 15px;
}

.upload-file__icon {
  width: 125px;
  height: 125px;
}

.upload-file__label .upload-file__text,
.upload-file__label .upload-file__icon path {
  transition: .25s ease;
}

.upload-file__text {
  font-family: 'Jost';
  font-weight: 500;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--theme-color-link, black);
}

.urltextarea {
  width: 50%;
  margin-right: 5%;
}

.filearea {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.upload-file__wrapper:hover {
  transform: scale(1.05);
  transition: 0.4s;
}

.input-file-list {
  display: flex;
  flex-wrap: wrap;
}

.input-file-list-item {
  margin-bottom: 10px;
  width: 50%;
}

.input-file-list-remove {
  color: red;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
}

.upload-file__wrapper {
  height: 100%;
}

.label_name {
  margin: 10px 0px;
}

.New_sbst_page>.instruction {
  margin-bottom: 30px;
  margin-top: 10px;
  padding: 20px;
  border-radius: 15px;
  box-sizing: border-box;
  background: var(--theme-bg-main, white) !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.instruction .button_main {
  margin-top: 20px;
}

.read_more {
  font-weight: 700;
  letter-spacing: 0.03em;
}

.read_more a {
  font-weight: 700;
}

.service_block {
  position: relative;
}

.service_block_text {
  margin-top: 30px;
  margin-bottom: 40px;
  color: var(--theme-color-text,#0C1914);
}

.service_block>h4 {
  visibility: visible;
  opacity: 1;
  position: absolute;
  padding: 0px 40px;
  bottom: 30px;
  font-family: 'Jost';
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: white;
  transition: all 0.3s;
}

#annotation {
  font-weight: 600;
  margin-bottom: 0px;
}

.service_block>img {
  border-radius: 10px;
  object-fit: cover;
  height: 550px;
  width: 100%;
  min-width: 280px;
  transition: all 0.3s;
}

.services_block>img {
  filter: brightness(75%);
}

.service_block:hover .card_decription {
  opacity: 1;
  visibility: visible;
}

.service_block:hover>h4 {
  visibility: hidden;
  opacity: 0;
}

.services_block>.service_name_box {
  z-index: 1;
  margin-bottom: 15px;
  bottom: 3%;
  left: 6%;
  position: absolute;
  width: 90%;
}

.services_block>.service_name_box>a {
  color: white;
  font-family: 'Jost';
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  /* margin-bottom: 15px; */
}

.services_block:hover .service_name_box>a {
  border-bottom: 1px solid white;
  transition: 0.3s ease-in-out all;
}

.bigFont {
  font-size: 1.5rem;
}

.services_block {
  position: relative;
  border-radius: 10px;
  cursor: pointer;
  grid-column: span 4/auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.services_block>.service_img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}

.services_block>div.dropdown_service_icon {
  position: absolute !important;
  right: 20px;
  top: 20px;
  width: 24px;
  height: 24px;
  fill: white;
}

.services_block>div.dropdown_service_icon::after {
  width: 300px;
  white-space: pre-wrap;
}

.services_block>.dropdown_service_icon svg {
  fill: white;
  z-index: 1;
  transition: 0.3s ease-in-out all;
}

.services_block>.dropdown_service_icon:hover svg {
  fill: var(--theme-color-main, #D60000);
}

.services_wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 200px;
  grid-template-rows: 200px;
  gap: 15px 10px;
  margin: 2% 0px 3%;
}

.tabs_info {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px !important;
  min-width: 0px !important;
}

.requisites {
  padding-left: 35px;
}

.requisites>p {
  margin: 5px;
}

.agreement ol {
  list-style: none;
  counter-reset: li;
}

.agreement li::before {
  counter-increment: li;
  content: counters(li, ".") ". ";
}

.agreement {
  text-align: justify;
}

.update_info {
  margin-top: 30px;
}

.update_info h2 {
  font-weight: 500;
  font-size: 22px;
  letter-spacing: 0.03em;
}

.info_update_table tr td {
  padding: 10px;
}

#txtnoticeupdate tr td {
  padding: 10px;
}

.info_update_table thead {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: 600;
  font-size: 1.1em;
  text-align: center;
  letter-spacing: 0.03em;
}

.info_update_table tbody>tr>td:nth-child(1) {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.03em;
}

.opening_image_main,
.opening_image_oth_main {
  width: 250px;
}

.recordslist_sections_top_news {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5%;
}

.recordslist tbody tr td {
  border: 1px solid rgba(211, 211, 211, 0.2);
}

.title_top_news {
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  margin-bottom: 50px;
}

.btn_news {
  display: flex;
  gap: 10px;
  align-items: center;
}

.content_top_news {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.news_btn_link {
  margin-top: 60px;
}

.news_btn_link:hover {
  text-decoration: none;
}

.opening_image_main_ {
  width: 100%;
}

.all_news {
  margin-top: 50px;
  margin-bottom: 50px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 3%;
  row-gap: 20px;
}

.news_pre_img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  filter: brightness(0.55);
  margin: 0px;
  min-width: 320px;
  border-radius: 10px;
}

.all_news_body {
  position: relative;
}

.news__title,
.news_date {
  position: absolute;
}

.news_title {
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;
  color: white !important;
}

.news__title {
  width: 100%;
  bottom: 55px;
  padding: 0px 30px;
}

.news_date {
  color: white !important;
  font-size: 14px;
}

#advantages_cards {
  width: 70%;
}

.news_title:hover {
  text-decoration: none;
}

.modal_aipsin>img {
  object-fit: contain;
  width: 1200px;
  height: auto;
}

.opening_image {
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
  cursor: pointer;
  /* max-width: 100%; */
}

.title_news_in_wind {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.03em;
  color: var(--theme-color-text, #0C1914);
  margin: 15px 0px;
}

.tabs_news_actions {
  position: absolute;
  top: 30px;
  right: 30px;
  display: flex;
  gap: 10px;
}

.tabs_news_actions button>img {
  filter: contrast(0.5);
}

.tabs_news_actions button>img:hover {
  filter: contrast(1);
  cursor: pointer;
}

.tabs_news_actions button {
  background: none;
  border: none;
}

.create_news {
  min-width: 320px;
  width: 100%;
  height: 380px;
  background: var(--theme-bg-main, white);
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 20%);
  border-radius: 10px;
}

.one_news:hover,
.create_news:hover {
  transform: scale(1.02);
  transition: 0.4s;
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 40%);
}

.all_news .create_news:nth-child(2n+1):last-child {
  grid-column: span 2;
}

#form_new_model {
  margin-top: 25px;
  background-color: var(--theme-bg-main, white);
  border-radius: 10px;
}

.icons_user_sidebar:hover path {
  fill: var(--theme-color-main, #D60000);
}

#form {
  background-color: var(--theme-bg-form, #EDEDEDFA);
  border: none;
  border-radius: 10px;
}

form {
  position: relative;
}

.login_wrapper form,
.register_form form {
  padding: 40px 70px;
}

.download_card {
  background-color: var(--theme-bg-form, #EDEDEDFA);
  padding: 40px 50px;
  border-radius: 10px;
}

.title_update {
  margin: -20px auto 15px;
}

.one_compound {
  padding: 20px 0px;
}

.download_iso>a,
.download_update>a {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 20px;
  margin-bottom: 8px;
}

#main_news_title {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px;
}

#result_counter {
  color: var(--theme-color-text-news, #5A5A5A);
  font-size: 14px;
}

.title_download_iso,
.title_download_update {
  margin-bottom: 10px;
  display: block;
}

.download_iso>a>img,
.download_update>a>img {
  width: 25px;
}

#recordForm {
  padding: 0px;
}

#inputs_profile {
  display: grid;
  gap: 5%;
  grid-template-columns: 1fr 1fr 1fr;
}

#inputs_profile>.fieldWrapper>input {
  width: 100%;
}

#inputs_register>.fieldWrapper>input {
  width: 100%;
}

.fieldWrapper {
  width: 100%;
}

.st_name_newsubst {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.03em;
  margin-top: 30px;
}

.news_date_st {
  display: inline;
  font-weight: 500;
}

#notification_parametrs,
.st_mol_mass_comp_rb,
.st_mol_mass_comp_rf,
#st_news_open_txt_compound {
  font-weight: 500;
}

#notification_parametrs>span,
.st_mol_mass_comp,
.news_date_st>span {
  font-weight: 100;
  color: var(--theme-color-text-news, #5A5A5A);
}

.bl_countru_comp {
  border: 1.1px solid var(--theme-color-text-news, #5A5A5A);
  border-radius: 10px;
  padding: 25px 50px;
  width: fit-content;
}

#st_news_open_txt_compound>p {
  display: inline;
}

.news_date_open {
  padding-bottom: 20px;
}

.txt_lit_opin {
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.03em;
  color: var(--theme-color-text-news, #5A5A5A);
}

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

.title_notification,
.bl_countru_comp>div {
  margin: 5px 0px;
}

.txt_sourses>span>p {
  margin: 10px 0px;
}

.sbst_image {
  margin-left: 50px;
  max-width: 370px !important;
  height: 100%;
  max-height: 370px !important;
  object-fit: contain
}

.news_page {
  margin-top: 30px;
  color: var(--theme-color-text, #0C1914);
}

.content_main_admin_page {
  display: flex;
  flex-direction: column;
  margin: auto;
  border-radius: 15px;
  padding: 20px;
  background: var(--theme-bg-form, #EDEDEDFA);
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  margin-bottom: 20px;
}

.edit_link:hover>button>img {
  filter: brightness(100);
}

.txt_news_open_comment {
  margin-top: 30px;
  display: flex;
  gap: 100px;
}

.fieldWrapper>ul {
  margin: 0px;
}

.opening_image_subst {
  max-width: 370px;
  border-radius: 10px;
  max-height: 270px;
}

.images_sbst_wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.list_res_circle__check li {
  margin: 5px 0px;
}

.page_active {
  background-color: rgb(241, 54, 41) !important;
  border-radius: 20px;
}

.page_active a {
  color: var(--theme-bg-main, white);
}

#bottom_pager tbody tr td {
  padding: 6px 11px;
  border-radius: 20px;
  background-color: var(--theme-bg-form, #EDEDEDFA);
  display: inline-block;
  margin: 5px;
}

#bottom_pager tbody tr td a {
  text-decoration: none;
}

#bottom_pager {
  margin-left: auto;
  margin-right: auto;
}

.training_card {
  box-shadow: 0.1em 0.1em 20px 3px rgb(138 138 138 / 15%);
  padding: 40px;
  height: 100%;
}

.training_card ul>li>a>svg {
  width: 15px;
}

.training_card>ul>li {
  list-style: none;
  margin: 5px 0px;
}

.training_card>ul>li>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.training_card>ul {
  padding: 0;
}

#current_registration {
    background-color: #32bea675;
}

#excluded {
    background-color: #ff000087;
    color: white;
}

#expired {
    background-color: #f97e0075;
    
}

#pending {
    background-color: #0066ff59;
}

#stopped {
    background-color: #5a5a5ad1;
    color: white;
}

.training_wrapper {
  display: grid;
  gap: 50px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}

.training_card:nth-child(2n+1):last-child {
  grid-column: span 2;
}

.progress_wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

.content_news_page_aipsin {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.content_news_grid_page_aipsin {
  display: none;
}

.content_news_page_aipsin {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.box_all_news {
  width: 90%;
  margin: 25px auto 50px;
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;
}

#Blstring {
  opacity: 0.9;
  height: 20px;
  min-width: 50px;
  position: relative;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

#Blstring #Forstring {
  width: 100%;
  min-width: 50px;
  border-radius: 5px;
  border: 1.1px solid var(--theme-border-widget, #969696);
}

#Blstring #Thstring {
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}

#Blstring #Thstring::after,
#Blstring #Thstring::before {
  content: '';
  display: flex;
  position: absolute;
  border: 1.1px solid var(--theme-border-widget, #969696);
  background: var(--theme-border-widget, #969696);
  right: -4px;
  width: 12px;
  height: 0;
  padding: 0;
  border-radius: 5px;
  transform: rotate(45deg);
}

#Blstring #Thstring::after {
  top: -6.5px;
}

#Blstring #Thstring::before {
  bottom: -6.5px;
  transform: rotate(-45deg);
}

#choose_pack {
  font-size: 0.9em;
  padding: 5px 10px;
}

.news_page_compound>.editor>#editor>form>.btn_submit {
  display: inline-block;
  float: left;
  margin-right: 2em;
}

.news_page_compound>.editor>#editor>form {
  padding: 40px 0px;
}

#inputs_register_profile {
  background-color: var(--theme-bg-form, #f1f1f1);
  padding: 40px 70px 70px 70px;
  border-radius: 15px;
}

#inputs_register_profile .fieldWrappertt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--theme-bg-main-invert, black);
  border-radius: 7px;
  background-color: var(--theme-bg-main, white);
}

#inputs_register_profile .fieldWrappertt label {
  margin-right: 15px;
}

#inputs_register_profile .fieldWrappertt svg {
  height: 25px;
  aspect-ratio: 1/1;
}

.agreement *:not(a) {
  color: var(--theme-color-text, #0C1914);
}

.box_all_news>a,
.head_wrapper>a {
  text-decoration: none;
}

#error_description {
  height: 200px;
}

#Layer_2,
#Layer_1 {
  width: 23px;
}

#Capa_1_close {
  margin-top: 2px;
  width: 21px;
}

#img_news_full {
  width: 100%;
}

#link_notice>svg>path {
  fill: white;
}

.box_countrys_newsubstance>div>p {
  margin: 0 0 8px;
}

.bases_block {
  display: flex;
  gap: 3%;
  align-items: start;
}

th[key="newsubstance.operator"] {
  min-width: 90px !important;
}

th[key="newsubstance.category_number_rom"] {
  min-width: 90px !important;
}

#links_login {
  justify-content: space-between !important;
}

#aipsin_modules_title {
  width: 90%;
  margin: auto;
  text-align: center;
  letter-spacing: 0.03em;
  font-family: 'Jost';
  font-weight: 500;
  text-transform: uppercase;
  font-size: 28px;
}

#aipsin_modules_title_box {
  width: 90%;
  margin: auto;
  text-align: center;
  margin-bottom: 40px;
}

#aipsin_modules_title_box i {
  font-size: 0.9rem;
  color: #5A5A5A;
}

@media screen (min-device-width: 320px) and (max-device-width: 1024px) {
  .bases_block {
    display: flex;
    flex-wrap: wrap;
  }
}

.person_info_block {
  padding: 50px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 5%;
  margin-bottom: 20px;
}

#team_page_main {
  margin-top: 50px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: unset !important;
  align-items: baseline;
  width: 100%;
}

.person_info_block>img {
  border-radius: 50%;
}

.info_wrapper_team>h4 {
  font-weight: 100;
  color: var(--theme-bg-scrollbar-track-borderб#777);
}

.info_wrapper_team {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.aipsin_details>ul {
  overflow-y: auto !important;
}

#team_page_main>h1 {
  position: sticky;
  top: 10%;
  font-weight: 400;
}

.s_title {
  --s: 0.1em;
  --c: var(--theme-color-main, #D60000);
  color: var(--theme-bg-full-opacity-invert, #00000000);
  cursor: pointer;
  padding-bottom: var(--s);
  background: linear-gradient(90deg, var(--c) 50%, var(--theme-bg-main-invert, black) 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: 0.5s;
}

.title-hover-aipsin:hover>.s_title {
  --_p: 100%
}

.print_mobile_pdf {
  display: none;
}

.install_pick {
  width: 100%;
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 15%);
  padding: 35px;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
}

.choose_install {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  box-shadow: 0em 0px 3px 1px rgb(138 138 138 / 15%);
}

.install_wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
}

.section_block {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 15px;
  padding: 2rem;
}

.tutorial_info {
  display: flex;
  flex-direction: row;
  gap: 25px;
}

.ribbon-right {
  position: absolute;
  top: 20px;
  right: -20px;
  background: var(--theme-color-widget-valid, #3ac81e);
  padding: 5px 20px;
  box-shadow: 1px 1px 3px #878787;
  color: #fff;
}

.ribbon-right:after {
  content: '';
  position: absolute;
  top: 104%;
  right: 0;
  width: 0;
  height: 0;
  border-right: 20px solid transparent;
  border-top: 10px solid #c8c8c8;
}

.no-display {
  display: none;
}

.no_version_chosen {
  background: var(--theme-color-text, #f3f3f3);
  color: var(--theme-bg-widget, #0a0a0a);
}

.no_license {
  background: var(--theme-color-widget-error, #c81e1e);
  color: #fff;
}

.aipsin_tabs a {
  text-decoration: none;
  border: none;
}

#modal_aipsin img {
  cursor: zoom-out;
}

.all_compounds {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 25px;
}

@media (min-width:1000px) and (max-width:1400px) {
  .all_compounds {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width:999px) {
  .all_compounds {
    /* grid-template-columns: 1fr 1fr; */
    grid-template-columns: 1fr;
  }
}

.one_compound_img {
  width: 100%;
  margin: auto;
  height: 200px;
  object-fit: cover;
}

.one_compound {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  cursor: pointer;
  border-radius: 10px;
  background: var(--theme-bg-main, white) !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.one_compound>.compound_title{
  margin:20px;
}
.one_compound>.one_compound_body>*{
  margin-left:20px;
  margin-right:20px;
}
#warnings {
  margin: 35px 0;
}

#slider_newsubstance_title {
  margin: 35px auto;
}

#slider_newsubstance>.slick-list>.slick-track>.carousel__slide__item {
  border-radius: 10px;
  background: var(--theme-bg-main, white) !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 20px;
}

#slider_newsubstance>.slick-list>.slick-track>.carousel__slide__item>.carousel__slide_content img {
  object-fit: scale-down;
}

#slider_newsubstance>.slick-list>.slick-track {
  gap: 20px;
  display: flex;
}

.table_bases {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-items: start;
  align-items: baseline;
}

.table_bases div:first-child {
  grid-row: 1/3;
}

@-moz-document url-prefix() {
  .card_main>a>img {
    height: 70%;
  }
}

.button_services_history {
  display: none !important;
}

@media print {
  .widget__preview-block {
    display: none !important;
  }
}

.screenshots>p a,
.screenshots>p {
  background-image: linear-gradient(to right, var(--theme-color-widget, #c81e1e), var(--theme-color-widget, #c81e1e) 50%, var(--theme-bg-main-invert, black) 50%);
  background-size: 200% 100%;
  background-position: -100%;
  display: inline-block;
  padding: 0px 0;
  position: relative;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in-out;
}

.screenshots>p a:before,
.screenshots>p:before {
  content: '';
  background: var(--theme-color-widget, #c81e1e);
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 3px;
  transition: all 0.3s ease-in-out;
}

.screenshots>p a:hover,
.screenshots>p:hover {
  background-position: 0;
}

.screenshots>p a:hover::before,
.screenshots>p:hover::before {
  width: 100%;
}

#journal_list {
  height: 690px;
  overflow-y: auto;
}

.content_journals .table_aipsin {
  height: 75vh;
  overflow-y: scroll;
}

@media (min-width:640px) and (max-width:1024px) {
  /* .wrapper_cards {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    width: 90%;
    display: grid;
  } */

  #advantages_cards {
    grid-template-columns: 1fr;
  }

  #team_page_main {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  #team_page_main>h1 {
    position: relative !important;
  }
}

@media (max-width:639px) {
  .wrapper_cards {
    width: 90%;
  }
}

/*--------------------------------  NO_ANIMATION  --------------------------------*/
body:not([header_scroll_show]) #procent_scroll {
  display: none !important;
}

body:not([animation_header]) #title_head .bubbles,
body:not([animation_header]) #title_head .background_ocean {
  display: none !important;
}

body:not([animation_logo]) .procent_load_page>.logo_canv svg {
  visibility: visible !important;
  opacity: 1 !important;
}

body:not([animation_logo]) .procent_load_page>.logo_canv .icon_aipsin {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
  animation: unset !important;
}

body:not([animation_logo]) .procent_load_page>.logo_canv .procent {
  content: none !important;
  display: none !important;
}

body:not([animation_logo]) .procent_load_page>.logo_canv::after,
body:not([animation_logo]) .procent_load_page>.logo_canv::before {
  content: unset !important;
}

body:not([animation_logo]) .procent_load_page.load:after {
  width: 100% !important;
  height: 100% !important;
}

body:not([animation_logo]) .procent_load_page>.logo_canv {
  padding: 3px !important;
}

body:not([animation_logo]) .procent_load_page.load {
  padding: 0px !important;
}

body:not([animation_logo]) .procent_load_page>.logo_canv>.icon_aipsin>.icon-path {
  d: path("M26.3849.3321c-2.5962.4226-6.4604 1.7811-9.1774 3.1698-9.0566 4.6792-15.3057 13.3434-16.9057 23.4566-.6038 3.7132-.2415 10.2943.7245 13.6453 3.6226 12.317 13.4943 21.1019 25.9321 23.0943 3.7132.6038 10.2943.2415 13.6453-.7245 12.317-3.6226 21.1019-13.4943 23.0943-25.9321.6038-3.7132.2415-10.2943-.7245-13.6453-3.5321-12.0151-12.9509-20.6491-25.0264-22.9434-2.5962-.483-8.966-.5736-11.5623-.1208zm12.5283 4.9811c2.566.634 6.8528 2.5057 8.2717 3.5623.483.3623.5132 1.6.4528 19.683l-.0906 19.2604-15.1849-19.3811c-8.3623-10.6264-15.1849-19.4717-15.2151-19.5925-.0302-.4528 5.0415-2.7774 7.4566-3.4415 4.8302-1.2981 9.3585-1.3283 14.3094-.0906zm-26.8981 36.2566-.0906 9.5698-1.7208-2.2642c-6.3698-8.3019-7.5774-19.5321-3.1094-28.8.5736-1.2377 1.9019-3.3811 2.9585-4.7396l1.8717-2.5057.0906 9.6c.0302 5.2528.0302 13.8868 0 19.1396zm41.8113-26.4151c6.3396 8.2717 7.5472 19.5321 3.0792 28.7698-.9057 1.9019-4.4679 7.0943-4.8604 7.0943-.0604 0-.1208-8.5736-.1208-19.0189 0-10.4755.0604-19.0189.1208-19.0189.0604 0 .8755.9962 1.7811 2.1736zm-30.3698 9.2981c3.3208 4.2264 6.1283 7.8792 6.2491 8.0604.1811.3019-1.2075.3925-6.4302.3925l-6.6717 0 0-8.5132c0-7.2151.0604-8.4528.4226-8.0906.2113.2415 3.1094 3.9245 6.4302 8.1509zm16.9358 21.6151c3.7132 4.7094 6.7019 8.7547 6.6113 8.966-.2717.6943-5.3132 2.9585-8.3019 3.7132-6.7925 1.7811-15.1849.5434-20.8302-3.0189l-1.2679-.7849 0-8.7547 0-8.7547 8.5434 0 8.5132 0 6.7321 8.634z") !important;
  transition: all 0.2s linear;
}

body:not([animation_modal_show]) .background_modal_aipsin,
body:not([animation_modal_show]).open .modal_aipsin {
  animation: unset !important;
  transition: unset !important;
}

body:not([loader_show]) .loader-content {
  display: none !important;
}

body:not([animation_cursor_click]) #clicked-cursor>.bubble-cursor,
body:not([animation_cursor]) #clicked-cursor>.bubble-cursor {
  display: none !important;
}

body:not([animation_cursor]) #cursor,
body:not([animation_cursor]) #cursor~.cursor-image,
body:not([animation_cursor]) #cursor~.cursor-load,
body:not([animation_cursor]) #cursor~.cursor-link,
body:not([animation_cursor]) #cursor~.cursor-button,
body:not([animation_cursor]) #cursor~.cursor-downoload {
  display: none !important;
}

body:not([animation_btn_click]) button .ripple {
  display: none !important;
}

/*--------------------------------  SCROLLBAR  --------------------------------*/
::-webkit-scrollbar {
  width: 8px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--theme-bg-scrollbar-track, #f1f1f1);
}

::-webkit-scrollbar-thumb {
  transition: all .3s;
}

::-webkit-scrollbar-thumb:vertical {
  position: relative;
  border-width: 1px 1px 1px 2px;
  border-color: var(--theme-bg-scrollbar-track-border, #777);
  border-radius: 4px;
  background-color: var(--theme-bg-scrollbar-thumb, #cecece);
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s;
}

::-webkit-scrollbar-thumb:horizontal {
  position: relative;
  border-width: 1px 1px 1px 2px;
  border-color: var(--theme-bg-scrollbar-track-border, #777);
  border-radius: 4px;
  background-color: var(--theme-bg-scrollbar-thumb, #cecece);
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--theme-bg-scrollbar-thumb-active, #c7c7c7);
}

[dropdown-hover] ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

[dropdown-hover] ::-webkit-scrollbar-track {
  background: rgb(24, 24, 24);
}

[dropdown-hover] ::-webkit-scrollbar-thumb:vertical {
  position: relative;
  border-color: rgb(83, 83, 83);
  background-color: rgb(83, 83, 83);
  border-width: 1px 1px 1px 2px;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s;
}

[dropdown-hover] ::-webkit-scrollbar-thumb:horizontal {
  position: relative;
  border-color: rgb(83, 83, 83);
  background-color: rgb(83, 83, 83);
  border-width: 1px 1px 1px 2px;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  transition: all .3s;
}

[dropdown-hover] ::-webkit-scrollbar-thumb:hover {
  background-color: rgb(190, 190, 190);
}

/*--------------------------------  HEADER  --------------------------------*/
#title_head {
  position: relative;
  color: var(--theme-color-title_head, white);
  background: linear-gradient(90deg, var(--theme-color-main, #D60000) 0%, var(--theme-bg-gradient-title_head, black) 100%);
  font-weight: 500;
  font-size: 1.8em;
  line-height: 30px;
  letter-spacing: 0.03em;
  padding: 13px 5% 17px 5%;
  width: 100%;
  pointer-events: none;
  user-select: none;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_wrapper>.pagination {
  margin: auto;
  width: 60%;
}

.header_wrapper>.pagination>ul>li>a {
  text-decoration: none;
  color: var(--theme-color-text, #0C1914);
  text-transform: uppercase;
  font-size: 14px;
}

.header_wrapper>.pagination>ul>li {
  list-style: none;
}

.header_wrapper>.pagination>ul>li:not(.dropdown_header_center) {
  margin-left: 20px;
}

.header_wrapper>.pagination>ul>li:last-child {
  margin-right: 0px;
}

.header_wrapper>.pagination>ul {
  display: flex;
  padding-left: 0px;
  justify-content: space-evenly;
  align-items: center;
}

.header_wrapper>.user_pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_wrapper>.user_pagination>.bg_user_name {
  margin-right: 10px;
}

.header_wrapper>.user_pagination .notification_bell,
.common_menu {
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.common_menu>a {
  pointer-events: none;
}
.common_menu>a svg{
  fill: var(--theme-bg-main-invert, black); 
}

.header_wrapper>.user_pagination .notification_bell svg,
.common_menu svg {
  width: 25px;
  height: 25px;
  margin-left: 5px;
  margin-right: 5px;
  /* fill: var(--theme-bg-main-invert, black); */
}

.notification_bell:hover svg,
.common_menu:hover svg {
  fill: var(--theme-color-main, #D60000);
}

.common_menu .dropdown_hover p,
.common_menu .dropdown_hover span{
  color:unset;
}

.header_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: auto;
  height: 100%;
  background-color: var(--theme-bg-main, white);
}

#header {
  z-index: 10000;
  background-color: var(--theme-bg-main, white);
  width: 100%;
  height: 100%;
  position: sticky;
  top: 0;
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 15%);
}

.procent_scroll {
  width: 100%;
  height: 2px;
  top: 0;
  background-color: var(--theme-bg-widget, #eeeeee);
  z-index: 10001;
  position: fixed;
}

.procent_scroll .progress {
  width: 0%;
  height: 100%;
  background-color: var(--theme-color-main, #D60000);
}

.procent_scroll .progress_count {
  position: absolute;
  top: unset !important;
  bottom: 0 !important;
  font-size: 0.45em;
  transform: translate(0%, 100%);
  font-weight: 500;
  padding: 3px;
  border-radius: 3px;
  color: white;
  cursor: grab;
  user-select: none;
  background-color: var(--theme-color-main, #D60000);
}

.procent_scroll .progress_count.grabbing {
  cursor: grabbing;
}

#header {
  user-select: none;
  height: 70px;
}

#logo {
  text-decoration: none;
}

#logo>.logo_name {
  position: relative;
  margin: 0;
  padding: 0;
  font-weight: 350;
  font-size: 1.8em;
  letter-spacing: 1px;
  cursor: pointer;
  color: var(--theme-color-text, #0C1914);
}

#logo>.logo_name>.client_socket_count {
  position: absolute;
  bottom: 0%;
  left: 0;
  font-size: 0.3em;
  transform: translateY(100%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#logo>.logo_name>.client_socket_count>.worker_sum {
  margin: 0;
}

#bllogo {
  user-select: none;
}

#bllogo>.logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#logo+.client_socket_list {
  padding-left: 5px;
  cursor: pointer;
}

#logo+.client_socket_list>svg {
  width: 25px;
  height: 25px;
  fill: var(--theme-bg-main-invert, black);
}

#logo+.client_socket_list:hover svg {
  fill: var(--theme-color-main, #D60000);
}

#logo .logo_canv {
  cursor: pointer;
}

.procent_load_page {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: content-box;
  border-radius: 50%;
  margin-right: 20px;
  font-size: 0;
  z-index: 1;
}

.procent_load_page:not([loaded]) {
  pointer-events: none;
}

.procent_load_page .logo_dropdown {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 115%;
  height: 100%;
  width: calc(100% * 4);
  left: 0%;
  border-radius: 7px;
  transform: scale(0.2) translate(0%, 0%);
  background: var(--theme-bg-main, white);
  padding: 5px 5px;
  transition: 0.2s all ease-in-out;
  box-shadow: var(--theme-shadow-color, rgba(0, 0, 0, 0.05)) 0px 6px 24px 0px, var(--theme-shadow-color-widget, rgba(0, 0, 0, 0.15)) 0px 0px 0px 1px;
}

.procent_load_page.open-dropdown .logo_dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translate(0%, 0%);
}

.procent_load_page>.logo_dropdown>.logo_list {
  white-space: nowrap;
  width: 100%;
  height: 100%;
}

.procent_load_page>.logo_dropdown>.logo_list>.logo_list_item {
  display: inline-block;
  width: 25%;
  height: 100%;
}

.procent_load_page.load {
  padding: 3px;
}

.procent_load_page.load:after {
  content: '';
  background: var(--theme-bg-main, white);
  width: 85%;
  height: 85%;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.procent_load_page.load>.logo_canv {
  position: relative;
  border: none !important;
}

.procent_load_page:not(.load)>.logo_canv,
.procent_load_page.unload>.logo_canv {
  padding: 3px;
}

.procent_load_page>.logo_canv .icon_aipsin {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s linear;
}

.procent_load_page>.logo_canv>.icon_aipsin {
  fill: var(--theme-color-main, #D60000);
}

.procent_load_page.load>.logo_canv svg,
.procent_load_page.load>.logo_canv object {
  visibility: hidden;
  opacity: 0;
}

.procent_load_page:not(.load)>.logo_canv svg,
.procent_load_page:not(.load)>.logo_canv object {
  visibility: visible;
  opacity: 1;
}

.procent_load_page:not(.load)>.logo_canv .icon_aipsin,
.procent_load_page.unload>.logo_canv .icon_aipsin {
  visibility: visible;
  opacity: 1;
  z-index: 1;
}

.procent_load_page.load>.logo_canv>.two,
.procent_load_page.load>.logo_canv>.one,
.procent_load_page:not(.load)>.logo_canv>.procent {
  visibility: hidden;
  opacity: 0;
}

.procent_load_page.unload>.logo_canv>.two,
.procent_load_page.unload>.logo_canv>.one {
  display: none;
}

.procent_load_page.event>.logo_canv svg:not(.icon_aipsin),
.procent_load_page.event>.logo_canv object:not(.icon_aipsin) {
  visibility: hidden;
  opacity: 0;
}

.procent_load_page>.logo_canv svg.pre_btn_icon_aipsin{
  position:absolute;
  top: -13px;
  right:-10px;
  width:65%;
  box-sizing:content-box;
  aspect-ratio:1/1;
  z-index:2;
  transform:rotate(25deg);
}
/*
.procent_load_page>.logo_canv svg.pre_btn_icon_aipsin{
  fill:white;
  background:var(--theme-color-main, #D60000);
  position:absolute;
  right:-10px;
  bottom:-5px;
  width:35%;
  aspect-ratio:1/1;
  padding:6px;
  border-radius:5px;
  box-sizing:content-box;
  z-index:2;
  animation: pulse_widget 2.5s infinite linear;
} */

.logo_canv {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  box-sizing: content-box;
}

.logo_canv>.procent {
  content: attr(data-progress) '%';
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  border-radius: 50%;
  font-size: 0.8rem;
  text-align: center;
  z-index: 1;
  color: var(--theme-color-text, #0C1914);
}

.procent_load_page>.logo_canv>.icon_aipsin>.icon-path {
  d: path("M26.3849.3321c-2.5962.4226-6.4604 1.7811-9.1774 3.1698-9.0566 4.6792-15.3057 13.3434-16.9057 23.4566-.6038 3.7132-.2415 10.2943.7245 13.6453 3.6226 12.317 13.4943 21.1019 25.9321 23.0943 3.7132.6038 10.2943.2415 13.6453-.7245 12.317-3.6226 21.1019-13.4943 23.0943-25.9321.6038-3.7132.2415-10.2943-.7245-13.6453-3.5321-12.0151-12.9509-20.6491-25.0264-22.9434-2.5962-.483-8.966-.5736-11.5623-.1208zm12.5283 4.9811c2.566.634 6.8528 2.5057 8.2717 3.5623.483.3623.5132 1.6.4528 19.683l-.0906 19.2604-15.1849-19.3811c-8.3623-10.6264-15.1849-19.4717-15.2151-19.5925-.0302-.4528 5.0415-2.7774 7.4566-3.4415 4.8302-1.2981 9.3585-1.3283 14.3094-.0906zm-26.8981 36.2566-.0906 9.5698-1.7208-2.2642c-6.3698-8.3019-7.5774-19.5321-3.1094-28.8.5736-1.2377 1.9019-3.3811 2.9585-4.7396l1.8717-2.5057.0906 9.6c.0302 5.2528.0302 13.8868 0 19.1396zm41.8113-26.4151c6.3396 8.2717 7.5472 19.5321 3.0792 28.7698-.9057 1.9019-4.4679 7.0943-4.8604 7.0943-.0604 0-.1208-8.5736-.1208-19.0189 0-10.4755.0604-19.0189.1208-19.0189.0604 0 .8755.9962 1.7811 2.1736zm-30.3698 9.2981c3.3208 4.2264 6.1283 7.8792 6.2491 8.0604.1811.3019-1.2075.3925-6.4302.3925l-6.6717 0 0-8.5132c0-7.2151.0604-8.4528.4226-8.0906.2113.2415 3.1094 3.9245 6.4302 8.1509zm16.9358 21.6151c3.7132 4.7094 6.7019 8.7547 6.6113 8.966-.2717.6943-5.3132 2.9585-8.3019 3.7132-6.7925 1.7811-15.1849.5434-20.8302-3.0189l-1.2679-.7849 0-8.7547 0-8.7547 8.5434 0 8.5132 0 6.7321 8.634z");
  transition: all 0.2s linear;
}

.procent_load_page>.logo_canv>.icon_aipsin {
  animation: 2.5s ease-in-out 2s infinite alternate theme_fill_shine;
}

.procent_load_page.unload>.logo_canv>.icon_aipsin>.icon-path {
  d: path("M29,29.33a.5.5,0,0,0-.11-.53l-5.48-5.48c.28-.32.55-.61.82-.88,6.65-6.66,17.68-7.35,27.46-1.72a.5.5,0,0,0,.62-.11.5.5,0,0,0,0-.64,34.9,34.9,0,0,0-2.73-3.08C38.87,6.18,23,4.68,14.1,13.54l-.24.25L8.34,8.28a.49.49,0,0,0-.85.32L6.28,30.34a.49.49,0,0,0,.14.38.47.47,0,0,0,.35.15h0l21.74-1.22A.49.49,0,0,0,29,29.33Zm-9-8.22L18,23.56l1.75,1.75a.49.49,0,0,1,.11.53.5.5,0,0,1-.44.32l-8.34.47h0a.55.55,0,0,1-.36-.15.49.49,0,0,1-.14-.38L11,17.75a.49.49,0,0,1,.85-.32L14,19.55l2.48-2.66.49-.53a16.37,16.37,0,0,1,11.86-4.61,22.17,22.17,0,0,1,5,.59.49.49,0,0,1,.38.5.49.49,0,0,1-.41.48,22.8,22.8,0,0,0-12.39,6.29C20.93,20.06,20.47,20.57,20,21.11Z M57.58,33.28a.55.55,0,0,0-.38-.15L35.46,34.35a.49.49,0,0,0-.44.32.5.5,0,0,0,.11.53l5.48,5.48c-.28.32-.55.61-.82.88-6.65,6.66-17.68,7.35-27.46,1.72a.5.5,0,0,0-.62.11.5.5,0,0,0,0,.64,34.9,34.9,0,0,0,2.73,3.08,29.93,29.93,0,0,0,20.8,9.13A20.43,20.43,0,0,0,49.9,50.46l.24-.25,5.52,5.51a.49.49,0,0,0,.85-.32l1.21-21.74A.49.49,0,0,0,57.58,33.28ZM53,46.25a.49.49,0,0,1-.85.32L50,44.45l-2.48,2.66-.49.53a16.36,16.36,0,0,1-11.85,4.61h0a22.17,22.17,0,0,1-5-.59.49.49,0,0,1-.38-.5.49.49,0,0,1,.41-.48,22.8,22.8,0,0,0,12.39-6.29c.45-.45.91-1,1.36-1.5L46,40.44l-1.75-1.75a.49.49,0,0,1-.11-.53.5.5,0,0,1,.44-.32L53,37.38a.48.48,0,0,1,.53.52Z") !important;
}

.procent_load_page.unload>.logo_canv>.icon_aipsin {
  animation: rotate_loading 1.5s infinite;
}

.procent_load_page>.logo_canv>.icon_aipsin>path:not(.icon-path),
.procent_load_page>.logo_canv>.icon_aipsin>circle:not(.icon-path),
.procent_load_page>.logo_canv>.icon_aipsin>object:not(.icon-path) {
  transition: all 0.1s linear;
  visibility: visible;
  opacity: 1;
}

.procent_load_page.unload>.logo_canv>.icon_aipsin>path:not(.icon-path),
.procent_load_page.unload>.logo_canv>.icon_aipsin>circle:not(.icon-path),
.procent_load_page.unload>.logo_canv>.icon_aipsin>object:not(.icon-path) {
  visibility: hidden;
  opacity: 0;
}

.procent_load_page.event>.logo_canv>.icon_aipsin>.icon-path~path,
.procent_load_page.event>.logo_canv>.icon_aipsin>.icon-path~object,
.procent_load_page.event>.logo_canv>.icon_aipsin>.icon-path~circle,
.procent_load_page.open-dropdown>.logo_canv>.icon_aipsin>.icon-path~path,
.procent_load_page.open-dropdown>.logo_canv>.icon_aipsin>.icon-path~object,
.procent_load_page.open-dropdown>.logo_canv>.icon_aipsin>.icon-path~circle {
  display: none !important;
}

.procent_load_page.link>.logo_canv>.icon_aipsin>.icon-path {
  d: path("M36.62 22.532c-.6999-.45-1.516-.572-2.27-.404-.746.166-1.43.6159-1.876 1.31-.448.6979-.5699 1.51-.4039 2.26.1639.75.614 1.4379 1.3099 1.884 2.894 1.854 4.62 5.002 4.62 8.418 0 2.672-1.04 5.182-2.928 7.0699l-12 12c-1.89 1.89-4.402 2.9301-7.072 2.9301-5.514 0-10-4.486-10-10 0-2.672 1.04-5.182 2.928-7.0699l5.692-5.694c.5999-.5999.892-1.39.88-2.176-.014-.75-.306-1.4941-.88-2.0661-.586-.586-1.354-.88-2.1199-.88-.768 0-1.536.292-2.1199.88l-5.692 5.694C1.664 39.708 0 43.726 0 48c0 8.822 7.178 16 16 16 4.274 0 8.292-1.664 11.314-4.688l12-12c3.0219-3.0179 4.686-7.038 4.686-11.312C44 30.53 41.242 25.4961 36.62 22.532ZM48 0c-4.274 0-8.292 1.664-11.314 4.688l-12 12c-3.022 3.0179-4.686 7.038-4.686 11.31 0 5.47 2.7581 10.5059 7.38 13.47.7.4479 1.516.5699 2.27.402.7459-.164 1.43-.614 1.876-1.308.448-.6999.57-1.5119.404-2.262-.164-.75-.614-1.438-1.31-1.882-2.892-1.856-4.62-5.004-4.62-8.42 0-2.672 1.04-5.182 2.928-7.07l12-12C42.818 7.04 45.33 6 48 6c5.514 0 10 4.486 10 9.998 0 2.672-1.04 5.182-2.928 7.07l-5.692 5.692c-.5999.5999-.892 1.39-.88 2.176.014.75.306 1.4941.88 2.066.586.586 1.3539.878 2.122.878.768 0 1.536-.292 2.1199-.878l5.692-5.694C62.336 24.292 64 20.272 64 15.998 64 7.178 56.822 0 48 0Z") !important;
}

.procent_load_page.link>.logo_canv>.icon_aipsin {
  animation: link_loading 1.5s infinite;
}

.procent_load_page.export svg>path,
.procent_load_page.import svg>path,
.procent_load_page.print svg>path {
  visibility: hidden;
  opacity: 0;
}

.procent_load_page.export object,
.procent_load_page.import object,
.procent_load_page.print object {
  visibility: hidden;
  opacity: 0;
}

.procent_load_page.export .logo_canv,
.procent_load_page.import .logo_canv {
  width: 46px;
  height: 7px;
  margin-top: 39px;
  border-radius: 50px;
  background-color: var(--theme-color-main, #D60000);
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 75%, transparent 75%, transparent);
  background-size: 1em 1em;
  font-size: 30px;
  display: inline-block;
  padding: unset;
  animation: barStripe 1s linear infinite;
}

.procent_load_page.export .logo_canv::after {
  content: '';
  left: 50%;
  top: -46px;
  transform: translate(-50%, 0);
  position: absolute;
  border: 13px solid transparent;
  border-bottom-color: var(--theme-color-main, #D60000);
  box-sizing: border-box;
  animation: bump 1s ease-in-out infinite alternate;
}

.procent_load_page.export .logo_canv::before {
  content: '';
  left: 50%;
  bottom: 8px;
  transform: translate(-50%, 0);
  position: absolute;
  width: 10px;
  height: 20px;
  background: var(--theme-color-main, #D60000);
  box-sizing: border-box;
  animation: bump 1s ease-in-out infinite alternate;
}

.procent_load_page.import .logo_canv::after {
  content: '';
  left: 50%;
  bottom: -5px;
  transform: translate(-50%, 0);
  position: absolute;
  border: 13px solid transparent;
  border-top-color: var(--theme-color-main, #D60000);
  box-sizing: border-box;
  animation: bump 1s ease-in-out infinite alternate;
}

.procent_load_page.import .logo_canv::before {
  content: '';
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 0);
  position: absolute;
  width: 10px;
  height: 20px;
  background: var(--theme-color-main, #D60000);
  box-sizing: border-box;
  animation: bump 1s ease-in-out infinite alternate;
}

.procent_load_page.print .logo_canv,
.procent_load_page.print .logo_canv::before,
.procent_load_page.print .logo_canv::after {
  border: solid 3px var(--theme-color-main, #D60000);
}

.procent_load_page.print .logo_canv::after {
  border-width: 2px;
}

.procent_load_page.print .logo_canv,
.procent_load_page.print .logo_canv::before,
.procent_load_page.print .logo_canv::after {
  box-sizing: border-box;
  background-color: var(--theme-bg-main, white);
}

.procent_load_page.print .logo_canv {
  position: relative;
  display: inline-block;
  padding: 0;
  width: 46px;
  height: 23px;
  background: var(--theme-bg-main, white);
  border-radius: 20% 20% 0 0;
}

.procent_load_page.print .logo_canv::before {
  content: " ";
  position: absolute;
  bottom: 12px;
  left: 12%;
  right: 12%;
  height: 86%;
  transition: height .2s .15s;
}

.procent_load_page.print .logo_canv::after {
  content: " ";
  position: absolute;
  top: 55%;
  left: 12%;
  right: 12%;
  height: 0%;
  background: var(--theme-bg-main, white);
  background-repeat: no-repeat;
  background-size: 70% 90%;
  background-position: center;
  background-image: linear-gradient(to top, var(--theme-bg-main, white) 0, var(--theme-bg-main, white) 14%, var(--theme-color-main, #D60000) 14%, var(--theme-color-main, #D60000) 28%, var(--theme-bg-main, white) 28%, var(--theme-bg-main, white) 42%, var(--theme-color-main, #D60000) 42%, var(--theme-color-main, #D60000) 56%, var(--theme-bg-main, white) 56%, var(--theme-bg-main, white) 70%, var(--theme-color-main, #D60000) 70%, var(--theme-color-main, #D60000) 84%, var(--theme-bg-main, white) 84%, var(--theme-bg-main, white) 100%);
  transition: height .2s, border-width 0s .2s, width 0s .2s;
}

.procent_load_page.print .logo_canv::before {
  transition: height .2s;
  animation: icon_print_animation_one 1.6s infinite;
}

.procent_load_page.print .logo_canv::after {
  transition: height .2s .15s, border-width 0s .16s;
  animation-delay: .15s !important;
  animation: icon_print_animation_two 1.6s infinite;
}

#bllogo .logo_dropdown .cls-1 {
  fill: none;
  stroke: var(--theme-color-main, #D60000);
  stroke-miterlimit: 10;
  stroke-width: 15px;
}

#bllogo .logo_dropdown .cls-2 {
  fill: var(--theme-color-main, #D60000);
}

#bllogo .logo_dropdown [template_type="simple"] {
  fill: var(--theme-color-main, #D60000);
}

#bllogo .logo_dropdown [template_type="old"] .cls-1,
#bllogo .logo_dropdown [template_type="old"] .cls-2 {
  stroke-miterlimit: 10;
}

#bllogo .logo_dropdown [template_type="old"] .cls-2 {
  fill: var(--theme-color-widget-warning, #ffac13);
  stroke: var(--theme-color-text, #0C1914);
  stroke-width: 0.25px;
}

.cls-3 {
  fill: var(--theme-color-main, #D60000);
}

#bllogo .logo_dropdown label {
  cursor: pointer;
}

#bllogo .logo_dropdown svg {
  height: 100%;
  margin: auto;
  display: flex;
  border-radius: 50%;
}

#bllogo .logo_dropdown .logo_list .logo_list_item:hover svg {
  animation: pulse_widget 2.5s infinite linear;
}

#bllogo .logo_dropdown input {
  display: none;
}

#bllogo .notice_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 50%;
  width: 42px;
  cursor: pointer;
  transform: translate(-100%, -50%) rotate(0);
}

#bllogo .notice_logo .notice_logo_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

#bllogo .notice_logo .notice_logo_icon>svg {
  width: 100%;
  height: 100%;
}

@media screen and (max-device-width:480px) {

  
  #logo>h2 {
    font-size: 5vw;
  }

  #logo .logo_canv {
    width: 55px;
    height: 55px;
  }

  .procent_load_page.export .logo_canv,
  .procent_load_page.import .logo_canv {
    width: 55px !important;
    height: 7px !important;
  }
  
  /* #training_button_mobile {
  height: 80px !important;
  padding: unset;
} */

}

/*--------------------------------  FOOTER  --------------------------------*/
#footer {
  background-color: var(--theme-bg-footer, #0C1914);
  color: var(--theme-color-footer-text, white);
  width: 100%;
  z-index: 1;
}

.footer_wrapper {
  width: 90%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin: auto;
  align-items: center;
  min-height: 120px;
}

.footer_wrapper a>button,
.head_wrapper a>button {
  cursor: pointer;
}

.footer_wrapper h5 {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  color: var(--theme-color-footer-text, white);
}

.footer_telegram {
  display: flex;
  align-items: center;
  background-color: var(--theme-bg-footer, #0C1914);
  border-radius: 10px;
  border: 1.1px solid var(--theme-color-footer-text, white);
  color: var(--theme-color-footer-text, white);
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 5px 30px;
  margin: 40px 0px;
}

.footer_telegram img {
  margin-right: 10px;
}

.footer_telegram a {
  text-decoration: none;
  color: var(--theme-bg-main, white);
}

.aipsin_top[aria-label][role~="tooltip"] {
  position: fixed !important;
}

.aipsin_top.hide {
  left: -50px !important;
  visibility: hidden;
  opacity: 0;
}

.aipsin_top img {
  filter: var(--theme-image-invert-reverse, invert(1)) !important;
  width: 100%;
  background-position-x: center;
}

.aipsin_top:hover {
  background: var(--theme-bg-main, white);
}

.aipsin_top {
  height: 2.5%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  padding: 15px;
  background: var(--theme-bg-widget, #eeeeee);
  cursor: pointer;
  box-sizing: content-box;
  position: fixed !important;
  left: 20px;
  bottom: 5%;
  visibility: visible;
  opacity: 1;
  z-index: 1000;
  box-shadow: var(--theme-shadow-color, rgba(0, 0, 0, 0.05)) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  transition: all 0.3s ease-in-out;
}

.flex-footer-sites {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  transition: all 0.3s ease-in-out;
}

.flex-footer-sites .flex-footer-sites-item {
  position: relative;
  background: #ffffff;
  border-radius: 50px;
  padding: 13px;
  margin: 10px;
  width: 50px;
  height: 50px;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.flex-footer-sites .flex-footer-sites-item-tooltip {
  position: absolute;
  top: 0;
  font-size: 14px;
  background: #ffffff;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.flex-footer-sites .flex-footer-sites-item-tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.flex-footer-sites .flex-footer-sites-item:hover .flex-footer-sites-item-tooltip {
  top: -35px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.flex-footer-sites .flex-footer-sites-item:hover span,
.flex-footer-sites .flex-footer-sites-item:hover .flex-footer-sites-item-tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.flex-footer-sites .flex-footer-sites-item:hover svg {
  fill: white;
  transition: all 0.3s;
}

.flex-footer-sites .telegram:hover,
.flex-footer-sites .telegram:hover .flex-footer-sites-item-tooltip,
.flex-footer-sites .telegram:hover .flex-footer-sites-item-tooltip::before {
  background: #229ED9;
  color: #ffffff;
}

.flex-footer-sites .youtube:hover,
.flex-footer-sites .youtube:hover .flex-footer-sites-item-tooltip,
.flex-footer-sites .youtube:hover .flex-footer-sites-item-tooltip::before {
  background: #CD201F;
  color: #ffffff;
}

.flex-footer-sites .rutube:hover,
.flex-footer-sites .rutube:hover .flex-footer-sites-item-tooltip,
.flex-footer-sites .rutube:hover .flex-footer-sites-item-tooltip::before {
  background: #100943;
  color: #ffffff;
}


/*--------------------------------  CIRCLE_MENU  --------------------------------*/
.aipsin_circle_menu[aria-label][role~="tooltip"] {
  position: fixed !important;
}

.aipsin_circle_menu {
  display: none;
  position: fixed !important;
  right: 20px;
  bottom: 5%;
  z-index: 10000000000;
  transition: background 0.2s linear;
}

.substrate_circle_menu {
  position: fixed;
  height: 100%;
  width: 100%;
  padding: 15px;
  transition: .15s ease-in-out;
  -webkit-transition: .15s ease-in-out;
  background-color: black
    /*var(--theme-bg-main,white)*/
  ;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  right: 20px;
  bottom: 5%;
}

.aipsin_circle_menu.open+.substrate_circle_menu {
  border-radius: 0;
  opacity: 0.1;
  visibility: visible;
  right: 0;
  bottom: 0;
  z-index: 999999999;
  /*pointer-events: auto; */
}

.aipsin_circle_menu:hover {
  background: var(--theme-color-widget-active, #df1b1b);
  animation: pulse_widget 2.5s infinite linear;
}

.aipsin_circle_menu>svg {
  fill: white;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

.aipsin_circle_menu>input {
  display: none;
}

.aipsin_circle_menu {
  height: 2.5%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  padding: 15px;
  background: var(--theme-color-widget, #c81e1e);
  cursor: pointer;
  box-sizing: content-box;
}

.aipsin_circle_menu.open {
  animation: pulse_widget 2.5s infinite linear
}

.aipsin_circle_menu>.overlay_circle_menu {
  position: absolute !important;
  top: 55%;
  left: 55%;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  z-index: -1;
  background: var(--theme-color-widget, #c81e1e);
  transform: translate(-55%, -55%);
  pointer-events: none !important;
  transition: all 0.3s ease-in-out;
}

.aipsin_circle_menu>.aipsin_circle_menu_item {
  visibility: hidden;
  opacity: 0;
  position: absolute !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  transform: translate(-50%, -50%) scale(0.9);
}

.aipsin_circle_menu>.aipsin_circle_menu_item>.border_item {
  position: absolute;
  width: 90%;
  height: 90%;
  top: 5%;
  left: 5%;
  border-radius: 50%;
  border: 1.1px solid var(--theme-color-widget, #c81e1e);
  pointer-events: none;
}

.aipsin_circle_menu>.aipsin_circle_menu_item>svg {
  pointer-events: none;
  width: 40%;
  fill: var(--theme-color-widget, #c81e1e);
  transition: all 0.3s;
}

.aipsin_circle_menu>.aipsin_circle_menu_item:hover svg {
  fill: white !important;
}

.aipsin_circle_menu>.aipsin_circle_menu_item.active svg {
  fill: white;
}

.aipsin_circle_menu>.aipsin_circle_menu_item:hover .border_item,
.aipsin_circle_menu>.aipsin_circle_menu_item.active .border_item {
  animation: pulse_widget 2.5s infinite linear;
}

.aipsin_circle_menu:not(.selected)>input:not(:checked)~.overlay_circle_menu,
.aipsin_circle_menu:not(.selected):not(.open)>.overlay_circle_menu {
  display: none;
  transform: translate(-55%, -55%) !important;
}

.aipsin_circle_menu>input:not(:checked)~.aipsin_circle_menu_item,
.aipsin_circle_menu:not(.open)>.aipsin_circle_menu_item {
  z-index: 1;
  transition-delay: 0s;
  transition: all 0.2s;
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item,
.aipsin_circle_menu.open>.aipsin_circle_menu_item {
  visibility: visible;
  opacity: 1;
}

.aipsin_circle_menu.selected .aipsin_circle_menu_item.active {
  visibility: visible !important;
  opacity: 1 !important;
}

.aipsin_circle_menu>input:checked+svg,
.aipsin_circle_menu.open>svg {
  transform: rotate(180deg);
}

.aipsin_circle_menu>input:not(:checked)~.aipsin_circle_menu_item.active,
.aipsin_circle_menu:not(.open)>.aipsin_circle_menu_item.active {
  transform: translate(-50%, -150%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(4),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(4) {
  transform: translate(-50%, -150%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(5),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(5) {
  transform: translate(-50%, -250%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(6),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(6) {
  transform: translate(-50%, -350%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(7),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(7) {
  transform: translate(-50%, -450%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(8),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(8) {
  transform: translate(-50%, -550%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(9),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(9) {
  transform: translate(-50%, -650%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(10),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(10) {
  transform: translate(-50%, -750%) scale(1);
}

.aipsin_circle_menu>input:checked~.aipsin_circle_menu_item:nth-child(11),
.aipsin_circle_menu.open>.aipsin_circle_menu_item:nth-child(11) {
  transform: translate(-50%, -850%) scale(1);
}

.aipsin_circle_menu>.aipsin_circle_menu_notification {
  position: absolute;
  left: -5px;
  top: 100%;
  transform: translate(-100%, -100%);
  z-index: 11;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item {
  width: 350px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 7px;
  border-left: 4px solid var(--theme-color-widget, #c81e1e);
  background: var(--theme-bg-main, white);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  padding: 15px 10px;
  margin: 5px 0px;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item:last-child:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
  background-size: 100% auto !important;
  content: "";
  bottom: auto;
  left: 100%;
  bottom: 4px;
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='white' transform='rotate(-90 18 18)' d='M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z'/></svg>") no-repeat;
  transform: translate3d(-6px, -50%, 0);
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

body[background_theme="dark"] .aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='black' transform='rotate(-90 18 18)' d='M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z'/></svg>") no-repeat;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item:hover {
  border-left: 4px solid var(--theme-color-widget-active, #df1b1b);
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>span {
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--theme-color-widget, #c81e1e);
  margin: 0px 10px;
  transition: all 0.2s linear;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>span>* {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
  fill: white;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item:hover>span:first-child {
  background: var(--theme-color-widget-active, #df1b1b);
  animation: pulse_widget 2.5s infinite linear;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>div {
  flex: 1;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>div>h4 {
  text-align: left;
  margin-bottom: 4px;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>div>p {
  text-align: left;
  font-size: 0.8rem;
  margin: 0;
  color: var(--theme-color-text, #0C1914);
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>div+span {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--theme-border-table, #e9e9e9);
  margin: 0px 5px;
  transition: all 0.2s linear;
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>div+span:hover>* {
  fill: var(--theme-color-widget-active, #df1b1b);
}

.aipsin_circle_menu>.aipsin_circle_menu_notification>.aipsin_circle_menu_notification_item>div+span>* {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 25%;
  left: 25%;
  fill: var(--theme-color-tooltip, rgba(17, 17, 17, 0.9));
}

/*--------------------------------  NAVBAR  --------------------------------*/
.aipsin_navbar_menu {
  position: fixed;
  width: 45px;
  height: 360px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000000001;
}

.aipsin_navbar_menu:hover .aipsin_navbar_menu_content {
  transform: translateX(0%);
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.aipsin_navbar_menu_content::before {
  content: ' ';
  width: 15px;
  height: 100%;
  position: absolute;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  left: 100%;
  transform: translateX(0%);
  background: var(--theme-bg-main, white);
  box-shadow: var(--theme-shadow-color, rgba(0, 0, 0, 0.05)) 0px 6px 24px 0px, var(--theme-shadow-color-widget, rgba(0, 0, 0, 0.15)) 1px 0px 0px 1px;
  transition: all 0.15s linear;
}

.aipsin_navbar_menu_content::after {
  position: absolute;
  width: 35px;
  height: 35px;
  content: url(/static/svg/menu_navbar.svg);
  filter: var(--theme-color-img-filter, invert(14%) sepia(57%) saturate(6028%) hue-rotate(353deg) brightness(96%) contrast(90%));
  left: 80%;
  top: 50%;
  transform: translate(0%, -50%);
  transition: all 0.1s linear;
}

.aipsin_navbar_menu:hover .aipsin_navbar_menu_content::after {
  opacity: 0;
  width: 0px;
  height: 0px;
}

.aipsin_navbar_menu:hover .aipsin_navbar_menu_content::before {
  width: 0px;
  opacity: 0;
  box-shadow: none;
}

.aipsin_navbar_menu>.aipsin_navbar_menu_content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  max-height: 100%;
  box-shadow: var(--theme-shadow-color, rgba(0, 0, 0, 0.05)) 0px 6px 24px 0px, var(--theme-shadow-color-widget, rgba(0, 0, 0, 0.15)) 0px 0px 0px 1px;
  background: var(--theme-bg-main, white);
  left: 0;
  top: 0;
  transform: translateX(-100%);
  transition: all 0.3s linear;
}

.aipsin_navbar_menu>.aipsin_navbar_menu_content>.navbar_item {
  position: relative;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  aspect-ratio: 1/1;
  transition: all 0.3s linear;
}

.aipsin_navbar_menu>.aipsin_navbar_menu_content>.navbar_item svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  fill: var(--theme-bg-main-invert, black)
}

.aipsin_navbar_menu>.aipsin_navbar_menu_content>.navbar_item:hover svg,
.aipsin_navbar_menu>.aipsin_navbar_menu_content>.navbar_item.active svg {
  fill: var(--theme-color-widget, #c81e1e);
  transition: all 0.15s linear;
}

.aipsin_navbar_menu>.overlay_navbar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 2px;
  height: 100%;
  background: var(--theme-bg-widget, #eeeeee);
}

.aipsin_navbar_menu>.overlay_navbar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 2px;
  height: 100%;
  background: var(--theme-bg-widget, #eeeeee);
  pointer-events: none;
}

.aipsin_navbar_menu>.navbar_border {
  visibility: visible;
  opacity: 1;
  width: 2px;
  position: absolute;
  height: 0px;
  left: 0px;
  z-index: 2;
  background: var(--theme-color-widget, #c81e1e);
  transition: all 0.3s;
  box-shadow: var(--theme-color-widget, #c81e1e) 0px 0px 3px;
  pointer-events: none;
}

.aipsin_navbar_menu:not(:hover)>.navbar_border:not(.active) {
  visibility: hidden;
  opacity: 0;
}

.aipsin_navbar_menu:hover .navbar_border svg {
  visibility: hidden;
  opacity: 0;
  transition-delay: 0.3s !important;
  transition: opacity 0.3s linear;
}

.aipsin_navbar_menu:not(:hover) .navbar_border svg {
  position: absolute;
  top: 50%;
  width: 22.5px;
  height: 22.5px;
  left: 10px;
  visibility: visible;
  opacity: 1;
  fill: var(--theme-color-widget, #c81e1e);
  transform: translateY(-50%);
  transition-delay: 0.4s !important;
  transition: opacity 0.15s linear;
}

.aipsin_navbar_menu.selected>.aipsin_navbar_menu_content::before,
.aipsin_navbar_menu.selected>.aipsin_navbar_menu_content::after {
  width: 0px;
  height: 0px;
  opacity: 0;
  box-shadow: none;
}

body[template_theme="old"] .aipsin_navbar_menu,
body[template_theme="web_site_view"] .aipsin_navbar_menu,
body[template_theme="left_navigation"] .aipsin_navbar_menu {
  right: 0;
  left: unset !important;
  transform: translateY(-50%) scaleX(-1) !important;
}

body[template_theme="old"] .aipsin_navbar_menu .navbar_item::after,
body[template_theme="web_site_view"] .aipsin_navbar_menu .navbar_item::after,
body[template_theme="left_navigation"] .aipsin_navbar_menu .navbar_item::after {
  transition: scale 0s, transform var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s), opacity var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s), top var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s), left var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s), right var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s), bottom var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  transform: translate3d(-10px, -50%, 0) scaleX(-1) !important;
}

body[template_theme="old"] .aipsin_navbar_menu .navbar_item:hover:after,
body[template_theme="web_site_view"] .aipsin_navbar_menu .navbar_item:hover:after,
body[template_theme="left_navigation"] .aipsin_navbar_menu .navbar_item:hover:after {
  transform: translate3d(0, -50%, 0) scaleX(-1) !important;
}

/*--------------------------------  AIPSIN_TALK  --------------------------------*/
.aipsin_chat[aria-label][role~="tooltip"] {
  position: fixed !important;
}

.aipsin_chat {
  position: fixed !important;
  bottom: 5%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  border-radius: 7px;
  width: 350px;
  height: 500px;
  overflow: hidden;
  z-index: 10000000000 !important;
  box-shadow: var(--theme-shadow-color-widget, rgba(0, 0, 0, 0.15)) 0px 0px 5px 0px, var(--theme-shadow-color-widget, rgba(0, 0, 0, 0.15)) 0px 0px 1px 0px;
  background: var(--theme-bg-widget, #eeeeee);
}

.aipsin_chat.open {
  left: calc(100% - 450px);
  top: calc(100% - 520px);
  visibility: visible;
  opacity: 1;
  animation: modalShowScale 0.5s both;
}

.aipsin_chat.close {
  visibility: hidden;
  opacity: 0;
  animation: modalHiddenScale 0.5s both;
}

.aipsin_chat.fullscreen {
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

.aipsin_chat.fullscreen~.aipsin_circle_menu {
  transform: translateX(300%);
}

.chat_main {
  display: none;
  opacity: 0;
  height: 0;
  width: 0;
  visibility: hidden;
}

.aipsin_chat.open .chat_main {
  position: relative;
  opacity: 1;
  visibility: visible;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 40px 1fr 50px;
}

.chat_header {
  width: 100%;
  background: var(--theme-color-widget, #c81e1e);
  color: white;
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  padding: 0 10px;
  user-select: none;
}

.chat_header>div svg {
  fill: white;
}

.chat_header>div:nth-child(1) {
  justify-content: flex-start;
}

.chat_header>div:nth-child(1) label {
  cursor: pointer;
  z-index: 10000000;
}

.chat_header>div:nth-child(1) input {
  display: none;
}

.chat_fullscreen_menu input {
  display: block !important;
  width: 95%;
  margin: auto;
  border: 1px solid var(--theme-border-widget, #969696);
  color: var(--theme-border-widget, #969696);
  outline: none;
  transition: all 0.3s ease-in-out;
}

.chat_fullscreen_menu input:focus {
  border: 1px solid var(--theme-color-widget, #c81e1e);
  color: var(--theme-color-widget, #c81e1e);
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  transform: translateX(-100%);
  transition: all 0.3s;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu {
  margin-top: 50px;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu svg {
  fill: var(--theme-color-widget, #c81e1e) !important;
}

.chat_header>div:nth-child(1) input:checked+label>svg {
  fill: var(--theme-color-widget, #c81e1e) !important;
}

.chat_header>div:nth-child(1) input:checked~.chat_fullscreen_menu {
  z-index: 1;
  transform: translateX(0%);
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul {
  display: block;
  width: 95%;
  margin: auto;
  padding: 0;
  overflow: hidden;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul>li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  cursor: pointer;
  padding: 5px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: padding 0.3s linear;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul>li:after {
  position: absolute;
  display: inline-block;
  content: '';
  border-bottom: 1px solid var(--theme-color-widget, #c81e1e);
  transform: scaleX(0);
  margin: 0;
  bottom: 0px;
  left: 0;
  width: 100%;
  transition: transform 200ms ease-in-out;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul>li:hover:after {
  transform: scaleX(1);
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul>li>i {
  padding-right: 20px;
  pointer-events: none;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul>li.support>i>svg {
  width: 30px !important;
  height: 30px !important;
}

.chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu ul>li.user>i>svg {
  width: 30px !important;
  height: 25px !important;
}

.chat_header>div svg {
  width: 30px;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}

.chat_header>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat_header>div:nth-child(2) #chat_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
}

.chat_header>div:nth-child(3) {
  justify-content: flex-end;
}

.chat_header>div:nth-child(3)>span {
  cursor: pointer;
  margin-left: 5px;
}

.chat_header>div:nth-child(3)>.fullscreen_chat.active>svg:last-child {
  display: block;
}

.chat_header>div:nth-child(3)>.fullscreen_chat.active>svg:first-child {
  display: none;
}

.chat_header>div:nth-child(3)>.fullscreen_chat>svg:first-child {
  display: block;
}

.chat_header>div:nth-child(3)>.fullscreen_chat>svg:last-child {
  display: none;
}

.chat_footer textarea {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 0;
  outline: none;
  resize: none !important;
  box-sizing: border-box;
  border: 1px solid var(--theme-border-widget, #969696);
  color: var(--theme-border-widget, #969696);
  transition: border 0.3s linear, color 0.3s linear;
}

.chat_footer textarea:focus {
  border: 1px solid var(--theme-color-widget, #c81e1e);
  color: var(--theme-color-widget, #c81e1e);
}

.chat_footer .message_send {
  background: var(--theme-color-widget, #c81e1e);
}

.message_send {
  cursor: pointer;
  margin-left: 5px;
  border-radius: 7px;
  aspect-ratio: 1/1;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}

.message_send>svg {
  fill: white;
}

.message_item {
  position: relative;
  background: var(--theme-color-widget, #c81e1e);
  border-radius: 7px;
  padding: 5px 10px;
  max-width: 50%;
  margin-top: 25px;
  margin-bottom: 5px;
  display: table;
}

.message_item.me {
  margin-left: auto;
}

.message_item>.text {
  color: white;
  margin: 0;
  display: inline;
  word-break: break-word;
}

.message_item>.created_at {
  white-space: nowrap;
  font-size: 0.6em;
  color: white;
}

.message_item.me>.created_at {
  text-align: right;
  left: unset;
  right: 0%;
}

.message_item>.username {
  font-weight: bold;
  white-space: nowrap;
  font-size: 0.6em;
  position: absolute;
  top: -5%;
  left: 0%;
  transform: translate(5%, -200%);
  color: var(--theme-color-text, #0C1914);
}

.message_item.me>.username {
  left: unset;
  right: 0%;
  transform: translate(-5%, -200%);
}

.message_item>.datetime {
  color: white;
  font-size: 0.7em;
  display: inline;
}

.chat_content {
  width: 100%;
  background: var(--theme-bg-main, white);
  overflow: auto;
  padding: 5px 5px;
}

.chat_footer {
  width: calc(100% - 10px);
  margin: auto;
  background: var(--theme-bg-widget, #eeeeee);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

/*--------------------------------  MICROSERVICES  --------------------------------*/
/*--------------------------------  MICROSERVICES>ANALYSIS  --------------------------------*/
.content-parser-data {
  width: 100%;
  min-height: 100px;
  margin-bottom: 10px;
}

.content-charts-results {
  width: 100%;
  min-height: 10px;
  margin-bottom: 10px;
}

.grid-parser-data {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
  padding: 15px;
}

.grid-charts-results {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
}

.content-charts-item {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
  height: 600px;
  position: relative;
}

.content-charts-item svg {
  pointer-events: all;
}

.grid-parser-item:nth-child(1) {
  padding: 30px;
}

.code {
  background: var(--theme-bg-widget, #eeeeee);
  white-space: pre;
  word-wrap: break-word;
  overflow: auto;
  margin: 0;
  border-radius: 4px;
  border: 1px solid var(--theme-bg-widget, #eeeeee);
  position: relative;
  width: 100%;
  flex-direction: row;
  display: flex;
  justify-content: center;
}

.code .code_lang {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 13px;
  height: 100%;
  color: var(--theme-color-text, #0C1914);
  display: flex;
  flex-direction: column;
  justify-content: start;
  user-select: none;
}

.code .code_lang>label {
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.list_save_json {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  margin-top: 15px;
  pointer-events: all;
}

.code .code_data {
  overflow: auto;
  font-family: "Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  display: block;
  margin: 0 0 0 0;
  padding: 0 15px 0 15px;
  overflow-x: auto;
  font-size: 13px;
  line-height: 19px;
  color: var(--theme-color-text, #0C1914);
  height: 100%;
  width: 100%;
  overflow: auto;
  max-width: 80vw;
}

.code .code_data>code {
  width: 80px;
}

code .hljs-attr {
  color: var(--theme-color-widget-error, #c81e1e);
}

code .hljs-string,
code .hljs-keyword,
code .hljs-number {
  color: var(--theme-color-widget-valid, #32bea6);
}

code .hljs-punctuation {
  color: var(--theme-color-widget-default, #2178e9);
}

.code-json .btn_sort_json {
  background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='white'%3e%3cpath d='M19 6L19 42' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M7 17.8995L19 5.89949' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M29 42.1005L29 6.10051' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M29 42.1005L41 30.1005' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
}

.code-json .btn_sort_json[sort="asc"] {
  background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' class='bi bi-sort-up' viewBox='0 0 16 16'%3e%3cpath d='M3.5 12.5a.5.5 0 0 1-1 0V3.707L1.354 4.854a.5.5 0 1 1-.708-.708l2-1.999.007-.007a.498.498 0 0 1 .7.006l2 2a.5.5 0 1 1-.707.708L3.5 3.707V12.5zm3.5-9a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM7.5 6a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 3a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zm0 3a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1z'/%3e%3c/svg%3e");
}

.code-json .btn_sort_json[sort="desc"] {
  background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' class='bi bi-sort-down' fill='white'%3e%3cpath fill-rule='evenodd' d='M3 2a.5.5 0 0 1 .5.5v10a.5.5 0 0 1-1 0v-10A.5.5 0 0 1 3 2z'/%3e%3cpath fill-rule='evenodd' d='M5.354 10.146a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L3 11.793l1.646-1.647a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm0 9a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5z'/%3e%3c/svg%3e");
}

.code-json .code_lang button {
  margin-top: 10px;
}

.form_parse {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: start;
  user-select: none;
  overflow: auto;
}

.form_parse>.form_row {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}

.form_parse>.form_row h5 {
  margin: 0;
  margin-bottom: 10px;
}

.form_parse>.form_row .row_input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 12px;
}

.box_chartconfig {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#change_key_btn {
  margin: auto;
}

#selector_chart {
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.type-chart-list-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 80%;
  ;
  margin: auto;
}

.checkbox-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 7rem;
  min-height: 7rem;
  border-radius: 0.5rem;
  border: 1.1px solid var(--theme-hover-widget, #f3cfcf);
  background-color: var(--theme-bg-main, white);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: 0.15s ease;
  cursor: pointer;
  position: relative;
  user-select: none;
  margin: 2.5px;
}

.checkbox-block>label {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.checkbox-block>input,
.checkbox-block>input {
  display: flex;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

.checkbox-block svg {
  width: 40px;
  height: 40px;
  transition: 0.15s ease;
}

.checkbox-block>h5 {
  text-align: center;
  margin: 0;
  margin-top: 10px;
  transition: 0.15s ease;
}

.checkbox-block:hover {
  border: 1.1px solid var(--theme-hover-widget, #f3cfcf);
  fill: var(--theme-color-widget-active, #df1b1b) !important;
  color: var(--theme-color-widget-active, #df1b1b);
}

#box_btn_submit {
  align-items: center;
  justify-content: center;
  display: flex;
}

.btn_aipsin {
  background-color: var(--theme-color-widget-active, #df1b1b);
  color: var(--theme-bg-main, white) !important;
  cursor: pointer;
  font-family: Arial;
  font-size: 13pt;
  text-decoration: none;
  padding: 5px 20px;
  border: none;
  border-radius: 3px;
  outline: none;
}

.btn_aipsin:hover {
  color: var(--theme-bg-main, white);
  background: var(--theme-color-widget, #c81e1e);
  cursor: pointer;
}

.btn_chart_export {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-color-widget-active, #df1b1b);
  color: var(--theme-bg-main, white) !important;
  fill: var(--theme-bg-main, white);
  cursor: pointer;
  font-family: Arial;
  font-size: 13pt;
  text-decoration: none;
  padding: 5px 8px;
  border: none;
  outline: none;
  margin-top: 10px;
  pointer-events: all;
}

.btn_chart_export:hover {
  background-color: var(--theme-color-widget, #c81e1e);
}

.btn_chart_export:active {
  background-color: var(--theme-color-widget, #c81e1e);
}

.btn_chart_export svg {
  pointer-events: none;
}

.btn_refresh {
  margin-right: 5px;
  background-color: var(--theme-bg-main, white);
  transition: all 0.3s;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 3px;
  padding: 3px;
}

.btn_refresh:hover {
  background-color: var(--theme-bg-main, white);
}

.input_box {
  margin-right: 5px;
}

@media only screen and (min-width: 1000px) {
  .grid-parser-data {
    grid-template-columns: repeat(6, 1fr);
  }

  .grid-parser-item:nth-child(1) {
    grid-column: span 6/auto;
  }

  .grid-parser-item:nth-child(2) {
    grid-column: span 2/auto;
  }

  .grid-parser-item:nth-child(3) {
    grid-column: span 4/auto;
  }

  .grid-parser-item:nth-child(4) {
    grid-column: span 6/auto;
  }

  .grid-parser-item:nth-child(5) {
    grid-column: span 6/auto;
  }
}

/*--------------------------------  IMPORT  --------------------------------*/
/*--------------------------------  IMPORT>UI  --------------------------------*/
/*--------------------------------  IMPORT>UI>ANIMATIONS  --------------------------------*/
/*--------------------------------  IMPORT>UI>ANIMATIONS>KEYFRAMES  --------------------------------*/
@keyframes background-in {
  0% {
    scale: 0 0.005;
  }

  33% {
    scale: 1 0.005;
  }

  66% {
    scale: 1 1;
  }
}

@keyframes modal-in {

  0%,
  66% {
    opacity: 0;
    visibility: hidden;
    transition: -50% -30%;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes background-in-top {
  0% {
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
  }

  100% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes background-in-top-hide {
  0% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes modal-in-bottom {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
  }

  100% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
  }
}

@keyframes modal-in-bottom-hide {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
  }

  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
  }
}

@keyframes pulse_passive {
  0% {
    box-shadow: 0 0 rgba(0, 110, 255, 0.5);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

@keyframes pulse_active {
  0% {
    box-shadow: 0 0 rgba(0, 255, 0, 0.5);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

@keyframes pulse_warning {
  0% {
    box-shadow: 0 0 rgba(238, 255, 0, 0.6);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

@keyframes pulse_error {
  0% {
    box-shadow: 0 0 rgba(255, 0, 0, 0.5);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

@keyframes pulse_white {
  0% {
    box-shadow: 0 0 rgba(209, 204, 200, 0.671);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}

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

@keyframes spin_back {
  100% {
    transform: rotate(-360deg);
  }
}

@keyframes spin_front_timeout {
  25% {
    transform: rotate(360deg);
  }

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

@keyframes spin_back_timeout {
  25% {
    transform: rotate(-360deg);
  }

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

@keyframes z_index {
  100% {
    z-index: 1;
  }
}

@keyframes rota {
  25% {
    transform: rotate(360deg);
  }
}

@keyframes top_bubble {
  0% {
    bottom: -15px;
    opacity: 1;
  }

  100% {
    bottom: 100%;
    opacity: 0;
  }
}

@keyframes small_scales {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes wave {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {

  0%,
  100% {
    transform: translate3d(0, -15px, 0);
  }

  50% {
    transform: translate3d(0, 5px, 0);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes ripples {
  0% {
    width: 0px;
    height: 0px;
    opacity: 0.2;
  }

  100% {
    width: 500px;
    height: 500px;
    opacity: 0;
  }
}

@keyframes right_left_move_5 {
  0% {
    transform: translateX(-5px);
  }

  50% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(-5px);
  }
}

@keyframes rotate_loading {
  0% {
    transform: rotate(0deg);
  }

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

@keyframes link_loading {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: rotate(1);
  }
}

@keyframes width_full {
  0% {
    width: 0%
  }

  100% {
    width: 100%
  }
}

@keyframes from_top_to_botton {
  0% {
    top: -50px;
    opacity: 1;
  }

  100% {
    top: 100%;
    opacity: 0;
  }
}

@keyframes snow_animation {
  0% {
    top: -30px;
    opacity: 0.6;
    transform: translateX(0%);
  }

  25% {
    opacity: 0.4;
    transform: translateX(-2%);
  }

  60% {
    opacity: 0.2;
    transform: translateX(2%);
  }

  80% {
    opacity: 0.1;
    transform: translateX(-1%);
  }

  100% {
    top: 100%;
    opacity: 0;
    transform: translateX(0%);
  }
}

@keyframes opacity-show {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity-show-hide-show {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes opacity-hide-show-hide {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes barStripe {
  0% {
    background-position: 1em 0;
  }

  100% {
    background-position: 0 0;
  }
}

@keyframes bump {
  0% {
    transform: translate(-50%, 0px);
  }

  100% {
    transform: translate(-50%, -5px);
  }
}

@keyframes icon_print_animation_one {
  0% {
    height: 86%;
  }

  50% {
    height: 0px;
  }

  100% {
    height: 86%;
  }
}

@keyframes icon_print_animation_two {
  0% {
    height: 0%;
  }

  50% {
    height: 120%;
  }

  100% {
    height: 0%;
  }
}

@keyframes VisibilityShow {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}

@keyframes VisibilityHidden {
  0% {
    visibility: visible;
    opacity: 1;
  }

  100% {
    visibility: hidden;
    opacity: 0;
  }
}

@keyframes showScale {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
  }

  25% {
    visibility: visible;
    opacity: 0;
  }

  75% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes hiddenScale {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }

  25% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1);
  }

  65% {
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes modalShowScale {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
  }

  25% {
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes modalHiddenScale {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }

  65% {
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
  }
}

@keyframes showScaleTopLeft {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translateY(-100%);
  }

  25% {
    visibility: visible;
    opacity: 0;
  }

  75% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1) translateY(-100%);
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(-100%);
  }
}

@keyframes hiddenScaleTopLeft {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(-100%);
  }

  25% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1) translateY(-100%);
  }

  65% {
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translateY(-100%);
  }
}

@keyframes showScaleCenter {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }

  25% {
    visibility: visible;
    opacity: 0;
  }

  75% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1) translate(-50%, -50%);
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
  }
}

@keyframes hiddenScaleCenter {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
  }

  25% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1) translate(-50%, -50%);
  }

  65% {
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(-50%, -50%);
  }
}

@keyframes showScaleCenterTop {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(-50%, 100%);
  }

  25% {
    visibility: visible;
    opacity: 0;
  }

  75% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1) translate(-50%, 100%);
  }

  100% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(-50%, 100%);
  }
}

@keyframes hiddenScaleCenterTop {
  0% {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translate(-50%, 100%);
  }

  25% {
    visibility: visible;
    opacity: 1;
    transform: scale(1.1) translate(-50%, 100%);
  }

  65% {
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: hidden;
    opacity: 0;
    transform: scale(0) translate(-50%, 100%);
  }
}

@keyframes arrow_down {
  0% {
    top: 0;
    opacity: 1;
  }

  50% {
    top: 110%;
    opacity: 0;
  }

  52% {
    top: -110%;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

@keyframes scroll-icon-animation {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateY(23px);
  }
}

@keyframes rotate_switch_card {
  0% {
    transform: rotate(0deg) translate(-50%, -50%);
  }

  100% {
    transform: rotate(-360deg) translate(-50%, -50%);
  }
}

@keyframes lid--close {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -222;
    stroke: var(--theme-bg-main-invert, black);
  }
}

@keyframes lid--open {
  from {
    stroke-dashoffset: -222;
  }

  to {
    stroke-dashoffset: -444;
    stroke: var(--theme-color-widget-active, #df1b1b);
  }
}

@keyframes pupil--close {
  from {
    stroke-dashoffset: 0;
  }

  to {
    stroke-dashoffset: -150;
    stroke: var(--theme-bg-main-invert, black);
  }
}

@keyframes pupil--open {
  from {
    stroke-dashoffset: -150;
  }

  to {
    stroke-dashoffset: -300;
    stroke: var(--theme-color-widget-active, #df1b1b);
  }
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS  --------------------------------*/
/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>LOADER_MOLECULES  --------------------------------*/
.loader_molecules {
  width: 100px;
  height: 100px;
  position: relative;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: 5px;
}

.loader_molecules.small {
  width: 20px;
  height: 20px;
}

.loader_molecules.small:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgb(207, 0, 0), rgb(151, 24, 24));
  width: 15px;
  height: 15px;
  border-radius: 50%;
  animation: pulse_white 1.5s infinite linear;
}

.loader_molecules.small>.one,
.loader_molecules.small>.two,
.loader_molecules.small>.three,
.loader_molecules.small>.four,
.loader_molecules.small>.five {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(226, 226, 226);
}

.loader_molecules.small>.one {
  z-index: 1;
  transform-origin: -5px 50%;
  animation: spin_front 1s infinite linear, z_index 4s infinite linear;
}

.loader_molecules.small>.two {
  transform-origin: 10px 50%;
  animation: spin_back 1.15s infinite linear, z_index 6.5s infinite linear;
}

.loader_molecules.small>.three {
  z-index: 1;
  transform-origin: 50% -5px;
  animation: spin_front 0.95s infinite linear, z_index 4.5s infinite linear;
}

.loader_molecules.small>.four {
  transform-origin: 50% 10px;
  animation: spin_back 0.85s infinite linear, z_index 5.5s infinite linear;
}

.loader_molecules.small>.five {
  transform-origin: 35% 10px;
  animation: spin_front 1.25s infinite linear, z_index 5.5s infinite linear;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>LOADER_CANCEL  --------------------------------*/
.loader_cancel {
  width: 100px;
  height: 100px;
  position: relative;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
  margin-left: 5px;
  animation: spin_front_timeout 20s infinite ease-in-out;
}

.loader_cancel.small {
  width: 20px;
  height: 20px;
}

.loader_cancel.small:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(90deg, rgb(207, 0, 0), rgb(151, 24, 24));
  width: 15px;
  height: 15px;
  border-radius: 50%;
  animation: pulse_white 1.5s infinite linear;
}

.loader_cancel.small>.one,
.loader_cancel.small>.two,
.loader_cancel.small>.three,
.loader_cancel.small>.four,
.loader_cancel.small>.five,
.loader_cancel.small>.six,
.loader_cancel.small>.seven,
.loader_cancel.small>.eight {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgb(226, 226, 226);
}

.loader_cancel.small>.one {
  z-index: 1;
  top: -16px;
  left: -16px;
}

.loader_cancel.small>.two {
  z-index: 1;
  top: -26px;
  left: -26px;
}

.loader_cancel.small>.three {
  z-index: 1;
  bottom: -16px;
  right: -16px;
}

.loader_cancel.small>.four {
  z-index: 1;
  bottom: -26px;
  right: -26px;
}

.loader_cancel.small>.five {
  z-index: 1;
  bottom: -16px;
  left: -16px;
}

.loader_cancel.small>.six {
  z-index: 1;
  bottom: -26px;
  left: -26px;
}

.loader_cancel.small>.seven {
  z-index: 1;
  top: -16px;
  right: -16px;
}

.loader_cancel.small>.eight {
  z-index: 1;
  top: -26px;
  right: -26px;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>BUBBLES  --------------------------------*/
.bubbles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.bubble {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 1.1px solid var(--theme-color-animation-bubbles, #ff3300);
  border-radius: 50%;
  bottom: -15px;
}

.bubble:nth-child(1) {
  left: 50%;
  animation: top_bubble 3.05s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(2) {
  left: 7%;
  animation: top_bubble 3.1s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(3) {
  left: 10%;
  animation: top_bubble 2.9s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(4) {
  left: 25%;
  animation: top_bubble 4.1s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(5) {
  left: 37%;
  animation: top_bubble 4.4s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(6) {
  left: 87%;
  animation: top_bubble 3.25s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(7) {
  left: 65%;
  animation: top_bubble 4.65s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(8) {
  left: 59%;
  animation: top_bubble 3.7s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(9) {
  left: 78%;
  animation: top_bubble 3.5s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(10) {
  left: 93%;
  animation: top_bubble 4.5s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(11) {
  left: 41%;
  animation: top_bubble 3.4s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(12) {
  left: 97%;
  animation: top_bubble 2.87s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(13) {
  left: 21%;
  animation: top_bubble 3.3s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(14) {
  left: 14%;
  animation: top_bubble 3.5s infinite linear both, small_scales 0.5s infinite linear both;
}

.bubble:nth-child(15) {
  left: 91%;
  animation: top_bubble 3.2s infinite linear both, small_scales 0.5s infinite linear both;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>OCEAN  --------------------------------*/
.background_ocean {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ocean {
  width: 200%;
  height: 10%;
  max-height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--theme-color-animation-ocean, #af0606);
  transform: translateY(0%);
}

.wave {
  background: var(--theme-color-svg-wave, url(/static/svg/wave.svg)) repeat-x;
  position: absolute;
  top: 10%;
  width: 200%;
  height: 15px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: 10%;
  height: 20px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -0.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>SPINER  --------------------------------*/
.loader-nb-spiner {
  width: 75px;
  height: 75px;
  margin: 0;
  background: transparent;
  border-top: 4px solid var(--theme-color-widget-active, #df1b1b);
  border-right: 4px solid transparent;
  border-radius: 50%;
  animation: 1s spin linear infinite;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>MINI-LOADERS  --------------------------------*/
/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>MINI-LOADERS>LOAD-IFRAME  --------------------------------*/
[mini_loader="load-iframe"]:before {
  content: " ";
  display: block;
  background: none;
  animation: rotate_loading 0.5s ease-in-out infinite;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  border: 1.1px solid var(--theme-bg-main-invert, black);
  border-color: currentColor transparent currentColor transparent;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>MINI-LOADERS  --------------------------------*/
[mini_loader].show {
  transform: translateX(-0%);
}

[mini_loader] {
  width: 32px;
  height: 32px;
}

[mini_loader] {
  box-sizing: content-box;
  padding: 5px;
  transition: all .3s ease-in-out;
  top: 70px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  right: 0;
  position: fixed;
  transform: translateX(105%);
  background: var(--theme-bg-main, white);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  z-index: 10000000000000;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS>DOTS-LOADERS  --------------------------------*/
.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-elastic 1s infinite linear;
}

.dot-elastic::before,
.dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-elastic-before 1s infinite linear;
}

.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-elastic-after 1s infinite linear;
}

@keyframes dot-elastic-before {
  0% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(1, 1.5);
  }

  50% {
    transform: scale(1, 0.67);
  }

  75% {
    transform: scale(1, 1);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes dot-elastic {
  0% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1, 1.5);
  }

  75% {
    transform: scale(1, 1);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes dot-elastic-after {
  0% {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1, 0.67);
  }

  75% {
    transform: scale(1, 1.5);
  }

  100% {
    transform: scale(1, 1);
  }
}

.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  box-shadow: 9999px 0 0 -5px;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }

  30% {
    box-shadow: 9984px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9984px 0 0 -5px;
  }
}

@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }

  30% {
    box-shadow: 9999px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 9999px 0 0 -5px;
  }
}

@keyframes dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }

  30% {
    box-shadow: 10014px 0 0 2px;
  }

  60%,
  100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-flashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-flashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dot-flashing {
  0% {
    background-color: var(--theme-color-main, #D60000);
  }

  50%,
  100% {
    background-color: rgba(152, 128, 255, 0.2);
  }
}

.dot-collision {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
}

.dot-collision::before,
.dot-collision::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-collision::before {
  left: -10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-collision-before 2s infinite ease-in;
}

.dot-collision::after {
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-collision-after 2s infinite ease-in;
  animation-delay: 1s;
}

@keyframes dot-collision-before {

  0%,
  50%,
  75%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-15px);
  }
}

@keyframes dot-collision-after {

  0%,
  50%,
  75%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(15px);
  }
}

.dot-revolution {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
}

.dot-revolution::before,
.dot-revolution::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.dot-revolution::before {
  left: 0;
  top: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  transform-origin: 5px 20px;
  animation: dot-revolution 1.4s linear infinite;
}

.dot-revolution::after {
  left: 0;
  top: -30px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  transform-origin: 5px 35px;
  animation: dot-revolution 1s linear infinite;
}

@keyframes dot-revolution {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }

  100% {
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

.dot-carousel {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  animation: dot-carousel 1.5s infinite linear;
}

@keyframes dot-carousel {
  0% {
    box-shadow: 9984px 0 0 -1px var(--theme-color-main, #D60000), 9999px 0 0 1px var(--theme-color-main, #D60000), 10014px 0 0 -1px var(--theme-color-main, #D60000);
  }

  50% {
    box-shadow: 10014px 0 0 -1px var(--theme-color-main, #D60000), 9984px 0 0 -1px var(--theme-color-main, #D60000), 9999px 0 0 1px var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 9999px 0 0 1px var(--theme-color-main, #D60000), 10014px 0 0 -1px var(--theme-color-main, #D60000), 9984px 0 0 -1px var(--theme-color-main, #D60000);
  }
}

.dot-typing {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  animation: dot-typing 1.5s infinite linear;
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  }

  16.667% {
    box-shadow: 9984px -10px 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  }

  33.333% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  }

  50% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px -10px 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  }

  66.667% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  }

  83.333% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px -10px 0 0 var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000), 9999px 0 0 0 var(--theme-color-main, #D60000), 10014px 0 0 0 var(--theme-color-main, #D60000);
  }
}

.dot-windmill {
  position: relative;
  top: -10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  transform-origin: 5px 15px;
  animation: dot-windmill 2s infinite linear;
}

.dot-windmill::before,
.dot-windmill::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.dot-windmill::before {
  left: -8.66254px;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
}

.dot-windmill::after {
  left: 8.66254px;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
}

@keyframes dot-windmill {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }

  100% {
    transform: rotateZ(720deg) translate3d(0, 0, 0);
  }
}

.dot-bricks {
  position: relative;
  top: 8px;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  box-shadow: 9991px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000);
  animation: dot-bricks 2s infinite ease;
}

@keyframes dot-bricks {
  0% {
    box-shadow: 9991px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000);
  }

  8.333% {
    box-shadow: 10007px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000);
  }

  16.667% {
    box-shadow: 10007px -16px 0 0 var(--theme-color-main, #D60000), 9991px -16px 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000);
  }

  25% {
    box-shadow: 10007px -16px 0 0 var(--theme-color-main, #D60000), 9991px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000);
  }

  33.333% {
    box-shadow: 10007px 0 0 0 var(--theme-color-main, #D60000), 9991px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000);
  }

  41.667% {
    box-shadow: 10007px 0 0 0 var(--theme-color-main, #D60000), 10007px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000);
  }

  50% {
    box-shadow: 10007px 0 0 0 var(--theme-color-main, #D60000), 10007px -16px 0 0 var(--theme-color-main, #D60000), 9991px -16px 0 0 var(--theme-color-main, #D60000);
  }

  58.333% {
    box-shadow: 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px -16px 0 0 var(--theme-color-main, #D60000), 9991px -16px 0 0 var(--theme-color-main, #D60000);
  }

  66.666% {
    box-shadow: 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000), 9991px -16px 0 0 var(--theme-color-main, #D60000);
  }

  75% {
    box-shadow: 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000), 10007px -16px 0 0 var(--theme-color-main, #D60000);
  }

  83.333% {
    box-shadow: 9991px -16px 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000), 10007px -16px 0 0 var(--theme-color-main, #D60000);
  }

  91.667% {
    box-shadow: 9991px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px -16px 0 0 var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 9991px -16px 0 0 var(--theme-color-main, #D60000), 9991px 0 0 0 var(--theme-color-main, #D60000), 10007px 0 0 0 var(--theme-color-main, #D60000);
  }
}

.dot-floating {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-floating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}

.dot-floating::before,
.dot-floating::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-floating-before 3s infinite ease-in-out;
}

.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-floating-after 3s infinite cubic-bezier(0.4, 0, 1, 1);
}

@keyframes dot-floating {
  0% {
    left: calc(-50% - 5px);
  }

  75% {
    left: calc(50% + 105px);
  }

  100% {
    left: calc(50% + 105px);
  }
}

@keyframes dot-floating-before {
  0% {
    left: -50px;
  }

  50% {
    left: -12px;
  }

  75% {
    left: -50px;
  }

  100% {
    left: -50px;
  }
}

@keyframes dot-floating-after {
  0% {
    left: -100px;
  }

  50% {
    left: -24px;
  }

  75% {
    left: -100px;
  }

  100% {
    left: -100px;
  }
}

.dot-fire {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  box-shadow: 9999px 22.5px 0 -5px var(--theme-color-main, #D60000);
  animation: dot-fire 1.5s infinite linear;
  animation-delay: -0.85s;
}

.dot-fire::before,
.dot-fire::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
}

.dot-fire::before {
  box-shadow: 9999px 22.5px 0 -5px var(--theme-color-main, #D60000);
  animation: dot-fire 1.5s infinite linear;
  animation-delay: -1.85s;
}

.dot-fire::after {
  box-shadow: 9999px 22.5px 0 -5px var(--theme-color-main, #D60000);
  animation: dot-fire 1.5s infinite linear;
  animation-delay: -2.85s;
}

@keyframes dot-fire {
  1% {
    box-shadow: 9999px 22.5px 0 -5px var(--theme-color-main, #D60000);
  }

  50% {
    box-shadow: 9999px -5.625px 0 2px var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 9999px -22.5px 0 -5px var(--theme-color-main, #D60000);
  }
}

.dot-spin {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 var(--theme-color-main, #D60000), 12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000), 18px 0 0 0 var(--theme-color-main, #D60000), 12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 rgba(152, 128, 255, 0);
  animation: dot-spin 1.5s infinite linear;
}

@keyframes dot-spin {

  0%,
  100% {
    box-shadow: 0 -18px 0 0 var(--theme-color-main, #D60000), 12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000), 18px 0 0 0 var(--theme-color-main, #D60000), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }

  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000), 18px 0 0 0 var(--theme-color-main, #D60000), 12.727926px 12.727926px 0 0 var(--theme-color-main, #D60000), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }

  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 var(--theme-color-main, #D60000), 12.727926px 12.727926px 0 0 var(--theme-color-main, #D60000), 0 18px 0 0 var(--theme-color-main, #D60000), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }

  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 var(--theme-color-main, #D60000), 0 18px 0 0 var(--theme-color-main, #D60000), -12.727926px 12.727926px 0 0 var(--theme-color-main, #D60000), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }

  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 var(--theme-color-main, #D60000), -12.727926px 12.727926px 0 0 var(--theme-color-main, #D60000), -18px 0 0 0 var(--theme-color-main, #D60000), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
  }

  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 var(--theme-color-main, #D60000), -18px 0 0 0 var(--theme-color-main, #D60000), -12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000);
  }

  75% {
    box-shadow: 0 -18px 0 0 var(--theme-color-main, #D60000), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 var(--theme-color-main, #D60000), -12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000);
  }

  87.5% {
    box-shadow: 0 -18px 0 0 var(--theme-color-main, #D60000), 12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 var(--theme-color-main, #D60000);
  }
}

.dot-falling {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  box-shadow: 9999px 0 0 0 var(--theme-color-main, #D60000);
  animation: dot-falling 1s infinite linear;
  animation-delay: 0.1s;
}

.dot-falling::before,
.dot-falling::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-falling::before {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-falling-before 1s infinite linear;
  animation-delay: 0s;
}

.dot-falling::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-falling-after 1s infinite linear;
  animation-delay: 0.2s;
}

@keyframes dot-falling {
  0% {
    box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
  }

  25%,
  50%,
  75% {
    box-shadow: 9999px 0 0 0 var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
  }
}

@keyframes dot-falling-before {
  0% {
    box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
  }

  25%,
  50%,
  75% {
    box-shadow: 9984px 0 0 0 var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
  }
}

@keyframes dot-falling-after {
  0% {
    box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
  }

  25%,
  50%,
  75% {
    box-shadow: 10014px 0 0 0 var(--theme-color-main, #D60000);
  }

  100% {
    box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
  }
}

.dot-stretching {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  transform: scale(1.25, 1.25);
  animation: dot-stretching 2s infinite ease-in;
}

.dot-stretching::before,
.dot-stretching::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-stretching::before {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-stretching-before 2s infinite ease-in;
}

.dot-stretching::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  animation: dot-stretching-after 2s infinite ease-in;
}

@keyframes dot-stretching {
  0% {
    transform: scale(1.25, 1.25);
  }

  50%,
  60% {
    transform: scale(0.8, 0.8);
  }

  100% {
    transform: scale(1.25, 1.25);
  }
}

@keyframes dot-stretching-before {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }

  50%,
  60% {
    transform: translate(-20px) scale(1, 1);
  }

  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}

@keyframes dot-stretching-after {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }

  50%,
  60% {
    transform: translate(20px) scale(1, 1);
  }

  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}

.dot-gathering {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: hsl(0deg, 100%, 0%);
  color: transparent;
  margin: -1px 0;
  filter: blur(2px);
}

.dot-gathering::before,
.dot-gathering::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -50px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: hsl(0deg, 100%, 0%);
  color: transparent;
  opacity: 0;
  filter: blur(2px);
  animation: dot-gathering 2s infinite ease-in;
}

.dot-gathering::after {
  animation-delay: 0.5s;
}

@keyframes dot-gathering {
  0% {
    opacity: 0;
    transform: translateX(0);
  }

  35%,
  60% {
    opacity: 1;
    transform: translateX(50px);
  }

  100% {
    opacity: 0;
    transform: translateX(100px);
  }
}

.dot-hourglass {
  position: relative;
  top: -15px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: hsl(0deg, 100%, 0%);
  color: transparent;
  margin: -1px 0;
  filter: blur(2px);
  transform-origin: 5px 20px;
  animation: dot-hourglass 2.4s infinite ease-in-out;
  animation-delay: 0.6s;
}

.dot-hourglass::before,
.dot-hourglass::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: hsl(0deg, 100%, 0%);
  color: transparent;
  filter: blur(2px);
}

.dot-hourglass::before {
  top: 30px;
}

.dot-hourglass::after {
  animation: dot-hourglass-after 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@keyframes dot-hourglass {
  0% {
    transform: rotateZ(0deg);
  }

  25% {
    transform: rotateZ(180deg);
  }

  50% {
    transform: rotateZ(180deg);
  }

  75% {
    transform: rotateZ(360deg);
  }

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

@keyframes dot-hourglass-after {
  0% {
    transform: translateY(0);
  }

  25% {
    transform: translateY(30px);
  }

  50% {
    transform: translateY(30px);
  }

  75% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

.dot-overtaking {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: transparent;
  color: hsl(0deg, 100%, 0%);
  margin: -1px 0;
  box-shadow: 0 -20px 0 0;
  filter: blur(2px);
  animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
}

.dot-overtaking::before,
.dot-overtaking::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: transparent;
  color: hsl(0deg, 100%, 0%);
  box-shadow: 0 -20px 0 0;
  filter: blur(2px);
}

.dot-overtaking::before {
  animation: dot-overtaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
  animation-delay: 0.3s;
}

.dot-overtaking::after {
  animation: dot-overtaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
  animation-delay: 0.6s;
}

@keyframes dot-overtaking {
  0% {
    transform: rotateZ(0deg);
  }

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

.dot-shuttle {
  position: relative;
  left: -15px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: hsl(0deg, 100%, 0%);
  color: transparent;
  margin: -1px 0;
  filter: blur(2px);
}

.dot-shuttle::before,
.dot-shuttle::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: hsl(0deg, 100%, 0%);
  color: transparent;
  filter: blur(2px);
}

.dot-shuttle::before {
  left: 15px;
  animation: dot-shuttle 2s infinite ease-out;
}

.dot-shuttle::after {
  left: 30px;
}

@keyframes dot-shuttle {

  0%,
  50%,
  100% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-45px);
  }

  75% {
    transform: translateX(45px);
  }
}

.dot-bouncing {
  position: relative;
  height: 10px;
  font-size: 10px;
}

.dot-bouncing::before {
  content: "⚽🏀🏐";
  display: inline-block;
  position: relative;
  animation: dot-bouncing 1s infinite;
}

@keyframes dot-bouncing {
  0% {
    top: -20px;
    animation-timing-function: ease-in;
  }

  34% {
    transform: scale(1, 1);
  }

  35% {
    top: 20px;
    animation-timing-function: ease-out;
    transform: scale(1.5, 0.5);
  }

  45% {
    transform: scale(1, 1);
  }

  90% {
    top: -20px;
  }

  100% {
    top: -20px;
  }
}

.dot-rolling {
  position: relative;
  height: 10px;
  font-size: 10px;
}

.dot-rolling::before {
  content: "⚽";
  display: inline-block;
  position: relative;
  transform: translateX(-25px);
  animation: dot-rolling 3s infinite;
}

@keyframes dot-rolling {
  0% {
    content: "⚽";
    transform: translateX(-25px) rotateZ(0deg);
  }

  16.667% {
    content: "⚽";
    transform: translateX(25px) rotateZ(720deg);
  }

  33.333% {
    content: "⚽";
    transform: translateX(-25px) rotateZ(0deg);
  }

  34.333% {
    content: "🏀";
    transform: translateX(-25px) rotateZ(0deg);
  }

  50% {
    content: "🏀";
    transform: translateX(25px) rotateZ(720deg);
  }

  66.667% {
    content: "🏀";
    transform: translateX(-25px) rotateZ(0deg);
  }

  67.667% {
    content: "🏐";
    transform: translateX(-25px) rotateZ(0deg);
  }

  83.333% {
    content: "🏐";
    transform: translateX(25px) rotateZ(720deg);
  }

  100% {
    content: "🏐";
    transform: translateX(-25px) rotateZ(0deg);
  }
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>LOADERS  --------------------------------*/
.loader-content {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--theme-bg-main, white) !important;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.loader-content.fixed {
  position: fixed !important;
}

.loader-content.show {
  opacity: 0.7;
  visibility: visible;
  cursor: progress;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>FIGURES  --------------------------------*/
/*--------------------------------  IMPORT>UI>ANIMATIONS>FIGURES>HEXAGON  --------------------------------*/
.hex {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

.hex>.side {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 104px;
  height: 60px;
  background: var(--theme-bg-figure, #181818);
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}

.hex>.side>i {
  width: 50px;
  height: 50px;
  margin-top: 5px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: brightness(0) invert(1);
}

.hex>.side>span,
.hex>.side>i {
  z-index: 1;
  transition: all 0.2s;
}

.hex>.side>span{
  text-wrap: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: center;
  padding: 2px;
}

.hex>.side:after,
.hex>.side:before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  width: 104px;
  height: 60px;
  background: var(--theme-bg-figure, #181818);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.2s;
}

.hex>.side:before {
  transform: translate(-50%, -50%) rotate(240deg);
}

.hex>.side:after {
  transform: translate(-50%, -50%) rotate(120deg);
}

.hex>.side,
.hex>.side:before,
.hex>.side:after {
  border-left: 1px solid var(--theme-color-widget, #c81e1e);
  border-right: 1px solid var(--theme-color-widget, #c81e1e);
}

.hex>.side:hover,
.hex>.side:hover::before,
.hex>.side:hover::after {
  background: var(--theme-color-widget, #c81e1e);
  border-left: 2px solid var(--theme-color-main, #D60000);
  border-right: 2px solid var(--theme-color-main, #D60000);
}

.hex>.side:hover i {
  margin-top: 0px;
}

.hex-row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hex-row:not(.even) {
  margin-bottom: -30px;
  margin-top: -30px;
}

.hex>.extra-hex[aria-label][role~="tooltip"] {
  position: absolute !important;
}

.hex>.extra-hex {
  position: absolute !important;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: var(--theme-border-widget-active, #f0f0f0);
  top: -25px;
  left: -50px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hex>.extra-hex>i {
  width: 75%;
  height: 75%;
  display: block;
  z-index: 1;
}

.hex>.extra-hex>i>svg {
  z-index: 1;
  margin: 0;
  width: 100%;
  height: 100%;
  fill: var(--theme-bg-figure, #181818);
}

.hex>.extra-hex>em.line {
  position: absolute;
  width: 25px;
  height: 3px;
  background-color: var(--theme-border-widget-active, #f0f0f0);
  top: 50%;
  left: 50%;
  border-radius: 15px;
  transform: translate(0%, -50%);
}

.hex>.extra-hex>em.line::before {
  content: '';
  position: absolute;
  width: 28px;
  height: 3px;
  background-color: var(--theme-border-widget-active, #f0f0f0);
  top: 300%;
  left: 50%;
  border-radius: 15px;
  transform: translate(25%, 0%) rotate(45deg);
}

.hex>.extra-hex:hover {
  animation: pulse_border_widget_active 2.5s infinite linear;
}
/*--------------------------------  IMPORT>UI>ANIMATIONS>FIGURES>BOXAGON  --------------------------------*/
.box-grid{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.box-grid>.hex{
  grid-column: span 6/auto;
  aspect-ratio:1 / 0.5;
  width:100%;
  margin:auto;
}
.box-grid>.hex>.side{
  width:100%;
  height:100%;

}
.box-grid>.hex .side:after, .box-grid>.hex .side:before{
  content:unset !important;
  transform:unset !important;
}
.box-grid>.hex>.side,
.box-grid>.hex>.side:before,
.box-grid>.hex>.side:after {
  border: 1px solid var(--theme-color-widget, #c81e1e);
}

.box-grid>.hex>.side:hover,
.box-grid>.hex>.side:hover::before,
.box-grid>.hex>.side:hover::after {
  background: var(--theme-color-widget, #c81e1e);
  border: 2px solid var(--theme-color-main, #D60000);
}
.box-grid>.hex:nth-child(2n+1):last-child{
  grid-column: span 12/auto;
}
/*--------------------------------  IMPORT>UI>ANIMATIONS>FIGURES>FOLDER  --------------------------------*/
.folder {
  background-color: #17a0e5;
  position: relative;
  width: 60px;
  height: 40px;
  display: block;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.folder .folder-tab {
  position: absolute;
  height: 10px;
  left: 0;
  bottom: 100%;
  display: block;
  width: 40%;
  border-top-left-radius: 6px;
  background-color: inherit;
}

.folder .folder-tab:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: calc(100% - 10px);
  border-bottom: 10px solid #17a0e5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.folder .folder-icn {
  padding-top: 12px;
  width: 100%;
  height: 100%;
  display: block;
}

.folder .downloading {
  width: 20px;
  height: 16px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.folder .custom-arrow {
  width: 6px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  background-color: #fff;
  animation-name: arrow_down;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}

.folder .custom-arrow:after {
  content: '';
  position: absolute;
  display: block;
  top: 100%;
  left: -6px;
  border-top: 7px solid #fff;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
}

.folder .bar {
  width: 30px;
  height: 4px;
  background-color: #fff;
  margin: 0 auto;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>KEYFRAMES_CLASS  --------------------------------*/
*.visible {
  animation: VisibilityShow 0.3s both;
}

*.hidden {
  animation: VisibilityHidden 0.3s both;
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>BACKGROUND  --------------------------------*/
/*--------------------------------  IMPORT>UI>ANIMATIONS>BACKGROUND>CIRCLE-CONN-ANIMATION  --------------------------------*/
[background-animation][circle-conn-animation] [background-animation-item]::before {
  content: ' ';
  width: 60%;
  height: 60%;
  border-radius: 50%;
  background: var(--theme-border-widget, #969696);
}

[background-animation][circle-conn-animation] [background-animation-item] {
  position: absolute;
  left: 0;
  top: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: var(--theme-bg-main, white);
  border: 3px solid var(--theme-border-widget, #969696);
  opacity: 0.15;
  border-radius: 50%;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(1) {
  left: calc(0 - 50px);
  animation-delay: 0.5s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(2) {
  left: calc(17% - 50px);
  animation-delay: 1s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(3) {
  left: calc(34% - 50px);
  animation-delay: 1.5s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(4) {
  left: calc(51% - 50px);
  animation-delay: 2s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(5) {
  left: calc(68% - 50px);
  animation-delay: 2.5s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(6) {
  left: calc(85% - 50px);
  animation-delay: 3s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

[background-animation][circle-conn-animation] [background-animation-item]:nth-child(7) {
  left: calc(100% - 50px);
  animation-delay: 3.5s !important;
  animation: background-circle-conn-animation 5s infinite ease-in-out;
}

@keyframes background-circle-conn-animation {
  0% {
    top: 20%;
  }

  50% {
    top: 80%;
  }

  100% {
    top: 20%;
  }
}

/*--------------------------------  IMPORT>UI>ANIMATIONS>BACKGROUND  --------------------------------*/
[background-animation] {
  position: relative;
}

/*--------------------------------  IMPORT>UI>DROPDOWN  --------------------------------*/
/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN_USER  --------------------------------*/
#user_settings>.dropdown_hover {
  width: 400px !important;
}

.dropdown_user_flex {
  display: grid;
  align-items: flex-start;
  justify-content: flex-start;
  grid-template-columns: 1fr 70px;
  font-size: 10pt;
  width: 100%;
}

.dropdown_user_flex>.box_event_user {
  width: 100%;
  height: 100%;
  box-sizing: content-box;
}

.dropdown_user_flex>.box_event_user>.box_icon_user {
  width: 100%;
  aspect-ratio: 1 / 1;
}

.dropdown_user_flex>.box_event_user>.box_icon_user>svg {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  fill: white !important;
}

.dropdown_user_flex>.box_event_user>.box_icon_user:hover>svg {
  filter: drop-shadow(1px 1px 2px white);
}

.dropdown_user_flex>.user_info {
  margin-left: 10px;
}

.dropdown_user_flex>.user_info>p {
  white-space: normal;
  margin: 0;
  margin-bottom: 2px;
}

.dropdown_user_flex>.box_event_user>a {
  cursor: pointer;
}

.dropdown_user_flex>.box_event_user .link_notice {
  width: 30px;
  margin: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  height: 30px;
  border-radius: 50%;
  padding: unset;
}

.dropdown_user_flex>.box_event_user .link_notice>svg {
  fill: white;
}

.dropdown_user_botton_edit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px !important;
  width: 100%;
}

.dropdown_user_info {
  border-top: 1px solid white;
  padding-top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 9pt;
}

.dropdown_user_configs {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 !important;
  transition: all 0.3s ease-in-out;
}

.dropdown_user_configs>.user_config {
  width: 100%;
  overflow: hidden;
}

.dropdown_user_configs .form_config {
  --open-dropdown: 150px;
  visibility: hidden;
  opacity: 0;
  height: 0px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

.dropdown_user_configs>input[type=radio],
.dropdown_user_configs>input[type=checkbox] {
  display: none;
}

.dropdown_user_configs>label>.btn_open_user_config {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: rgb(32, 32, 32);
  border-radius: 5px;
  font-size: 8pt;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s;
}

.dropdown_user_configs>label>.btn_open_user_config:hover {
  background: rgb(49, 49, 49);
}

.dropdown_user_configs>label>.btn_open_user_config::before,
.dropdown_user_configs>label>.btn_open_user_config::after {
  border-right: 2px solid white;
  content: '';
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(125deg);
  right: 20px;
  top: 50%;
  width: 0;
  z-index: 1;
  transition: all 0.2s;
}

.dropdown_user_configs>label>.btn_open_user_config::after {
  margin-top: -5px;
  right: 15px;
  transform: rotate(55deg);
  transition: all 0.2s;
}

.dropdown_user_configs>input[type=radio]:checked+label>.btn_open_user_config::before,
.dropdown_user_configs>input[type=checkbox]:checked+label>.btn_open_user_config::before,
.dropdown_user_configs>input[type=radio]:checked+label>.btn_open_user_config::after,
.dropdown_user_configs>input[type=checkbox]:checked+label>.btn_open_user_config::after {
  transform: rotate(55deg);
}

.dropdown_user_configs>input[type=radio]:checked+label>.btn_open_user_config::after,
.dropdown_user_configs>input[type=checkbox]:checked+label>.btn_open_user_config::after {
  transform: rotate(125deg);
}

.dropdown_user_configs>label>.form_config {
  background: rgba(17, 17, 17, .9);
}

.dropdown_user_configs>input[type=radio]:checked+label>.form_config,
.dropdown_user_configs>input[type=checkbox]:checked+label>.form_config {
  visibility: visible;
  opacity: 1;
  height: var(--open-dropdown);
}

.dropdown_user_configs>label>.form_config>.slider_config {
  position: relative;
  margin: auto;
  width: 100%;
  height: 100%;
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr::before,
.dropdown_user_configs>label>.form_config>.slider_config .prev_arr::after,
.dropdown_user_configs>label>.form_config>.slider_config .next_arr::before,
.dropdown_user_configs>label>.form_config>.slider_config .next_arr::after {
  border-right: 2px solid white;
  content: '';
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  width: 0;
  transition: all 0.2s;
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr::before,
.dropdown_user_configs>label>.form_config>.slider_config .prev_arr::after {
  left: 50%;
}

.dropdown_user_configs>label>.form_config>.slider_config .next_arr::after,
.dropdown_user_configs>label>.form_config>.slider_config .next_arr::before {
  right: 50%;
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr::after {
  transform: rotate(-145deg);
  top: calc(50% - 3px);
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr::before {
  transform: rotate(145deg);
  top: calc(50% + 3px);
}

.dropdown_user_configs>label>.form_config>.slider_config .next_arr::after {
  transform: rotate(145deg);
  top: calc(50% - 3px);
}

.dropdown_user_configs>label>.form_config>.slider_config .next_arr::before {
  transform: rotate(-145deg);
  top: calc(50% + 3px);
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr,
.dropdown_user_configs>label>.form_config>.slider_config .next_arr {
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  z-index: 1;
  cursor: pointer;
  background: rgb(32, 32, 32);
  transition: all 0.3s;
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr:hover,
.dropdown_user_configs>label>.form_config>.slider_config .next_arr:hover {
  background: rgb(49, 49, 49);
}

.dropdown_user_configs>label>.form_config>.slider_config .prev_arr {
  left: 0;
}

.dropdown_user_configs>label>.form_config>.slider_config .next_arr {
  right: 0;
}

.dropdown_user_configs>label>.form_config>.slider_config .slider_config_item {
  background: rgb(32, 32, 32);
  width: 100%;
  height: 100%;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config {
  position: relative;
  display: block;
  width: calc(100% - 40px);
  height: var(--open-dropdown, 150px);
  margin: auto;
  color: white;
  overflow: auto;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.fit_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.title_name {
  position: absolute;
  bottom: 15px;
  left: 15px;
  cursor: pointer;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config:hover .title_name {
  text-decoration: underline;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.header_form_config {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config>.form_design {
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: auto;
  margin-bottom: 10px;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config label.simple_config_switch_user {
  justify-content: space-between !important;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config label.simple_config_switch_user span {
  color: white !important;
}

.dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config select {
  padding: 2px;
  width: 120px;
}

[dropdown-hover]:not(:hover) .dropdown_user_configs,
[dropdown-click]:not(.open) .dropdown_user_configs {
  z-index: -1 !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN_PAGINATION  --------------------------------*/
#pagination>.dropdown_hover {
  width: 400px !important;
}

#pagination .dropdown_hover_header {
  margin-bottom: 0px;
}

#pagination .dropdown_hover_header .box_pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  padding-top: 10px;
  min-height: 320px;
}

.box_pagination .box_pagination_content {
  display: block;
  height: 100%;
  margin-top: 10px;
}

.history_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.history_footer>.history_open {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  cursor: pointer;
  width: 100px;
  height: 30px;
}

.history_footer>.history_open:hover .arr_top {
  transform: translateY(-5px);
}

.history_footer>.history_open>i {
  width: 15px;
  height: 15px;
  margin-bottom: 0;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  filter: brightness(0) invert(1);
  transition: all 0.5s;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN-BUTTON  --------------------------------*/
[dropdown-hover] .dropdown_hover.button,
[dropdown-click] .dropdown_hover.button {
  width: auto;
  display: none !important;
}

[dropdown-hover]:hover .dropdown_hover.top.button,
[dropdown-click].open .dropdown_hover.top.button {
  visibility: visible;
  opacity: 1;
  padding-bottom: 10px;
  transform: translate3d(-50%, 50%, 0) !important;
}

[dropdown-hover]:hover .dropdown_hover.top-start-right.button,
[dropdown-click].open .dropdown_hover.top-start-right.button {
  visibility: visible;
  opacity: 1;
  padding-bottom: 10px;
  left: 0px;
  transform: translate3d(0%, 100%, 0) !important;
}

.dropdown_hover>.dropdown_hover_button {
  cursor: pointer;
  outline: none;
  border: none;
}

.dropdown_hover.top-start-right>.dropdown_hover_button::before {
  position: absolute;
  content: '';
  background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  background-size: 100% auto !important;
  height: 6px;
  width: 18px;
  top: 100%;
  right: 92%;
  margin-bottom: 0;
  transform: translate3d(50%, 0%, 0);
}

.dropdown_hover>.dropdown_hover_button::before {
  position: absolute;
  content: '';
  background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  background-size: 100% auto !important;
  height: 6px;
  width: 18px;
  top: 100%;
  right: 50%;
  margin-bottom: 0;
  transform: translate3d(50%, 0%, 0);
}

.dropdown_hover>.dropdown_hover_button {
  transform: translateY(-100%);
  background: var(--theme-color-tooltip, rgba(17, 17, 17, 0.9));
  border-radius: 4px;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown_hover>.dropdown_hover_button i {
  width: 24px;
  height: 24px;
  border-right: 1px solid white;
  padding-right: 6px;
  margin-right: 6px;
  display: flex;
  align-items: center;
}

.dropdown_hover>.dropdown_hover_button i>svg {
  width: 100%;
  height: 100%;
  fill: white;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN_DEFAULT  --------------------------------*/
.dropdown_header_center {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--theme-color-text, #0C1914);
}

.dropdown_header_center::before,
.dropdown_header_center::after {
  border-right: 2px solid var(--theme-border-widget, #969696);
  content: '';
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(125deg);
  left: calc(100% - 16px + 4px);
  top: 50%;
  width: 0;
  z-index: 1;
  transition: all 0.2s;
}

.dropdown_header_center:hover {
  color: var(--theme-color-main, #D60000);
  transition: all 0.2s;
}

.dropdown_header_center:hover::before,
.dropdown_header_center:hover::after {
  border-right: 2px solid var(--theme-color-main, #D60000);
  transform: rotate(55deg);
}

.dropdown_header_center::after {
  margin-top: -5px;
  left: calc(100% - 20px + 8px + 6px);
  transform: rotate(55deg);
  transition: all 0.2s;
}

.dropdown_header_center:hover::after {
  transform: rotate(125deg);
}

.dropdown_header_box::before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--theme-bg-main, white);
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.dropdown_header_box {
  position: absolute;
  padding-top: 10px;
  width: 310px;
  max-height: 400px;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: .3s ease-out;
}

.dropdown_header_center:hover .dropdown_header_box {
  visibility: visible;
  opacity: 1;
}

.dropdown_header_content {
  width: 100%;
  background: var(--theme-bg-main, white);
  border-radius: 20px;
  cursor: auto;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px;
}

.dropdown_header_content>ul {
  display: grid !important;
  grid-gap: 5px;
  padding: 5px !important;
  grid-template-columns: 1fr;
  justify-items: center;
  align-items: center;
}

.dropdown_header_content ul {
  padding: 0;
  margin: 0;
}

.dropdown_header_content ul>* {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.dropdown_header_content ul li {
  position: relative;
  text-align: center;
  list-style: none;
  padding: 5px 10px !important;
  margin: 0;
  font-weight: 500;
  cursor: pointer;
  z-index: 100;
  transition: .3s ease-out;
  text-transform: none;
}

.item_grid_header_pageination>li[warning]::after {
  content: ' ';
  background: url('/static/images/toast_warning_icon.png') no-repeat center;
  background-size: contain;
  position: absolute;
  height: 70%;
  aspect-ratio: 1/1;
  left: 5px;
  top: 15%;
  text-align: center;
}

.item_grid_header_pageination>li[new]{
  overflow: unset;
}
.item_grid_header_pageination>li[new]::after {
  content: 'NEW';
  position: absolute;
  left: 5px;
  top: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: white;
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  border-style: solid;
  border-width: 0;
  padding: 3px 7px;
  border-radius: 9999px;
  background: var(--theme-color-widget, #c81e1e);
  animation: pulse_widget 2.5s infinite linear;
}

.item_grid_header_pageination>li:hover a,
.item_grid_header_pageination>li>ul>li:hover a {
  color: var(--theme-color-main, #D60000);
}

.item_grid_header_pageination>li>a {
  font-weight: 100;
  color: var(--theme-color-text, #0C1914);
}

.dropdown_header_content>ul li {
  list-style: none;
}

.dropdown_header_content>ul li {
  position: relative;
  display: block;
  width: 100%;
  padding: 7px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  border-radius: 5px;
  font-size: 9pt;
  transition: all 0.2s;
  cursor: pointer;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--theme-color-text, #0C1914);
}

.dropdown_header_content>ul .multiply_li ul {
  max-height: 0;
  width: 100%;
  transition: .3s ease-out;
}

.dropdown_header_content>ul .multiply_li ul>li {
  height: 0;
  margin: 0px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.dropdown_header_content>ul .multiply_li:hover ul {
  max-height: 600px;
}

.dropdown_header_content>ul .multiply_li:hover ul>li {
  height: auto;
  padding: 5px 10px !important;
}

.dropdown_header_content>ul .multiply_li:hover ul>li {
  margin-top: 5px;
}

.dropdown_header_content>ul .multiply_li ul>li {
  font-weight: 100;
}

.dropdown_header_content>ul .multiply_li ul li:hover a {
  color: var(--theme-color-main, #D60000);
}

.dropdown_header_content>ul .multiply_li>li {
  padding-right: 20px !important;
}

.dropdown_header_content>ul .multiply_li>li::before,
.dropdown_header_content>ul .multiply_li>li::after {
  border-right: 2px solid var(--theme-color-text, #0C1914);
  content: '';
  display: block;
  height: 8px;
  margin-top: -5px;
  position: absolute;
  transform: rotate(125deg);
  right: 13px;
  top: 50%;
  width: 0;
  z-index: 1;
  transition: all 0.2s;
}

.dropdown_header_content>ul .multiply_li>li::after {
  margin-top: -5px;
  right: 7px;
  transform: rotate(55deg);
  transition: all 0.2s;
}

.dropdown_header_content>ul .multiply_li:hover>li::before,
.dropdown_header_content>ul .multiply_li:hover>li::after {
  transform: rotate(55deg);
}

.dropdown_header_content>ul .multiply_li:hover>li::after {
  transform: rotate(125deg);
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN_MORE_TABS  --------------------------------*/
#more_tabs>.dropdown_hover {
  width: 450px;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN-TOP  --------------------------------*/
/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN-TOP>DROPDOWN_PAGER  --------------------------------*/
.box_pagination_item.hide_items .dropdown_hover.top {
  width: 350px;
}

.box_pagination_item.hide_items .dropdown_hover.top>.dropdown_hover_main {
  background: rgb(255 255 255);
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 15%);
  max-height: 385px;
}

.box_pagination_item.hide_items .dropdown_hover.top>.dropdown_hover_main .dropdown_hover_content {
  overflow: auto;
}

.box_pagination_item.hide_items .dropdown_hover.top .grid_pager {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  width: 100%;
  height: auto;
  grid-gap: 10px;
  overflow: auto;
}

.box_pagination_item.hide_items .dropdown_hover.top .grid_pager>.pager_item {
  width: 30px;
  height: 30px;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1.1px solid #ccc;
  cursor: pointer;
  transition: all 0.2s;
  color: rgb(56, 56, 56);
}

.box_pagination_item.hide_items .dropdown_hover.top>.dropdown_hover_main>.dropdown_hover_header {
  color: rgb(65, 65, 65);
  border-bottom: 1px solid #0c1914;
}

.box_pagination_item.hide_items .dropdown_hover.top .grid_pager>.pager_item:hover {
  background: var(--theme-color-main, #D60000);
  color: white;
}

.box_pagination_item[start]>.dropdown_hover.top {
  transform: translate3d(-25%, 100%, 0) !important;
}

.box_pagination_item[start][dropdown-hover]:hover .dropdown_hover.top,
.box_pagination_item[start][dropdown-click].open .dropdown_hover.top {
  visibility: visible;
  opacity: 1;
  padding-bottom: 10px;
  transform: translate3d(-25%, 100%, 0) !important;
}

.box_pagination_item[start][dropdown-hover] .dropdown_hover.top>.dropdown_hover_main::before,
.box_pagination_item[start][dropdown-click] .dropdown_hover.top>.dropdown_hover_main::before {
  right: 75%;
}

.box_pagination_item[end]>.dropdown_hover.top {
  transform: translate3d(-75%, 100%, 0) !important;
}

.box_pagination_item[end][dropdown-hover]:hover .dropdown_hover.top,
.box_pagination_item[end][dropdown-click].open .dropdown_hover.top {
  transform: translate3d(-75%, 100%, 0) !important;
}

.box_pagination_item[end][dropdown-hover] .dropdown_hover.top>.dropdown_hover_main::before,
.box_pagination_item[end][dropdown-click] .dropdown_hover.top>.dropdown_hover_main::before {
  right: 25%;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN-TOP  --------------------------------*/
.dropdown_hover.top {
  left: 50%;
  top: 0 !important;
  top: -100% !important;
  padding-top: unset;
  transform: translate3d(-50%, 100%, 0) !important;
  transition: all .2s ease-in-out;
}

.dropdown_hover.top-start-right {
  left: 0%;
  top: 0 !important;
  top: -100% !important;
  padding-top: unset;
  transform: translate3d(0%, 100%, 0) !important;
  transition: all .2s ease-in-out;
}

.dropdown_hover.top>.dropdown_hover_main::before {
  position: absolute;
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'%3E%3Cpath fill='rgba(255, 255, 255, 0.9)' transform='rotate(0)' d='M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z'/%3E%3C/svg%3E") no-repeat;
  /* background: url("data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; */
  background-size: 100% auto !important;
  height: 6px;
  width: 18px;
  top: 100%;
  right: 50%;
  margin-bottom: 0;
  transform: translate3d(50%, 0%, 0);
}

.dropdown_hover.top>.dropdown_hover_main {
  transform: translateY(-100%);
}

[dropdown-hover]:hover .dropdown_hover.top,
[dropdown-click].open .dropdown_hover.top {
  visibility: visible;
  opacity: 1;
  padding-bottom: 10px;
  transform: translate3d(-50%, 100%, 0) !important;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN-BOTTOM-RIGHT  --------------------------------*/
.dropdown_hover.right.bottom {
  transform: translate3d(calc(0% - 18px), 0px, 0) !important;
}

.dropdown_hover.right.bottom>.dropdown_hover_main::before {
  transform: translate3d(50%, 0, 0) !important;
  left: 0 !important;
}

/*--------------------------------  IMPORT>UI>DROPDOWN>DROPDOWN-RIGHT  --------------------------------*/
.dropdown_hover.right {
  top: 0%;
  left: 105%;
  transform: translate3d(-18px, 0px, 0px) !important;
  padding-top: 0px !important;
}

.dropdown_hover.right>.dropdown_hover_main::before {
  transform: translate3d(0px, 0px, 0px) rotate(-90deg) !important;
  left: -12px;
  top: 16px;
}

[dropdown-hover]:hover .dropdown_hover.right,
[dropdown-click].open .dropdown_hover.right {
  visibility: visible;
  opacity: 1;
  transform: translate3d(8px, 0px, 0px) !important;
}

/*--------------------------------  IMPORT>UI>DROPDOWN  --------------------------------*/
.dropdown_hover {
  display: inline-block;
  cursor: auto;
  visibility: hidden;
  opacity: 0;
  max-height: 0px;
  width: 250px;
  position: absolute;
  top: 100%;
  left: 50%;
  border-radius: 10px;
  transform: translate3d(calc(-100% + 18px), 0px, 0);
  transition: all .2s ease-in-out;
  z-index: 100;
}

.dropdown_hover>.dropdown_hover_main {
  position: relative;
  height: 100%;
  background: rgba(17, 17, 17, .9);
  color: #ffffff;
  box-sizing: border-box;
  font-size: 10pt;
  border-radius: 4px;
  padding: 1em 1em;
  white-space: nowrap;
  box-sizing: content-box;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.dropdown_hover>.dropdown_hover_main::before {
  position: absolute;
  content: '';
  background: url(data:image/svg+xml; charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
  background-size: 100% auto !important;
  height: 6px;
  width: 18px;
  top: -6px;
  right: 0px;
  margin-bottom: 0;
  transform: translate3d(-50%, 0, 0);
}

.dropdown_hover_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid white;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.dropdown_hover_content {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.dropdown_hover_content>div:not(:first-child) {
  margin-top: 5px;
}

.dropdown_hover>.dropdown_hover_main a {
  color: white;
}

[dropdown-hover]:hover {
  z-index: 10000;
}

[dropdown-hover],
[dropdown-click] {
  position: relative;
}

[dropdown-hover]:hover .dropdown_hover,
[dropdown-click].open .dropdown_hover {
  visibility: visible;
  opacity: 1;
  padding-top: 10px;
  transform: translate3d(calc(-100% + 18px), 0, 0);
}

[dropdown-hover]:not(:hover) .dropdown_modal_box.open,
[dropdown-click]:not(.open) .dropdown_modal_box.open {
  display: none;
}

.dropdown_modal_box {
  margin: 0 !important;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
  width: 100%;
  height: 100%;
  opacity: 0;
  overflow: auto;
  z-index: 100000000000000;
  visibility: hidden;
  transition: 0.2s;
  animation-fill-mode: both, revert;
}

.dropdown_modal_box.open {
  opacity: 1;
  animation: background-in-top 0.5s both;
}

.dropdown_modal_box.close {
  opacity: 0;
  animation: background-in-top-hide 0.5s both;
}

.dropdown_modal_box_title {
  position: relative;
  color: white;
  width: 100%;
  display: flex;
  font-size: 10pt;
  align-items: center;
  justify-content: center;
  padding-top: 5px;
  padding-bottom: 5px;
  background: rgba(17, 17, 17);
}

.dropdown_modal_box_title>.close {
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 15px;
  width: 15px;
  height: 15px;
  transition: all 0.2s;
  transform: translateY(-50%);
}

.dropdown_modal_box_title>.close:before,
.dropdown_modal_box_title>.close:after {
  position: absolute;
  content: ' ';
  height: 15px;
  width: 2px;
  background: rgb(139, 139, 139);
}

.dropdown_modal_box_title>.close:before {
  transform: rotate(45deg);
}

.dropdown_modal_box_title>.close:after {
  transform: rotate(-45deg);
}

.dropdown_modal_box_title>.close:hover:before,
.dropdown_modal_box_title>.close:hover:after {
  background: white;
}

.ui_box_pagination {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 10px;
  background: rgba(17, 17, 17);
  overflow: auto;
  color: white;
}

.ui_box_pagination>li {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: rgb(32, 32, 32);
  border-radius: 5px;
  font-size: 8pt;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui_box_pagination>li:hover {
  background: rgb(49, 49, 49);
}

.ui_box_pagination>li>.time {
  color: white;
  font-size: 7pt;
  margin: 0;
  color: white;
}

/*--------------------------------  IMPORT>UI>CONTROLS  --------------------------------*/
/*--------------------------------  IMPORT>UI>CONTROLS>NOTIFICATION_BELL  --------------------------------*/
.notification_bell {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.notification_bell>svg {
  fill: var(--theme-bg-main-invert, black);
  transition: all 0.3s;
}

.notification_bell>svg:hover {
  fill: var(--theme-color-main, #D60000);
}

.notification_bell.active>svg {
  fill: var(--theme-color-main, #D60000);
}

.notification_bell>.notification_count {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -3px;
  right: -3px;
  padding: 3px;
  background-color: var(--theme-color-main, #D60000);
  border-radius: 15px;
  color: var(--theme-bg-main, white);
  width: 18px;
  height: 18px;
  font-size: 8pt;
  transition: 0.3s;
}

@keyframes notification_bell_rotate {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(15deg);
  }

  50% {
    transform: rotate(-15deg);
  }

  75% {
    transform: rotate(15deg);
  }

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

.notification_bell:hover svg {
  fill: var(--theme-color-main, #D60000);
  pointer-events: none;
  animation: notification_bell_rotate;
  animation-duration: 0.5s;
}

.notification_bell:hover .notification_count {
  background-color: var(--theme-color-widget, #c81e1e);
  animation: notification_bell_rotate;
  animation-duration: 0.5s;
}

.notification_bell_content * {
  margin: 0;
  padding: 0;
}

.notification_bell_content {
  position: relative;
}

.sidebar_noticle {
  position: absolute;
  top: 30px;
  left: -351px;
  border-radius: 15px;
  z-index: 1000;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
}

.sidebar_noticle.close {
  animation: hiddenScale 0.5s both;
}

.sidebar_noticle.open {
  animation: showScale 0.5s both;
}

.sidebar_noticle:before {
  content: "";
  position: absolute;
  left: 0;
  right: -236px;
  top: -5px;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 15px solid var(--theme-bg-main, white);
  z-index: -1;
  transform: rotate(180deg);
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}

.content_sidebar_noticle {
  background-color: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  box-sizing: border-box;
  /*padding: 20px; */
  border-radius: 15px 15px 0px 0px;
  z-index: 1000;
  width: 500px;
  max-height: 450px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 30%);
}

#sidebar_noticle_header {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--theme-color-text, #0C1914);
  width: 100%;
  box-sizing: border-box;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  min-height: 35px;
  max-height: 35px;
  background: var(--theme-bg-main, white);
}

.sidebar_noticle_title {
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sidebar_noticle_title_head {
  font-weight: 700;
  color: var(--theme-color-text, #0C1914);
}

.content_noticle_notice_message {
  display: none;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  flex-direction: column;
  box-sizing: border-box;
  padding: 15px 10px;
}

.content_noticle_notice_message>.safe_message_notice {
  width: 100%;
}

.content_noticle_notice_message>.safe_message_notice p,
.safe_message_notice pre,
.safe_message_notice div {
  width: 100%;
  font-size: 0.8em;
  color: var(--theme-color-text, #0C1914) !important;
}

.content_noticle_notice_message>.safe_message_notice code {
  font-size: 1em;
  color: var(--theme-color-text, #0C1914) !important;
}

.content_noticle_notice_message>.safe_message_notice a {
  width: 100%;
  font-size: 0.9em;
  color: var(--theme-color-main, #D60000);
  text-decoration: underline;
}

.content_noticle_notice_message>.safe_message_notice h1,
.safe_message_notice h2,
.safe_message_notice h3,
.safe_message_notice h4,
.safe_message_notice h5,
.safe_message_notice h6 {
  width: 100%;
  text-align: center;
}

.content_noticle_notice_message>.safe_message_notice h1 {
  font-size: 1.2em !important;
}

.content_noticle_notice_message>.safe_message_notice h2 {
  font-size: 1.1em !important;
}

.content_noticle_notice_message>.safe_message_notice h3 {
  font-size: 1em !important;
}

.content_noticle_notice_message>.safe_message_notice h4 {
  font-size: 0.9em !important;
}

.content_noticle_notice_message>.safe_message_notice h5 {
  font-size: 0.8em !important;
}

.content_noticle_notice_message>.safe_message_notice h6 {
  font-size: 0.7em !important;
}

.content_noticle_notice_message>.safe_message_notice ul,
.content_noticle_notice_message>.safe_message_notice ol {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}

.content_noticle_notice_message>.safe_message_notice li {
  padding: 0 !important;
  margin-left: 1.4em;
  display: list-item;
  font-size: 0.8em;
  color: var(--theme-color-text, #0C1914) !important;
}

.sidebar_noticle_item {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--theme-bg-main, white);
}

.noticle_message {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--theme-bg-main, white);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.noticle_message .btn_new_aipsin {
  margin: auto;
  display: block;
  margin-top: 20px;
}

.flex_noticle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 15px 5px;
  box-sizing: border-box;
}

.noticle_flex_name {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
}

.noticle_icon {
  min-height: 30px;
  min-width: 30px;
  max-width: 30px;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-right: 5px;
}

.noticle_icon>img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.noticle_info {
  flex: 1;
  text-align: left;
}

.noticle_name {
  font-size: 10pt;
  text-indent: 10px;
}

.noticle_time {
  font-size: 8pt;
  color: #4e4e4e;
}

.noticle_link {
  display: flex;
  align-items: center;
  font-size: 8pt;
}

.noticle_show_more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  cursor: pointer;
}

.noticle_show_more>i {
  pointer-events: none;
}

.noticle_show_more>i>svg {
  fill: var(--theme-bg-main-invert, black);
}

.noticle_show_more:hover {
  background-color: var(--theme-bg-form, #f1f1f1);
}

.link_notice {
  all: revert;
  display: inline-block;
  margin-left: 15pt;
  color: white;
  background-color: var(--theme-color-main, #D60000);
  border-radius: 5px;
  padding: 5px 10px;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
  text-decoration: none;
  border: none;
}

.link_notice.deactive {
  background-color: #adadad80;
  background-image: none;
  color: var(--theme-color-text, #0C1914);
}

.link_notice:hover {
  text-decoration: none;
  border: none;
}

.sidebar_noticle .sidebar_noticle_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  background-color: var(--theme-bg-main, white);
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.sidebar_noticle .sidebar_noticle_footer label {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sidebar_noticle .sidebar_noticle_footer label>svg {
  height: 80%;
  transition: all 0.1s linear;
}

.sidebar_noticle .sidebar_noticle_footer label>input[type="radio"] {
  display: none;
}

.sidebar_noticle .sidebar_noticle_footer label svg {
  fill: var(--theme-border-widget, #969696);
}

.sidebar_noticle .notice_footer_count {
  border-radius: 7px;
  color: white;
  padding: 5px;
  background-color: var(--theme-border-widget, #969696);
  position: absolute;
  font-size: 0.6rem;
  top: 50%;
  right: 5px;
  min-width: 20px;
  text-align: center;
  transform: translateY(-50%);
  transition: all 0.1s linear;
}

.sidebar_noticle .sidebar_noticle_footer label:hover svg,
.sidebar_noticle .sidebar_noticle_footer label>input:checked+svg {
  fill: var(--theme-color-widget-active, #df1b1b);
}

.sidebar_noticle .sidebar_noticle_footer label:hover .notice_footer_count,
.sidebar_noticle .sidebar_noticle_footer label>input:checked~.notice_footer_count {
  background-color: var(--theme-color-widget-active, #df1b1b);
}

/*--------------------------------  IMPORT>UI>CONTROLS>DEVICES_MENU  --------------------------------*/
.devices_menu_content {
  position: fixed;
  left: calc(50% - 150px);
  top: calc(50% - 200px);
  width: 300px;
  height: 400px;
  z-index: 10000;
  border-radius: 7px;
  visibility: hidden;
  opacity: 0;
  overflow: initial !important;
}

.devices_menu_content>.devices_icon {
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: -1;
}

.devices_menu_content>#devices_toggle_menu {
  display: none;
}

.devices_menu_content>#devices_toggle_menu:checked~label[for="devices_toggle_menu"]>svg {
  fill: var(--theme-color-main, #D60000);
}

.devices_menu_content>.devices_icon>svg {
  width: 16px;
  height: 16px;
  fill: var(--theme-bg-main-invert, black);
}

.devices_menu_content>.content_devices_list {
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 30%);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1001;
  cursor: auto;
}

.devices_menu_content>.content_devices_list.open {
  animation: showScale 0.5s both;
}

.devices_menu_content>.content_devices_list.close {
  animation: hiddenScale 0.5s both;
}

.devices_menu_content>.content_devices_list .header_deveces_list {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.devices_menu_content>.content_devices_list .header_deveces_list>span {
  margin-right: 10px;
  cursor: pointer;
}

.devices_menu_content>.content_devices_list .header_deveces_list>span>svg {
  height: 20px;
  width: 20px;
  fill: var(--theme-bg-main-invert, white);
}

.devices_menu_content>.content_devices_list .header_deveces_list>span:hover svg {
  fill: var(--theme-color-main, #D60000);
}

ul.ul_devices {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 5px;
  background-color: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
}

ul.ul_devices li,
ul.ul_devices label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 10px;
  margin-top: 3px;
  margin-bottom: 3px;
  background: var(--theme-bg-form, white);
  border-radius: 5px;
  font-size: 8pt;
  transition: all 0.2s;
  cursor: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ul.ul_devices li>.status,
ul.ul_devices label>.status {
  width: 100%;
  /* width: 75%; */
  /* overflow: hidden; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

ul.ul_devices li>.status .info_text_connect,
ul.ul_devices label>.status .info_text_connect {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

ul.ul_devices li>.status .info_text_connect[onclick],
ul.ul_devices label>.status .info_text_connect[onclick] {
  cursor: pointer;
}

ul.ul_devices li>.status .info_text_connect h4,
ul.ul_devices label>.status .info_text_connect h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

ul.ul_devices li>.status .info_text_connect span,
ul.ul_devices label>.status .info_text_connect span {
  margin: 0;
}

ul.ul_devices li svg,
ul.ul_devices label svg {
  width: 20px;
  height: 20px;
  pointer-events: all !important;
  cursor: pointer;
  fill: var(--theme-bg-main-invert, white);
}

ul.ul_devices li>.status *:not(:first-child),
ul.ul_devices label>.status *:not(:first-child) {
  margin-left: 10px;
}

ul.ul_devices li>.info_device *:not(:last-child),
ul.ul_devices label>.info_device *:not(:last-child) {
  margin-right: 10px;
}

ul.ul_devices li>.status>.connect,
ul.ul_devices label>.status>.connect {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: #09ff00;
  animation: pulse_active 5s infinite;
  padding: 0;
}

ul.ul_devices li>.status>.disconnect,
ul.ul_devices label>.status>.disconnect {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  background-color: #ff0000;
  animation: pulse_error 5s infinite;
  padding: 0;
}

ul.ul_devices[dark] {
  background-color: #222222;
  color: white;
}

ul.ul_devices[dark] li {
  background: rgb(17, 17, 17);
  color: white;
}

ul.ul_devices[dark] li h4 {
  color: white;
}

ul.ul_devices[dark] li svg {
  fill: white;
}

ul.ul_devices.ul_progress li .status{
  width:100% !important;
}
ul.ul_devices.ul_progress li .progress{
  position: relative !important;
  width: 100%;
  box-shadow: none;
  height: 4px;
  display: flex;
  overflow: hidden;
  font-size: .75rem;
  background: #c8c8c8;
  border-radius: 2px;
  margin:0;
  margin-top:6px;
}
ul.ul_devices.ul_progress li .progress .progress-bar-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
  background-size: 1rem 1rem;
}
ul.ul_devices.ul_progress li .progress .progress-bar {
  position: relative;
  box-shadow: none;
  width:10%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  transition: width .6s ease;
}
/*--------------------------------  IMPORT>UI>MODALS  --------------------------------*/
/*--------------------------------  IMPORT>UI>MODALS>MODAL_IMAGE  --------------------------------*/
:root {
  --background-color: #353535;
  --image-opacity: 1;
  --border-color: #5092c7;
  --border-width: 0px;
  --border-radius: 0px;
  --inner-border-radius: 0%;
  --border-styles: solid;
  --rotate: 0deg;
  --blur: 0px;
  --grayscale: 0%;
  --brightness: 100%;
  --contrast: 100%;
  --hue-rotate: 0deg;
  --invert: 0%;
  --opacity: 100%;
  --saturate: 100%;
  --sepia: 0%;
  --scaleX: 1;
  --scaleY: 1;
  --scaleXY: 1;
  --translateX: 0%;
  --translateY: 0%;
  --skewX: 0deg;
  --skewY: 0deg;
  --mix-blend-mode: none;
  --background-blend-mode: none;
  --radial-gradient-overlay-1: "rgba(0,0,0,0)";
  --radial-gradient-overlay-2: "rgba(0,0,0,0)";
  --radial-gradient-size: 20%;
  --linear-gradient-overlay-1: "rgba(0,0,0,0)";
  --linear-gradient-overlay-2: "rgba(0,0,0,0)";
  --linear-gradient-flow: 0%;
  --linear-gradient-direction: 0deg;
  --linear-gradient-overlay-opacity: 0.5;
  --radial-gradient-overlay-opacity: 0.5;
  --radial-gradient-position-x: 50%;
  --radial-gradient-position-y: 50%;
  --clip-path: none;
  --text-size: 30px;
  --letter-spacing: 0px;
  --word-spacing: 0.25em;
  --text-color: #ffffff;
  --text-rotate: 0deg;
  --text-skew: 0deg;
  --text-translate-x: 0px;
  --text-translate-y: 0px;
  --webkit-text-stroke-width: 10px;
  --text-shadow: 1px;
  --text-shadow-color: '#343434';
}

html,
body {
  height: 100%;
}

.background_modal_aipsin {
  position: fixed;
  top: 0;
  left: 0;
  transform: scale(1, 1);
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  opacity: 0;
  z-index: 100000000000000;
  visibility: hidden;
  transition: 0.5s;
  pointer-events: none;
}

.background_modal_aipsin>.background_modal_content_aipsin {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

body.open {
  overflow: hidden;
}

body.open .background_modal_aipsin {
  opacity: 1;
  visibility: visible;
  animation: background-in 1s both;
  pointer-events: unset;
}

body.open .right_menu_image {
  opacity: 1;
  visibility: visible;
  animation: modal-in 1s;
}

body.open .right_menu_image>.form_events {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.open .right_menu_image h5 {
  text-align: center;
}

body.closed .right_menu_image {
  opacity: 0;
  visibility: hidden;
}

body.open .modal_aipsin {
  opacity: 1;
  visibility: visible;
  translate: -50% -50% !important;
  animation: modal-in 1s;
}

body.closed .modal_aipsin {
  opacity: 0;
  visibility: hidden;
  translate: -50% -50%;
}

body.open .right_menu_image:not(.close)~.modal_aipsin {
  translate: calc(-50% - 150px) -50% !important;
}

body.open .right_menu_image.close~.modal_aipsin {
  translate: -50% -50% !important;
}

.right_menu_image.remove {
  display: none;
}

.modal_aipsin {
  position: fixed;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  opacity: 0;
  visibility: hidden;
  transform: rotate(var(--rotate)) scaleX(var(--scaleX)) scaleY(var(--scaleY)) scale(var(--scaleXY)) translateX(var(--translateX)) translateY(var(--translateY)) skewX(var(--skewX)) skewY(var(--skewY));
  transition: 0.5s;
}

.modal_aipsin>img {
  overflow: hidden;
  user-select: none;
  clip-path: var(--clip-path);
  border-color: var(--border-color);
  border-radius: var(--border-radius);
  filter: blur(var(--blur)) grayscale(var(--grayscale)) brightness(var(--brightness)) contrast(var(--contrast)) hue-rotate(var(--hue-rotate)) invert(var(--invert)) opacity(var(--opacity)) saturate(var(--saturate)) sepia(var(--sepia));
}

.right_menu_image {
  height: 100%;
  position: fixed;
  right: 0;
  background: black;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  opacity: 0;
  visibility: hidden;
  padding: 0px 10px;
  box-sizing: border-box;
  user-select: none;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}

.right_menu_image.close {
  transform: translateX(100%);
}

.right_menu_image * {
  font-family: unset;
}

#toogle_right_menu_image {
  display: none !important;
}

.right_menu_image>#toogle_right_menu_image {
  background-color: var(--theme-color-widget, #c81e1e);
  color: white !important;
  fill: white;
  cursor: pointer;
  font-family: Arial;
  font-size: 13pt;
  text-decoration: none;
  padding: 5px 5px;
  width: 25px;
  height: 25px;
  border: none;
  outline: none;
  transition: 0.2s;
  position: absolute;
  left: 0px;
  top: 25px;
  transform: translateX(-100%);
}

.right_menu_image>#toogle_right_menu_image>svg {
  pointer-events: none;
  fill: white;
  width: 100%;
  height: 100%;
}

.right_menu_image>div:first-child {
  margin-top: 10px;
}

.right_menu_flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.7rem;
}

.right_menu_flex>span {
  margin-right: 5px;
  min-width: 80px;
  font-size: 7pt;
}

.right_menu_flex>input {
  margin-right: 10px;
}

.right_menu_flex>p {
  width: 40px;
  text-align: center;
  font-size: 7pt;
}

.right_menu_image .btn_export_image {
  background-color: var(--theme-color-widget, #c81e1e);
  color: white !important;
  fill: white;
  cursor: pointer;
  font-family: Arial;
  font-size: 13pt;
  text-decoration: none;
  padding: 5px 8px;
  border: none;
  outline: none;
  border-radius: 5px;
  margin-left: 5px;
  margin-right: 5px;
  transition: 0.2s;
}

.right_menu_image .btn_export_image:hover {
  background-color: var(--theme-color-widget-active, #df1b1b);
}

.right_menu_image .btn_export_image>svg {
  fill: white;
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.right_menu_image input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  height: 2px;
  padding: 0;
  background: linear-gradient(90deg, rgb(59, 59, 59), var(--theme-color-widget, #c81e1e));
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.2s;
}

.right_menu_image input[type="range"]:hover {
  background: linear-gradient(90deg, rgb(83, 83, 83), var(--theme-color-widget, #c81e1e));
}

.right_menu_image input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid var(--theme-color-widget-active, #df1b1b);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s;
}

.right_menu_image input[type="range"]::-webkit-slider-thumb:hover {
  background: var(--theme-color-widget-active, #df1b1b);
}

.background_modal_aipsin>.background_modal_helper_aipsin {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  height: 50px;
}

.background_modal_aipsin>.background_modal_helper_aipsin {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 10px;
  padding-right: 10px;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin {
  visibility: visible;
  opacity: 1;
  transition: all 2s;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .item-helper-image {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-right: 5px;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .item-helper-image span {
  color: white;
  font-size: 0.8rem;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .item-helper-image>* {
  margin-right: 10px;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .button-shift-icon {
  padding: 10px;
  padding-right: 25px;
  border: 1.1px solid white;
  color: white;
  border-radius: 7px;
  font-size: 0.8rem;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .button-alt-icon {
  padding: 10px;
  border: 1.1px solid white;
  color: white;
  border-radius: 7px;
  font-size: 0.8rem;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .button-scroll-icon {
  position: relative;
  width: 25px;
  height: 40px;
  top: 50%;
  box-shadow: inset 0 0 0 1px #fff;
  border-radius: 25px;
}

.background_modal_aipsin[modal-type]>.background_modal_helper_aipsin .button-scroll-icon::before {
  position: absolute;
  content: '';
  width: 8px;
  height: 8px;
  background: #fff;
  top: 4px;
  border-radius: 4px;
  display: flex;
  left: calc(50% - 4px);
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: scroll-icon-animation;
}

.background_modal_list_aipsin {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 0px;
  height: calc(100% - 50px);
  pointer-events: none;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type] {
  pointer-events: all;
  padding-top: 5px;
  padding-bottom: 5px;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type]::-webkit-scrollbar {
  width: 2px;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type]::-webkit-scrollbar-track {
  background-color: #030303
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type]::-webkit-scrollbar-thumb:vertical {
  background: #686868;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type="image-list"] {
  width: 100px;
  overflow-y: auto;
  overflow-x: hidden;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type="image-list"] .image-preview {
  width: 100%;
  aspect-ratio: 1/1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border-radius: 7px;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type="image-list"] .image-preview.active {
  box-shadow: rgba(203, 203, 209, 0.25) 0px 30px 60px -12px inset, rgba(203, 203, 209, 0.25) 0px 18px 36px -18px inset;
}

.background_modal_aipsin[modal-type]>.background_modal_list_aipsin[list-type="image-list"] .image-preview img {
  max-width: 100%;
  max-height: 100%;
}

/*--------------------------------  IMPORT>UI>MODALS>MODAL_NOTICE  --------------------------------*/
.modal_aipsin_notice {
  position: fixed;
  width: 600px;
  height: 700px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  background: var(--theme-bg-main, white);
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  z-index: 100000000000000000000000000000000000000000000000;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  animation: VisibilityShow 0.3s 0.5s linear both;
}

.modal_aipsin_notice>.content_modal_aipsin_notice {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.modal_aipsin_notice>.content_modal_aipsin_notice>.title_modal_aipsin_notice {
  height: 30px;
  color: var(--theme-color-text, #0C1914);
  padding-top: 10px;
  padding-left: 10px;
}

.modal_aipsin_notice>.content_modal_aipsin_notice>.slider_modal_aipsin_notice {
  width: 100%;
  height: 100%;
  flex: 1;
}

.slider_notice {
  width: 100%;
  position: relative;
  height: 100%;
}

.slider_notice>.slider__wrapper {
  height: calc(100% - 80px);
  width: 100%;
}

.slider_notice>.slider__wrapper__indicators {
  margin: 0 !important;
}

.slider_notice>.slider__control {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 100%;
}

.slider_notice .prev_arr {
  margin-left: 10px !important;
  transform: translateY(-50%) !important;
}

.slider_notice .next_arr {
  margin-right: 10px !important;
  transform: translateY(-50%) !important;
}

.slider_notice .slider__items {
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease;
  will-change: transform;
}

.slider_notice .notice_box {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0px 20px;
  top: 50%;
  left: 50%;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translate(-50%, -50%);
}

.slider_notice .notice_box>img {
  width: 70%;
  margin-bottom: 15px;
  aspect-ratio: 1/1;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  object-fit: scale-down;
  border-radius: 7px;
}

.slider_notice .notice_box>.notice_box_title {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 1.2em;
  text-align: center;
}

.slider_notice .notice_box>p {
  text-indent: 10px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.slider_notice .title_notice_box_animation {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: 900;
  font-size: 2em !important;
  color: var(--theme-color-widget, #c81e1e);
}

.slider_notice .title_notice_box_animation .word:not(:last-child) {
  margin-right: 10px;
}

.slider_notice .title_notice_box_animation .letter {
  display: inline-block;
  line-height: 1em;
}

.slider_notice .overlay_notice_box {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 30px 50px;
  overflow: auto;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  background: var(--theme-bg-main, white);
}

[modal]>.close {
  position: absolute;
  cursor: pointer;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  transition: all 0.2s linear;
  transform: translateY(-50%);
}

[modal]>.close:hover::after,
[modal]>.close:hover::before {
  background: var(--theme-color-widget-active, #df1b1b);
}

[modal]>.close:before,
[modal]>.close:after {
  position: absolute;
  content: ' ';
  height: 100%;
  right: 50%;
  left: 50%;
  width: 3px;
  border-radius: 3px;
  background: var(--theme-color-widget, #c81e1e);
}

[modal]>.close:before {
  transform: rotate(45deg);
}

[modal]>.close:after {
  transform: rotate(-45deg);
}

/*--------------------------------  IMPORT>UI>MODALS>MODAL_EMAIL_CONFIRM  --------------------------------*/
.modal_aipsin_notice.modal_aipsin_email_confirm {
  width: 80%;
  height: 80%;
}

/*--------------------------------  IMPORT>UI>MODALS>MODAL_PAGE  --------------------------------*/
.page_aipsin_modal,
.page_aipsin_view {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: grid;
  grid-template-rows: 50px 1fr;
  background: var(--theme-bg-main, white);
  z-index: 1000;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
  transition-delay: 0.2s;
  transition: all 0.2s ease-in-out;
}

.page_aipsin_modal>.header,
.page_aipsin_view>.header {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
  user-select: none;
}

.page_aipsin_modal>.header>.hdr_item,
.page_aipsin_view>.header>.hdr_item {
  display: flex;
  align-items: center;
  width: 100%;
}

.page_aipsin_modal>.header>.hdr_item:nth-child(1),
.page_aipsin_view>.header>.hdr_item:nth-child(1) {
  justify-content: flex-start;
}

.page_aipsin_modal>.header>.hdr_item:nth-child(2),
.page_aipsin_view>.header>.hdr_item:nth-child(2) {
  justify-content: center;
}

.page_aipsin_modal>.header>.hdr_item:nth-child(3),
.page_aipsin_view>.header>.hdr_item:nth-child(3) {
  justify-content: flex-end;
}

.page_aipsin_modal>.container,
.page_aipsin_view>.container {
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
}

.page_aipsin_modal>.container>.control,
.page_aipsin_view>.container>.control {
  width: 90%;
  height: 100%;
  padding: 20px 10px;
  margin: auto;
}

.page_aipsin_modal.close {
  visibility: hidden;
  opacity: 0;
  animation: modalHiddenScale 0.5s both;
}

.page_aipsin_modal>.header>.hdr_item>.close_icon_page,
.page_aipsin_view>.header>.hdr_item>.close_icon_page {
  width: 20px;
  height: 20px;
  margin-right: 15px;
  cursor: pointer;
}

.page_aipsin_view>.header>.hdr_item>.close_icon_page {
  margin-right: 0px;
  margin-left: 15px;
}

.page_aipsin_modal>.header>.hdr_item>.close_icon_page>svg,
.page_aipsin_view>.header>.hdr_item>.close_icon_page>svg {
  fill: var(--theme-color-widget, #c81e1e);
  transition: all 0.2 linear;
}

.page_aipsin_modal>.header>.hdr_item>.close_icon_page>svg:hover,
.page_aipsin_view>.header>.hdr_item>.close_icon_page>svg:hover {
  fill: var(--theme-color-widget-active, #df1b1b);
}

.page_aipsin_modal.open {
  overflow: auto;
  visibility: visible;
  opacity: 1;
  animation: modalShowScale 0.5s both;
}

.page_aipsin_view {
  position: absolute;
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}

.page_aipsin_view.open {
  overflow: auto;
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

/*--------------------------------  IMPORT>UI>MODALS>MODAL_DROGABLE  --------------------------------*/
button.btn-close-drogable {
  height: 100%;
  aspect-ratio: 1/1;
  background: none;
  outline: none;
  border: none;
  padding: 0;
}

button.btn-close-drogable:hover>.svg-close-drogable>path:first-child {
  fill: var(--theme-color-widget-error-active, #df1b1b);
}

.svg-close-drogable>path:first-child {
  fill: var(--theme-color-widget-error, #c81e1e);
  transition: all 0.2s linear;
}

.svg-close-drogable:hover>path:first-child {
  fill: var(--theme-color-widget-error-active, #df1b1b);
}

.svg-close-drogable>path:last-child {
  fill: var(--theme-bg-main, white);
}

.drogable_modal {
  visibility: hidden;
  opacity: 0;
  display: grid;
  grid-template-rows: 50px 1fr;
  width: 250px;
  height: 350px;
  top: 50%;
  left: 50%;
  border-radius: 7px;
  background: var(--theme-bg-main, white);
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  position: fixed;
  z-index: 10000000;
}

[drogable-modal] {
  background: var(--theme-bg-main, white);
  position: fixed;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  z-index: 10000;
}

[drogable-modal]:not(.open):not(.close) {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}

.drogable_modal.open,
[drogable-modal].open {
  overflow: auto;
  visibility: visible;
  opacity: 1;
  z-index: 12222122222;
  animation: modalShowScale 0.5s both;
}

.drogable_modal.close,
[drogable-modal].close {
  visibility: hidden;
  opacity: 0;
  animation: modalHiddenScale 0.5s both;
}

.drogable_modal.series_modal {
  top: 140px;
  right: 50px;
  left: unset;
  grid-template-rows: 40px 1fr;
  width: 250px;
  height: 250px;
}

.drogable_modal.series_modal>.content_modal {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
}

.drogable_modal>.header {
  width: 100%;
  height: 100%;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--theme-bg-widget, #eeeeee);
}

.drogable_modal>.header>h5 {
  text-align: center;
}

.drogable_modal>.content_modal {
  width: 100%;
  height: 100%;
}

.console_box_content {
  width: 70% !important;
  height: 85% !important;
  top: calc(50% - 42.5%) !important;
  left: calc(50% - 35%) !important;
}

.map_menu_content {
  width: 70% !important;
  height: 85% !important;
  top: calc(50% - 42.5%) !important;
  left: calc(50% - 35%) !important;
}

.version_menu_content {
  width: 70% !important;
  height: 85% !important;
  top: calc(50% - 42.5%) !important;
  left: calc(50% - 35%) !important;
}

.microcontrollers_menu_content {
  width: 70% !important;
  height: 85% !important;
  top: calc(50% - 42.5%) !important;
  left: calc(50% - 35%) !important;
}

.qr_code_menu_content,
.map_menu_content,
.version_menu_content,
.console_box_content,
.microcontrollers_menu_content {
  width: 400px;
  height: 400px;
  border-radius: 7px;
  top: calc(50% - 200px);
  left: calc(50% - 200px);
}

.qr_code_menu_content .header_qr_code,
.map_menu_content .header_map,
.version_menu_content .header_version,
.console_box_content .console_header,
.microcontrollers_menu_content .header_microcontrollers {
  position: relative;
  width: 100%;
  padding: 5px 10px;
  margin: auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.qr_code_menu_content .qrcode,
.map_menu_content .map_content,
.console_box_content .console_content,
.microcontrollers_menu_content .microcontrollers_content {
  height: calc(100% - 50px);
  width: 100%;
  aspect-ratio: 1/1;
  margin: auto;
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr_code_menu_content .qrcode{
  height: calc(100% - 111px);
}
.qr_code_menu_content .aipsin-copy-text{
  margin: 0px 10px;
  padding: 0px;
}

.microcontrollers_menu_content .microcontrollers_content {
  display: block;
}

.map_menu_content .header_map>div {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.map_menu_content .header_map>div>.button_main {
  width: 35px;
  height: 35px;
}

.map_menu_content .header_map>div>#drogable_map_modal_coordinates {
  border-radius: 0px;
  border: none;
  outline: none;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}

/*--------------------------------  IMPORT>UI>MODALS>MODAL_FRAME  --------------------------------*/
.modal_aipsin_frame {
  position: fixed;
  width: 80%;
  height: 85%;
  top: 7.5%;
  left: 10%;
  z-index: 100000000000000000000000000000000000000000000000;
  visibility: hidden;
  opacity: 0;
  animation: VisibilityShow 0.3s 0.5s linear both;
  /* position: fixed;
  width: 80%;
  height: 85%;
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  z-index: 100000000000000000000000000000000000000000000000;
  visibility: hidden;
  opacity: 0;
  animation: VisibilityShow 0.3s 0.5s linear both; */
}

.modal_aipsin_frame>.content_modal_aipsin_frame {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  background: var(--theme-bg-main, white);
  overflow: hidden;
}
iframe{
  position:relative;
}
.modal_aipsin_frame>.content_modal_aipsin_frame>iframe {
  position:relative;
  width: 100%;
  height: 100%;
}

.modal_aipsin_frame>.content_modal_aipsin_frame>.title_modal_aipsin_frame {
  height: 30px;
  color: var(--theme-color-text, #0C1914);
  padding-top: 10px;
  padding-left: 10px;
}

.modal_aipsin_frame>.modal_aipsin_frame_name>p {
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal_aipsin_frame>.modal_aipsin_frame_name>p>* {
  margin-left: 1px;
  margin-right: 1px;
}

.modal_aipsin_frame>.modal_aipsin_frame_name {
  position: absolute;
  top: 0px;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -100%);
  background: white;
  padding: 7px 30px;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.close {
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  transition: all 0.2s linear;
  transform: translateY(-50%);
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.link {
  position: absolute !important;
  cursor: pointer;
  top: 50%;
  left: 20px;
  width: 20px;
  height: 20px;
  transition: all 0.2s linear;
  transform: translateY(-50%);
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.link>svg{
  fill: var(--theme-bg-main-invert,#000000);
  transition: all 0.2s linear;
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.link:hover svg{
  fill:var(--theme-color-widget-active, #df1b1b);
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.close:hover::after,
.modal_aipsin_frame>.modal_aipsin_frame_name>.close:hover::before {
  background: var(--theme-color-widget-active, #df1b1b);
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.close:before,
.modal_aipsin_frame>.modal_aipsin_frame_name>.close:after {
  position: absolute;
  content: ' ';
  height: 100%;
  right: 50%;
  left: 50%;
  width: 3px;
  border-radius: 3px;
  background: var(--theme-color-widget, #c81e1e);
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.close:before {
  transform: rotate(45deg);
}

.modal_aipsin_frame>.modal_aipsin_frame_name>.close:after {
  transform: rotate(-45deg);
}

/*--------------------------------  IMPORT>UI>SLIDERS  --------------------------------*/
/*--------------------------------  IMPORT>UI>SLIDERS>AIPSIN_SLIDER  --------------------------------*/
.aipsin_slider .slider__items {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.aipsin_slider .slider__item {
  flex: 0 0 100%;
  max-width: 100%;
  user-select: none;
  will-change: transform;
  position: relative;
}

.aipsin_slider .prev_arr,
.aipsin_slider .next_arr {
  position: absolute;
  top: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 50px;
  color: var(--theme-bg-main, white);
  text-align: center;
  border: none;
  transform: translateY(-50%);
  cursor: pointer;
}

.aipsin_slider .prev_arr {
  left: 0;
}

.aipsin_slider .next_arr {
  right: 0;
}

.aipsin_slider .prev_arr:hover .aipsin_slider .next_arr:hover .aipsin_slider .prev_arr:focus .aipsin_slider .next_arr:focus {
  color: var(--theme-bg-main, white);
  text-decoration: none;
  outline: 0;
}

.aipsin_slider .prev_arr,
.aipsin_slider .next_arr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
}

#slider_arr_control {
  width: 22px;
  margin: -5px;
}

.aipsin_slider .prev_arr>svg,
.aipsin_slider .next_arr>svg {
  fill: var(--theme-color-text-slider, #414141);
  transition: all 0.2s linear;
}

.aipsin_slider .prev_arr:hover svg {
  fill: var(--theme-color-main, #D60000);
  transform: rotate(-90deg) scale(1.1);
}

.aipsin_slider .next_arr:hover svg {
  fill: var(--theme-color-main, #D60000);
  transform: rotate(90deg) scale(1.1);
}

.aipsin_slider .prev_arr {
  transform: translateX(-100%) translateY(-50%);
}

.aipsin_slider .prev_arr>svg {
  transform: rotate(-90deg);
}

.aipsin_slider .next_arr {
  transform: translateX(100%) translateY(-50%);
}

.aipsin_slider .next_arr>svg {
  transform: rotate(90deg);
}

.aipsin_slider .slider__wrapper__indicators {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 25px 0px -20px;
}

.aipsin_slider .slider__wrapper__indicators>li {
  display: block;
  background: var(--theme-bg-widget, #eeeeee);
  border-radius: 5px;
  width: 7px;
  height: 7px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s;
}

.aipsin_slider .slider__wrapper__indicators>li.active {
  background: var(--theme-color-widget, #c81e1e);
  width: 30px;
}

/*--------------------------------  IMPORT>UI>SLIDERS>MAIN_CAROUSEL_SLIDER  --------------------------------*/
.container_slider {
  position: relative;
  width: 90%;
  margin: 30px auto 50px;
}

.hide_input>input {
  display: none;
}

.slider_main .slider__container {
  overflow: hidden;
}

.slider_main .slider__wrapper {
  margin: auto;
  overflow: hidden;
}

.slider_main .slider__wrapper__indicators>li {
  height: 5px !important;
  width: 30px !important;
}

.slider_main .slider__items {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.slider_main .slider_disable-transition {
  transition: none;
}

.slider_main .slider__item {
  flex: 0 0 100%;
  max-width: 100%;
  user-select: none;
  will-change: transform;
  position: relative;
}

.slider_main .slider_text {
  position: absolute;
  top: 45%;
  transform: translate(0, -50%);
  margin-left: 5%;
  width: 40%;
}

.slider_main .slider_text h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 1.8vw;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--theme-color-text, #0C1914);
}

.slider_main .slider_text hr {
  border: 1px solid var(--theme-color-main, #D60000);
  width: 75%;
  height: 1px;
  margin-right: 25%;
}

.slider_main .slider_text p {
  font-style: normal;
  font-weight: 300;
  font-size: 1.2vw;
  letter-spacing: 0.03em;
  color: var(--theme-color-text, #0C1914);
}

.slider_main .slider_img_main {
  width: 49.8%;
  margin-left: 50%;
  object-fit: cover;
  border-radius: 20px;
}

.slider_main .container_slider {
  width: 90%;
  margin: 50px auto;
}

.slider_main .container_slider {
  width: 90%;
  margin: 50px auto;
}

.slider_main .slider__wrapper__indicators {
  padding: 0px;
}

.carousel__slide_content h4 {
  font-weight: 500;
}

.slider_main .carousel__slide_content h6,
.slider_main .carousel__slide_content h5,
.slider_main .carousel__slide_content h4,
.slider_main .carousel__slide_content h3,
.slider_main .carousel__slide_content h2,
.slider_main .carousel__slide_content h1 {
  margin-top: 10px;
  color: var(--theme-color-text-slider, #414141);
}

.slider_main .slider__control_hide {
  display: none;
}

@media screen and (max-device-width:480px) {
  .slider_main .slider_img_main {
    width: 100%;
    margin-left: 0px;
  }

  .slider_main .slider_text {
    position: relative;
    transform: none;
    margin-left: 0;
    width: 90%;
    margin: auto;
  }

  .slider_main .slider_text h3 {
    font-size: 1.3rem;
    margin: 30px 0px 20px;
  }

  .slider_main .slider_text p {
    font-size: 1.3rem;
  }

  .slider_main .slider_text hr {
    width: 100%;
    margin-right: 0px;
  }

  .slider_main #slider_arr_control {
    display: none;
  }

  .slider_main .slider__wrapper {
    box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 15%);
    border-radius: 20px;
  }

  .slider_main .slider_img_main {
    border-radius: 0%;
  }

  .slider_main .slider__wrapper__indicators>li {
    width: 50px;
    height: 10px;
  }
}

/*--------------------------------  IMPORT>UI>SLIDERS>SIMPLE_CAROUSEL_SLIDER  --------------------------------*/
.carousel__slider {
  width: 90%;
  height: 350px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  position: relative;
}

.carousel__slider>div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.carousel__slide__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  align-items: stretch;
}

.carousel__slide_content img {
  width: 100%;
  margin: auto;
  object-fit: cover;
  height: 14vw;
  padding-bottom: 10px;
}

.carousel__slide_content h4 {
  min-height: 40px;
}

/*--------------------------------  IMPORT>UI>GRID  --------------------------------*/
.grid_aipsin {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  /* grid-auto-rows: 50px; */
  /* grid-template-rows: 50px; */
  grid-gap:1.5rem;
}
.grid_aipsin>* {
  grid-column: span 4/auto !important;
}
.grid_aipsin>*:nth-child(3n - 1):nth-last-of-type(1), 
.grid_aipsin>*:nth-child(3n - 2):nth-last-of-type(2) {
  grid-column: span 6/auto !important;
}
.grid_aipsin>*:last-child:nth-child(3n - 2){
  grid-column: span 12/auto !important;
}
@media (max-width: 724px) {

}
@media (max-width: 1024px) {

}
@media (max-width: 1320px) {

}

/*--------------------------------  IMPORT>UI>GRID>GRID_CARDS  --------------------------------*/
.grid_card {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 140px;
  grid-gap: 10px;
  width: 100%;
  height: 100%;
}

.grid_card .grid_card_item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
}

.grid_card .grid_card_item .bg_grid_item {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.grid_card .grid_card_item:hover .bg_grid_item {
  transform: scale(1.2);
}

.grid_card .grid_card_item:hover .grid_item_footer {
  transform: translateY(0);
  bottom: 0px;
}

.grid_card .grid_card_item .grid_item_footer .grid_item_footer,
.grid_card .grid_card_item .grid_item_footer .grid_item_name {
  color: black;
}

.grid_card .grid_card_item .grid_item_footer {
  color: black;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  transform: translateY(100%);
  bottom: 55px;
  padding: 20px;
  transition: all .5s;
}

.grid_card .grid_card_item .grid_item_footer * {
  font-size: 1.0rem !important;
}

.grid_card .grid_card_item .grid_item_footer>p[onclick]:hover {
  text-decoration: underline;
}

.grid_card .grid_card_item:nth-child(16n+1) {
  grid-row: span 4/auto;
  grid-column: span 6/auto;
}

.grid_card .grid_card_item:nth-child(16n+2) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+3) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+4) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+5) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+6) {
  grid-row: span 2/auto;
  grid-column: span 4/auto;
}

.grid_card .grid_card_item:nth-child(16n+6):last-child {
  grid-column: span 12/auto;
  grid-row: span 2/auto;
}

.grid_card .grid_card_item:nth-child(16n+7) {
  grid-row: span 2/auto;
  grid-column: span 4/auto;
}

.grid_card .grid_card_item:nth-child(16n+8) {
  grid-row: span 2/auto;
  grid-column: span 4/auto;
}

.grid_card .grid_card_item:nth-child(16n+9) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+10) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+11) {
  grid-row: span 4/auto;
  grid-column: span 6/auto;
}

.grid_card .grid_card_item:nth-child(16n+12) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+13) {
  grid-row: span 2/auto;
  grid-column: span 3/auto;
}

.grid_card .grid_card_item:nth-child(16n+14) {
  grid-row: span 2/auto;
  grid-column: span 4/auto;
}

.grid_card .grid_card_item:nth-child(16n+15) {
  grid-row: span 2/auto;
  grid-column: span 4/auto;
}

.grid_card .grid_card_item:nth-child(16n+16) {
  grid-row: span 2/auto;
  grid-column: span 4/auto;
}

.grid_card_item,
.grid_card_header_item {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 20%);
  ;
}

.grid_card_item:hover .grid_item_footer>p,
.grid_card_item:hover .grid_item_footer>.grid_item_name {
  color: white;
  margin-bottom: 10px;
}

.grid_card_item:hover .grid_item_footer {
  background-color: rgba(0, 0, 0, 0.5);
}

.admin_cards_icon {
  width: 30%;
  position: absolute;
  top: 25%;
  right: 34%;
}

.admin_cards_icon_header {
  width: 20%;
  position: absolute;
  top: 25%;
  right: 38%;
}

.grid_card_item:hover .admin_cards_icon,
.grid_card_header_item:hover .admin_cards_icon_header {
  top: 15px;
  right: 15px;
  width: 15%;
  transition: all .5s;
}

.grid_card_item:hover .admin_cards_icon>svg path,
.grid_card_header_item:hover .admin_cards_icon_header>svg path,
.grid_card_item:hover .admin_cards_icon>svg polygon,
.grid_card_header_item:hover .admin_cards_icon_header>svg polygon,
.grid_card_item:hover .admin_cards_icon>svg rect,
.grid_card_header_item:hover .admin_cards_icon_header>svg rect {
  fill: var(--theme-color-widget, #c81e1e);
}

.grid_card_item:not(:hover) .admin_cards_icon,
.grid_card_header_item:not(:hover) .admin_cards_icon_header {
  transition: all .5s;
}

.grid_card_item:first-child .admin_cards_icon {
  width: 40%;
  position: absolute;
  top: 28%;
  right: 28%;
}

.grid_card_item:first-child:hover .admin_cards_icon {
  top: 15px;
  right: 15px;
  width: 10%;
  transition: all .5s;
}

.grid_card_item:nth-child(6) .admin_cards_icon,
.grid_card_item:nth-child(7) .admin_cards_icon,
.grid_card_item:nth-child(8) .admin_cards_icon {
  width: 25%;
  position: absolute;
  top: 25%;
  right: 37%;
}

.grid_card_item:nth-child(6):hover .admin_cards_icon,
.grid_card_item:nth-child(7):hover .admin_cards_icon,
.grid_card_item:nth-child(8):hover .admin_cards_icon,
.grid_card_header_item:hover .admin_cards_icon_header {
  top: 15px;
  right: 15px;
  width: 15%;
  transition: all .5s;
}

/*--------------------------------  IMPORT>UI>GRID>GRID_VAULT  --------------------------------*/
.vault-items-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  /* grid-auto-rows: 12.8rem; */
  align-content: flex-start;
  /* padding: 0.5rem 1.5rem; */
  grid-gap: 1.5rem 0.75rem;
  margin-bottom: 1.5rem;
}

.vault-items-container>.vault-item {
  display: flex;
  flex-direction: column;
  flex-basis: 27rem;
  height: 100%;
  border-radius: 0.2rem;
  box-shadow: 0 0.1rem 0.3rem rgba(0, 24, 48, 0.2);
  grid-column: span 3/auto;
  cursor: pointer;
}

.vault-items-container>.vault-item .vault-item-info {
  flex-basis: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--theme-bg-main, white);
  padding: 0 0.9rem;
  overflow: hidden;
  line-height: 1.2;
}

.vault-items-container>.vault-item .vault-item-name {
  font-size: 0.9rem;
  font-weight: 600;
  /* color: #465e7b; */
  color: var(--theme-color-widget, #c81e1e);
}

.vault-items-container>.vault-item .vault-item-summary {
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--theme-color-text, #0C1914);
}

.vault-items-container>.vault-item .vault-item-thumbnail {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 50%;
  font-size: 4.5rem;
  color: #fff;
  /* background-color: #17a0e5; */
  background-color: var(--theme-color-main, #D60000);
}

.vault-items-container>.vault-item .vault-item-thumbnail ul,
.vault-items-container>.vault-item .vault-item-thumbnail ol {
  position: absolute;
  margin: 0;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
}

.vault-items-container>.vault-item .vault-item-thumbnail ul>li,
.vault-items-container>.vault-item .vault-item-thumbnail ol>li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  padding: 0px 3px;
  aspect-ratio: 1/1;
}

.vault-items-container>.vault-item .vault-item-thumbnail ul>li>svg,
.vault-items-container>.vault-item .vault-item-thumbnail ol>li>svg {
  width: 100%;
  height: 100%;
  fill: white;
}

.vault-items-container>.vault-item .vault-item-thumbnail ol {
  right: unset;
  left: 0;
  top: 0;
}

.vault-items-container>.vault-item .vault-item-thumbnail i {
  width: 50%;
  height: 50%;
}

.vault-items-container>.vault-item .vault-item-thumbnail i>svg {
  width: 100%;
  height: 100%;
  fill: white;
}

@media screen and (max-device-width:480px) {
  .vault-items-container:not(.grid_aipsin) {
    grid-template-columns: 1fr;
  }
}

/*--------------------------------  IMPORT>UI>GRID>GRID_HEADER_CARDS  --------------------------------*/
.grid_card_header {
  position: relative;
  width: 100%;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 150px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.grid_card_header .grid_card_header_item {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  width: 100%;
  height: 100%;
}

.grid_card_header .grid_card_header_item .grid_item_name {
  position: absolute;
  color: black;
  left: 10px;
  bottom: 10px;
  font-size: 0.8rem;
}

.grid_card_header .grid_card_header_item .bg_grid_item {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.grid_card_header .grid_card_header_item:hover .bg_grid_item {
  transform: scale(1.2);
}

/*--------------------------------  IMPORT>UI>GRID>GRID_DICT_DATA_TABLE_STATS  --------------------------------*/
.grid_dict_data_table_stats{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-auto-rows: 180px;
  grid-template-rows: 180px;
  gap: 30px 30px;
  margin: 2% 0px 3%;
}
.grid_dict_data_table_stats .dict_data_table_stat {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 20px;
  border-radius: 15px;
  box-sizing: border-box;
}
.grid_dict_data_table_stats .dict_data_table_stat .dict_data_cards {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  height: max-content;
  padding: 20px;
  border-radius: 20px;
}

.grid_dict_data_table_stats .dict_data_table_stat .dict_data_cards img {
  width: 100%;
}

.grid_dict_data_table_stats .dict_data_table_stat .dict_data_cards .image_container {
  width: 100%;
  height: 100%;
  position: relative;
}

.grid_dict_data_table_stats .dict_data_table_stat .dict_data_cards .image_container svg {
  width: 30%;
  z-index: 1;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.grid_dict_data_table_stats .dict_data_table_stat .dict_data_cards:hover .image_container img {
  filter: brightness(0.8);
  border-radius: 20px;
}

.grid_dict_data_table_stats .dict_data_table_stat .dict_data_cards .image_container svg {
  display: none;
}

.grid_dict_data_table_stats .dict_data_table_stat .info_dict_data_table h3{
  display: flex;
  align-items: center;
  margin: 1rem;

}
.grid_dict_data_table_stats .dict_data_table_stat p{
  font-weight: 400;
  margin-left: 1rem;
  color: black;
}
.grid_dict_data_table_stats .dict_data_table_stat:hover h3{
  color: var(--theme-color-widget,#c81e1e);
}
.grid_dict_data_table_stats .dict_data_table_stat:hover .image_container svg {
  display: block;
}

@media (max-width: 724px) {
  .grid_dict_data_table_stats .dict_data_cards {
      grid-column: span 12 / auto;
  }
}
@media (max-width: 1024px) {
  .grid_dict_data_table_stats .dict_data_cards {
      grid-column: span 6 / auto;
  }
}
@media (max-width: 1320px) {
  .grid_dict_data_table_stats .dict_data_cards {
      grid-column: span 6 / auto;
  }
}

/*--------------------------------  IMPORT>UI>GRID>LAPTOP  --------------------------------*/
@media (max-width:1320px) {
  
  /*--------------------------------  IMPORT>UI>GRID>LAPTOP>grid_cards  --------------------------------*/
  .grid_card .grid_card_item:nth-child(10n+1) {
    grid-row: span 4/auto;
    grid-column: span 8/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+2) {
    grid-row: span 2/auto;
    grid-column: span 4/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+3) {
    grid-row: span 2/auto;
    grid-column: span 4/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+4) {
    grid-row: span 2/auto;
    grid-column: span 6/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+5) {
    grid-row: span 2/auto;
    grid-column: span 6/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+6) {
    grid-row: span 2/auto;
    grid-column: span 4/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+7) {
    grid-row: span 4/auto;
    grid-column: span 8/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+8) {
    grid-row: span 2/auto;
    grid-column: span 4/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+9) {
    grid-row: span 2/auto;
    grid-column: span 6/auto;
  }

  .grid_card .grid_card_item:nth-child(10n+10) {
    grid-row: span 2/auto;
    grid-column: span 6/auto;
  }

  /*--------------------------------  IMPORT>UI>GRID>LAPTOP>grid_cards  --------------------------------*/
  .vault-items-container:not(.grid_aipsin)>* {
    grid-column: span 3/auto !important;
  }
}

/*--------------------------------  IMPORT>UI>GRID>TABLE  --------------------------------*/
@media (max-width:1024px) {
  .wrapper_cards:not(#main_wrapper_cards_mvd)>.card_main:not(last-child){
    grid-column: span 4/auto;
    aspect-ratio: 1 / 1;
  }
  .wrapper_cards:not(#main_wrapper_cards_mvd)>.card_main:last-child{
    grid-column: span 12/auto;
    aspect-ratio: unset;
  }
  /*--------------------------------  IMPORT>UI>GRID>TABLE>grid_cards  --------------------------------*/
  .grid_card .grid_card_item {
    grid-row: span 2/auto !important;
    grid-column: span 6/auto !important;
  }

  .grid_card .grid_card_item:nth-child(odd):last-child {
    grid-row: span 2/auto !important;
    grid-column: span 12/auto !important;
  }

  /*--------------------------------  IMPORT>UI>GRID>TABLE>grid_cards  --------------------------------*/
  .grid_card_header {
    grid-template-columns: 1fr 1fr;
  }

  .vault-items-container>* {
    grid-column: span 4/auto !important;
  }
}

/*--------------------------------  IMPORT>UI>GRID>MOBILE  --------------------------------*/
@media (max-width:724px) {
  .wrapper_cards>.card_main{
    grid-column: span 6/auto !important;
    aspect-ratio: 1 / 1 !important;
  }
  /*--------------------------------  IMPORT>UI>GRID>MOBILE>grid_cards  --------------------------------*/
  .grid_card .grid_card_item {
    grid-row: span 2/auto !important;
    grid-column: span 12/auto !important;
  }

  /*--------------------------------  IMPORT>UI>GRID>MOBILE>grid_cards  --------------------------------*/
  .vault-items-container>* {
    grid-column: span 6/auto !important;
  }
}

/*--------------------------------  IMPORT>UI>HELPER  --------------------------------*/
/*--------------------------------  IMPORT>UI>HELPER>CURSOR  --------------------------------*/
#clicked-cursor {
  position: fixed;
  z-index: 1000000000000001;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  opacity: 0.8;
  visibility: visible;
  pointer-events: none;
  user-select: none;
}

#clicked-cursor>.bubble-cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  visibility: visible;
  border-radius: 50%;
  border: 1px solid var(--theme-color-widget, #c81e1e);
  transform: translate(-50%, -50%);
  pointer-events: none;
  user-select: none;
}

#cursor {
  position: fixed;
  z-index: 1000000000000000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  opacity: 0.8;
  visibility: visible;
  pointer-events: none;
  user-select: none;
}

#cursor>.bubble-cursor {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  visibility: visible;
  border-radius: 50%;
  border: 1px solid var(--theme-color-widget, #c81e1e);
  transform: translate(-50%, -50%);
  pointer-events: none;
  user-select: none;
}

#cursor~.cursor-image,
#cursor~.cursor-load,
#cursor~.cursor-link,
#cursor~.cursor-button,
#cursor~.cursor-downoload {
  z-index: 100000000000000;
  position: fixed;
  visibility: hidden;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  user-select: none;
  transition: opacity 0.5s linear, top 0.3s linear, left 0.3s linear, height 0.3s linear, width 0.3s linear, transform 0.3s linear;
}

#cursor svg {
  pointer-events: none;
  user-select: none;
  width: 20px;
  height: 20px;
  fill: var(--theme-color-widget, #c81e1e);
}

#cursor.image~.cursor-image {
  visibility: visible;
  opacity: 1;
}

#cursor.load~.cursor-load {
  visibility: visible;
  opacity: 1;
}

#cursor~.cursor-link {
  transform: rotate(45deg);
}

#cursor.link~.cursor-link {
  visibility: visible;
  opacity: 1;
  border: 1px solid var(--theme-color-widget, #c81e1e);
  border-radius: 7px;
  padding: 5px 15px;
  box-sizing: content-box;
  transform: rotate(0deg);
}

#cursor~.cursor-link::before {
  content: ' ';
  background: var(--theme-color-widget, #c81e1e);
  position: absolute;
  top: 50%;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  transform: translateY(-50%);
}

#cursor.button~.cursor-button {
  visibility: visible;
  opacity: 1;
}

#cursor.downoload~.cursor-downoload {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------  IMPORT>UI>MENU  --------------------------------*/
/*--------------------------------  IMPORT>UI>MENU>CIRCLE-MENU  --------------------------------*/
.circle-menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 4;
}

.circle-menu .circle-menu-items {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.circle-menu .circle-menu-items button {
  padding: 0;
  border: none;
  outline: none;
  position: absolute !important;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--theme-color-widget, #c81e1e);
  height: 45px;
  width: 45px;
  font-size: 22px;
  text-decoration: none;
  top: calc(50% - 22.5px);
  left: calc(50% - 22.5px);
  margin-left: -85px !important;
  margin-top: -85px !important;
  transition: 0.5s;
}

.circle-menu .circle-menu-items button>i {
  width: 50%;
  height: 50%;
}

.circle-menu .circle-menu-items button>i>svg {
  width: 100%;
  height: 100%;
  fill: white;
}

.circle-menu input[type="checkbox"]:not(:checked)~.circle-menu-items button {
  top: calc(50% - 22.5px) !important;
  left: calc(50% - 22.5px) !important;
  margin-left: 0px !important;
  margin-top: 0px !important;
}

.circle-menu input[type="checkbox"] {
  display: none !important;
}

.circle-menu-label {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color-widget, #c81e1e);
  color: #ffffff;
  height: 50px;
  width: 50px;
  padding: 0;
  z-index: 3;
  border: none;
  font-size: 40px;
  border-radius: 50%;
  transition: 0.3s;
  cursor: pointer;
}

.circle-menu-label:hover {
  background: var(--theme-color-widget-active, #df1b1b);
  animation: pulse_widget 2.5s infinite linear;
}

.circle-menu .circle-menu-items button:hover {
  background: var(--theme-color-widget-active, #df1b1b);
  animation: pulse_widget 2.5s infinite linear;
}

.circle-menu input[type="checkbox"]:checked+.circle-menu-label {
  background: var(--theme-color-widget-active, #df1b1b);
  animation: pulse_widget 2.5s infinite linear;
}

.circle-menu .hamburger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  height: 3px;
  background: white;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.circle-menu .hamburger:after,
.circle-menu .hamburger:before {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 10;
}

.circle-menu .hamburger:before {
  top: -7.5px;
}

.circle-menu .hamburger:after {
  bottom: -7.5px;
}

.circle-menu input:checked+.circle-menu-label .hamburger {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.circle-menu input:checked+.circle-menu-label .hamburger:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0;
}

.circle-menu input:checked+.circle-menu-label .hamburger:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
}

.circle-menu input:checked+.circle-menu-label .hamburger,
.circle-menu input:checked+.circle-menu-label .hamburger:after,
.circle-menu input:checked+.circle-menu-label .hamburger:before {
  background: white;
}

/* @import url("/static/css/ui.css");  */
/*--------------------------------  IMPORT>JQUERY  --------------------------------*/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif; base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-button-icon-only {
  text-indent: 0
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block
}

.ui-controlgroup>.ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
  z-index: 9999
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
  border-left: none
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
  border-top: none
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em)
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid
}

.ui-checkboxradio-disabled {
  pointer-events: none
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}


.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif; base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333
}

.ui-widget-content a {
  color: #333
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold
}

.ui-widget-header a {
  color: #333
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214)
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #fff;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png")
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-caret-1-n {
  background-position: 0 0
}

.ui-icon-caret-1-ne {
  background-position: -16px 0
}

.ui-icon-caret-1-e {
  background-position: -32px 0
}

.ui-icon-caret-1-se {
  background-position: -48px 0
}

.ui-icon-caret-1-s {
  background-position: -65px 0
}

.ui-icon-caret-1-sw {
  background-position: -80px 0
}

.ui-icon-caret-1-w {
  background-position: -96px 0
}

.ui-icon-caret-1-nw {
  background-position: -112px 0
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .003;
  filter: Alpha(Opacity=.3)
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666
}

/*--------------------------------  IMPORT>SLICK  --------------------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*--------------------------------  DESKTOP  --------------------------------*/
/*--------------------------------  DESKTOP>LAPTOP  --------------------------------*/
@media (max-width:1320px) {
  .New_sbst_page {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .box_pagination_item.hide_items .dropdown_hover.top .grid_pager {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .form-inputs-registration .input {
    width: 100%;
  }

  .form-inputs-registration .input_field {
    width: unset !important;
  }

  .services_block {
    grid-column: span 4/auto;
  }
  .services_block:nth-child(3n - 1):nth-last-of-type(1), 
  .services_block:nth-child(3n - 2):nth-last-of-type(2) {
    grid-column: span 6/auto;
  }
  .services_block:last-child:nth-child(3n - 1){
    grid-column: span 12/auto;
  }
}

/*--------------------------------  DESKTOP>TABLE  --------------------------------*/
@media (max-width:1024px) {
  nav.pagination {
    display: none;
  }

  .New_sbst_page {
    grid-template-columns: 1fr 1fr;
  }

  .card_main {
    padding: 8%;
    width: auto;
    justify-content: center;
    margin-bottom: 30px;
  }

  .advantages_card {
    flex-direction: row;
    width: 80%;
    margin: auto;
    gap: 7%;
    margin-bottom: 30px;
  }

  .another_products {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
    justify-items: center;
    width: 90%;
  }

  .product_card,
  .product_card img {
    margin: 0% !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .product_card p {
    width: 80%;
    font-size: 1.3rem;
  }

  .info_bases {
    width: 90%;
    overflow-x: auto;
  }

  .form-inputs-registration {
    grid-template-columns: 1fr !important;
  }

  .form-inputs-registration .input {
    width: 100%;
  }

  .form-inputs-registration .input_field {
    width: unset !important;
  }

  .services_block {
    grid-column: span 6/auto;
  }
  .services_block:last-child:nth-child(2n - 1){
    grid-column: span 12/auto;
  }
}

/*--------------------------------  DESKTOP>MOBILE  --------------------------------*/
@media (max-width:724px) {
  .New_sbst_page {
    grid-template-columns: 1fr;
  }

  .grid_admin .grid_admin_item {
    grid-row: span 2/auto !important;
    grid-column: span 6/auto !important;
  }

  .services_block {
    grid-column: span 12/auto;
  }
}

/*--------------------------------  MOBILE  --------------------------------*/
@media screen and (max-device-width:480px) {
  body.open .modal_aipsin {
    max-width: 100vw !important;
  }
  .modal_aipsin>img{
    max-width:100vw;
  }
  body>.stWrapperReport * {
    /* font-size: 1.1rem; */
    font-size:1rem;
  }
  .person_info_block{
    grid-template-columns: 1fr;
  }
  .person_info_block .info_wrapper_team>h2,
  .person_info_block .info_wrapper_team>h4{
    text-align: center;
  }
  .person_info_block{
    padding:2rem;
  }
  .person_info_block>img{
    margin:auto;
  }
  .all_news .create_news:nth-child(2n+1):last-child{
    grid-column: unset !important;
  }

  .content_menu_header {
    display: block !important;
    position: fixed;
    z-index: 10000000;
    width: 100vw;
    top: 100px;
    bottom: 0;
    right: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    height: calc(100% - 100px);
    transform: translateY(-20px);
    transition: transform .4s ease-in-out, opacity 0.1s linear;
    transition-delay: 0.3s;
  }

  .content_menu_header.open {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    overflow: hidden;
  }

  .content_menu_header.close {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px);
    transition: transform .4s ease-in-out, opacity 0.1s linear;
    transition-delay: 0s;
  }

  .content_menu_header.open .mobile-header-pagination,
  .content_menu_header.open .mobile-pre-content-pagination {
    transform: translateY(0px);
  }

  .mobile-header-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 100%;
    transition: all 0.3s ease-in-out;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .mobile-header-pagination>.user_pagination {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
  }

  .mobile-header-pagination>.user_pagination>div {
    height: 100%;
    aspect-ratio: 1/1;
    background: var(--theme-bg-main, white);
    padding: 10px;
    border-radius: 10px;
  }

  .mobile-header-pagination>.user_pagination>div:hover {
    background: var(--theme-hover-widget, #f3cfcf);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }

  .mobile-header-pagination>.user_pagination>.common_menu>a {
    width: 100%;
    height: 100%;
    display: flex;
    pointer-events: none;
  }

  .mobile-header-pagination>.user_pagination>.common_menu>a>svg {
    fill: var(--theme-bg-main-invert, black);
    width: 100%;
    height: 100%;
    margin: unset;
    pointer-events: none;
  }

  .mobile-content-pagination {
    display: grid;
    grid-template-columns: 1fr;
    width: 90%;
    margin: auto;
    padding: 2vw 0px;
    height: 95%;
    grid-gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-items: center;
    user-select: none;
  }

  .mobile-content-pagination>.pagination-item {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 0.5;
    overflow: hidden;
    border-radius: 5px;
    background-color: var(--theme-color-widget, #c81e1e);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }

  .mobile-content-pagination>.pagination-item:hover {
    background-color: var(--theme-color-widget-active, #df1b1b);
  }

  .mobile-content-pagination>.pagination-item>.pagination-item-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 90%;
    height: 100%;
    margin: auto;
  }

  .mobile-content-pagination>.pagination-item>.pagination-item-flex>.col-item-img {
    position: relative;
    height: 50%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 5px;
    color: white;
  }

  .mobile-content-pagination>.pagination-item>.pagination-item-flex>.col-item-img>img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .mobile-content-pagination>.pagination-item>.pagination-item-flex>.col-item-flex>.title_name {
    margin: 0;
    padding: 0;
    font-size: 4vw;
    color: white;
    transition: all 0.3s ease-in-out;
  }

  .mobile-content-pagination>.pagination-item>.pagination-item-flex>.col-item-flex>.title_text {
    margin: 0;
    padding: 0;
    font-size: 2.5vw;
    color: white;
    transition: all 0.3s ease-in-out;
  }

  .mobile-pre-content-pagination {
    height: auto;
    display: grid;
    gap: 70px;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    justify-items: center;
    user-select: none;
    transition: all 0.3s ease-in-out;
  }

  .mobile-pre-content-pagination>.pagination-item {
    position:relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    grid-column: span 4/auto;
  }

  .mobile-pre-content-pagination>.pagination-item:hover .box_bg_icon {
    transform: scale(1.1);
  }

  .mobile-pre-content-pagination>.pagination-item>span {
    font-size: 1.5rem;
    margin-top: 10px;
    text-align: center;
    color: var(--theme-color-text, white);
  }
  .mobile-pre-content-pagination>.pagination-item>span>.pg_item_new {
    content: 'NEW';
    position: absolute;
    left: 100%;
    top: 50%;
    height: 100%;
    text-align: center;
    transform: translateY(-50%);
    color: white;
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    border-style: solid;
    border-width: 0;
    padding: 3px 7px;
    border-radius: 9999px;
    background: var(--theme-color-widget, #c81e1e);
    animation: pulse_widget 2.5s infinite linear;
}

  .box_bg_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: auto;
    border-radius: 5px;
    width: 100px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    transition: 0.3s;
  }

  .box_bg_icon>img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .bg_mobile_modal {
    position: absolute;
    box-sizing: border-box;
    background: var(--theme-bg-main, white);
    height: 100%;
    width: 100%;
    z-index: 10000;
    visibility: hidden;
    overflow: auto;
    opacity: 0.95;
    transform: translateY(-100%);
  }

  .bg_mobile_modal.open {
    animation: 0.5s modal-in-bottom both;
  }

  .bg_mobile_modal.close {
    animation: 0.5s modal-in-bottom-hide both;
  }

  .mobile-pre-header-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    height: 100px;
  }

  .mobile-pre-header-pagination>input {
    width: 80%;
    outline: none;
    background: none;
    color: var(--theme-color-text, white);
    font-size: 4vw;
    padding-top: 5px;
    height: unset;
    padding-bottom: 5px;
  }

  .mobile-pre-header-pagination>.close {
    position: absolute;
    cursor: pointer;
    left: 25px;
    top: 35px;
    width: 50px;
    height: 50px;
    color: var(--theme-bg-hamburger, #0e0e0e);
  }

  .mobile-pre-header-pagination>.close:hover {
    opacity: 1;
  }

  .mobile-pre-header-pagination>.close:before,
  .mobile-pre-header-pagination>.close:after {
    position: absolute;
    content: ' ';
    height: 50px;
    width: 5px;
    left: 45%;
    background-color: var(--theme-bg-hamburger, #0e0e0e);
  }

  .mobile-pre-header-pagination>.close:before {
    transform: rotate(45deg);
  }

  .mobile-pre-header-pagination>.close:after {
    transform: rotate(-45deg);
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle {
    position: unset;
    top: unset;
    left: unset;
    visibility: visible;
    opacity: 1;
    transform: unset;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle::before {
    content: none;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle #sidebar_noticle_header {
    display: none;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle>.content_sidebar_noticle {
    width: unset;
    max-height: unset;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .sidebar_noticle_title,
  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .sidebar_noticle_title_deactive {
    font-size: 1.8rem;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .noticle_time {
    font-size: 1.5rem !important;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .noticle_message * {
    font-size: 1.4rem !important;
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .noticle_icon {
    display: flex;
    padding: 5vw;
    position: relative;
    margin-right: 2vw;
    /* height: unset !important; */
    /* width: 100px !important; */
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .noticle_icon>img{
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mobile-pre-content-custom-pagination.notification_bell .sidebar_noticle .btn_new_aipsin {
    width: unset !important;
    height: unset !important;
    padding: 25px 70px !important;
  }

  .mobile-pre-content-custom-pagination.notification_bell .noticle_show_more {
    height: 100px;
  }

  .mobile-pre-content-custom-pagination.notification_bell .noticle_show_more svg {
    height: 100% !important;
    width: 70px !important;
  }

  .main_info_user {
    gap: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 25px;
  }

  .main_info_user_icon {
    aspect-ratio: 1 / 1;
    flex: 1;
    border-radius: 5%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: url('/static/svg/profile_mob_icon.svg');
  }

  .main_info_user_text {
    display: grid;
    align-items: center;
    justify-items: flex-start;
    flex-direction: column;
    font-weight: 700;
    font-size: 1.1em;
    box-sizing: border-box;
    padding-left: 10px;
    height: 100%;
    flex: 2;
    color: black;
  }

  .mobile-pre-content-custom-pagination.user_settings .dropdown_user_configs>input[type=radio]:checked+label>.form_config {
    height: 500px;
    overflow: auto;
  }

  .mobile-pre-content-custom-pagination.user_settings .dropdown_user_configs>label>.btn_open_user_config {
    color: white !important;
    font-size: 1em !important;
  }

  .mobile-pre-content-custom-pagination.user_settings .dropdown_user_configs .slick-arrow {
    width: 50px !important;
  }

  .dropdown_user_configs>label>.form_config>.slider_config .main_form_config {
    height: unset !important;
  }

  .dropdown_user_configs>label>.form_config>.slider_config .main_form_config {
    width: calc(100% - 110px);
  }

  .mobile-pre-content-custom-pagination.user_settings .user_series_number {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .main_info_user_text a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-top: 15px;
  }

  .main_info_user_text a>.link_notice {
    margin: 0px;
  }

  .mobile-pre-content-custom-pagination.user_settings .link_notice {
    width: 100%;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 20px;
    border-radius: 20px;
  }

  .mobile-pre-content-custom-pagination.user_settings .link_notice>svg {
    width: 45px !important;
    height: 60px !important;
    margin-right: -168px;
  }

  .mobile-pre-header-pagination>h4 {
    font-size: 1.5rem;
  }

  .mobile-pre-content-custom-pagination.user_settings {
    width: 90%;
    margin: auto;
  }

  .install_wrapper {
    grid-template-columns: none;
  }

  #header {
    position: sticky;
    font-size: 9pt !important;
  }

  #header>.header_wrapper {
    justify-content: center;
    z-index: 1000000000;
  }

  #bllogo {
    z-index: 1;
  }

  #header>.header_wrapper>.pagination {
    display: none;
  }

  #header>.header_wrapper>.user_pagination {
    display: none;
  }

  .toggle_header_menu {
    display: flex;
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    cursor: pointer;
  }

  .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .ham8 .top {
    stroke-dasharray: 40 160;
  }

  .ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
  }

  .ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
  }

  .ham8.active .top {
    stroke-dashoffset: -64px;
  }

  .ham8.active .middle {
    transform: rotate(90deg);
  }

  .ham8.active .bottom {
    stroke-dashoffset: -64px;
  }

  .line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
  }

  .toggle_header_menu input:checked+.hamRotate {
    transform: rotate(45deg);
  }

  .toggle_header_menu input:checked+.hamRotate180 {
    transform: rotate(180deg);
  }

  .toggle_header_menu .hamburger {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 3px;
    background: var(--theme-bg-hamburger, #0e0e0e);
    display: block;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }

  .toggle_header_menu .hamburger:after,
  .toggle_header_menu .hamburger:before {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--theme-bg-hamburger, #0e0e0e);
    z-index: 10;
  }

  .toggle_header_menu .hamburger:before {
    top: -15px;
  }

  .toggle_header_menu .hamburger:after {
    bottom: -15px;
  }

  .toggle_header_menu input {
    display: none;
  }

  .menu_header {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    border-radius: 50% 50% 50% 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    box-shadow: 0 0 0 0 var(--theme-bg-main, #FFF), 0 0 0 0 var(--theme-bg-main, #FFF);
    cursor: pointer;
  }

  .toggle_header_menu input:checked+.menu_header {
    border-radius: 0;
  }

  .toggle_header_menu input:checked+.menu_header .hamburger {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .toggle_header_menu input:checked+.menu_header .hamburger:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    bottom: 0;
  }

  .toggle_header_menu input:checked+.menu_header .hamburger:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 0;
  }

  .toggle_header_menu input:checked+.menu_header .hamburger,
  .toggle_header_menu input:checked+.menu_header .hamburger:after,
  .toggle_header_menu input:checked+.menu_header .hamburger:before {
    background: var(--theme-color-main, #D60000);
  }

  body.menu-open {
    overflow: hidden;
  }

  body.menu-open .wrapper {
    overflow: hidden;
  }

  .pagination_mobile_footer {
    display: none;
  }

  .pagination_mobile_item {
    font-family: Nunito;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 0.5em;
    box-sizing: border-box;
    height: 100%;
    border-radius: 1em;
    transition: all 0.3s;
  }

  .pagination_mobile_item:not(.main) {
    padding: 10px;
  }

  .pagination_mobile_item>.icon {
    height: 100%;
    width: 100%;
  }

  .pagination_mobile_item>.icon>svg {
    fill: var(--theme-color-text, #0C1914);
    width: 100%;
    height: 100%;
  }

  .pagination_mobile_item.active {
    background-color: var(--theme-hover-widget, #f3cfcf);
  }

  .pagination_mobile_item.main {
    transform: translateY(-20px);
    height: 140%;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 4%) 0px 0px 10px 4px;
    background: var(--theme-bg-main, white);
    border: 1.1px solid var(--theme-bg-widget, #eeeeee);
    aspect-ratio: 1.5/1.5;
  }

  .pagination_mobile_item.main>.icon {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pagination_mobile_item>.icon {
    pointer-events: none;
  }

  .pagination_mobile_item.active>.icon>svg {
    fill: var(--theme-color-widget, #c81e1e);
  }
  .aipsin_table_pager{
    flex-direction: column-reverse;
  }
  .aipsin_table_pager>.aipsin_table_pagination>.box_pagination>.box_pagination_item{
    position: initial;
  }
  .box_pagination_item.hide_items[dropdown-hover]:hover .dropdown_hover.top,
  .box_pagination_item.hide_items[dropdown-click].open .dropdown_hover.top{
    transform: translate3d(50%, 100%, 0) !important;
    left: -50% !important;
  }

  #toggle_mobile+label div,
  #toggle_mobile+label div:not(:nth-child(2)):before,
  #toggle_mobile+label div:after {
    background: var(--theme-bg-main-invert, black);
  }

  #toggle_mobile:checked+label div {
    background: var(--theme-color-widget, #c81e1e);
  }

  #toggle_mobile:checked+label div:nth-child(2):before {
    border-top: 5px solid var(--theme-color-widget, #c81e1e);
    border-right: 5px solid var(--theme-color-widget, #c81e1e);
  }

  #toggle_mobile {
    display: none;
  }

  #toggle_mobile+label {
    position: relative;
    width: 50px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s;
    text-align: left;
  }

  #toggle_mobile+label div,
  #toggle_mobile+label div:before,
  #toggle_mobile+label div:after {
    position: absolute;
    height: 5px;
    width: 50px;
    border-radius: 4px;
    transition: all 0.5s, width 0.5s;
  }

  #toggle_mobile+label div:first-child {
    top: 0px;
  }

  #toggle_mobile+label div:nth-child(2) {
    top: 15px;
    transition: all 0.2s, width 0.5s;
  }

  #toggle_mobile+label div:nth-child(3) {
    top: 30px;
  }

  #toggle_mobile+label div {
    left: 0px;
  }

  #toggle_mobile+label div:nth-child(2):before {
    content: "";
    opacity: 0;
  }

  #toggle_mobile:checked+label div:first-child {
    top: 15px;
    left: 0px;
    transform: rotate(-45deg);
  }

  #toggle_mobile:checked+label div:nth-child(2) {
    top: unset;
    left: 15px;
    width: 22px;
    transform: translateY(37px) rotate(90deg);
    transition: all 0.5s, width 0.3s;
    display: none;
  }

  #toggle_mobile:checked+label div:nth-child(2):before {
    content: "";
    opacity: 1;
    transform: rotate(45deg);
    background: none;
    border-radius: -30px;
    height: 15px;
    width: 15px;
    top: -7px;
  }

  #toggle_mobile:checked+label div:nth-child(3) {
    top: 15px;
    left: 0px;
    transform: rotate(45deg);
  }

  #toggle_mobile~.menu_mobile_footer {
    position: absolute;
    box-shadow: var(--theme-shadow-color, rgba(0, 0, 0, 0.05)) 0px 0px 20px 1px;
    width: 98vw;
    max-height: 100vh;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
    bottom: 0;
    transform: translateY(-70px);
    background: var(--theme-bg-main, white);
    border-radius: 15px;
    overflow: auto;
  }

  #toggle_mobile:checked~.menu_mobile_footer {
    visibility: visible;
    opacity: 1;
    transform: translateY(-20vh);
  }

  #toggle_mobile~.menu_mobile_footer>ul {
    display: block !important;
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: auto;
  }

  #toggle_mobile~.menu_mobile_footer>ul>li {
    color: var(--theme-color-text, #0C1914);
    list-style: none;
    padding: 20px 50px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    z-index: 100;
    transition: .3s ease-out;
    text-transform: none;
    font-size: 1.2em !important;
    transition: all 0.3s;
  }

  #toggle_mobile~.menu_mobile_footer>ul>li:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }

  #toggle_mobile~.menu_mobile_footer>ul>li:last-child {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  #toggle_mobile~.menu_mobile_footer>ul>li:hover {
    color: var(--theme-bg-main, white);
    background: linear-gradient(90deg, var(--theme-color-main, #D60000) 0%, var(--theme-color-widget-active, #df1b1b) 100%);
  }
  #structure_checker .schedule_wrapper{
    flex-direction:column;
  }
  #derivative_checker .schedule_wrapper>div{
    flex-direction: column !important;
  }
  #derivative_checker .schedule_wrapper>div>img{
      min-width: 70% !important;
  }
}

@media screen and (max-device-width:480px) {
    .banner_video img {
      width: auto !important;
      max-width:none;
    }
    .banner_video {
      flex-direction: column !important;
      align-items: center !important;
  }
  
  
  * {
    font-size: 1.3rem;
  }

  body {
    position: fixed;
    width: 100%;
    height: 100%;
  }

  body.open .right_menu_image {
    display: none;
  }

  body.open .modal_aipsin {
    translate: -50% -50% !important;
  }

  ::-webkit-scrollbar {
    display: none;
  }

  .wrapper {
    overflow: auto;
    display: grid;
    grid-template-rows: 100px 1fr 1fr;
    align-items: flex-end;
    overflow-x: hidden;
  }

  body.aipsin_talk .pagination_mobile_footer {
    visibility: hidden;
    opacity: 0;
  }

  .list_contacts {
    display: grid;
    grid-template-columns: 1fr !important;
    width: 100%;
  }

  #logo>.logo_name>.client_socket_count>.worker_sum {
    font-size: 1.2em;
  }

  .aipsin_navbar_menu {
    display: none !important;
  }

  .progress_count {
    display: none;
  }

  .toolbar_list_btns {
    display: grid;
    grid-template-columns: 1fr;
  }

  .form_aipsin {
    padding: 50px;
    height: 100%;
  }

  .checkbox_aipsin_reg {
    margin-bottom: 20px;
  }

  .link_enter_up {
    margin: 20px 0px;
  }

  .register_mobile_form>.login_mobile_form_control>.form_aipsin_content>.form_aipsin_content_item:nth-child(4) {
    grid-row: 2;
  }

  .register_mobile_form>.login_mobile_form_control>.form_aipsin_content>.form_aipsin_content_item:nth-child(7) {
    grid-row: 3;
  }

  .register_mobile_form>.login_mobile_form_control>.form_aipsin_content>.form_aipsin_content_item:nth-child(10) {
    grid-row: 4;
  }

  .register_mobile_form>.login_mobile_form_control>.form_aipsin_content>.form_aipsin_content_item:nth-child(5) {
    grid-row: 6;
  }

  .register_mobile_form>.login_mobile_form_control>.form_aipsin_content>.form_aipsin_content_item:nth-child(8) {
    grid-row: 7;
  }

  .register_mobile_form>.login_mobile_form_control>.form_aipsin_content>.form_aipsin_content_item:nth-child(11) {
    grid-row: 8;
  }

  .card_main>a {
    text-decoration: none;
  }

  .aipsin_top {
    height: 3% !important;
    padding: 30px !important;
    bottom: 8% !important;
    display: none;
  }

  .aipsin_circle_menu {
    display: none !important;
    bottom: 8% !important;
    padding: 30px !important;
    height: 3% !important;
    box-sizing: border-box;
  }

  .aipsin_chat.closed {
    height: 3% !important;
    padding: 30px !important;
    bottom: 8%;
  }

  .aipsin_chat.open {
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    right: 0 !important;
    top: 0% !important;
    bottom: 0% !important;
    top: unset;
  }

  .aipsin_chat.open~.aipsin_circle_menu,
  body.menu-open .aipsin_circle_menu {
    transform: translateX(1000%);
  }

  .aipsin_chat.open .chat_header>div svg {
    width: 70px;
  }

  .aipsin_chat.open .chat_main {
    grid-template-rows: 120px 1fr 120px !important;
  }

  .chat_header>div:nth-child(1) .chat_fullscreen_menu .chat_content_menu {
    margin-top: 120px;
  }

  .aipsin_chat.open .chat_footer>input[type="text"] {
    height: 120px;
  }

  .aipsin_chat.open .message_send {
    height: 120px;
  }

  .aipsin_chat.open .message_send>svg {
    width: 100%;
    height: 100%;
  }

  .aipsin_chat .fullscreen_chat {
    display: none;
  }

  .modal_aipsin_notice {
    width: 80%;
    height: 70%;
  }

  .slider_notice .title_notice_box_animation .letter {
    /* font-size: 2.2rem !important; */
  }

  .slider_notice .notice_box {
    display: block;
  }

  .log_in {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30%;
  }

  .login_wrapper {
    width: 90%;
    padding: 40px 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .login_wrapper input {
    height: 50px;
  }

  .New_sbst_page {
    grid-template-columns: 1fr;
  }

  .wrapper_cards,
  #advantages_cards {
    width: 95%;
    margin: auto;
  }

  .feedback_block {
    flex-direction: column;
  }

  .feedback_wrapper {
    flex-direction: row
  }

  .feedback_block>div:nth-child(2) {
    margin-top: 4%;
  }

  .service_block {
    pointer-events: all;
  }

  .info_wrapper>p {
    line-height: normal;
    margin: 0 0 5%;
  }

  #advantages_cards {
    flex-direction: column;
    padding: 40px 0px 60px;
  }

  .advantages_card {
    flex-direction: row;
    width: 80%;
    margin: auto;
    gap: 7%;
  }

  .type_of_bases>td {
    padding-right: 20px;
  }

  .btn_todo_aipsin {
    /* height: 100px !important; */
    /* width: 100px !important; */
  }

  #internal_bases {
    margin-right: 15px;
    font-size: 1.3em;
    width: auto;
  }

  .main_info_user_icon {
    display: none;
  }

  .background_modal_helper_aipsin {
    display: none !important;
  }

  .content_registration {
    flex-direction: column;
  }

  .profile_info {
    width: 100% !important;
  }

  .label_line,
  .text_line {
    font-size: 1.1rem;
  }

  .advantages_card>img {
    width: 20% !important;
  }

  .advantages_card:nth-child(2) {
    margin: 5% auto;
  }

  .advantages_card>p {
    font-size: 1.3rem;
    line-height: normal;
    letter-spacing: normal
  }

  .circle_lines {
    gap: 5px;
  }

  .table_bases {
    font-size: 1.1rem;
  }

  .products_wrapper h2 {
    width: 80%;
    margin: auto;
  }

  .another_products {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
    justify-items: center;
    width: 90%;
  }

  .product_card img {
    max-width: 100%;
  }

  #product_card_2,
  #product_card_3 {
    margin: 0%
  }

  .product_card {
    width: 100%;
  }

  .product_card>p {
    width: 80%;
    transform: translate(-48%, -60%);
    top: 48%;
  }

  .product_card>h4 {
    font-size: 32px;
    bottom: 50px;
    left: 50px;
  }

  .form-inputs-registration {
    grid-template-columns: 1fr;
  }

  .reviews {
    grid-template-columns: 1fr 1fr;
  }

  .media {
    margin-top: 292px;
    margin-bottom: 50px;
  }

  #email_field {
    width: 100%;
  }

  .tutorial_info {
    flex-direction: column;
  }
  
  .tutorial_info  img {
    width: 100% !important;
    max-height: unset !important;
  }

  .install_pack_section h1 {
    font-size: xxx-large;
  }

  .notification_wrapper {
    flex-direction: column-reverse;
  }

  .txt_news_open_comment {
    flex-direction: column;
  }

  .new_sbst_category {
    margin: 15px 0px;
  }

  .sbst_image {
    margin: 0;
  }

  .all_news {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }

  .error_wrapper {
    flex-direction: column-reverse;
  }

  .filearea,
  .urltextarea {
    width: 100%;
    margin: 0px;
  }

  .upload-file__label {
    padding: 30px;
  }

  .contacts_wrapper {
    flex-direction: column;
  }

  .contact_card {
    box-shadow: none;
  }

  .content_menu_header.not_user>.mobile-header-pagination {
    flex-direction: column;
    gap: 5%;
    height: 100%;
  }

  .content_menu_header.not_user>.mobile-header-pagination>a>.button_main,
  .content_menu_header.not_user>.mobile-header-pagination>a>.button_secondary {
    height: 140px !important;
    width: 700px;
    padding: 0px;
    border-radius: 30px;
  }

  .mobile-header-pagination button {
    width: 670px !important;
    height: 135px !important;
    font-size: 1.4rem;
  }

  #registration {
    height: auto;
    margin: 0px;
    width: 500px;
    border: 5px solid var(--theme-color-main, #D60000);
  }

  #cmd_login_btn {
    margin-bottom: 25px;
  }

  .contact_box>img {
    width: 40px;
    margin-right: 20px;
  }

  .contact_card {
    padding: 10px 40px
  }

  .contact_card_wrapper>h6 {
    margin-bottom: 50px
  }

  .contact_card_wrapper b {
    display: block;
    margin-bottom: 5px;
  }

  #aipsin_logo_contact_card,
  .contact_card_wrapper>a>img {
    width: 400px;
  }

  .card_main>a {
    gap: 15%;
  }

  .wrapper_cards {
    flex-direction: column;
    width: 90%;
  }

  .card_main {
    padding: 8%;
    width: auto;
    justify-content: center;
  }
  .wrapper_cards>.card_main{
    grid-column: span 6/auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height:unset !important;
  }
  .wrapper_cards#main_wrapper_cards_mvd>.card_main{
    grid-column: span 6/auto !important;
    aspect-ratio: 1 / 1 !important;
    max-height:unset !important;
    padding: 8% !important;
  }

  .wrapper_cards#main_wrapper_cards>div:nth-child(2n-1):nth-last-of-type(1){
    grid-column: span 12/auto !important;
  }

  #title_head {
    line-height: 60px;
  }

  .card_main>a>img {
    height: 70%;
  }

  .button_main:not(.button_list):not(.no_btn),
  .button_secondary,
  .button_main.only_border,
  .button_disabled:not(.button_list):not(.no_btn),
  .button_disabled.only_border {
    padding: 25px 25px;
    width: 100%;
  }

  .main_info_user_text a {
    text-decoration: none;
  }

  a>.button_main {
    padding: 25px 70px !important;
  }

  .button_main,
  .button_secondary, .button_disabled {
    font-size: 1.15rem;
    height: 100px;
  }

  .input_aipsin input {
    height: 100px;
    padding-left: 50px;
    font-size: 1.5rem;
  }

  .name_of_substance span {
    font-size: 35px;
  }

  .name_of_substance svg {
    width: 40px !important;
  }

  .toolbar_custom_list_btns>button {
    margin: 10px 0;
  }

  #title_head {
    padding: 30px 5% 30px 5%;
  }

  .input_aipsin p {
    font-size: 1.3rem;
    margin-left: 45px;
  }
  .input_aipsin em,.select_aipsin em {
    margin-left: 15px;
  }

  .input_aipsin em>svg, .select_aipsin em>svg {
    width: 25px;
    height: 25px;
  }

  

  .filter_select_aipsin>ul>li:not([pre_title]) {
    font-size: 30px;
    margin: 7px 0;
  }

  table.matches_table > tbody > tr:nth-child(2) > td:nth-child(2) {
    width: 10%;
  }

  .form_customs_checker .filter_select_aipsin .input_aipsin_filter {
    display: none;
  }

  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item {
    padding: 0;
  }

  .conception p {
    font-size: unset;
    line-height: unset;
  }

  .form-actions {
    flex-direction: column;
    width: 100%;
    /* align-items: flex-start; */
  }

  .circle_box h1 {
    font-size: 33px;
  }

  .circle_box {
    width: 70% !important;
    height: 95% !important;
    right: -134px !important;
  }

  .checkbox_aipsin.small {
    padding: 1% 0px;
    width: 100% !important;
  }

  .up_links>div {
    display: block !important;
  }

  .checkbox_aipsin.small {
    margin-bottom: 20px;
  }

  .form-actions>.up_links,
  .form-actions>.up_links>input,
  .login_submit {
    width: 100%;
    height: 100%;
  }

  .login_wrapper>form>.form-actions {
    flex-direction: column-reverse;
  }

  .btn_submit {
    margin-bottom: 25px;
  }

  .carousel__slider {
    display: none;
  }

  .carousel__slider {
    display: none;
  }

  .services_wrapper {
    margin-bottom: 50px !important;
  }

  .content_news_grid_page_aipsin {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 500px;
    width: 90%;
    margin: auto;
    grid-gap: 25px;
  }

  .content_news_grid_page_aipsin>div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }

  .content_news_grid_page_aipsin>div>a {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .content_news_grid_page_aipsin>div>a>img {
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  .content_news_grid_page_aipsin>div>h4 {
    width: 100%;
    padding: 10px 0px 15px;
    box-sizing: border-box;
  }

  #main_news_title {
    margin: 50px 0px;
  }

  #main_wrapper_cards {
    width: 90%;
  }

  .news_date>p {
    margin-top: 0px;
  }

  .box_all_news {
    display: block;
  }

  #footer {
    height: fit-content;
  }

  .form-inputs-registration>#email_field:nth-child(1) {
    grid-row: 1;
  }

  .form-inputs-registration>#email_field:nth-child(2) {
    grid-row: 5;
  }

  .form-inputs-registration>#email_field:nth-child(3) {
    grid-row: 9;
  }

  .form-inputs-registration>#email_field:nth-child(4) {
    grid-row: 2;
  }

  .form-inputs-registration>#email_field:nth-child(5) {
    grid-row: 6;
  }

  .form-inputs-registration>#email_field:nth-child(6) {
    grid-row: 10;
  }

  .form-inputs-registration>#email_field:nth-child(7) {
    grid-row: 3;
  }

  .form-inputs-registration>#email_field:nth-child(8) {
    grid-row: 7;
  }

  .form-inputs-registration>#email_field:nth-child(9) {
    grid-row: 11;
  }

  .form-inputs-registration>#email_field:nth-child(10) {
    grid-row: 4;
  }

  .form-inputs-registration>#email_field:nth-child(11) {
    grid-row: 8;
  }

  .form-inputs-registration>#email_field:nth-child(12) {
    grid-row: 12;
  }

  #id_rank_txt {
    width: 100%;
  }

  .btn_open_user_config {
    padding: 40px 30px !important;
  }

  .footer_wrapper {
    justify-items: center;
    row-gap: 35px;
    padding: 35px 0 50px;
  }

  .flex-footer-sites>.flex-footer-sites-item {
    width: 90px;
    height: 97px;
    padding: 15px;
  }

  #notice_btn {
    height: auto;
  }

  #header {
    height: 120px;
  }

  .content_select_aipsin select {
    height: 100px;
    padding-left: 50px;
    font-size: 1.5rem;
  }

  .footer_wrapper h5 {
    order: 1;
    width: 400px;
    text-align: left;
    display: inline;
    font-size: 1.4rem;
  }

  .info_wrapper,
  .info_modules>p {
    line-height: normal;
  }

  .card_decription a>button {
    width: 100%;
    padding: 20px;
  }

  .card_decription a>button>svg {
    height: 20px !important;
    width: 30px !important;
  }

  .service_block>h4 {
    font-size: 1.7rem;
  }

  .box_telegram {
    order: 1;
    width: 100%;
  }

  .findError {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    grid-column: 1/3;
    order: -1;
  }

  .findError>a>img {
    width: 75px !important;
  }

  .footer_telegram {
    padding: 15px 90px;
    margin: 0px;
  }

  .box_widget_circle_lines {
    height: 730px;
  }

  .feedback_wrapper {
    width: 100%;
  }

  .feedback_wrapper button {
    width: 100% !important;
  }

  .training_wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  .training_card:nth-child(1) {
    grid-column: unset;
  }

  .training_card:nth-child(2) {
    grid-row: unset;
    grid-column: unset;
  }

  .progress_wrapper {
    display: block;
  }

  .content_button_list {
    /* position: absolute; */
    /* top: 10px; */
    /* right: 10px; */
    /* display: none; */
  }

  body[path^="/services"] .content_button_list{
    display: none !important;
  }

  

  .toolbar_custom_list_btns>.content_button_list .aipsin_tab_menu {
    right: 50%;
    top: 100%;
  }

  .toolbar_custom_list_btns>.content_button_list .aipsin_tab_menu.open {
    animation: showScale 0.5s both !important;
  }

  .toolbar_custom_list_btns>.content_button_list .aipsin_tab_menu.close {
    animation: hiddenScale 0.5s both !important;
  }

  .buttons_main_list .content_button_list {
    top: 50%;
    right: -70px;
    transform: translateY(-50%);
  }

  .form-inputs-registration .input_field {
    width: 100% !important;
  }

  .form-inputs-registration {
    grid-template-columns: 1fr !important;
  }

  .header_education {
    flex-direction: column;
  }

  .header_education>* {
    width: 100% !important;
  }
  .training_card:nth-child(2n+1):last-child{
    grid-column: unset !important;
  }

  .header_education .training_card>* {
    margin: auto !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .header_education .training_card .progress_wrapper {
    width: 100%;
  }

  .header_education .training_card .progress_training {
    width: 300px !important;
    height: 300px !important;
  }

  .header_education .training_card .toolbar_list_btns button {
    margin-top: 20px;
  }

  #print_btn {
    padding: 15px;
    width: 75px;
    height: 75px;
  }

  #print_btn>svg {
    width: 50px;
  }

  .print_desktop {
    display: none;
  }

  .print_mobile_pdf {
    display: block;
  }

  .object_wrapper {
    flex-direction: column-reverse !important;
  }

  #object_details2_controlled,
  #object_details4_uncontrolled,
  #object_details3,
  #object_details5,
  #object_details1 {
    padding: 1rem !important;
  }

  .report>.report_header>.report_title {
    align-items: center !important;
    flex-direction: row-reverse !important;
    gap: 5% !important;
    width: 50%;
  }

  .structure_image>img {
    margin: auto;
    display: block;
    width: 60%;
  }

  .structure_image {
    width: 100%;
  }

  #editor form button {
    height: auto;
  }

  .btn_todo_aipsin svg {
    /* width: 50px !important;
    height: 50px !important; */
  }

  .todo_events button {
    width: auto !important;
    height: auto !important;
    padding: 5px !important;
    margin: 5px !important;
  }

  .toolbar_list_btns {
    flex-wrap: unset;
    gap: 2%;
  }

  #team_page_main {
    grid-template-columns: 1fr !important;
    gap: unset !important;
  }

  #team_page_main>h1,
  #team_page_main>span {
    text-align: center;
  }

  #team_page_main>h1 {
    position: unset !important;
  }

  .aipsin_mol .tabs_mol_editor>.btn_tabs_mol button {
    padding: 10px !important;
  }

  .dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config select {
    width: 450px;
  }

  .dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config label {
    justify-content: space-between;
  }

  .dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.header_form_config {
    margin-top: 50px;
  }

  .dropdown_user_configs>label>.form_config>.slider_config .main_form_config>.content_form_config>.form_design {
    gap: 20px;
  }

  .mobile-pre-content-custom-pagination.user_settings .link_notice {
    margin-left: 0px;
  }

  .link_notice {
    box-shadow: none;
  }

  .main_info_user_text {
    gap: 10px;
  }

  .main_info_user {
    align-items: flex-start;
  }

  .switch_aipsin>em {
    max-width: 64px;
    min-width: 76px;
    min-height: 37px;
    max-height: 41px;
  }

  .switch_aipsin>em:before {
    border-radius: 47px;
    height: 33px;
  }

  .switch_aipsin>em:after {
    border-radius: 28px;
    width: 34px;
    height: 33px;
  }

  .switch_aipsin>input:checked~em:after {
    transform: translate3d(40px, 2px, 0);
  }

  .mobile-pre-content-custom-pagination.user_settings .user_series_number {
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
  }

  .user_series_number {
    background-color: rgb(32, 32, 32);
    padding: 19px 30px !important;
  }

  .user_series_number p {
    color: #ffffff;
  }

  #series_info_change {
    width: 100% !important;
    padding: 30px !important;
  }

  form[api-global-search]>*[type="submit"] {
    height: auto;
  }

  #id_history_service {
    display: none;
  }

  .stWrapperReport {
    margin: 10px 35px;
  }

  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item {
    flex-direction: column;
  }

  .flex_mobile_logo {
    display: flex;
    align-items: center;
    gap: 2%;
    justify-content: center;
    margin-top: 40px;
  }

  .flex_mobile_logo>img {
    width: 100px;
  }

  .site_name_aipsin {
    font-weight: 500;
  }

  .choose_install {
    grid-template-columns: 1fr;
  }

  .form_derivative_checker {
    grid-template-columns: 1fr !important;
    grid-template-rows: 1fr 265px !important;
  }

  .form_derivative_checker>.form_aipsin_content_item:nth-child(1),
  .form_derivative_checker>.form_aipsin_content_item:nth-child(2),
  .form_derivative_checker>.form_aipsin_content_item:nth-child(3) {
    grid-column: unset !important;
    grid-row: unset !important;
  }

  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item {
    grid-column: unset !important;
  }

  #menu_tabs {
    display: none !important;
  }

  .form_aipsin>.form_aipsin_content {
    display: block !important;
  }

  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item {
    margin-bottom: 35px;
  }

  .diplomas_wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .diplomas_wrapper>.diploma_block_img {
    grid-column: unset !important;
  }

  .diploma_block_img {
    width: 60%;
    margin: auto;
    height: auto;
    display: flex;
  }

  .bubbles {
    display: none !important;
  }

  .content_journals {
    flex-direction: column;
  }

  .current_journal img {
    width: 100% !important;
    position: unset !important;
    transform: none !important;
  }
}

@media (min-width:1025px) and (max-width:1320px) {
  .table_bases div:first-child {
    grid-row: 1/4;
  }

  .table_bases {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (max-width:1024px) {
  .form-inputs-registration>#email_field:nth-child(1) {
    grid-row: 1;
  }

  .form-inputs-registration>#email_field:nth-child(2) {
    grid-row: 5;
  }

  .form-inputs-registration>#email_field:nth-child(3) {
    grid-row: 9;
  }

  .form-inputs-registration>#email_field:nth-child(4) {
    grid-row: 2;
  }

  .form-inputs-registration>#email_field:nth-child(5) {
    grid-row: 6;
  }

  .form-inputs-registration>#email_field:nth-child(6) {
    grid-row: 10;
  }

  .form-inputs-registration>#email_field:nth-child(7) {
    grid-row: 3;
  }

  .form-inputs-registration>#email_field:nth-child(8) {
    grid-row: 7;
  }

  .form-inputs-registration>#email_field:nth-child(9) {
    grid-row: 11;
  }

  .form-inputs-registration>#email_field:nth-child(10) {
    grid-row: 4;
  }

  .form-inputs-registration>#email_field:nth-child(11) {
    grid-row: 8;
  }

  .form-inputs-registration>#email_field:nth-child(12) {
    grid-row: 12;
  }

  .form_literature>.form_aipsin_content_item:nth-child(3) {
    grid-row: 2;
  }

  .form_literature>.form_aipsin_content_item:nth-child(5) {
    grid-row: 3;
  }

  .form_literature>.form_aipsin_content_item:nth-child(7) {
    grid-row: 4;
  }

  .choose_install {
    grid-template-columns: 1fr;
  }

  /* #main_wrapper_cards>div:nth-child(2n-1):nth-last-of-type(1) {
    grid-column: span 2;
  } */

  #main_wrapper_cards .card_main {
    margin: 0;
  }


  .schedule_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 3%;
  }

  .table_bases div:first-child {
    grid-row: 1/1;
    grid-column: 1/4;
    margin-bottom: 30px;
  }

  .table_bases {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .object_wrapper {
    flex-direction: column-reverse !important;
    padding-left: 1.5rem !important;
  }

  .filepond--drop-label.filepond--drop-label label {
    background-color: unset !important;
  }

  .grid_ms_checker_struct {
    justify-content: center !important;
    flex-wrap: wrap;
  }

  .background_ocean {
    display: none;
  }

  .edit_profile_form .form-inputs-registration #email_field:nth-child(2) {
    grid-row: 2;
  }

  .edit_profile_form .form-inputs-registration #email_field:nth-child(4) {
    grid-row: 4;
  }

  .edit_profile_form .form-inputs-registration #email_field:nth-child(3) {
    grid-row: 3;
  }

  .edit_profile_form .form-inputs-registration #email_field:nth-child(7) {
    grid-row: 7;
  }

  .edit_profile_form .form-inputs-registration #email_field:nth-child(7) {
    grid-row: 8;
  }
}

/*--------------------------------  PAGES  --------------------------------*/
/*--------------------------------  PAGES>NEWSUBSTANCE  --------------------------------*/
.newsubstance_report form {
  width: 100%;
  padding: 0;
}

.newsubstance_report>#editor {
  width: 100%;
  padding: 0;
}

.newsubstance_report>#report {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}
.newsubstance_report>#report img{
  max-width:100%;
}

.newsubstance_report {
  word-break: break-all;
  padding: 20px 40px !important;
}

#sitescreenshot_icon {
  width: 15px;
}

.newsubstance_report>#report * {
  color: var(--theme-color-text, #0C1914);
}

.newsubstance_report>#report>.content_report {
  grid-gap: 10px;
  width: 100%;
  height: 100%;
}

.info_short_text,
#more_info_box_subst>p:nth-child(2) {
  color: #8b8b8b !important;
}

.content_report>.item_report.screenshots {
  grid-row: span 4/auto;
  grid-column: span 12/auto;
}

.content_report>.item_report.comment {
  grid-row: span 4/auto;
  grid-column: span 8/auto;
}

.content_report>.item_report.image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-row: span 4/auto;
  grid-column: span 4/auto;
}

.content_report>.item_report.image img {
  width: 90%;
  margin: auto;
}

.content_report>.newsubstance_item.info {
  grid-row: span 4/auto;
  grid-column: span 8/auto;
}

.content_report>.newsubstance_item.img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-row: span 4/auto;
  grid-column: span 4/auto;
}

.main_short_info .info_p {
  margin: 7px 0px;
}

.content_report>.newsubstance_item.info>.main_info_newsubstance>.main_short_info>.box_countrys_newsubstance {
  padding: 25px 40px;
  border-radius: 7px;
  border: 1.1px solid #7a7a7a;
  margin-top: 20px;
  margin-bottom: 20px;
}

.main_info_newsubstance {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-column-gap: 5%;
  padding: 10px 40px;
  border-radius: 15px;
  margin-bottom: 25px;
  box-sizing: border-box;
  align-items: center;
  justify-items: stretch;
  background: var(--theme-bg-main, white) !important;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.new_sbst_content p,
.Item_comment_block p,
.main_short_info p {
  word-break: break-word;
  text-align: start;
}

.new_sbst_content, .Item_comment_block{
  background: no-repeat center/80% url(/static/images/logo_main_min_opacity.svg) !important;
}


.new_sbst_content a span {
  /* text-decoration:underline; */
  border-bottom: 2px solid var(--theme-color-widget, #c81e1e);
  position: relative;
}


.content_report>.newsubstance_item.img>img {
  width: 90%;
  margin: auto;
}

#status_date {
  font-size: 0.8rem;
  margin: 5px 0 0;
  color: #7a7a7a !important;
}

@media all and (max-width:1024px) {
  .newsubstance_report>#report>.content_report {
    grid-template-columns: 1fr;
  }

  .content_report>.item_report {
    grid-row: unset !important;
    grid-column: unset !important;
  }
}

@media all and (max-width:1350px) {
  .new_sbst_content {
    flex-direction: column-reverse;
  }

  .main_info_newsubstance {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .newsubstance_item {
    grid-row: 1;
  }
}

#more_info_box_subst p a {
  right: 0;
  width: 0;
  padding-bottom: 1px;
  height: 2px;
  border-bottom: 2px solid #888585;
  background-color: #ffffff;
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

#more_info_box_subst p a::before {
  content: '';
  position: absolute;
  bottom: 0;
  padding-bottom: 1px;
  right: 0;
  width: 0;
  height: 2px;
  border-bottom: none;
  background-color: var(--theme-color-widget, #c81e1e);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

#more_info_box_subst p a:hover {
  left: 0;
  padding-bottom: 1px;
  right: auto;
  width: 100%;
  border-bottom: 2px solid var(--theme-color-main, #D60000);
  transition: 0.6s;
}

/*--------------------------------  PAGES>SERVICES  --------------------------------*/

body[path='/services/structure_checker/'] #report .table_aipsin>table>tbody>tr>td,
body[path='/services/structure_checker/'] #report table.table_main>tbody>tr>td{
  border: 1px solid var(--theme-bg-table, #B9B9B9) !important;
}
body[path^='/services/'][path$='/log/'] #recordslist tbody tr td:first-child>em.copy{
  display:none !important;
}
.metabolism_header_image{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: auto;
}
.grid_ms_checker_struct_item h3{
  font-size:13pt;
}
@media print {
  body {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .content_3d_mol {
    display: none;
  }
  a[href]:after { content: none; }
  @page { margin: 0; }
  details.aipsin_details[open]>*:not(summary) {
    max-height: 100% !important;
  }

  details.aipsin_details[open]>summary .icon_span {
    display: none;
  }

  #umnico-widget-wrapper{
    display: none !important;
  }

  .report {
    -webkit-print-color-adjust: exact;
  }

  .report>.report_header {
    font-weight: bold;
  }

  #qrcode {
    display: flex;
    page-break-inside: avoid;
  }

  .report_title>button {
    display: none;
  }

  #print_btn {
    display: none;
  }

  .grid_ms_checker_struct {
    display: block;
  }

  img {
    page-break-after: always;
  }

  .grid_ms_checker_struct {
    page-break-after: always;
  }

  .matches_table {
    page-break-after: always;
  }

  img {
    page-break-before: auto;
    page-break-after: auto;
    page-break-inside: avoid;
  }

  /* .object_wrapper,
  .schedule_wrapper {
    flex-direction: column-reverse;
    padding: 1.5rem;
  } */
  .schedule_wrapper{
    flex-direction:row;
  }
  .structure_image{
    min-height:150px !important;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .structure_image>img{
    height:100% !important;
    display:block !important;
    visibility:visible !important;
  }

  /* .schedule_wrapper {
    display: block !important;
    width: 100%;
  } */

  /* .schedule_wrapper>* {
    margin: auto;
  } */

  
}


/*--------------------------------  PAGES>SERVICES  --------------------------------*/

.mod-items{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    width:100%;
    /* margin-top:1em; */
}
.mod-items .mod-item:not(:last-child)::after{
    content: ',';
    color: var(--theme-color-text,#0C1914);
    font-size: 1rem;
    margin-left: -0.5em;
}
.mod-items .mod-item{
    margin: 0.4em;
}
.mod-items .mod-item .mod-content{
    cursor:pointer;
    font-size: 1rem;
    color: var(--theme-color-text,#0C1914);
    background: transparent;
    padding: 0.4rem 0.8rem;
    /* padding-right: 0px; */
    outline: none;
    border-radius: 15px;
    box-sizing: border-box;
    background: var(--theme-bg-main, white);
    transition: all 0.2s;
    box-shadow: 0 0px 0 0 transparent;
    background-image: linear-gradient(to right, var(--theme-color-widget, #c81e1e), var(--theme-color-widget, #c81e1e));
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: background-size 0.3s ease;
}
.mod-items .mod-item .mod-content:hover{
    color: var(--theme-color-widget, #c81e1e);
    background-size: 100% 2px;
}

/*--------------------------------  PAGES>EDUCATION  --------------------------------*/
.education_main_page {
  width: 100%;
}

.header_education {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
}

.header_education .training_card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.header_education .training_card .progress_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
}

.header_education .progress_training {
  position: relative;
  width: 200px;
  height: 200px;
}

.header_education .progress_training .progress_training_bar {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: conic-gradient(var(--theme-color-widget-error, #c81e1e) calc(0%), rgb(218, 218, 218) 0deg);
}

.header_education .progress_training .progress_training_bar::before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  background: var(--theme-bg-main, white);
  transform: translate(-50%, -50%);
}

.header_education .progress_training .progress_training_bar::after {
  content: attr(procent)'%';
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  z-index: 1;
  font-weight: 700;
  font-size: 1rem !important;
  color: var(--color-procent) !important;
  background-color: none;
  transform: translate(-50%, -50%);
}

.training_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.training_header>p {
  margin-left: 10px;
  font-weight: bold;
}

.education_list {
  position: relative;
  width: 100%;
  /* user-select: none; */
  margin-top: 100px;
  margin-bottom: 130px;
}

.education_list li {
  list-style: none;
}

.education_list .education_list_start_end {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  width: 70px;
  height: 70px;
  left: 50%;
  transform: translate(-50%, -100%);
}

.education_list .education_list_start_end.end {
  transform: translate(-50%, 0%);
}

.education_list::before {
  content: ' ';
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: var(--theme-border-widget, #969696);
  top: 0;
  left: 50%;
  pointer-events: none;
  z-index: -1;
  transform: translateX(-50%);
}

.education_item {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.education_item .education_card {
  position: relative;
  width: 40%;
}

/* .education_item .time_education_card { position: absolute; top: 0; left: 0; transform: translateY(100%); }
.education_item:nth-child(odd) .time_education_card { left: unset; right: 0; }
*/
.education_item::before {
  content: ' ';
  width: 60px;
  height: 60px;
  background: var(--theme-bg-main, white);
  position: absolute;
  top: 50%;
  left: calc(50% - 20px);
  transform: translate(-50%, -50%);
}

.education_item::after {
  position: absolute;
  content: ' ';
  width: 50%;
  height: 2px;
  background-color: var(--theme-border-widget, #969696);
  left: 0%;
  top: 50%;
  transform: translate(0%, -50%);
  z-index: -1;
}

.education_item:nth-child(odd) {
  justify-content: flex-end;
}

.education_item:nth-child(odd)::after {
  left: 0%;
  top: 50%;
  transform: translate(100%, -50%);
}
.education_item .progress_el[aria-label][role~="tooltip"]{
  position: absolute !important;
}
.education_item .progress_el {
  position: absolute !important;
  width: 50px;
  height: 50px;
  top: 50%;
  left: calc(50% - 20px);
  transform: translate(-50%, -50%);
}

.education_item .progress_el .progress_el_state,
.education_list_start_end .progress_education {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: conic-gradient(var(--theme-color-widget-error, #c81e1e) calc(0%), rgb(218, 218, 218) 0deg);
}

.education_item .progress_el .progress_el_state.default::after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 40%;
  border-radius: 50%;
  background-color: var(--theme-border-widget, rgb(218, 218, 218));
  z-index: 1;
  transform: translate(-50%, -50%);
}

.education_item .progress_el .progress_el_state::before,
.education_list_start_end .progress_education::before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  border-radius: 50%;
  background: var(--theme-bg-main, white);
  transform: translate(-50%, -50%);
}

.education_item .progress_el .progress_el_state.progress::after,
.education_list_start_end .progress_education::after {
  content: attr(procent)'%';
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  z-index: 1;
  font-weight: 700;
  font-size: 0.9rem !important;
  color: var(--theme-color-widget-default, #2178e9);
  background-color: none;
  transform: translate(-50%, -50%);
}

.education_list_start_end.end .progress_education::after {
  content: attr(text);
}

.education_list_start_end .progress_education::after {
  color: var(--color-procent) !important;
}

.education_item .progress_el .progress_el_state>svg {
  z-index: 2;
  width: 90%;
  height: 90%;
}

.education_item .progress_el .progress_el_state.close {
  background: conic-gradient(var(--theme-color-widget-error, #c81e1e) calc(100%), rgb(218, 218, 218) 0deg) !important;
}

.education_item .progress_el .progress_el_state.close>svg>path {
  fill: var(--theme-color-widget-error, #c81e1e);
  d: path("M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z");
}

.education_item .progress_el .progress_el_state.ok {
  background: conic-gradient(var(--theme-color-widget-valid, #32bea6) calc(100%), rgb(218, 218, 218) 0deg) !important;
}

.education_item .progress_el .progress_el_state.ok>svg>path {
  fill: var(--theme-color-widget-valid, #32bea6);
  d: path("M9.86,18a1,1,0,0,1-.73-.32L4.27,12.51a1,1,0,1,1,1.46-1.37l4.12,4.39,8.41-9.2a1,1,0,1,1,1.48,1.34l-9.14,10a1,1,0,0,1-.73.33Z");
}



/*--------------------------------  PAGES>TRAINING  --------------------------------*/
.grid_training{
    display: grid;
    grid-template-columns: 3fr 350px;
    width: 100%;
    height: 100%;
    padding: 20px;
    gap: 10px;
}

.grid_training .box_aipsin {
  height: fit-content;
}

.training_main_block {
  height: 100%;
  overflow-y: auto;
}

#training_main_block_wrapper {
  padding: 0;
}

.se-video-container figure {
  width: 93% !important;
  height: 50vh !important;
  padding-bottom: 0 !important;
}

.answerform .radio_aipsin, .answerform .checkbox_aipsin {
  flex-direction: row;
  justify-content: flex-start;
}
.answerform,
.answerform .checkbox_aipsin,
.answerform .radio_aipsin{
  user-select:auto !important;
}

.create-test-question[type="string"] #answerform label > input, .question[type="string"] #answerform label > input{
  border: 1px solid var(--theme-bg-figure,#888888) !important;
  margin-left: 20px;
  padding: 10px !important;
  width: 50%;
}

.block_training{
    margin: 0;
    /* height: auto; */
}
.training_main_block>h4{
    margin-top: 20px;
    text-align: center;
}

.question h4 {
  margin-bottom: 30px;
}

.block_training .questions{
    margin-top: 20px;
    width:100% !important;
    position: relative;
    display:block;
    transition: all 0.3s;
}
.block_training .questions>.question{
    visibility: visible;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 30px;
    height: 100%;
    position: relative;
    width: 100% !important;
    overflow: auto;
}
.block_training .questions>.question.hidden{
    visibility: hidden;
    opacity:0;
}
.block_training .questions>.question>h4{
    text-align:center;
}
.question.correct{
    border-bottom: 10px #32bea6 solid;
}
.question.mistake{
    border-bottom: 10px #d60000 solid;
}

.block_training .questions-theory{
    margin-top: 20px;
    width:100% !important;
    position: relative;
    display:block;
    transition: all 0.3s;
}
.question-theory{
    visibility: visible;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 30px;
    height: 100%;
    position: relative;
    width: 100% !important;
    overflow: auto;
}
.question-theory.hidden{
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
}
.block_training .questions-theory>.question-theory>h4{
    text-align:center;
}
.block_training .questions-practice{
    margin-top: 20px;
    width:100% !important;
    position: relative;
    display:block;
    transition: all 0.3s;
}
.question-practice{
    visibility: visible;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px 30px;
    height: 100%;
    position: relative;
    width: 100% !important;
    overflow: auto;
}
.question-practice.hidden{
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
}
.block_training .questions-practice>.question-practice>h4{
    text-align:center;
}

.block_training .header_education{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.block_training .content_grid{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
}
.block_training .content_grid .item_question{
    position: relative;
    width: 100%;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    aspect-ratio: 1 / 1;
    border-radius: 7rad;
    border-bottom: 3px solid var(--theme-color-widget, #c81e1e);
    overflow: hidden;
    cursor: pointer;
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_question.is_theory{
    overflow: unset;
}
.block_training .content_grid .item_question:not(.is_theory){
    counter-increment: question_counter;
}
.block_training .content_grid .item_question:not(.is_theory)::after{
    position: absolute;
    top: 50%;
    left: 50%;
    content: counter(question_counter);
    transform: translate(-50%, -50%);
    color: var(--theme-color-text,#0C1914);
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_question svg{
    fill:var(--theme-color-widget-active,#df1b1b);
    width:75%;
    height:75%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_question.active svg,
.block_training .content_grid .item_question:hover svg{
    fill:white;
}
.block_training .content_grid .item_question:hover,
.block_training .content_grid .item_question.active{
    background: var(--theme-color-widget-active,#df1b1b);
    border: 1.1px solid var(--theme-color-widget-active,#df1b1b);
}
.block_training .content_grid .item_question:hover::after,
.block_training .content_grid .item_question.active::after{
    color: white;
}
.training_results_hidden{
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
}
.training_answ_hidden{
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
}
.block_training .content_grid .item_theory{
    position: relative;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    display: flex;
    align-items: center;
    appearance: none;
    border-radius: 7px;
    padding: 10px;
    text-decoration: none;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    user-select: none;
    transition: all 0.3s ease-in-out;
}

#theory_block_wrapper {
  grid-template-columns: 1fr;
}

.block_training .content_grid .item_theory.is_theory{
    overflow: unset;
}
.block_training .content_grid .item_theory:not(.is_theory){
}
.block_training .content_grid .item_theory:not(.is_theory)::after{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_theory svg{
    fill:var(--theme-color-widget-active,#df1b1b);
    width:75%;
    height:75%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_theory.active svg,
.block_training .content_grid .item_theory:hover svg{
    fill:white;
}
.block_training .content_grid .item_theory:hover,
.block_training .content_grid .item_theory.active{
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    border-left: 5px solid var(--theme-color-main,#D60000);
}
.block_training .content_grid .item_theory:hover::after,
.block_training .content_grid .item_theory.active::after{
    color: white;
}
.block_training .content_grid .item_practice{
    position: relative;
    width: 100%;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    aspect-ratio: 1 / 1;
    border-radius: 7px;
    border-bottom: 3px solid var(--theme-color-widget, #c81e1e);
    overflow: hidden;
    cursor: pointer;
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_practice.is_theory{
    overflow: unset;
}
.block_training .content_grid .item_practice:not(.is_theory){
    counter-increment: question_counter;
}
.block_training .content_grid .item_practice:not(.is_theory)::after{
    position: absolute;
    top: 50%;
    left: 50%;
    content: counter(question_counter);
    transform: translate(-50%, -50%);
    color: var(--theme-color-text,#0C1914);
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_practice svg{
    fill:var(--theme-color-widget-active,#df1b1b);
    width:75%;
    height:75%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    /* transition: all 0.3s; */
}
.block_training .content_grid .item_practice.active svg,
.block_training .content_grid .item_practice:hover svg{
    fill:white;
}
.block_training .content_grid .item_practice:hover,
.block_training .content_grid .item_practice.active{
    background: var(--theme-color-widget-active,#df1b1b);
    border: 1.1px solid var(--theme-color-widget-active,#df1b1b);
}
.block_training .content_grid .item_practice:hover::after,
.block_training .content_grid .item_practice.active::after{
    color: white;
}
.button_main.hidden{
    visibility: hidden;
    height: 0;
    padding: 0;
}

.action_buttons_training {
  display: flex;
  gap: 30px;
  padding: 10px 30px;
}

.aipsin_html_content figure img {
  width: 85%;
  margin: auto;
  display: block;
}

/* .aipsin_html_content + .sun-editor{
  width:100% !important;
  border:unset !important;
}
.aipsin_html_content + .sun-editor .se-wrapper .se-wrapper-inner{
  overflow:unset !important;
}
.aipsin_html_content + .sun-editor .sun-editor-editable[contenteditable=true] .se-component {
    outline: unset !important;
} */

#training_actions_wrapper {
  position: sticky;
  top: 1%;
  overflow-y: auto;
}
  
/*--------------------------------  PAGES>USER_PROFILE  --------------------------------*/

.link-list {
  list-style: none; /* Убираем стандартные точки списка */
  padding: 0;
  margin: 0;
}
.link-list li {
  margin-bottom: 10px;
}
.link-list a {
  display: block;
  padding: 15px;
  text-decoration: none;
  color: #fff; /* Белый цвет текста */
  background-color: var(--theme-color-main,#D60000);
  border-radius: 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s, transform 0.3s;
}
.link-list a:hover {
  background: var(--theme-color-widget-active,#df1b1b);
  transform: translateY(-2px); /* Легкий эффект при наведении */
}
.link-list a:active {
  background-color: #900a17; /* Еще более темный красный цвет при нажатии */
}
.link-list a .icon {
  margin-right: 10px;
  vertical-align: middle;
}
#cmd_design {
  margin: auto;
  margin-top: 20px;
}

.content_registration {
  width: 95%;
  gap: 30px;
  flex-grow: 1;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 20px auto;
}

.profile_info {
  width: 300px;
  height: auto;
  border-radius: 10px;
}
.profile_info .user_info{
  background: var(--theme-bg-main,white);
  color: var(--theme-color-text,#0C1914);
  border-radius: 7px;
  height: auto;
  padding: 10px 1rem;
  margin: 10px 0;
  transition: .3s cubic-bezier(0, 0.65, 0.26, 1.71);
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  overflow: hidden;
}

.register_form {
  flex: 1;
}
.register_form>.box_diagram_user{
  width: 100%;
  height: 550px;
}

.simple_form.new_worker {
  border-radius: 10px;
  box-shadow: unset !important;
  padding: 0px;
}

.form-inputs-registration {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  justify-items: center;
  margin-top: 25px;
}

.form-inputs-registration .input_field {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* .form-inputs-registration .input_field {
  width: 350px;
} */

.form-inputs-registration .input_field>select,
.form-inputs-registration .input_field>input {
  width: 100% !important;
}
.form-inputs-registration  #email_field:nth-child(1){
  grid-column: span 4/auto;
} 
.form-inputs-registration  #email_field:nth-child(2){
  grid-column: span 4/auto;
} 
.form-inputs-registration  #email_field:nth-child(3){
  grid-column: span 4/auto;
} 
.form-inputs-registration  #email_field:nth-child(4){
  grid-column: span 6/auto;
} 
.form-inputs-registration  #email_field:nth-child(5){
  grid-column: span 6/auto;
} 
.form-inputs-registration  #email_field:nth-child(8){
  grid-column: span 12/auto;
} 
.form-inputs-registration  #email_field:nth-child(7){
  grid-column: span 6/auto;
} 
.form-inputs-registration  #email_field:nth-child(6){
  grid-column: span 6/auto;
} 
.form-inputs-registration  #email_field:nth-child(9){
  grid-column: span 6/auto;
} 
.form-inputs-registration  #email_field:nth-child(10){
  grid-column: span 6/auto;
} 

.form-inputs-registration td>select {
  width: 250px !important;
}

.register_form .form-actions {
  justify-content: flex-end;
}




.user_events_counters{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.user_events_counters>.user_events_counters_item:not(:last-child){
  border-right: 2px solid var(--theme-color-widget, #c81e1e);
}
.user_events_counters>.user_events_counters_item{
  color: var(--theme-color-widget, #c81e1e);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  transition: all 0.2s;
}
.user_events_counters>.user_events_counters_item>h2,
.user_events_counters>.user_events_counters_item>h4{
  color: var(--theme-color-widget, #c81e1e);
}
.user_events_counters>.user_events_counters_item:hover>h2,
.user_events_counters>.user_events_counters_item:hover>h4{
  color: var(--theme-color-widget-active, #df1b1b);
}
@media screen and (min-width:781px) and (max-width:1250px) {
  .form-inputs-registration #email_field{
      grid-column: span 6/auto !important;
  }
  /* grid-template-columns: 1fr 1fr; */
}
@media screen and (min-width:481px) and (max-width:780px) {
  .form-inputs-registration #email_field{
      grid-column: span 12/auto !important;
  }
  .form-inputs-registration {
      /* grid-template-columns: 1fr; */
  }
}
@media screen and (max-device-width:480px){
  .user_events_counters{
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  .user_events_counters>.user_events_counters_item:nth-child(2){
      border-right: none !important;
  }
  .user_events_counters>.user_events_counters_item:nth-child(2){
      border-left: 2px solid var(--theme-color-widget, #c81e1e);
  }
  .user_events_counters>.user_events_counters_item:nth-child(4){
      border-left: 2px solid var(--theme-color-widget, #c81e1e);
  }
}

/*--------------------------------  PAGES>STATISTICS  --------------------------------*/

#container_statistics_view .dict_statistics_slider_charts.hidden_slider{
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  pointer-events: none;
}
.dict_statistics_list{
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 80px;
  grid-gap: 10px;
  width: 100%;
  height: 100%;
}
.dict_statistics_item{
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  grid-column: span 4/auto;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dict_statistics_item_title{
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dict_statistics_item_column_data{
  overflow: hidden;
}
.dict_statistics_item>em{
  width: 45px;
  height: 45px;
  aspect-ratio: 1/1;
  margin-right: 10px;
  border-radius: 50%;
  padding:10px;
  background: var(--theme-color-main,#D60000); 
}
.dict_statistics_item>em>svg{
  fill: white;
  width: 100%;
  height: 100%;
}
.dict_statistics_item p{
  margin: 0;
}


.dict_statistics_slider_charts{
  width: 100%;
  height: 100px;
}
.dict_statistics_slider_charts_item{
  height: 100%;
  border-radius: 7px;
}
.dict_statistics_slider_charts_item_content{
  /* width: 100%; */
  /* height: 100%; */
  padding: 10px;
  position: relative;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.dict_statistics_slider_charts_item_content em{
  width: 45px;
  height: 45px;
  padding: 10px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin-right: 15px;
  background: var(--theme-color-main,#D60000); 
}
.dict_statistics_slider_charts_item_content em>svg{
  fill: white;
  width: 100%;
  height: 100%;
}
.dict_statistics_slider_charts_item_content h4{
  min-height: unset;
}

.dict_statistics_control{
  width: 100%;
  gap: 40px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.dict_statistics_menu{
  border-radius: 15px;
  height: 100%;
  padding: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  width: 100%;
  min-width: 250px;
  max-width: 350px;
  z-index: 1;
}
.dict_statistics_chart_content{
  flex: 1;
}
.dict_statistics_chart_content .page_aipsin_view{
  z-index: unset;
}
.dict_statistics_chart_element{
  width: 100%;
  position: relative;
}
.dict_statistics_chart_filter{
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
/*--------------------------------  PAGES>ADMIN_CUSTOMS  --------------------------------*/
.header-dashboard{
  margin-top: 5px;
  width: calc(100%-20px);
  height: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: start;
  border-radius: 15px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  user-select: none;
}
.header-dashboard>.timer-content{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-left:10px;
  margin-right:10px;
}
.header-dashboard>.timer-content>svg{
  fill: var(--theme-color-main, #D60000);
}
.header-dashboard>.timer-content>.timer-count{
  padding-left: 5px;
  min-width: 30px;
}
.grid-admin-dashboard{
  display: grid;
  width: 100%;
  grid-gap: 10px;
  grid-template-columns: repeat(1, 1fr);
  grid-auto-rows: 600px;
  margin-top: 10px;
  /* overflow: hidden; */
}
.grid-admin-item{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 15px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  padding: 10px 15px;
  user-select: none;
  overflow: hidden;
}
.grid-admin-item>canvas{
  max-width: 100%;
  max-height: 100%;
  position: relative;
}
.grid-admin-item>.group_line{
  height:100 !important;
}
.grid-admin-item>div{
  width: 100%;
  height: 100%;
  position: relative;
}
.grid-admin-item>#map_blr>div{
  width: 100%;
  height: 100%;
  position: relative;
}
.grid-admin-item>#map_blr>svg>g>.land{
  width: 100%;
  height: 100%;
  fill: var(--theme-color-main, #D60000);
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: round;
  transition: 0.3s;
}
.grid-admin-item>#map_blr>svg>g>.active{
  fill: rgb(181, 207, 255) !important;
}
.grid-admin-item>#map_blr>svg>g>.active:hover{
  fill: rgb(200, 220, 255) !important;
}
.grid-admin-item>#map_blr>svg>g>.land:hover {
  fill: rgb(119, 157, 228);
}
.grid-admin-item>#map_blr>svg>.point{
  fill: rgb(200, 0, 0) !important;
  width:5px;
  height: 5px;
  animation: pulse-animation-svg 5s infinite;
  z-index: 1;
  cursor: pointer;
}
.grid-admin-item>#map_blr>svg>.city_point{
  fill: none;
  user-select: none;
  pointer-events: none;
  stroke: #ffffff;
}
.grid-admin-item>#map_blr>svg>.point:hover{
  fill: red !important;
}
.grid-admin-item>.calendar_events{
  display:flex;
  flex-direction: column;
  width: 100%;
  height:100%;
  position:relative;
  padding: 10px;
  overflow: auto;
}
.grid-admin-item>.calendar_events>.item-event{
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 10px 5px;
  border-radius: 10px;
  background: rgb(247, 247, 247);
  cursor: pointer;
  transition: all 0.3s
}
.grid-admin-item>.calendar_events>.item-event:hover{
  background: white;
}
.grid-admin-item>.calendar_events>.item-event>.item-icon-event{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border-radius: 10px;
  background-color: #4166ab;
  transition: all 0.3s
}
.grid-admin-item>.calendar_events>.item-event:hover .item-icon-event{
  background-color:rgb(119, 157, 228);
}
.grid-admin-item>.calendar_events>.item-event>.item-icon-event>svg{
  fill:white;
}
.grid-admin-item>.calendar_events>.item-event>.item-content-event{
  display:flex;
  flex-direction: column;
  width: 100%;
}
.grid-admin-item>.calendar_events>.item-event>.item-content-event h5 {
  margin: 0;
  margin-bottom: 5px;
}
.grid-admin-item>.calendar_events>.item-event>.item-content-event h6 {
  margin: 0;
}
.grid-admin-item>.calendar_events>.item-event>.item-content-event{
  padding-left: 10px;
  display: flex;
  justify-content: center;
  height: 100%;
}
.grid-admin-item>.calendar_events>.item-event .date-event{
  position: absolute;
  bottom: 5px;
  right: 10px;
}
.grid-admin-item>.calendar_events>.item-event .time-create{
  position: absolute;
  top: 5px;
  right: 10px;
}
@keyframes pulse-animation-svg {
  0% {
      fill: rgb(200, 0, 0) !important;
      filter: drop-shadow(0 0 25px rgb(255, 0, 51));

  }
  75% {
      fill: rgb(255, 147, 147) !important;
      filter: drop-shadow(0px 0px 0px rgba(255, 0, 51));

  }
  100% {
      fill: rgb(200, 0, 0) !important;
      filter: drop-shadow(0 0 25px rgb(255, 0, 51));

  }
}
.svg-container {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
  vertical-align: center;
  overflow: hidden;
}
.svg-content-responsive {
  display: inline-block;
  position: absolute;
  left: 0;
}
.grid-admin-item>#map_blr>svg> .arc_line{
  fill: none;
  user-select: none;
  pointer-events: none;
  z-index: -1;
  stroke: #ffffff;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-opacity: 0.1;
  stroke-dasharray: 6 6;
  -webkit-animation: marching-ants 2s linear 0s infinite;
  animation: marching-ants 2s linear 0s infinite;
}
.grid-admin-item>#map_blr>svg> .data_path{
  fill-opacity: 0.9;
  fill: white;
  user-select: none;
  pointer-events: none;
}
@-webkit-keyframes marching-ants {
  from {
      stroke-dashoffset: 0;
  }
  to {
      stroke-dashoffset: 12;
  }
}
@keyframes marching-ants {
  from {
      stroke-dashoffset: 0;
  }
  to {
      stroke-dashoffset: 12;
  }
}
.online-table-events{
  width:100%;
}




.pulse{
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #0059ff;
  animation: pulse_passive 2s infinite;
}
@keyframes pulse_passive {
  0% {
      box-shadow: 0 0 rgba(0, 110, 255, 0.5);
  }
  100% {
      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}
.pulse.active {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #09ff00;
  animation: pulse_active 2s infinite;
  padding: 0;
}
@keyframes pulse_active {
  0% {
      box-shadow: 0 0 rgba(0, 255, 0, 0.5);
  }
  100% {
      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}
.pulse.warning{
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: #fbff00;
  animation: pulse_warning 2s infinite;
  padding: 0;
}
@keyframes pulse_warning {
  0% {
      box-shadow: 0 0 rgba(238, 255, 0, 0.6);
  }
  100% {
      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}
.pulse.error{
  contain: size;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: var(--theme-color-main,#D60000);
  animation: pulse_error 2s infinite;
  padding: 0;
}
@keyframes pulse_error {
  0% {
      box-shadow: 0 0 rgba(255, 0, 0, 0.5);
  }
  100% {
      box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}
@media only screen and (min-width: 1250px) {
  .grid-admin-dashboard{
      grid-template-columns: repeat(6, 1fr);
      grid-auto-rows: 150px;
  }
  .grid-admin-item:nth-child(1) {
      grid-row: span 4/auto;
      grid-column: span 4/auto;
  }
  .grid-admin-item:nth-child(2) {
      grid-row: span 4/auto;
      grid-column: span 2/auto;
  }
  .grid-admin-item:nth-child(3) {
      grid-row: span 2/auto;
      grid-column: span 6/auto;
  }
}
/*--------------------------------  PAGES>STASH_DETENTIONS_CREATE  --------------------------------*/
body[path^="/stash/detentions/0/new/"] #form_new_model #editor.form_aipsin .form_aipsin{
  box-shadow: unset !important;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
body[path^="/stash/detentions/0/new/"] #form_new_model #editor.form_aipsin .form_aipsin .form_inputs_show_hidden{
  display: none !important;
}
body[path^="/stash/detentions/0/new/"] #form_new_model #editor.form_aipsin .form_aipsin .error_msg{
  display: none !important;
}
/*--------------------------------  PAGES>CONTRABAND_DETENTIONS_CREATE  --------------------------------*/
body[path^="/contraband/detentions/0/new/"] #form_new_model #editor.form_aipsin .form_aipsin{
  box-shadow: unset !important;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
body[path^="/contraband/detentions/0/new/"] #form_new_model #editor.form_aipsin .form_aipsin .form_inputs_show_hidden{
  display: none !important;
}
body[path^="/contraband/detentions/0/new/"] #form_new_model #editor.form_aipsin .form_aipsin .error_msg{
  display: none !important;
}


/*--------------------------------  EVENT_THEME  --------------------------------*/
em.aipsin_theme_event_close_button{
  cursor: pointer;
  position: absolute;
  width:50px;
  height:50px;
  border-radius: 50%;
  aspect-ratio: 1/1;
  padding: 5px;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--theme-bg-main,white);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}
em.aipsin_theme_event_close_button:hover{
  box-shadow: var(--theme-color-opacity-widget,#c81e1e50) 0px 1px 3px 0px, var(--theme-color-opacity-widget,#c81e1e50) 0px 0px 0px 1px;
}
em.aipsin_theme_event_close_button>svg{
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}
em.aipsin_theme_event_close_button:hover>svg{
  fill: var(--theme-color-main, #D60000);
  transform: scale(1.1);
}

/*--------------------------------  EVENT_THEME>FIREWORKS  --------------------------------*/
#aipsin_theme_event_fireworks_content{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 100000;
}
#aipsin_theme_event_fireworks_content>canvas{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#aipsin_theme_event_fireworks_content>img{
  /* width:50%; */
  height:50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%, -50%);
  z-index: 1;
  pointer-events: none;
}
#aipsin_theme_event_fireworks_content>h2{
  text-align: center;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  user-select: none;
}

/*--------------------------------  IMPORT_LIBS  --------------------------------*/
/*--------------------------------  IMPORT_LIBS>CHOICES  --------------------------------*/
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px
}

.choices:focus {
  outline: 0
}

.choices:last-child {
  margin-bottom: 0
}

.choices.is-open {
  overflow: visible
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none
}

.choices.is-disabled .choices__item {
  cursor: not-allowed
}

.choices [hidden] {
  display: none !important
}

.choices[data-type*=select-one] {
  cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px var(--theme-color-widget-active, #df1b1b);
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0-4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid var(--theme-color-widget, #c81e1e);
  background-image: url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: .75;
  border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px
}

.choices__list--single .choices__item {
  width: 100%
}

.choices__list--multiple {
  display: inline
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: var(--theme-color-widget, #c81e1e);
  border: 1px solid var(--theme-color-widget-active, #df1b1b);
  color: #fff;
  word-break: break-all;
  box-sizing: border-box
}

/* var(--theme-color-widget,#c81e1e) */
/* var(--theme-color-widget-active,#df1b1b) */
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: var(--theme-color-widget, #c81e1e);
  border: 1px solid var(--theme-color-widget-active, #df1b1b);
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: .25rem .25rem 0 0
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right
}

@media (min-width:640px) {

  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px
  }

  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px
  }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: .5
}

.choices__item {
  cursor: default
}

.choices__item--selectable {
  cursor: pointer
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: .5
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer
}

.choices__button:focus,
.choices__input:focus {
  outline: 0
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0
}

.choices__placeholder {
  opacity: .5
}

/*--------------------------------  IMPORT_LIBS>FILEPOND  --------------------------------*/
/*!
 * FilePond 4.30.4
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Hard to override styles */
.filepond--browser.filepond--browser {
  /* is positioned absolute so it is focusable for form validation errors */
  position: absolute;
  margin: 0;
  padding: 0;
  /* is positioned ~behind drop label */
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  /* hide visually */
  opacity: 0;
  font-size: 0;
  /* removes text cursor in Internet Explorer 11 */
}

.filepond--data {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  visibility: hidden;
  pointer-events: none;
  contain: strict;
}

.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  /* can't interact with this element */
  pointer-events: none;
  /* inherit border radius from parent (needed for drip-blob cut of) */
  border-radius: 0.5em;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}

.filepond--drip-blob {
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--drop-label {
  background-color: var(--theme-bg-main, white) !important;
  border: 1.1px dashed !important;
  border-radius: 18px !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  /* center contents */
  display: flex;
  justify-content: center;
  align-items: center;
  /* fixes IE11 centering problems (is overruled by label min-height) */
  height: 0px;
  /* dont allow selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* will be animated */
  will-change: transform, opacity;
}

/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  background-color: var(--theme-bg-main, white);
  /* border: 1.1px dashed !important; */
  border-radius: 18px !important;
  margin: 0;
  padding: 0.5em;
  /* 
    use padding instead of margin so click area is not impacted */
}

.filepond--drop-label label {
  cursor: pointer;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}

.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  -webkit-text-decoration-color: #a7a4a4;
  text-decoration-color: #a7a4a4;
  cursor: pointer;
}

.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
}

/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
  /* hidden label */
}

.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file-action-button.filepond--file-action-button {
  /* scale SVG to fill button */
}

.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}

.filepond--file-action-button.filepond--file-action-button {
  /* bigger touch area */
}

.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: '';
}

/* Soft styles */
.filepond--file-action-button {
  /* use default arrow cursor */
  cursor: auto;
  /* reset default button styles */
  color: #fff;
  /* set default look n feel */
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  /* we animate box shadow on focus */
  /* it's only slightly slower than animating */
  /* a pseudo-element with transforms and renders */
  /* a lot better on chrome */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in;
}

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}

.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}

.filepond--file-action-button[hidden] {
  display: none;
}

/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: 0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {
  margin-left: -0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {
  margin-bottom: -0.1875em;
}

.filepond--action-edit-item-alt {
  border: none;
  line-height: inherit;
  background: transparent;
  font-family: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0 0 0 0.25em;
  pointer-events: all;
  position: absolute;
}

.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}

.filepond--action-edit-item-alt span {
  font-size: 0;
  opacity: 0;
}

.filepond--file-info {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* no margins on children */
}

.filepond--file-info * {
  margin: 0;
}

.filepond--file-info {
  /* we don't want to have these overrules so these selectors are a bit more specific */
}

.filepond--file-info .filepond--file-info-main {
  font-size: 0.75em;
  line-height: 1.2;
  /* we want ellipsis if this bar gets too wide */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.filepond--file-info .filepond--file-info-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}

.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}

.filepond--file-status {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* no margins on children */
}

.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}

.filepond--file-status {
  /* font sizes */
}

.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2;
}

.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
}

/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
  /* hide legend for visual users */
}

.filepond--file-wrapper.filepond--file-wrapper>legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file {
  position: static;
  display: flex;
  height: 100%;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em;
  /* control positions */
}

.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}

.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 3;
}

.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}

.filepond--file {
  /* .filepond--file-action-button */
}

.filepond--file [data-align*='left'] {
  left: 0.5625em;
}

.filepond--file [data-align*='right'] {
  right: 0.5625em;
}

.filepond--file [data-align*='center'] {
  left: calc(50% - 0.8125em);
  /* .8125 is half of button width */
}

.filepond--file [data-align*='bottom'] {
  bottom: 1.125em;
}

.filepond--file [data-align='center'] {
  top: calc(50% - 0.8125em);
}

.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*='right'] {
  margin-right: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*='left'] {
  margin-left: 0.1875em;
}

/* make sure text does not overlap */
[data-filepond-item-state='cancelled'] .filepond--file-info,
[data-filepond-item-state*='invalid'] .filepond--file-info,
[data-filepond-item-state*='error'] .filepond--file-info {
  margin-right: 2.25em;
}

[data-filepond-item-state~='processing'] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state~='processing'] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state='processing-error'] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state='processing-error'] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state='processing-complete'] {
  /* busy state */
}

[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {
  -webkit-animation: fall 0.5s 0.125s linear both;
  animation: fall 0.5s 0.125s linear both;
}

[data-filepond-item-state='processing-complete'] {
  /* hide details by default, only show when can revert */
}

[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state='processing-complete'] .filepond--processing-complete-indicator:not([style*='hidden'])~.filepond--file-status .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state='processing-complete'] .filepond--file-info-sub {
  opacity: 0;
}

[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
  opacity: 0.5;
}

/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*='invalid'] .filepond--panel,
[data-filepond-item-state*='invalid'] .filepond--file-wrapper,
[data-filepond-item-state*='error'] .filepond--panel,
[data-filepond-item-state*='error'] .filepond--file-wrapper {
  -webkit-animation: shake 0.65s linear both;
  animation: shake 0.65s linear both;
}

/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

/**
 * States
 */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes shake {

  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
  }

  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
  }

  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
  }

  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
  }
}

@keyframes shake {

  10%,
  90% {
    -webkit-transform: translateX(-0.0625em);
    transform: translateX(-0.0625em);
  }

  20%,
  80% {
    -webkit-transform: translateX(0.125em);
    transform: translateX(0.125em);
  }

  30%,
  50%,
  70% {
    -webkit-transform: translateX(-0.25em);
    transform: translateX(-0.25em);
  }

  40%,
  60% {
    -webkit-transform: translateX(0.25em);
    transform: translateX(0.25em);
  }
}

@-webkit-keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

@keyframes fall {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  70% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}

/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state='drag-over']>* {
  pointer-events: none;
}

/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state='drag-over']::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.filepond--progress-indicator {
  z-index: 103;
}

.filepond--file-action-button {
  z-index: 102;
}

.filepond--file-status {
  z-index: 101;
}

.filepond--file-info {
  z-index: 100;
}

.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
  /* item children order */
}

.filepond--item>.filepond--panel {
  z-index: -1;
}

/* has a slight shadow */
.filepond--item>.filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}

.filepond--item {
  /* drag related */
}

.filepond--item>.filepond--file-wrapper,
.filepond--item>.filepond--panel {
  transition: opacity 0.15s ease-out;
}

.filepond--item[data-drag-state] {
  cursor: -webkit-grab;
  cursor: grab;
}

.filepond--item[data-drag-state]>.filepond--panel {
  transition: box-shadow 0.125s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.filepond--item[data-drag-state='drag'] {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.filepond--item[data-drag-state='drag']>.filepond--panel {
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}

.filepond--item[data-drag-state]:not([data-drag-state='idle']) {
  z-index: 2;
}

/* states */
.filepond--item-panel {
  background-color: #64605e;
}

[data-filepond-item-state='processing-complete'] .filepond--item-panel {
  background-color: #369763;
}

[data-filepond-item-state*='invalid'] .filepond--item-panel,
[data-filepond-item-state*='error'] .filepond--item-panel {
  background-color: #c44e47;
}

/* style of item panel */
.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s;
}

/* normal mode */
.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
}

/* scroll mode */
.filepond--list-scroller[data-state='overflow'] .filepond--list {
  bottom: 0;
  right: 0;
}

.filepond--list-scroller[data-state='overflow'] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}

/* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

/* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* prevents endless paint calls on filepond--list-scroller */
  will-change: transform;
}

/* used for padding so allowed to be restyled */
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}

.filepond--root[data-style-panel-layout~='integrated'] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root>*,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root>* {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}

.filepond--root[data-style-panel-layout~='circle'],
.filepond--root[data-style-panel-layout~='integrated'] {
  /* we're only loading one item, this makes the intro animation a bit nicer */
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {
  display: none;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--list,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--item,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {
  margin: 0;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {
  height: 100%;
}

.filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,
.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {
  z-index: 7;
}

.filepond--root[data-style-panel-layout~='circle'] {
  border-radius: 99999rem;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~='circle']>.filepond--panel {
  border-radius: inherit;
}

.filepond--root[data-style-panel-layout~='circle']>.filepond--panel>* {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] {
  /* circle cuts of this info, so best to hide it */
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {
  display: none;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
}

/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .filepond--root[data-style-panel-layout~='circle'] {
      will-change: transform;
    }
  }
}

.filepond--panel-root {
  border-radius: 0.5em;
  background-color: #f1f0ef;
}

.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
  height: 100% !important;
  /* no interaction possible with panel */
  pointer-events: none;
}

.filepond-panel:not([data-scalable='false']) {
  height: auto !important;
}

.filepond--panel[data-scalable='false']>div {
  display: none;
}

.filepond--panel[data-scalable='true'] {
  /* this seems to fix Chrome performance issues */
  /* - when box-shadow is enabled */
  /* - when multiple ponds are active on the same page */
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  /* prevent borders and backgrounds */
  background-color: transparent !important;
  border: none !important;
}

.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}

.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
  /* fixes tiny transparant line between top and center panel */
}

.filepond--panel-top::after {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}

.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: translate3d(0, 0.5em, 0);
  transform: translate3d(0, 0.5em, 0);
}

.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
  /* fixes tiny transparant line between bottom and center of panel */
}

.filepond--panel-bottom::before {
  content: '';
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}

.filepond--panel-center {
  /* the center panel is scaled using scale3d to fit the correct height */
  /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}

.filepond--panel-center:not([style]) {
  visibility: hidden;
}

.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  /* can't have margins */
  margin: 0;
  /* no interaction possible with progress indicator */
  pointer-events: none;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box;
  /* should center the animation correctly when zoomed in */
}

.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}

.filepond--list-scroller {
  z-index: 6;
}

.filepond--drop-label {
  z-index: 5;
}

.filepond--drip {
  z-index: 3;
}

.filepond--root>.filepond--panel {
  z-index: 2;
}

.filepond--browser {
  z-index: 1;
}

.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* up uses default system font family */
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  /* default text alignment */
  text-align: left;
  /* better text rendering on Safari */
  text-rendering: optimizeLegibility;
  /* text direction is ltr for now */
  direction: ltr;
  /* optimize rendering */
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
  contain: layout style size;
  /* correct box sizing, line-height and positioning on child elements */
}

.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}

.filepond--root *:not(text) {
  font-size: inherit;
}

.filepond--root {
  /* block everything */
}

.filepond--root[data-disabled] {
  pointer-events: none;
}

.filepond--root[data-disabled] .filepond--list-scroller {
  pointer-events: all;
}

.filepond--root[data-disabled] .filepond--list {
  pointer-events: none;
}

/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}

.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}

.filepond--root .filepond--credits {
  position: absolute;
  right: 0;
  opacity: 0.175;
  line-height: 0.85;
  font-size: 11px;
  color: inherit;
  text-decoration: none;
  z-index: 3;
  bottom: -14px;
}

.filepond--root .filepond--credits[style] {
  top: 0;
  bottom: auto;
  margin-top: 14px;
}

/*--------------------------------  IMPORT_LIBS>FILEPOND-PLUGIN-IMAGE-PREVIEW  --------------------------------*/
/*!
 * FilePondPluginImagePreview 4.6.11
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}

.filepond--image-preview-wrapper {
  z-index: 2;
}

.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}

.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}

.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: rgba(54, 151, 99, 1);
}

.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: rgba(196, 78, 71, 1);
}

/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}

.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}

.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  /* this aligns the graphic vertically if the panel is higher than the image */
  align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  /* transparency indicator (currently only supports grid or basic color) */
}

.filepond--image-clip[data-transparency-indicator='grid'] img,
.filepond--image-clip[data-transparency-indicator='grid'] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}

.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}

.filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview-wrapper {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~='integrated'] .filepond--image-preview {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file .filepond--file-action-button[data-align*='bottom']:not([data-align*='center']) {
  margin-bottom: 0.325em;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='left'] {
  left: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--file [data-align*='right'] {
  right: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='left'],
.filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='right'] {
  margin-bottom: calc(0.325em + 0.1875em);
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--progress-indicator[data-align*='bottom'][data-align*='center'] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}

/*--------------------------------  IMPORT_LIBS>FILEPOND-PLUGIN-IMAGE-EDIT  --------------------------------*/
/*!
 * FilePondPluginImageEdit 1.6.3
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: 0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {
  margin-left: -0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {
  margin-bottom: -0.1875em;
}

.filepond--action-edit-item-alt {
  border: none;
  line-height: inherit;
  background: transparent;
  font-family: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0 0 0 0.25em;
  pointer-events: all;
  position: absolute;
}

.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}

.filepond--action-edit-item-alt span {
  font-size: 0;
  opacity: 0;
}

.filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
}

/*--------------------------------  IMPORT_LIBS>FLAGS  --------------------------------*/
span.flag {
  width: 44px;
  height: 30px;
  display: inline-block
}

img.flag {
  width: 30px
}

.flag {
  background: url(/static/flags/img/flags_responsive.png) no-repeat;
  background-size: 100%
}

.flag-ad,[flag="ad"] {
  background-position: 0 .413223%
}

.flag-ae,[flag="ae"] {
  background-position: 0 .826446%
}

.flag-af,[flag="af"] {
  background-position: 0 1.239669%
}

.flag-ag,[flag="ag"] {
  background-position: 0 1.652893%
}

.flag-ai,[flag="ai"] {
  background-position: 0 2.066116%
}

.flag-al,[flag="al"] {
  background-position: 0 2.479339%
}

.flag-am,[flag="am"] {
  background-position: 0 2.892562%
}

.flag-an,[flag="an"] {
  background-position: 0 3.305785%
}

.flag-ao,[flag="ao"] {
  background-position: 0 3.719008%
}

.flag-aq,[flag="aq"] {
  background-position: 0 4.132231%
}

.flag-ar,[flag="ar"] {
  background-position: 0 4.545455%
}

.flag-as,[flag="as"] {
  background-position: 0 4.958678%
}

.flag-at,[flag="at"] {
  background-position: 0 5.371901%
}

.flag-au,[flag="au"] {
  background-position: 0 5.785124%
}

.flag-aw,[flag="aw"] {
  background-position: 0 6.198347%
}

.flag-az,[flag="az"] {
  background-position: 0 6.61157%
}

.flag-ba,[flag="ba"] {
  background-position: 0 7.024793%
}

.flag-bb,[flag="bb"] {
  background-position: 0 7.438017%
}

.flag-bd,[flag="bd"] {
  background-position: 0 7.85124%
}

.flag-be,[flag="be"] {
  background-position: 0 8.264463%
}

.flag-bf,[flag="bf"] {
  background-position: 0 8.677686%
}

.flag-bg,[flag="bg"] {
  background-position: 0 9.090909%
}

.flag-bh,[flag="bh"] {
  background-position: 0 9.504132%
}

.flag-bi,[flag="bi"] {
  background-position: 0 9.917355%
}

.flag-bj,[flag="bj"] {
  background-position: 0 10.330579%
}

.flag-bm,[flag="bm"] {
  background-position: 0 10.743802%
}

.flag-bn,[flag="bn"] {
  background-position: 0 11.157025%
}

.flag-bo,[flag="bo"] {
  background-position: 0 11.570248%
}

.flag-br,[flag="br"] {
  background-position: 0 11.983471%
}

.flag-bs,[flag="bs"] {
  background-position: 0 12.396694%
}

.flag-bt,[flag="bt"] {
  background-position: 0 12.809917%
}

.flag-bv,[flag="bv"] {
  background-position: 0 13.22314%
}

.flag-bw,[flag="bw"] {
  background-position: 0 13.636364%
}

.flag-by,[flag="by"] {
  background-position: 0 14.049587%
}

.flag-bz,[flag="bz"] {
  background-position: 0 14.46281%
}

.flag-ca,[flag="ca"] {
  background-position: 0 14.876033%
}

.flag-cc,[flag="cc"] {
  background-position: 0 15.289256%
}

.flag-cd,[flag="cd"] {
  background-position: 0 15.702479%
}

.flag-cf,[flag="cf"] {
  background-position: 0 16.115702%
}

.flag-cg,[flag="cg"] {
  background-position: 0 16.528926%
}

.flag-ch,[flag="ch"] {
  background-position: 0 16.942149%
}

.flag-ci,[flag="ci"] {
  background-position: 0 17.355372%
}

.flag-ck,[flag="ck"] {
  background-position: 0 17.768595%
}

.flag-cl,[flag="cl"] {
  background-position: 0 18.181818%
}

.flag-cm,[flag="cm"] {
  background-position: 0 18.595041%
}

.flag-cn,[flag="cn"] {
  background-position: 0 19.008264%
}

.flag-co,[flag="co"] {
  background-position: 0 19.421488%
}

.flag-cr,[flag="cr"] {
  background-position: 0 19.834711%
}

.flag-cu,[flag="cu"] {
  background-position: 0 20.247934%
}

.flag-cv,[flag="cv"] {
  background-position: 0 20.661157%
}

.flag-cx,[flag="cx"] {
  background-position: 0 21.07438%
}

.flag-cy,[flag="cy"] {
  background-position: 0 21.487603%
}

.flag-cz,[flag="cz"] {
  background-position: 0 21.900826%
}

.flag-de,[flag="de"] {
  background-position: 0 22.31405%
}

.flag-dj,[flag="dj"] {
  background-position: 0 22.727273%
}

.flag-dk,[flag="dk"] {
  background-position: 0 23.140496%
}

.flag-dm,[flag="dm"] {
  background-position: 0 23.553719%
}

.flag-do,[flag="do"] {
  background-position: 0 23.966942%
}

.flag-dz,[flag="dz"] {
  background-position: 0 24.380165%
}

.flag-ec,[flag="ec"] {
  background-position: 0 24.793388%
}

.flag-ee,[flag="ee"] {
  background-position: 0 25.206612%
}

.flag-eg,[flag="eg"] {
  background-position: 0 25.619835%
}

.flag-eh,[flag="eh"] {
  background-position: 0 26.033058%
}

.flag-er,[flag="er"] {
  background-position: 0 26.446281%
}

.flag-es,[flag="es"] {
  background-position: 0 26.859504%
}

.flag-et,[flag="et"] {
  background-position: 0 27.272727%
}

.flag-fi,[flag="fi"] {
  background-position: 0 27.68595%
}

.flag-fj,[flag="fj"] {
  background-position: 0 28.099174%
}

.flag-fk,[flag="fk"] {
  background-position: 0 28.512397%
}

.flag-fm,[flag="fm"] {
  background-position: 0 28.92562%
}

.flag-fo,[flag="fo"] {
  background-position: 0 29.338843%
}

.flag-fr,[flag="fr"] {
  background-position: 0 29.752066%
}

.flag-ga,[flag="ga"] {
  background-position: 0 30.165289%
}

.flag-gd,[flag="gd"] {
  background-position: 0 30.578512%
}

.flag-ge,[flag="ge"] {
  background-position: 0 30.991736%
}

.flag-gf,[flag="gf"] {
  background-position: 0 31.404959%
}

.flag-gh,[flag="gh"] {
  background-position: 0 31.818182%
}

.flag-gi,[flag="gi"] {
  background-position: 0 32.231405%
}

.flag-gl,[flag="gl"] {
  background-position: 0 32.644628%
}

.flag-gm,[flag="gm"] {
  background-position: 0 33.057851%
}

.flag-gn,[flag="gn"] {
  background-position: 0 33.471074%
}

.flag-gp,[flag="gp"] {
  background-position: 0 33.884298%
}

.flag-gq,[flag="gq"] {
  background-position: 0 34.297521%
}

.flag-gr,[flag="gr"] {
  background-position: 0 34.710744%
}

.flag-gs,[flag="gs"] {
  background-position: 0 35.123967%
}

.flag-gt,[flag="gt"] {
  background-position: 0 35.53719%
}

.flag-gu,[flag="gu"] {
  background-position: 0 35.950413%
}

.flag-gw,[flag="gw"] {
  background-position: 0 36.363636%
}

.flag-gy,[flag="gy"] {
  background-position: 0 36.77686%
}

.flag-hk,[flag="hk"] {
  background-position: 0 37.190083%
}

.flag-hm,[flag="hm"] {
  background-position: 0 37.603306%
}

.flag-hn,[flag="hn"] {
  background-position: 0 38.016529%
}

.flag-hr,[flag="hr"] {
  background-position: 0 38.429752%
}

.flag-ht,[flag="ht"] {
  background-position: 0 38.842975%
}

.flag-hu,[flag="hu"] {
  background-position: 0 39.256198%
}

.flag-id,[flag="id"] {
  background-position: 0 39.669421%
}

.flag-ie,[flag="ie"] {
  background-position: 0 40.082645%
}

.flag-il,[flag="il"] {
  background-position: 0 40.495868%
}

.flag-in,[flag="in"] {
  background-position: 0 40.909091%
}

.flag-io,[flag="io"] {
  background-position: 0 41.322314%
}

.flag-iq,[flag="iq"] {
  background-position: 0 41.735537%
}

.flag-ir,[flag="ir"] {
  background-position: 0 42.14876%
}

.flag-is,[flag="is"] {
  background-position: 0 42.561983%
}

.flag-it,[flag="it"] {
  background-position: 0 42.975207%
}

.flag-jm,[flag="jm"] {
  background-position: 0 43.38843%
}

.flag-jo,[flag="jo"] {
  background-position: 0 43.801653%
}

.flag-jp,[flag="jp"] {
  background-position: 0 44.214876%
}

.flag-ke,[flag="ke"] {
  background-position: 0 44.628099%
}

.flag-kg,[flag="kg"] {
  background-position: 0 45.041322%
}

.flag-kh,[flag="kh"] {
  background-position: 0 45.454545%
}

.flag-ki,[flag="ki"] {
  background-position: 0 45.867769%
}

.flag-km,[flag="km"] {
  background-position: 0 46.280992%
}

.flag-kn,[flag="kn"] {
  background-position: 0 46.694215%
}

.flag-kp,[flag="kp"] {
  background-position: 0 47.107438%
}

.flag-kr,[flag="kr"] {
  background-position: 0 47.520661%
}

.flag-kw,[flag="kw"] {
  background-position: 0 47.933884%
}

.flag-ky,[flag="ky"] {
  background-position: 0 48.347107%
}

.flag-kz,[flag="kz"] {
  background-position: 0 48.760331%
}

.flag-la,[flag="la"] {
  background-position: 0 49.173554%
}

.flag-lb,[flag="lb"] {
  background-position: 0 49.586777%
}

.flag-lc,[flag="lc"] {
  background-position: 0 50%
}

.flag-li,[flag="li"] {
  background-position: 0 50.413223%
}

.flag-lk,[flag="lk"] {
  background-position: 0 50.826446%
}

.flag-lr,[flag="lr"] {
  background-position: 0 51.239669%
}

.flag-ls,[flag="ls"] {
  background-position: 0 51.652893%
}

.flag-lt,[flag="lt"] {
  background-position: 0 52.066116%
}

.flag-lu,[flag="lu"] {
  background-position: 0 52.479339%
}

.flag-lv,[flag="lv"] {
  background-position: 0 52.892562%
}

.flag-ly,[flag="ly"] {
  background-position: 0 53.305785%
}

.flag-ma,[flag="ma"] {
  background-position: 0 53.719008%
}

.flag-mc,[flag="mc"] {
  background-position: 0 54.132231%
}

.flag-md,[flag="md"] {
  background-position: 0 54.545455%
}

.flag-me,[flag="me"] {
  background-position: 0 54.958678%
}

.flag-mg,[flag="mg"] {
  background-position: 0 55.371901%
}

.flag-mh,[flag="mh"] {
  background-position: 0 55.785124%
}

.flag-mk,[flag="mk"] {
  background-position: 0 56.198347%
}

.flag-ml,[flag="ml"] {
  background-position: 0 56.61157%
}

.flag-mm,[flag="mm"] {
  background-position: 0 57.024793%
}

.flag-mn,[flag="mn"] {
  background-position: 0 57.438017%
}

.flag-mo,[flag="mo"] {
  background-position: 0 57.85124%
}

.flag-mp,[flag="mp"] {
  background-position: 0 58.264463%
}

.flag-mq,[flag="mq"] {
  background-position: 0 58.677686%
}

.flag-mr,[flag="mr"] {
  background-position: 0 59.090909%
}

.flag-ms,[flag="ms"] {
  background-position: 0 59.504132%
}

.flag-mt,[flag="mt"] {
  background-position: 0 59.917355%
}

.flag-mu,[flag="mu"] {
  background-position: 0 60.330579%
}

.flag-mv,[flag="mv"] {
  background-position: 0 60.743802%
}

.flag-mw,[flag="mw"] {
  background-position: 0 61.157025%
}

.flag-mx,[flag="mx"] {
  background-position: 0 61.570248%
}

.flag-my,[flag="my"] {
  background-position: 0 61.983471%
}

.flag-mz,[flag="mz"] {
  background-position: 0 62.396694%
}

.flag-na,[flag="na"] {
  background-position: 0 62.809917%
}

.flag-nc,[flag="nc"] {
  background-position: 0 63.22314%
}

.flag-ne,[flag="ne"] {
  background-position: 0 63.636364%
}

.flag-nf,[flag="nf"] {
  background-position: 0 64.049587%
}

.flag-ng,[flag="ng"] {
  background-position: 0 64.46281%
}

.flag-ni,[flag="ni"] {
  background-position: 0 64.876033%
}

.flag-nl,[flag="nl"] {
  background-position: 0 65.289256%
}

.flag-no,[flag="no"] {
  background-position: 0 65.702479%
}

.flag-np,[flag="np"] {
  background-position: 0 66.115702%
}

.flag-nr,[flag="nr"] {
  background-position: 0 66.528926%
}

.flag-nu,[flag="nu"] {
  background-position: 0 66.942149%
}

.flag-nz,[flag="nz"] {
  background-position: 0 67.355372%
}

.flag-om,[flag="om"] {
  background-position: 0 67.768595%
}

.flag-pa,[flag="pa"] {
  background-position: 0 68.181818%
}

.flag-pe,[flag="pe"] {
  background-position: 0 68.595041%
}

.flag-pf,[flag="pf"] {
  background-position: 0 69.008264%
}

.flag-pg,[flag="pg"] {
  background-position: 0 69.421488%
}

.flag-ph,[flag="ph"] {
  background-position: 0 69.834711%
}

.flag-pk,[flag="pk"] {
  background-position: 0 70.247934%
}

.flag-pl,[flag="pl"] {
  background-position: 0 70.661157%
}

.flag-pm,[flag="pm"] {
  background-position: 0 71.07438%
}

.flag-pn,[flag="pn"] {
  background-position: 0 71.487603%
}

.flag-pr,[flag="pr"] {
  background-position: 0 71.900826%
}

.flag-pt,[flag="pt"] {
  background-position: 0 72.31405%
}

.flag-pw,[flag="pw"] {
  background-position: 0 72.727273%
}

.flag-py,[flag="py"] {
  background-position: 0 73.140496%
}

.flag-qa,[flag="qa"] {
  background-position: 0 73.553719%
}

.flag-re,[flag="re"] {
  background-position: 0 73.966942%
}

.flag-ro,[flag="ro"] {
  background-position: 0 74.380165%
}

.flag-rs,[flag="rs"] {
  background-position: 0 74.793388%
}

.flag-ru,[flag="ru"] {
  background-position: 0 75.206612%
}

.flag-rw,[flag="rw"] {
  background-position: 0 75.619835%
}

.flag-sa,[flag="sa"] {
  background-position: 0 76.033058%
}

.flag-sb,[flag="sb"] {
  background-position: 0 76.446281%
}

.flag-sc,[flag="sc"] {
  background-position: 0 76.859504%
}

.flag-sd,[flag="sd"] {
  background-position: 0 77.272727%
}

.flag-se,[flag="se"] {
  background-position: 0 77.68595%
}

.flag-sg,[flag="sg"] {
  background-position: 0 78.099174%
}

.flag-sh,[flag="sh"] {
  background-position: 0 78.512397%
}

.flag-si,[flag="si"] {
  background-position: 0 78.92562%
}

.flag-sj,[flag="sj"] {
  background-position: 0 79.338843%
}

.flag-sk,[flag="sk"] {
  background-position: 0 79.752066%
}

.flag-sl,[flag="sl"] {
  background-position: 0 80.165289%
}

.flag-sm,[flag="sm"] {
  background-position: 0 80.578512%
}

.flag-sn,[flag="sn"] {
  background-position: 0 80.991736%
}

.flag-so,[flag="so"] {
  background-position: 0 81.404959%
}

.flag-sr,[flag="sr"] {
  background-position: 0 81.818182%
}

.flag-ss,[flag="ss"] {
  background-position: 0 82.231405%
}

.flag-st,[flag="st"] {
  background-position: 0 82.644628%
}

.flag-sv,[flag="sv"] {
  background-position: 0 83.057851%
}

.flag-sy,[flag="sy"] {
  background-position: 0 83.471074%
}

.flag-sz,[flag="sz"] {
  background-position: 0 83.884298%
}

.flag-tc,[flag="tc"] {
  background-position: 0 84.297521%
}

.flag-td,[flag="td"] {
  background-position: 0 84.710744%
}

.flag-tf,[flag="tf"] {
  background-position: 0 85.123967%
}

.flag-tg,[flag="tg"] {
  background-position: 0 85.53719%
}

.flag-th,[flag="th"] {
  background-position: 0 85.950413%
}

.flag-tj,[flag="tj"] {
  background-position: 0 86.363636%
}

.flag-tk,[flag="tk"] {
  background-position: 0 86.77686%
}

.flag-tl,[flag="tl"] {
  background-position: 0 87.190083%
}

.flag-tm,[flag="tm"] {
  background-position: 0 87.603306%
}

.flag-tn,[flag="tn"] {
  background-position: 0 88.016529%
}

.flag-to,[flag="to"] {
  background-position: 0 88.429752%
}

.flag-tp,[flag="tp"] {
  background-position: 0 88.842975%
}

.flag-tr,[flag="tr"] {
  background-position: 0 89.256198%
}

.flag-tt,[flag="tt"] {
  background-position: 0 89.669421%
}

.flag-tv,[flag="tv"] {
  background-position: 0 90.082645%
}

.flag-tw,[flag="tw"] {
  background-position: 0 90.495868%
}

.flag-ty,[flag="ty"] {
  background-position: 0 90.909091%
}

.flag-tz,[flag="tz"] {
  background-position: 0 91.322314%
}

.flag-ua,[flag="ua"] {
  background-position: 0 91.735537%
}

.flag-ug,[flag="ug"] {
  background-position: 0 92.14876%
}

.flag-gb,[flag="gb"],
.flag-uk,[flag="uk"],
.flag-uk,[flag="en"] {
  background-position: 0 92.561983%
}

.flag-um,[flag="um"] {
  background-position: 0 92.975207%
}

.flag-us,[flag="us"] {
  background-position: 0 93.38843%
}

.flag-uy,[flag="uy"] {
  background-position: 0 93.801653%
}

.flag-uz,[flag="uz"] {
  background-position: 0 94.214876%
}

.flag-va,[flag="va"] {
  background-position: 0 94.628099%
}

.flag-vc,[flag="vc"] {
  background-position: 0 95.041322%
}

.flag-ve,[flag="ve"] {
  background-position: 0 95.454545%
}

.flag-vg,[flag="vg"] {
  background-position: 0 95.867769%
}

.flag-vi,[flag="vi"] {
  background-position: 0 96.280992%
}

.flag-vn,[flag="vn"] {
  background-position: 0 96.694215%
}

.flag-vu,[flag="vu"] {
  background-position: 0 97.107438%
}

.flag-wf,[flag="wf"] {
  background-position: 0 97.520661%
}

.flag-ws,[flag="ws"] {
  background-position: 0 97.933884%
}

.flag-ye,[flag="ye"] {
  background-position: 0 98.347107%
}

.flag-za,[flag="za"] {
  background-position: 0 98.760331%
}

.flag-zm,[flag="zm"] {
  background-position: 0 99.173554%
}

.flag-zr,[flag="zr"] {
  background-position: 0 99.586777%
}

.flag-zw,[flag="zw"] {
  background-position: 0 100%
}



[lang="zh-hans"] {
  background-position: 0 19.008264%
}
[lang="ru"] {
  background-position: 0 75.206612%
}
[lang="be"] {
  background-position: 0 14.049587%
}
[lang="uk"] {
  background-position: 0 91.735537%
}
[lang="en"] {
  background-position: 0 92.561983%
}
[lang="de"] {
  background-position: 0 22.31405%
}
[lang="fr"] {
  background-position: 0 29.752066%
}
[lang="ar"] {
  background-position: 0 76.033058%
}
[lang="es"] {
  background-position: 0 26.859504%
}

/*--------------------------------  IMPORT_LIBS>PDF  --------------------------------*/
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
.textLayer {
  position: absolute;
  text-align: initial;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.25;
  line-height: 1;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
}

.textLayer span,
.textLayer br {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  transform-origin: 0% 0%;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
   * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(180, 0, 170, 1);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: rgba(0, 100, 0, 1);
}

.textLayer ::-moz-selection {
  background: blue;
  background: AccentColor;
}

.textLayer ::selection {
  background: blue;
  background: AccentColor;
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}

.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  bottom: 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.textLayer .endOfContent.active {
  top: 0;
}

:root {
  --annotation-unfocused-field-background: url("data:image/svg+xml; charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13); '/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
}

@media (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
  }

  .annotationLayer .textWidgetAnnotation input:required,
  .annotationLayer .textWidgetAnnotation textarea:required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation.checkBox input:required,
  .annotationLayer .buttonWidgetAnnotation.radioButton input:required {
    outline: 1.5px solid selectedItem;
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation>a,
.annotationLayer .buttonWidgetAnnotation.pushButton>a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer .buttonWidgetAnnotation.pushButton>canvas {
  width: 100%;
  height: 100%;
}

.annotationLayer .linkAnnotation>a:hover,
.annotationLayer .buttonWidgetAnnotation.pushButton>a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-image: var(--annotation-unfocused-field-background);
  border: 1.1px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation input:required,
.annotationLayer .textWidgetAnnotation textarea:required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation.checkBox input:required,
.annotationLayer .buttonWidgetAnnotation.radioButton input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 1.1px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 1.1px solid var(--input-hover-border-color);
}

.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 1.1px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus,
.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 1.1px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 1.1px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
     * Letter spacing is placed on the right side of each character. Hence, the
     * letter spacing of the last character may be placed outside the visible
     * area, causing horizontal scrolling. We avoid this by extending the width
     * when the element has focus and revert this when it loses focus.
     */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup>* {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText>* {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}

:root {
  --xfa-unfocused-field-background: url("data:image/svg+xml; charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13); '/></svg>");
  --xfa-focus-outline: auto;
}

@media (forced-colors: active) {
  :root {
    --xfa-focus-outline: 2px solid CanvasText;
  }

  .xfaLayer *:required {
    outline: 1.5px solid selectedItem;
  }
}

.xfaLayer {
  background-color: transparent;
}

.xfaLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: rgba(239, 203, 237, 1);
  border-radius: 4px;
}

.xfaLayer .highlight.appended {
  position: initial;
}

.xfaLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.xfaLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.xfaLayer .highlight.middle {
  border-radius: 0;
}

.xfaLayer .highlight.selected {
  background-color: rgba(203, 223, 203, 1);
}

.xfaPage {
  overflow: hidden;
  position: relative;
}

.xfaContentarea {
  position: absolute;
}

.xfaPrintOnly {
  display: none;
}

.xfaLayer {
  position: absolute;
  text-align: initial;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  line-height: 1.2;
}

.xfaLayer * {
  color: inherit;
  font: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-kerning: inherit;
  letter-spacing: -0.01px;
  text-align: inherit;
  text-decoration: inherit;
  box-sizing: border-box;
  background-color: transparent;
  padding: 0;
  margin: 0;
  pointer-events: auto;
  line-height: inherit;
}

.xfaLayer *:required {
  outline: 1.5px solid red;
}

.xfaLayer div {
  pointer-events: none;
}

.xfaLayer svg {
  pointer-events: none;
}

.xfaLayer svg * {
  pointer-events: none;
}

.xfaLayer a {
  color: blue;
}

.xfaRich li {
  margin-left: 3em;
}

.xfaFont {
  color: black;
  font-weight: normal;
  font-kerning: none;
  font-size: 10px;
  font-style: normal;
  letter-spacing: 0;
  text-decoration: none;
  vertical-align: 0;
}

.xfaCaption {
  overflow: hidden;
  flex: 0 0 auto;
}

.xfaCaptionForCheckButton {
  overflow: hidden;
  flex: 1 1 auto;
}

.xfaLabel {
  height: 100%;
  width: 100%;
}

.xfaLeft {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.xfaRight {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.xfaLeft>.xfaCaption,
.xfaLeft>.xfaCaptionForCheckButton,
.xfaRight>.xfaCaption,
.xfaRight>.xfaCaptionForCheckButton {
  max-height: 100%;
}

.xfaTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.xfaBottom {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.xfaTop>.xfaCaption,
.xfaTop>.xfaCaptionForCheckButton,
.xfaBottom>.xfaCaption,
.xfaBottom>.xfaCaptionForCheckButton {
  width: 100%;
}

.xfaBorder {
  background-color: transparent;
  position: absolute;
  pointer-events: none;
}

.xfaWrapped {
  width: 100%;
  height: 100%;
}

.xfaTextfield:focus,
.xfaSelect:focus {
  background-image: none;
  background-color: transparent;
  outline: var(--xfa-focus-outline);
  outline-offset: -1px;
}

.xfaCheckbox:focus,
.xfaRadio:focus {
  outline: var(--xfa-focus-outline);
}

.xfaTextfield,
.xfaSelect {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  border: none;
  resize: none;
  background-image: var(--xfa-unfocused-field-background);
}

.xfaSelect {
  padding-left: 2px;
  padding-right: 2px;
  padding-inline: 2px;
}

.xfaTop>.xfaTextfield,
.xfaTop>.xfaSelect,
.xfaBottom>.xfaTextfield,
.xfaBottom>.xfaSelect {
  flex: 0 1 auto;
}

.xfaButton {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border: none;
  text-align: center;
}

.xfaLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.xfaCheckbox,
.xfaRadio {
  width: 100%;
  height: 100%;
  flex: 0 0 auto;
  border: none;
}

.xfaRich {
  white-space: pre-wrap;
  width: 100%;
  height: 100%;
}

.xfaImage {
  -o-object-position: left top;
  object-position: left top;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.xfaLrTb,
.xfaRlTb,
.xfaTb {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaLr {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaRl {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
}

.xfaTb>div {
  justify-content: left;
}

.xfaPosition {
  position: relative;
}

.xfaArea {
  position: relative;
}

.xfaValignMiddle {
  display: flex;
  align-items: center;
}

.xfaTable {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.xfaTable .xfaRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.xfaTable .xfaRlRow {
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;
  flex: 1;
}

.xfaTable .xfaRlRow>div {
  flex: 1;
}

.xfaNonInteractive input,
.xfaNonInteractive textarea,
.xfaDisabled input,
.xfaDisabled textarea,
.xfaReadOnly input,
.xfaReadOnly textarea {
  background: initial;
}

@media print {

  .xfaTextfield,
  .xfaSelect {
    background: transparent;
  }

  .xfaSelect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
}

:root {
  --focus-outline: solid 2px blue;
  --hover-outline: dashed 2px blue;
  --freetext-line-height: 1.35;
  --freetext-padding: 2px;
  --editorFreeText-editing-cursor: text;
  --editorInk-editing-cursor: url(images/cursor-editorInk.svg) 0 16, pointer;
}

@media (forced-colors: active) {
  :root {
    --focus-outline: solid 3px ButtonText;
    --hover-outline: dashed 3px ButtonText;
  }
}

[data-editor-rotation="90"] {
  transform: rotate(90deg);
}

[data-editor-rotation="180"] {
  transform: rotate(180deg);
}

[data-editor-rotation="270"] {
  transform: rotate(270deg);
}

.annotationEditorLayer {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  font-size: calc(100px * var(--scale-factor));
  transform-origin: 0 0;
  cursor: auto;
  z-index: 20000;
}

.annotationEditorLayer.freeTextEditing {
  cursor: var(--editorFreeText-editing-cursor);
}

.annotationEditorLayer.inkEditing {
  cursor: var(--editorInk-editing-cursor);
}

.annotationEditorLayer .selectedEditor {
  outline: var(--focus-outline);
  resize: none;
}

.annotationEditorLayer .freeTextEditor {
  position: absolute;
  background: transparent;
  border-radius: 3px;
  padding: calc(var(--freetext-padding) * var(--scale-factor));
  resize: none;
  width: auto;
  height: auto;
  z-index: 1;
  transform-origin: 0 0;
  touch-action: none;
  cursor: auto;
}

.annotationEditorLayer .freeTextEditor .internal {
  background: transparent;
  border: none;
  top: 0;
  left: 0;
  overflow: visible;
  white-space: nowrap;
  resize: none;
  font: 10px sans-serif;
  line-height: var(--freetext-line-height);
}

.annotationEditorLayer .freeTextEditor .overlay {
  position: absolute;
  display: none;
  background: transparent;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationEditorLayer .freeTextEditor .overlay.enabled {
  display: block;
}

.annotationEditorLayer .freeTextEditor .internal:empty::before {
  content: attr(default-content);
  color: gray;
}

.annotationEditorLayer .freeTextEditor .internal:focus {
  outline: none;
}

.annotationEditorLayer .inkEditor.disabled {
  resize: none;
}

.annotationEditorLayer .inkEditor.disabled.selectedEditor {
  resize: horizontal;
}

.annotationEditorLayer .freeTextEditor:hover:not(.selectedEditor),
.annotationEditorLayer .inkEditor:hover:not(.selectedEditor) {
  outline: var(--hover-outline);
}

.annotationEditorLayer .inkEditor {
  position: absolute;
  background: transparent;
  border-radius: 3px;
  overflow: auto;
  width: 100%;
  height: 100%;
  z-index: 1;
  transform-origin: 0 0;
  cursor: auto;
}

.annotationEditorLayer .inkEditor.editing {
  resize: none;
  cursor: inherit;
}

.annotationEditorLayer .inkEditor .inkEditorCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  touch-action: none;
}

:root {
  --viewer-container-height: 0;
  --pdfViewer-padding-bottom: 0;
  --page-margin: 1px auto -8px;
  --page-border: 9px solid transparent;
  --page-border-image: url(images/shadow.png) 9 9 repeat;
  --spreadHorizontalWrapped-margin-LR: -3.5px;
  --scale-factor: 1;
}

@media screen and (forced-colors: active) {
  :root {
    --pdfViewer-padding-bottom: 9px;
    --page-margin: 8px auto -1px;
    --page-border: 1px solid CanvasText;
    --page-border-image: none;
    --spreadHorizontalWrapped-margin-LR: 3.5px;
  }
}

[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%);
}

[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%);
}

[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%);
}

.pdfViewer {
  padding-bottom: var(--pdfViewer-padding-bottom);
}

.pdfViewer .canvasWrapper {
  overflow: hidden;
}

.pdfViewer .page {
  direction: ltr;
  width: 816px;
  height: 1056px;
  margin: var(--page-margin);
  position: relative;
  overflow: visible;
  border: var(--page-border);
  -o-border-image: var(--page-border-image);
  border-image: var(--page-border-image);
  background-clip: content-box;
  background-color: rgba(255, 255, 255, 1);
}

.pdfViewer .dummyPage {
  position: relative;
  width: 0;
  height: var(--viewer-container-height);
}

.pdfViewer.removePageBorders .page {
  margin: 0 auto 10px;
  border: none;
}

.pdfViewer.singlePageView {
  display: inline-block;
}

.pdfViewer.singlePageView .page {
  margin: 0;
  border: none;
}

.pdfViewer.scrollHorizontal,
.pdfViewer.scrollWrapped,
.spread {
  margin-left: 3.5px;
  margin-right: 3.5px;
  text-align: center;
}

.pdfViewer.scrollHorizontal,
.spread {
  white-space: nowrap;
}

.pdfViewer.removePageBorders,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  margin-left: 0;
  margin-right: 0;
}

.spread .page,
.spread .dummyPage,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page,
.pdfViewer.scrollHorizontal .spread,
.pdfViewer.scrollWrapped .spread {
  display: inline-block;
  vertical-align: middle;
}

.spread .page,
.pdfViewer.scrollHorizontal .page,
.pdfViewer.scrollWrapped .page {
  margin-left: var(--spreadHorizontalWrapped-margin-LR);
  margin-right: var(--spreadHorizontalWrapped-margin-LR);
}

.pdfViewer.removePageBorders .spread .page,
.pdfViewer.removePageBorders.scrollHorizontal .page,
.pdfViewer.removePageBorders.scrollWrapped .page {
  margin-left: 5px;
  margin-right: 5px;
}

.pdfViewer .page canvas {
  margin: 0;
  display: block;
}

.pdfViewer .page canvas[hidden] {
  display: none;
}

.pdfViewer .page .loadingIcon {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("images/loading-icon.gif") center no-repeat;
}

.pdfViewer .page .loadingIcon.notVisible {
  background: none;
}

.pdfViewer.enablePermissions .textLayer span {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
  cursor: not-allowed;
}

.pdfPresentationMode .pdfViewer {
  padding-bottom: 0;
}

.pdfPresentationMode .spread {
  margin: 0;
}

.pdfPresentationMode .pdfViewer .page {
  margin: 0 auto;
  border: 1.1px solid transparent;
}

:root {
  --dir-factor: 1;
  --sidebar-width: 200px;
  --sidebar-transition-duration: 200ms;
  --sidebar-transition-timing-function: ease;
  --scale-select-width: 140px;
  --toolbar-icon-opacity: 0.7;
  --doorhanger-icon-opacity: 0.9;
  --main-color: rgba(12, 12, 13, 1);
  --body-bg-color: rgba(237, 237, 240, 1);
  --progressBar-percent: 0%;
  --progressBar-end-offset: 0;
  --progressBar-color: rgba(10, 132, 255, 1);
  --progressBar-indeterminate-bg-color: rgba(221, 221, 222, 1);
  --progressBar-indeterminate-blend-color: rgba(116, 177, 239, 1);
  --scrollbar-color: auto;
  --scrollbar-bg-color: auto;
  --toolbar-icon-bg-color: rgba(0, 0, 0, 1);
  --toolbar-icon-hover-bg-color: rgba(0, 0, 0, 1);
  --sidebar-narrow-bg-color: rgba(237, 237, 240, 0.9);
  --sidebar-toolbar-bg-color: rgba(245, 246, 247, 1);
  --toolbar-bg-color: rgba(249, 249, 250, 1);
  --toolbar-border-color: rgba(204, 204, 204, 1);
  --toolbar-box-shadow: 0 1px 0 var(--toolbar-border-color);
  --toolbar-border-bottom: none;
  --toolbarSidebar-box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 rgba(0, 0, 0, 0.25),
    0 1px 0 rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.1);
  --toolbarSidebar-border-bottom: none;
  --button-hover-color: rgba(221, 222, 223, 1);
  --toggled-btn-color: rgba(0, 0, 0, 1);
  --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
  --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
  --dropdown-btn-bg-color: rgba(215, 215, 219, 1);
  --dropdown-btn-border: none;
  --separator-color: rgba(0, 0, 0, 0.3);
  --field-color: rgba(6, 6, 6, 1);
  --field-bg-color: rgba(255, 255, 255, 1);
  --field-border-color: rgba(187, 187, 188, 1);
  --treeitem-color: rgba(0, 0, 0, 0.8);
  --treeitem-hover-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-color: rgba(0, 0, 0, 0.9);
  --treeitem-selected-bg-color: rgba(0, 0, 0, 0.25);
  --sidebaritem-bg-color: rgba(0, 0, 0, 0.15);
  --doorhanger-bg-color: rgba(255, 255, 255, 1);
  --doorhanger-border-color: rgba(12, 12, 13, 0.2);
  --doorhanger-hover-color: rgba(12, 12, 13, 1);
  --doorhanger-hover-bg-color: rgba(237, 237, 237, 1);
  --doorhanger-separator-color: rgba(222, 222, 222, 1);
  --dialog-button-border: none;
  --dialog-button-bg-color: rgba(12, 12, 13, 0.1);
  --dialog-button-hover-bg-color: rgba(12, 12, 13, 0.3);
  --loading-icon: url(images/loading.svg);
  --treeitem-expanded-icon: url(images/treeitem-expanded.svg);
  --treeitem-collapsed-icon: url(images/treeitem-collapsed.svg);
  --toolbarButton-editorFreeText-icon: url(images/toolbarButton-editorFreeText.svg);
  --toolbarButton-editorInk-icon: url(images/toolbarButton-editorInk.svg);
  --toolbarButton-menuArrow-icon: url(images/toolbarButton-menuArrow.svg);
  --toolbarButton-sidebarToggle-icon: url(images/toolbarButton-sidebarToggle.svg);
  --toolbarButton-secondaryToolbarToggle-icon: url(images/toolbarButton-secondaryToolbarToggle.svg);
  --toolbarButton-pageUp-icon: url(images/toolbarButton-pageUp.svg);
  --toolbarButton-pageDown-icon: url(images/toolbarButton-pageDown.svg);
  --toolbarButton-zoomOut-icon: url(images/toolbarButton-zoomOut.svg);
  --toolbarButton-zoomIn-icon: url(images/toolbarButton-zoomIn.svg);
  --toolbarButton-presentationMode-icon: url(images/toolbarButton-presentationMode.svg);
  --toolbarButton-print-icon: url(images/toolbarButton-print.svg);
  --toolbarButton-openFile-icon: url(images/toolbarButton-openFile.svg);
  --toolbarButton-download-icon: url(images/toolbarButton-download.svg);
  --toolbarButton-bookmark-icon: url(images/toolbarButton-bookmark.svg);
  --toolbarButton-viewThumbnail-icon: url(images/toolbarButton-viewThumbnail.svg);
  --toolbarButton-viewOutline-icon: url(images/toolbarButton-viewOutline.svg);
  --toolbarButton-viewAttachments-icon: url(images/toolbarButton-viewAttachments.svg);
  --toolbarButton-viewLayers-icon: url(images/toolbarButton-viewLayers.svg);
  --toolbarButton-currentOutlineItem-icon: url(images/toolbarButton-currentOutlineItem.svg);
  --toolbarButton-search-icon: url(images/toolbarButton-search.svg);
  --findbarButton-previous-icon: url(images/findbarButton-previous.svg);
  --findbarButton-next-icon: url(images/findbarButton-next.svg);
  --secondaryToolbarButton-firstPage-icon: url(images/secondaryToolbarButton-firstPage.svg);
  --secondaryToolbarButton-lastPage-icon: url(images/secondaryToolbarButton-lastPage.svg);
  --secondaryToolbarButton-rotateCcw-icon: url(images/secondaryToolbarButton-rotateCcw.svg);
  --secondaryToolbarButton-rotateCw-icon: url(images/secondaryToolbarButton-rotateCw.svg);
  --secondaryToolbarButton-selectTool-icon: url(images/secondaryToolbarButton-selectTool.svg);
  --secondaryToolbarButton-handTool-icon: url(images/secondaryToolbarButton-handTool.svg);
  --secondaryToolbarButton-scrollPage-icon: url(images/secondaryToolbarButton-scrollPage.svg);
  --secondaryToolbarButton-scrollVertical-icon: url(images/secondaryToolbarButton-scrollVertical.svg);
  --secondaryToolbarButton-scrollHorizontal-icon: url(images/secondaryToolbarButton-scrollHorizontal.svg);
  --secondaryToolbarButton-scrollWrapped-icon: url(images/secondaryToolbarButton-scrollWrapped.svg);
  --secondaryToolbarButton-spreadNone-icon: url(images/secondaryToolbarButton-spreadNone.svg);
  --secondaryToolbarButton-spreadOdd-icon: url(images/secondaryToolbarButton-spreadOdd.svg);
  --secondaryToolbarButton-spreadEven-icon: url(images/secondaryToolbarButton-spreadEven.svg);
  --secondaryToolbarButton-documentProperties-icon: url(images/secondaryToolbarButton-documentProperties.svg);
}

[dir="rtl"]:root {
  --dir-factor: -1;
}

@media (prefers-color-scheme: dark) {
  :root {
    --main-color: rgba(249, 249, 250, 1);
    --body-bg-color: rgba(42, 42, 46, 1);
    --progressBar-color: rgba(0, 96, 223, 1);
    --progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
    --progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
    --scrollbar-color: rgba(121, 121, 123, 1);
    --scrollbar-bg-color: rgba(35, 35, 39, 1);
    --toolbar-icon-bg-color: rgba(255, 255, 255, 1);
    --toolbar-icon-hover-bg-color: rgba(255, 255, 255, 1);
    --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9);
    --sidebar-toolbar-bg-color: rgba(50, 50, 52, 1);
    --toolbar-bg-color: rgba(56, 56, 61, 1);
    --toolbar-border-color: rgba(12, 12, 13, 1);
    --button-hover-color: rgba(102, 102, 103, 1);
    --toggled-btn-color: rgba(255, 255, 255, 1);
    --toggled-btn-bg-color: rgba(0, 0, 0, 0.3);
    --toggled-hover-active-btn-color: rgba(0, 0, 0, 0.4);
    --dropdown-btn-bg-color: rgba(74, 74, 79, 1);
    --separator-color: rgba(0, 0, 0, 0.3);
    --field-color: rgba(250, 250, 250, 1);
    --field-bg-color: rgba(64, 64, 68, 1);
    --field-border-color: rgba(115, 115, 115, 1);
    --treeitem-color: rgba(255, 255, 255, 0.8);
    --treeitem-hover-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-color: rgba(255, 255, 255, 0.9);
    --treeitem-selected-bg-color: rgba(255, 255, 255, 0.25);
    --sidebaritem-bg-color: rgba(255, 255, 255, 0.15);
    --doorhanger-bg-color: rgba(74, 74, 79, 1);
    --doorhanger-border-color: rgba(39, 39, 43, 1);
    --doorhanger-hover-color: rgba(249, 249, 250, 1);
    --doorhanger-hover-bg-color: rgba(93, 94, 98, 1);
    --doorhanger-separator-color: rgba(92, 92, 97, 1);
    --dialog-button-bg-color: rgba(92, 92, 97, 1);
    --dialog-button-hover-bg-color: rgba(115, 115, 115, 1);
    /* This image is used in <input> elements, which unfortunately means that
       * the `mask-image` approach used with all of the other images doesn't work
       * here; hence why we still have two versions of this particular image. */
    --loading-icon: url(images/loading-dark.svg);
  }
}

@media screen and (forced-colors: active) {
  :root {
    --button-hover-color: Highlight;
    --doorhanger-hover-bg-color: Highlight;
    --toolbar-icon-opacity: 1;
    --toolbar-icon-bg-color: ButtonText;
    --toolbar-icon-hover-bg-color: ButtonFace;
    --toolbar-border-color: CanvasText;
    --toolbar-border-bottom: 1px solid var(--toolbar-border-color);
    --toolbar-box-shadow: none;
    --toggled-btn-color: HighlightText;
    --toggled-btn-bg-color: LinkText;
    --doorhanger-hover-color: ButtonFace;
    --doorhanger-border-color-whcm: 1px solid ButtonText;
    --doorhanger-triangle-opacity-whcm: 0;
    --dialog-button-border: 1px solid Highlight;
    --dialog-button-hover-bg-color: Highlight;
    --dialog-button-hover-color: ButtonFace;
    --dropdown-btn-border: 1px solid ButtonText;
    --field-border-color: ButtonText;
    --main-color: CanvasText;
    --separator-color: GrayText;
    --doorhanger-separator-color: GrayText;
    --toolbarSidebar-box-shadow: none;
    --toolbarSidebar-border-bottom: 1px solid var(--toolbar-border-color);
  }
}

/* * { padding: 0; margin: 0; }
html,
  body { height: 100%; width: 100%; }
body { background-color: var(--body-bg-color); scrollbar-color: var(--scrollbar-color) var(--scrollbar-bg-color); }
*/
.hidden,
[hidden] {
  display: none !important;
}

#viewerContainer.pdfPresentationMode:-webkit-full-screen {
  top: 0;
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  user-select: none;
}

#viewerContainer.pdfPresentationMode:fullscreen {
  top: 0;
  background-color: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pdfPresentationMode:-webkit-full-screen section:not([data-internal-link]) {
  pointer-events: none;
}

.pdfPresentationMode:fullscreen section:not([data-internal-link]) {
  pointer-events: none;
}

.pdfPresentationMode:-webkit-full-screen .textLayer span {
  cursor: none;
}

.pdfPresentationMode:fullscreen .textLayer span {
  cursor: none;
}

.pdfPresentationMode.pdfPresentationModeControls>*,
.pdfPresentationMode.pdfPresentationModeControls .textLayer span {
  cursor: default;
}

#outerContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

[dir="ltr"] #sidebarContainer {
  left: calc(-1 * var(--sidebar-width));
}

[dir="rtl"] #sidebarContainer {
  right: calc(-1 * var(--sidebar-width));
}

[dir="ltr"] #sidebarContainer {
  border-right: var(--doorhanger-border-color-whcm);
}

[dir="rtl"] #sidebarContainer {
  border-left: var(--doorhanger-border-color-whcm);
}

[dir="ltr"] #sidebarContainer {
  transition-property: left;
}

[dir="rtl"] #sidebarContainer {
  transition-property: right;
}

#sidebarContainer {
  position: absolute;
  top: 32px;
  bottom: 0;
  inset-inline-start: calc(-1 * var(--sidebar-width));
  width: var(--sidebar-width);
  visibility: hidden;
  z-index: 100;
  font: message-box;
  border-top: 1px solid rgba(51, 51, 51, 1);
  -webkit-border-end: var(--doorhanger-border-color-whcm);
  border-inline-end: var(--doorhanger-border-color-whcm);
  transition-property: inset-inline-start;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

#outerContainer.sidebarMoving #sidebarContainer,
#outerContainer.sidebarOpen #sidebarContainer {
  visibility: visible;
}

[dir="ltr"] #outerContainer.sidebarOpen #sidebarContainer {
  left: 0;
}

[dir="rtl"] #outerContainer.sidebarOpen #sidebarContainer {
  right: 0;
}

#outerContainer.sidebarOpen #sidebarContainer {
  inset-inline-start: 0;
}

#mainContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 350px;
}

[dir="ltr"] #sidebarContent {
  left: 0;
}

[dir="rtl"] #sidebarContent {
  right: 0;
}

#sidebarContent {
  top: 32px;
  bottom: 0;
  inset-inline-start: 0;
  overflow: auto;
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset calc(-1px * var(--dir-factor)) 0 0 rgba(0, 0, 0, 0.25);
}

#viewerContainer {
  overflow: auto;
  position: absolute;
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  outline: none;
}

#viewerContainer:not(.pdfPresentationMode) {
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  left: var(--sidebar-width);
}

[dir="rtl"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  right: var(--sidebar-width);
}

[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  transition-property: left;
}

[dir="rtl"] #outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  transition-property: right;
}

#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) {
  inset-inline-start: var(--sidebar-width);
  transition-property: inset-inline-start;
}

.toolbar {
  position: relative;
  left: 0;
  right: 0;
  z-index: 9999;
  cursor: default;
  font: message-box;
}

.toolbar input,
.toolbar button,
.toolbar select,
.secondaryToolbar input,
.secondaryToolbar button,
.secondaryToolbar a,
.secondaryToolbar select,
.editorParamsToolbar input,
.editorParamsToolbar button,
.editorParamsToolbar select,
.findbar input,
.findbar button,
.findbar select,
#sidebarContainer input,
#sidebarContainer button,
#sidebarContainer select {
  outline: none;
  font: message-box;
}

#toolbarContainer {
  width: 100%;
}

#toolbarSidebar {
  width: 100%;
  height: 32px;
  background-color: var(--sidebar-toolbar-bg-color);
  box-shadow: var(--toolbarSidebar-box-shadow);
  border-bottom: var(--toolbarSidebar-border-bottom);
}

[dir="ltr"] #sidebarResizer {
  right: -6px;
}

[dir="rtl"] #sidebarResizer {
  left: -6px;
}

#sidebarResizer {
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: -6px;
  width: 6px;
  z-index: 200;
  cursor: ew-resize;
}

#toolbarContainer,
.findbar,
.secondaryToolbar,
.editorParamsToolbar {
  position: relative;
  height: 32px;
  background-color: var(--toolbar-bg-color);
  box-shadow: var(--toolbar-box-shadow);
  border-bottom: var(--toolbar-border-bottom);
}

#toolbarViewer {
  height: 32px;
}

[dir="ltr"] #loadingBar {
  left: 0;
  right: var(--progressBar-end-offset);
}

[dir="rtl"] #loadingBar {
  right: 0;
  left: var(--progressBar-end-offset);
}

[dir="ltr"] #loadingBar {
  transition-property: left;
}

[dir="rtl"] #loadingBar {
  transition-property: right;
}

#loadingBar {
  position: absolute;
  inset-inline: 0 var(--progressBar-end-offset);
  height: 4px;
  background-color: var(--body-bg-color);
  border-bottom: 1px solid var(--toolbar-border-color);
  transition-property: inset-inline-start;
  transition-duration: var(--sidebar-transition-duration);
  transition-timing-function: var(--sidebar-transition-timing-function);
}

[dir="ltr"] #outerContainer.sidebarOpen #loadingBar {
  left: var(--sidebar-width);
}

[dir="rtl"] #outerContainer.sidebarOpen #loadingBar {
  right: var(--sidebar-width);
}

#outerContainer.sidebarOpen #loadingBar {
  inset-inline-start: var(--sidebar-width);
}

#loadingBar .progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: scaleX(var(--progressBar-percent));
  transform-origin: 0 0;
  height: 100%;
  background-color: var(--progressBar-color);
  overflow: hidden;
  transition: transform 200ms;
}

@keyframes progressIndeterminate {
  0% {
    transform: translateX(-142px);
  }

  100% {
    transform: translateX(0);
  }
}

#loadingBar.indeterminate .progress {
  transform: none;
  background-color: var(--progressBar-indeterminate-bg-color);
  transition: none;
}

#loadingBar.indeterminate .progress .glimmer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 150px);
  background: repeating-linear-gradient(135deg,
      var(--progressBar-indeterminate-blend-color) 0,
      var(--progressBar-indeterminate-bg-color) 5px,
      var(--progressBar-indeterminate-bg-color) 45px,
      var(--progressBar-color) 55px,
      var(--progressBar-color) 95px,
      var(--progressBar-indeterminate-blend-color) 100px);
  animation: progressIndeterminate 1s linear infinite;
}

#outerContainer.sidebarResizing #sidebarContainer,
#outerContainer.sidebarResizing #viewerContainer,
#outerContainer.sidebarResizing #loadingBar {
  /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
  transition-duration: 0s;
}

.findbar,
.secondaryToolbar,
.editorParamsToolbar {
  top: 32px;
  position: absolute;
  z-index: 30000;
  height: auto;
  padding: 0 4px;
  margin: 4px 2px;
  font: message-box;
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  cursor: default;
}

[dir="ltr"] .findbar {
  left: 64px;
}

[dir="rtl"] .findbar {
  right: 64px;
}

.findbar {
  inset-inline-start: 64px;
  min-width: 300px;
  background-color: var(--toolbar-bg-color);
}

.findbar>div {
  height: 32px;
}

[dir="ltr"] .findbar>div#findbarInputContainer {
  margin-right: 4px;
}

[dir="rtl"] .findbar>div#findbarInputContainer {
  margin-left: 4px;
}

.findbar>div#findbarInputContainer {
  -webkit-margin-end: 4px;
  margin-inline-end: 4px;
}

.findbar.wrapContainers>div,
.findbar.wrapContainers>div#findbarMessageContainer>* {
  clear: both;
}

.findbar.wrapContainers>div#findbarMessageContainer {
  height: auto;
}

.findbar input[type="checkbox"] {
  pointer-events: none;
}

.findbar label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.findbar label:hover,
.findbar input:focus-visible+label {
  color: var(--toggled-btn-color);
  background-color: var(--button-hover-color);
}

.findbar .toolbarField[type="checkbox"]:checked+.toolbarLabel {
  background-color: var(--toggled-btn-bg-color) !important;
  color: var(--toggled-btn-color);
}

#findInput {
  width: 200px;
}

#findInput::-moz-placeholder {
  font-style: normal;
}

#findInput::placeholder {
  font-style: normal;
}

#findInput[data-status="pending"] {
  background-image: var(--loading-icon);
  background-repeat: no-repeat;
  background-position: calc(50% + 48% * var(--dir-factor));
}

#findInput[data-status="notFound"] {
  background-color: rgba(255, 102, 102, 1);
}

[dir="ltr"] .secondaryToolbar,
[dir="ltr"] .editorParamsToolbar {
  right: 4px;
}

[dir="rtl"] .secondaryToolbar,
[dir="rtl"] .editorParamsToolbar {
  left: 4px;
}

.secondaryToolbar,
.editorParamsToolbar {
  padding: 6px 0 10px;
  inset-inline-end: 4px;
  height: auto;
  background-color: var(--doorhanger-bg-color);
}

.editorParamsToolbarContainer {
  width: 220px;
  margin-bottom: -4px;
}

.editorParamsToolbarContainer>.editorParamsSetter {
  min-height: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 10px;
  padding-right: 10px;
  padding-inline: 10px;
}

[dir="ltr"] .editorParamsToolbarContainer .editorParamsLabel {
  padding-right: 10px;
}

[dir="rtl"] .editorParamsToolbarContainer .editorParamsLabel {
  padding-left: 10px;
}

.editorParamsToolbarContainer .editorParamsLabel {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px;
  flex: none;
  color: var(--main-color);
}

.editorParamsToolbarContainer .editorParamsColor {
  width: 32px;
  height: 32px;
  flex: none;
}

.editorParamsToolbarContainer .editorParamsSlider {
  background-color: transparent;
  width: 90px;
  flex: 0 1 0;
}

.editorParamsToolbarContainer .editorParamsSlider::-moz-range-progress {
  background-color: black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-runnable-track,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-track {
  background-color: black;
}

.editorParamsToolbarContainer .editorParamsSlider::-webkit-slider-thumb,
.editorParamsToolbarContainer .editorParamsSlider::-moz-range-thumb {
  background-color: white;
}

#secondaryToolbarButtonContainer {
  max-width: 220px;
  min-height: 26px;
  max-height: calc(var(--viewer-container-height) - 40px);
  overflow-y: auto;
  margin-bottom: -4px;
}

[dir="ltr"] #editorInkParamsToolbar {
  right: 40px;
}

[dir="rtl"] #editorInkParamsToolbar {
  left: 40px;
}

#editorInkParamsToolbar {
  inset-inline-end: 40px;
  background-color: var(--toolbar-bg-color);
}

[dir="ltr"] #editorFreeTextParamsToolbar {
  right: 68px;
}

[dir="rtl"] #editorFreeTextParamsToolbar {
  left: 68px;
}

#editorFreeTextParamsToolbar {
  inset-inline-end: 68px;
  background-color: var(--toolbar-bg-color);
}

.doorHanger,
.doorHangerRight {
  border-radius: 2px;
  box-shadow: 0 1px 5px var(--doorhanger-border-color),
    0 0 0 1px var(--doorhanger-border-color);
  border: var(--doorhanger-border-color-whcm);
}

.doorHanger:after,
.doorHanger:before,
.doorHangerRight:after,
.doorHangerRight:before {
  bottom: 100%;
  border: 8px solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  opacity: var(--doorhanger-triangle-opacity-whcm);
}

[dir="ltr"] .doorHanger:after {
  left: 10px;
}

[dir="rtl"] .doorHanger:after {
  right: 10px;
}

[dir="ltr"] .doorHanger:after {
  margin-left: -8px;
}

[dir="rtl"] .doorHanger:after {
  margin-right: -8px;
}

.doorHanger:after {
  inset-inline-start: 10px;
  -webkit-margin-start: -8px;
  margin-inline-start: -8px;
  border-bottom-color: var(--toolbar-bg-color);
}

[dir="ltr"] .doorHangerRight:after {
  right: 10px;
}

[dir="rtl"] .doorHangerRight:after {
  left: 10px;
}

[dir="ltr"] .doorHangerRight:after {
  margin-right: -8px;
}

[dir="rtl"] .doorHangerRight:after {
  margin-left: -8px;
}

.doorHangerRight:after {
  inset-inline-end: 10px;
  -webkit-margin-end: -8px;
  margin-inline-end: -8px;
  border-bottom-color: var(--doorhanger-bg-color);
}

.doorHanger:before,
.doorHangerRight:before {
  border-bottom-color: var(--doorhanger-border-color);
  border-width: 9px;
}

[dir="ltr"] .doorHanger:before {
  left: 10px;
}

[dir="rtl"] .doorHanger:before {
  right: 10px;
}

[dir="ltr"] .doorHanger:before {
  margin-left: -9px;
}

[dir="rtl"] .doorHanger:before {
  margin-right: -9px;
}

.doorHanger:before {
  inset-inline-start: 10px;
  -webkit-margin-start: -9px;
  margin-inline-start: -9px;
}

[dir="ltr"] .doorHangerRight:before {
  right: 10px;
}

[dir="rtl"] .doorHangerRight:before {
  left: 10px;
}

[dir="ltr"] .doorHangerRight:before {
  margin-right: -9px;
}

[dir="rtl"] .doorHangerRight:before {
  margin-left: -9px;
}

.doorHangerRight:before {
  inset-inline-end: 10px;
  -webkit-margin-end: -9px;
  margin-inline-end: -9px;
}

#findResultsCount {
  background-color: rgba(217, 217, 217, 1);
  color: rgba(82, 82, 82, 1);
  text-align: center;
  padding: 4px 5px;
  margin: 5px;
}

#findMsg {
  color: rgba(251, 0, 0, 1);
}

#findResultsCount:empty,
#findMsg:empty {
  display: none;
}

#toolbarViewerMiddle {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

[dir="ltr"] #toolbarViewerLeft,
[dir="ltr"] #toolbarSidebarLeft {
  float: left;
}

[dir="rtl"] #toolbarViewerLeft,
[dir="rtl"] #toolbarSidebarLeft {
  float: right;
}

#toolbarViewerLeft,
#toolbarSidebarLeft {
  float: inline-start;
}

[dir="ltr"] #toolbarViewerRight,
[dir="ltr"] #toolbarSidebarRight {
  float: right;
}

[dir="rtl"] #toolbarViewerRight,
[dir="rtl"] #toolbarSidebarRight {
  float: left;
}

#toolbarViewerRight,
#toolbarSidebarRight {
  float: inline-end;
}

[dir="ltr"] #toolbarViewerLeft>*,
[dir="ltr"] #toolbarViewerMiddle>*,
[dir="ltr"] #toolbarViewerRight>*,
[dir="ltr"] #toolbarSidebarLeft *,
[dir="ltr"] #toolbarSidebarRight *,
[dir="ltr"] .findbar * {
  float: left;
}

[dir="rtl"] #toolbarViewerLeft>*,
[dir="rtl"] #toolbarViewerMiddle>*,
[dir="rtl"] #toolbarViewerRight>*,
[dir="rtl"] #toolbarSidebarLeft *,
[dir="rtl"] #toolbarSidebarRight *,
[dir="rtl"] .findbar * {
  float: right;
}

#toolbarViewerLeft>*,
#toolbarViewerMiddle>*,
#toolbarViewerRight>*,
#toolbarSidebarLeft *,
#toolbarSidebarRight *,
.findbar * {
  position: relative;
  float: inline-start;
}

[dir="ltr"] #toolbarViewerLeft {
  padding-left: 1px;
}

[dir="rtl"] #toolbarViewerLeft {
  padding-right: 1px;
}

#toolbarViewerLeft {
  -webkit-padding-start: 1px;
  padding-inline-start: 1px;
}

[dir="ltr"] #toolbarViewerRight {
  padding-right: 1px;
}

[dir="rtl"] #toolbarViewerRight {
  padding-left: 1px;
}

#toolbarViewerRight {
  -webkit-padding-end: 1px;
  padding-inline-end: 1px;
}

[dir="ltr"] #toolbarSidebarRight {
  padding-right: 2px;
}

[dir="rtl"] #toolbarSidebarRight {
  padding-left: 2px;
}

#toolbarSidebarRight {
  -webkit-padding-end: 2px;
  padding-inline-end: 2px;
}

.splitToolbarButton {
  margin: 2px;
  display: inline-block;
}

[dir="ltr"] .splitToolbarButton>.toolbarButton {
  float: left;
}

[dir="rtl"] .splitToolbarButton>.toolbarButton {
  float: right;
}

.splitToolbarButton>.toolbarButton {
  float: inline-start;
}

.toolbarButton,
.secondaryToolbarButton,
.dialogButton {
  border: none;
  background: none;
  width: 28px;
  height: 28px;
  outline: none;
}

.dialogButton:hover,
.dialogButton:focus-visible {
  background-color: var(--dialog-button-hover-bg-color);
}

.dialogButton:hover>span,
.dialogButton:focus-visible>span {
  color: var(--dialog-button-hover-color);
}

.toolbarButton>span {
  display: inline-block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.toolbarButton[disabled],
.secondaryToolbarButton[disabled],
.dialogButton[disabled] {
  opacity: 0.5;
}

.splitToolbarButton>.toolbarButton:hover,
.splitToolbarButton>.toolbarButton:focus-visible,
.dropdownToolbarButton:hover {
  background-color: var(--button-hover-color);
}

.splitToolbarButton>.toolbarButton {
  position: relative;
  margin: 0;
}

[dir="ltr"] #toolbarSidebar .splitToolbarButton>.toolbarButton {
  margin-right: 2px;
}

[dir="rtl"] #toolbarSidebar .splitToolbarButton>.toolbarButton {
  margin-left: 2px;
}

#toolbarSidebar .splitToolbarButton>.toolbarButton {
  -webkit-margin-end: 2px;
  margin-inline-end: 2px;
}

[dir="ltr"] .splitToolbarButtonSeparator {
  float: left;
}

[dir="rtl"] .splitToolbarButtonSeparator {
  float: right;
}

.splitToolbarButtonSeparator {
  float: inline-start;
  margin: 4px 0;
  width: 1px;
  height: 20px;
  background-color: var(--separator-color);
}

.toolbarButton,
.dropdownToolbarButton,
.secondaryToolbarButton,
.dialogButton {
  min-width: 16px;
  margin: 2px 1px;
  padding: 2px 6px 0;
  border: none;
  border-radius: 2px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
  box-sizing: border-box;
}

.toolbarButton:hover,
.toolbarButton:focus-visible {
  background-color: var(--button-hover-color);
}

.secondaryToolbarButton:hover,
.secondaryToolbarButton:focus-visible {
  background-color: var(--doorhanger-hover-bg-color);
  color: var(--doorhanger-hover-color);
}

.toolbarButton.toggled,
.splitToolbarButton.toggled>.toolbarButton.toggled,
.secondaryToolbarButton.toggled {
  background-color: var(--toggled-btn-bg-color);
  color: var(--toggled-btn-color);
}

.toolbarButton.toggled::before,
.secondaryToolbarButton.toggled::before {
  background-color: var(--toggled-btn-color);
}

.toolbarButton.toggled:hover:active,
.splitToolbarButton.toggled>.toolbarButton.toggled:hover:active,
.secondaryToolbarButton.toggled:hover:active {
  background-color: var(--toggled-hover-active-btn-color);
}

.dropdownToolbarButton {
  width: var(--scale-select-width);
  padding: 0;
  background-color: var(--dropdown-btn-bg-color);
  border: var(--dropdown-btn-border);
}

[dir="ltr"] .dropdownToolbarButton::after {
  right: 6px;
}

[dir="rtl"] .dropdownToolbarButton::after {
  left: 6px;
}

.dropdownToolbarButton::after {
  top: 6px;
  inset-inline-end: 6px;
  pointer-events: none;
  -webkit-mask-image: var(--toolbarButton-menuArrow-icon);
  mask-image: var(--toolbarButton-menuArrow-icon);
}

[dir="ltr"] .dropdownToolbarButton>select {
  padding-left: 6px;
}

[dir="rtl"] .dropdownToolbarButton>select {
  padding-right: 6px;
}

.dropdownToolbarButton>select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: inherit;
  height: 28px;
  font-size: 12px;
  color: var(--main-color);
  margin: 0;
  padding: 1px 0 2px;
  -webkit-padding-start: 6px;
  padding-inline-start: 6px;
  border: none;
  background-color: var(--dropdown-btn-bg-color);
}

.dropdownToolbarButton>select:hover,
.dropdownToolbarButton>select:focus-visible {
  background-color: var(--button-hover-color);
  color: var(--toggled-btn-color);
}

.dropdownToolbarButton>select>option {
  background: var(--doorhanger-bg-color);
  color: var(--main-color);
}

.toolbarButtonSpacer {
  width: 30px;
  display: inline-block;
  height: 1px;
}

.toolbarButton::before,
.secondaryToolbarButton::before,
.dropdownToolbarButton::after,
.treeItemToggler::before {
  /* All matching images have a size of 16x16
     * All relevant containers have a size of 28x28 */
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: var(--toolbar-icon-bg-color);
  -webkit-mask-size: cover;
  mask-size: cover;
}

.dropdownToolbarButton:hover::after,
.dropdownToolbarButton:focus-visible::after,
.dropdownToolbarButton:active::after {
  background-color: var(--toolbar-icon-hover-bg-color);
}

.toolbarButton::before {
  opacity: var(--toolbar-icon-opacity);
  top: 6px;
  left: 6px;
}

.toolbarButton:hover::before,
.toolbarButton:focus-visible::before,
.secondaryToolbarButton:hover::before,
.secondaryToolbarButton:focus-visible::before {
  background-color: var(--toolbar-icon-hover-bg-color);
}

[dir="ltr"] .secondaryToolbarButton::before {
  left: 12px;
}

[dir="rtl"] .secondaryToolbarButton::before {
  right: 12px;
}

.secondaryToolbarButton::before {
  opacity: var(--doorhanger-icon-opacity);
  top: 5px;
  inset-inline-start: 12px;
}

#sidebarToggle::before {
  -webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
  mask-image: var(--toolbarButton-sidebarToggle-icon);
  transform: scaleX(var(--dir-factor));
}

#secondaryToolbarToggle::before {
  -webkit-mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
  mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
  transform: scaleX(var(--dir-factor));
}

#findPrevious::before {
  -webkit-mask-image: var(--findbarButton-previous-icon);
  mask-image: var(--findbarButton-previous-icon);
}

#findNext::before {
  -webkit-mask-image: var(--findbarButton-next-icon);
  mask-image: var(--findbarButton-next-icon);
}

#previous::before {
  -webkit-mask-image: var(--toolbarButton-pageUp-icon);
  mask-image: var(--toolbarButton-pageUp-icon);
}

#next::before {
  -webkit-mask-image: var(--toolbarButton-pageDown-icon);
  mask-image: var(--toolbarButton-pageDown-icon);
}

#zoomOut::before {
  -webkit-mask-image: var(--toolbarButton-zoomOut-icon);
  mask-image: var(--toolbarButton-zoomOut-icon);
}

#zoomIn::before {
  -webkit-mask-image: var(--toolbarButton-zoomIn-icon);
  mask-image: var(--toolbarButton-zoomIn-icon);
}

#presentationMode::before {
  -webkit-mask-image: var(--toolbarButton-presentationMode-icon);
  mask-image: var(--toolbarButton-presentationMode-icon);
}

#editorFreeText::before {
  -webkit-mask-image: var(--toolbarButton-editorFreeText-icon);
  mask-image: var(--toolbarButton-editorFreeText-icon);
}

#editorInk::before {
  -webkit-mask-image: var(--toolbarButton-editorInk-icon);
  mask-image: var(--toolbarButton-editorInk-icon);
}

#print::before,
#secondaryPrint::before {
  -webkit-mask-image: var(--toolbarButton-print-icon);
  mask-image: var(--toolbarButton-print-icon);
}

#openFile::before,
#secondaryOpenFile::before {
  -webkit-mask-image: var(--toolbarButton-openFile-icon);
  mask-image: var(--toolbarButton-openFile-icon);
}

#download::before,
#secondaryDownload::before {
  -webkit-mask-image: var(--toolbarButton-download-icon);
  mask-image: var(--toolbarButton-download-icon);
}

a.secondaryToolbarButton {
  padding-top: 5px;
  text-decoration: none;
}

a.toolbarButton[href="#"],
a.secondaryToolbarButton[href="#"] {
  opacity: 0.5;
  pointer-events: none;
}

#viewBookmark::before {
  -webkit-mask-image: var(--toolbarButton-bookmark-icon);
  mask-image: var(--toolbarButton-bookmark-icon);
}

#viewThumbnail::before {
  -webkit-mask-image: var(--toolbarButton-viewThumbnail-icon);
  mask-image: var(--toolbarButton-viewThumbnail-icon);
}

#viewOutline::before {
  -webkit-mask-image: var(--toolbarButton-viewOutline-icon);
  mask-image: var(--toolbarButton-viewOutline-icon);
  transform: scaleX(var(--dir-factor));
}

#viewAttachments::before {
  -webkit-mask-image: var(--toolbarButton-viewAttachments-icon);
  mask-image: var(--toolbarButton-viewAttachments-icon);
}

#viewLayers::before {
  -webkit-mask-image: var(--toolbarButton-viewLayers-icon);
  mask-image: var(--toolbarButton-viewLayers-icon);
}

#currentOutlineItem::before {
  -webkit-mask-image: var(--toolbarButton-currentOutlineItem-icon);
  mask-image: var(--toolbarButton-currentOutlineItem-icon);
  transform: scaleX(var(--dir-factor));
}

#viewFind::before {
  -webkit-mask-image: var(--toolbarButton-search-icon);
  mask-image: var(--toolbarButton-search-icon);
}

[dir="ltr"] .pdfSidebarNotification::after {
  right: 2px;
}

[dir="rtl"] .pdfSidebarNotification::after {
  left: 2px;
}

.pdfSidebarNotification::after {
  position: absolute;
  display: inline-block;
  top: 2px;
  inset-inline-end: 2px;
  /* Create a filled circle, with a diameter of 9 pixels, using only CSS: */
  content: "";
  background-color: rgba(112, 219, 85, 1);
  height: 9px;
  width: 9px;
  border-radius: 50%;
}

[dir="ltr"] .secondaryToolbarButton {
  padding-left: 36px;
}

[dir="rtl"] .secondaryToolbarButton {
  padding-right: 36px;
}

[dir="ltr"] .secondaryToolbarButton {
  text-align: left;
}

[dir="rtl"] .secondaryToolbarButton {
  text-align: right;
}

.secondaryToolbarButton {
  position: relative;
  margin: 0;
  padding: 0 0 1px;
  -webkit-padding-start: 36px;
  padding-inline-start: 36px;
  height: auto;
  min-height: 26px;
  width: auto;
  min-width: 100%;
  text-align: start;
  white-space: normal;
  border-radius: 0;
  box-sizing: border-box;
  display: inline-block;
}

[dir="ltr"] .secondaryToolbarButton>span {
  padding-right: 4px;
}

[dir="rtl"] .secondaryToolbarButton>span {
  padding-left: 4px;
}

.secondaryToolbarButton>span {
  -webkit-padding-end: 4px;
  padding-inline-end: 4px;
}

#firstPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-firstPage-icon);
  mask-image: var(--secondaryToolbarButton-firstPage-icon);
}

#lastPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-lastPage-icon);
  mask-image: var(--secondaryToolbarButton-lastPage-icon);
}

#pageRotateCcw::before {
  -webkit-mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
  mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
}

#pageRotateCw::before {
  -webkit-mask-image: var(--secondaryToolbarButton-rotateCw-icon);
  mask-image: var(--secondaryToolbarButton-rotateCw-icon);
}

#cursorSelectTool::before {
  -webkit-mask-image: var(--secondaryToolbarButton-selectTool-icon);
  mask-image: var(--secondaryToolbarButton-selectTool-icon);
}

#cursorHandTool::before {
  -webkit-mask-image: var(--secondaryToolbarButton-handTool-icon);
  mask-image: var(--secondaryToolbarButton-handTool-icon);
}

#scrollPage::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollPage-icon);
  mask-image: var(--secondaryToolbarButton-scrollPage-icon);
}

#scrollVertical::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
  mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
}

#scrollHorizontal::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
  mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
}

#scrollWrapped::before {
  -webkit-mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
  mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
}

#spreadNone::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadNone-icon);
  mask-image: var(--secondaryToolbarButton-spreadNone-icon);
}

#spreadOdd::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
  mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
}

#spreadEven::before {
  -webkit-mask-image: var(--secondaryToolbarButton-spreadEven-icon);
  mask-image: var(--secondaryToolbarButton-spreadEven-icon);
}

#documentProperties::before {
  -webkit-mask-image: var(--secondaryToolbarButton-documentProperties-icon);
  mask-image: var(--secondaryToolbarButton-documentProperties-icon);
}

.verticalToolbarSeparator {
  display: block;
  margin: 5px 2px;
  width: 1px;
  height: 22px;
  background-color: var(--separator-color);
}

.horizontalToolbarSeparator {
  display: block;
  margin: 6px 0;
  height: 1px;
  width: 100%;
  background-color: var(--doorhanger-separator-color);
}

.toolbarField {
  padding: 4px 7px;
  margin: 3px 0;
  border-radius: 2px;
  background-color: var(--field-bg-color);
  background-clip: padding-box;
  border: 1px solid var(--field-border-color);
  box-shadow: none;
  color: var(--field-color);
  font-size: 12px;
  line-height: 16px;
  outline: none;
}

[dir="ltr"] .toolbarField[type="checkbox"] {
  margin-left: 7px;
}

[dir="rtl"] .toolbarField[type="checkbox"] {
  margin-right: 7px;
}

.toolbarField[type="checkbox"] {
  opacity: 0;
  position: absolute !important;
  left: 0;
  margin: 10px 0 3px;
  -webkit-margin-start: 7px;
  margin-inline-start: 7px;
}

#pageNumber {
  -moz-appearance: textfield;
  /* hides the spinner in moz */
  text-align: right;
  width: 40px;
}

#pageNumber.visiblePageIsLoading {
  background-image: var(--loading-icon);
  background-repeat: no-repeat;
  background-position: 3px;
}

#pageNumber::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.toolbarField:focus {
  border-color: #0a84ff;
}

.toolbarLabel {
  min-width: 16px;
  padding: 7px;
  margin: 2px;
  border-radius: 2px;
  color: var(--main-color);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

[dir="ltr"] #numPages.toolbarLabel {
  padding-left: 3px;
}

[dir="rtl"] #numPages.toolbarLabel {
  padding-right: 3px;
}

#numPages.toolbarLabel {
  -webkit-padding-start: 3px;
  padding-inline-start: 3px;
}

#thumbnailView,
#outlineView,
#attachmentsView,
#layersView {
  position: absolute;
  width: calc(100% - 8px);
  top: 0;
  bottom: 0;
  padding: 4px 4px 0;
  overflow: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#thumbnailView {
  width: calc(100% - 60px);
  padding: 10px 30px 0;
}

#thumbnailView>a:active,
#thumbnailView>a:focus {
  outline: 0;
}

[dir="ltr"] .thumbnail {
  float: left;
}

[dir="rtl"] .thumbnail {
  float: right;
}

.thumbnail {
  float: inline-start;
  margin: 0 10px 5px;
}

#thumbnailView>a:last-of-type>.thumbnail {
  margin-bottom: 10px;
}

#thumbnailView>a:last-of-type>.thumbnail:not([data-loaded]) {
  margin-bottom: 9px;
}

.thumbnail:not([data-loaded]) {
  border: 1px dashed rgba(132, 132, 132, 1);
  margin: -1px 9px 4px;
}

.thumbnailImage {
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  opacity: 0.8;
  z-index: 99;
  background-color: rgba(255, 255, 255, 1);
  background-clip: content-box;
}

.thumbnailSelectionRing {
  border-radius: 2px;
  padding: 7px;
}

a:focus>.thumbnail>.thumbnailSelectionRing>.thumbnailImage,
.thumbnail:hover>.thumbnailSelectionRing>.thumbnailImage {
  opacity: 0.9;
}

a:focus>.thumbnail>.thumbnailSelectionRing,
.thumbnail:hover>.thumbnailSelectionRing {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  color: rgba(255, 255, 255, 0.9);
}

.thumbnail.selected>.thumbnailSelectionRing>.thumbnailImage {
  opacity: 1;
}

.thumbnail.selected>.thumbnailSelectionRing {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  color: rgba(255, 255, 255, 1);
}

[dir="ltr"] .treeWithDeepNesting>.treeItem,
[dir="ltr"] .treeItem>.treeItems {
  margin-left: 20px;
}

[dir="rtl"] .treeWithDeepNesting>.treeItem,
[dir="rtl"] .treeItem>.treeItems {
  margin-right: 20px;
}

.treeWithDeepNesting>.treeItem,
.treeItem>.treeItems {
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
}

[dir="ltr"] .treeItem>a {
  padding-left: 4px;
}

[dir="rtl"] .treeItem>a {
  padding-right: 4px;
}

.treeItem>a {
  text-decoration: none;
  display: inline-block;
  /* Subtract the right padding (left, in RTL mode) of the container: */
  min-width: calc(100% - 4px);
  height: auto;
  margin-bottom: 1px;
  padding: 2px 0 5px;
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
  border-radius: 2px;
  color: var(--treeitem-color);
  font-size: 13px;
  line-height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: normal;
  cursor: pointer;
}

#layersView .treeItem>a * {
  cursor: pointer;
}

[dir="ltr"] #layersView .treeItem>a>label {
  padding-left: 4px;
}

[dir="rtl"] #layersView .treeItem>a>label {
  padding-right: 4px;
}

#layersView .treeItem>a>label {
  -webkit-padding-start: 4px;
  padding-inline-start: 4px;
}

[dir="ltr"] #layersView .treeItem>a>label>input {
  float: left;
}

[dir="rtl"] #layersView .treeItem>a>label>input {
  float: right;
}

#layersView .treeItem>a>label>input {
  float: inline-start;
  margin-top: 1px;
}

[dir="ltr"] .treeItemToggler {
  float: left;
}

[dir="rtl"] .treeItemToggler {
  float: right;
}

.treeItemToggler {
  position: relative;
  float: inline-start;
  height: 0;
  width: 0;
  color: rgba(255, 255, 255, 0.5);
}

[dir="ltr"] .treeItemToggler::before {
  right: 4px;
}

[dir="rtl"] .treeItemToggler::before {
  left: 4px;
}

.treeItemToggler::before {
  inset-inline-end: 4px;
  -webkit-mask-image: var(--treeitem-expanded-icon);
  mask-image: var(--treeitem-expanded-icon);
}

.treeItemToggler.treeItemsHidden::before {
  -webkit-mask-image: var(--treeitem-collapsed-icon);
  mask-image: var(--treeitem-collapsed-icon);
  transform: scaleX(var(--dir-factor));
}

.treeItemToggler.treeItemsHidden~.treeItems {
  display: none;
}

.treeItem.selected>a {
  background-color: var(--treeitem-selected-bg-color);
  color: var(--treeitem-selected-color);
}

.treeItemToggler:hover,
.treeItemToggler:hover+a,
.treeItemToggler:hover~.treeItems,
.treeItem>a:hover {
  background-color: var(--sidebaritem-bg-color);
  background-clip: padding-box;
  border-radius: 2px;
  color: var(--treeitem-hover-color);
}

.dialogButton {
  width: auto;
  margin: 3px 4px 2px !important;
  padding: 2px 11px;
  color: var(--main-color);
  background-color: var(--dialog-button-bg-color);
  border: var(--dialog-button-border) !important;
}

dialog {
  margin: auto;
  padding: 15px;
  border-spacing: 4px;
  color: var(--main-color);
  font: message-box;
  font-size: 12px;
  line-height: 14px;
  background-color: var(--doorhanger-bg-color);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}

dialog::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}

dialog>.row {
  display: table-row;
}

dialog>.row>* {
  display: table-cell;
}

dialog .toolbarField {
  margin: 5px 0;
}

dialog .separator {
  display: block;
  margin: 4px 0;
  height: 1px;
  width: 100%;
  background-color: var(--separator-color);
}

dialog .buttonRow {
  text-align: center;
  vertical-align: middle;
}

dialog :link {
  color: rgba(255, 255, 255, 1);
}

#passwordDialog {
  text-align: center;
}

#passwordDialog .toolbarField {
  width: 200px;
}

#documentPropertiesDialog {
  text-align: left;
}

[dir="ltr"] #documentPropertiesDialog .row>* {
  text-align: left;
}

[dir="rtl"] #documentPropertiesDialog .row>* {
  text-align: right;
}

#documentPropertiesDialog .row>* {
  min-width: 100px;
  text-align: start;
}

#documentPropertiesDialog .row>span {
  width: 125px;
  word-wrap: break-word;
}

#documentPropertiesDialog .row>p {
  max-width: 225px;
  word-wrap: break-word;
}

#documentPropertiesDialog .buttonRow {
  margin-top: 10px;
}

.grab-to-pan-grab {
  cursor: grab !important;
}

.grab-to-pan-grab *:not(input):not(textarea):not(button):not(select):not(:link) {
  cursor: inherit !important;
}

.grab-to-pan-grab:active,
.grab-to-pan-grabbing {
  cursor: grabbing !important;
  position: fixed;
  background: rgba(0, 0, 0, 0);
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 50000;
  /* should be higher than anything else in PDF.js! */
}

@page {
  margin: 0;
}

#printContainer {
  display: none;
}

@media print {
  body {
    background: rgba(0, 0, 0, 0) none;
  }

  body[data-pdfjsprinting] #outerContainer {
    display: none;
  }

  body[data-pdfjsprinting] #printContainer {
    display: block;
  }
  /* #umnico-widget-wrapper{
    display:none !important;
  } */

  #printContainer {
    height: 100%;
  }

  /* wrapper around (scaled) print canvas elements */
  #printContainer>.printedPage {
    page-break-after: always;
    page-break-inside: avoid;
    /* The wrapper always cover the whole page. */
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #printContainer>.xfaPrintedPage .xfaPage {
    position: absolute;
  }

  #printContainer>.xfaPrintedPage {
    page-break-after: always;
    page-break-inside: avoid;
    width: 100%;
    height: 100%;
    position: relative;
  }

  #printContainer>.printedPage canvas,
  #printContainer>.printedPage img {
    /* The intrinsic canvas / image size will make sure that we fit the page. */
    max-width: 100%;
    max-height: 100%;
    direction: ltr;
    display: block;
  }
  .loader-content{
    display: none !important;
  }
  .btn_print, #btn_print{
    display: none !important;
  }
}

.visibleLargeView,
.visibleMediumView {
  display: none;
}

@media all and (max-width: 900px) {
  #toolbarViewerMiddle {
    display: table;
    margin: auto;
    left: auto;
    position: inherit;
    transform: none;
  }
}

@media all and (max-width: 840px) {
  #sidebarContainer {
    background-color: var(--sidebar-narrow-bg-color);
  }

  [dir="ltr"] #outerContainer.sidebarOpen #viewerContainer {
    left: 0 !important;
  }

  [dir="rtl"] #outerContainer.sidebarOpen #viewerContainer {
    right: 0 !important;
  }

  #outerContainer.sidebarOpen #viewerContainer {
    inset-inline-start: 0 !important;
  }
}

@media all and (max-width: 820px) {
  #outerContainer .hiddenLargeView {
    display: none;
  }

  #outerContainer .visibleLargeView {
    display: inherit;
  }
  .install_wrapper {
    grid-template-columns: none;
  }
}

@media all and (max-width: 750px) {
  #outerContainer .hiddenMediumView {
    display: none;
  }

  #outerContainer .visibleMediumView {
    display: inherit;
  }
}

@media all and (max-width: 690px) {

  .hiddenSmallView,
  .hiddenSmallView * {
    display: none;
  }

  .toolbarButtonSpacer {
    width: 0;
  }

  [dir="ltr"] .findbar {
    left: 34px;
  }

  [dir="rtl"] .findbar {
    right: 34px;
  }

  .findbar {
    inset-inline-start: 34px;
  }

  .install_wrapper {
    grid-template-columns: none;
  }
}

@media all and (max-width: 560px) {
  #scaleSelectContainer {
    display: none;
  }
}


@media all and (max-width: 970px) {
.install_wrapper {
    grid-template-columns: none;
  }
}

#violator_first_name {
  font-weight: 400;
}


.education_wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  position: relative;
}

.education_explanation {
  position: sticky;
  height: fit-content;
  top:10%;
  padding: 40px;
  border-radius: 15px;
  margin: 20px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;;
}

.education_explanation svg {
  width: 40px;
  display: block;
  margin-bottom: 20px;
}

.update_benefits p {
  color: grey;
}

.update_benefits {
  margin: 30px 0px;
}

.banner_video {
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 15px;
  margin-top: 35px;
  display: flex;
  flex-direction: row;
}

.banner_video div.banner_video_wrapper {
  padding: 35px;
}

.banner_video img {
  border-radius: 15px 0px 0px 15px;
  max-width: 400px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.banner_video div button svg {
  margin-right: 10px;
}



.education_card blockquote.aipsin_blockquote {
  border-left: unset;
  padding-left: unset;
}

/* blockquote.aipsin_blockquote {
    border-left: none !important;
    padding-left: 0.5rem !important;
    font-style: unset;
} */