/*--------------------------------  IMPORT>UI>NEW_WIDGETS  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>PATH  --------------------------------*/
body[path="/services/ms_checker/"] .report_page table tbody tr td:nth-child(2) .copy,
body[path="/services/ms_checker/"] .report_page table tbody tr td:nth-child(4) .copy {
  display: none !important;
}

body[path="/newsubstance/"] #container table tbody tr td:nth-child(3) a {
  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;
}

body[path="/newsubstance/"] #container table tbody tr td:nth-child(3) a: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;
}

body[path="/newsubstance/"] #container table tbody tr td:nth-child(3) a:hover {
  background-position: 0;
}

body[path="/newsubstance/"] #container table tbody tr td:nth-child(3) a:hover::before {
  width: 100%;
}

body[path="/contracts/"] #container table>thead>tr>th:first-child,
body[path="/contracts/inactive/"] #container table>thead>tr>th:first-child {
  min-width: unset;
}

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

  body[path="/newsubstance/"] #container table thead tr th:nth-child(2),
  body[path="/newsubstance/"] #container table tbody tr td:nth-child(2),
  body[path="/newsubstance/"] #container table thead tr th:nth-child(4),
  body[path="/newsubstance/"] #container table tbody tr td:nth-child(4),
  body[path="/newsubstance/"] #container table thead tr th:nth-child(5),
  body[path="/newsubstance/"] #container table tbody tr td:nth-child(5),
  body[path="/newsubstance/"] #container table thead tr th:nth-child(6),
  body[path="/newsubstance/"] #container table tbody tr td:nth-child(6),
  body[path="/newsubstance/"] #container table thead tr th:nth-child(7),
  body[path="/newsubstance/"] #container table tbody tr td:nth-child(7),
  body[path="/newsubstance/"] #container table thead tr th:last-child,
  body[path="/newsubstance/"] #container table tbody tr td:last-child {
    display: none !important;
  }

  body[path="/newsubstance/"] #container table thead tr th:nth-child(1),
  body[path="/newsubstance/"] #container table thead tr td:nth-child(1) {
    width: 170px !important;
  }

  body[path="/services/ms_checker/"] .report_page .report_main .wrapper_report table.matches_table tbody th:nth-child(4),
  body[path="/services/ms_checker/"] .report_page .report_main .wrapper_report table.matches_table tbody td:nth-child(4) {
    display: none !important;
  }

  body[path="/services/ms_checker/"] .report_page .report_main .wrapper_report table.matches_table tbody th:nth-child(2),
  body[path="/services/ms_checker/"] .report_page .report_main .wrapper_report table.matches_table tbody td:nth-child(2) {
    white-space: pre;
  }
}


body[path="/license/"] #container table tbody tr td:nth-child(2) .copy,
body[path="/license/"] #container table tbody tr td:nth-child(3) .copy,
body[path="/license/ended/"] #container table tbody tr td:nth-child(2) .copy,
body[path="/license/ended/"] #container table tbody tr td:nth-child(3) .copy,
body[path="/license/less_2_month/"] #container table tbody tr td:nth-child(2) .copy,
body[path="/license/less_2_month/"] #container table tbody tr td:nth-child(3) .copy,
body[path="/license/fields/"] #container table tbody tr td:nth-child(2) .copy,
body[path="/license/fields/"] #container table tbody tr td:nth-child(3) .copy {
  display: none !important;
}

@media screen and (max-device-width:980px) and (min-device-width:481px) and (orientation: landscape) {

  body[path="/services/structure_checker/"] header,
  #title_head,
  body[path="/services/derivative_checker/"] header,
  #title_head {
    display: none;
  }

  body[path="/services/structure_checker/"],
  body[path="/services/derivative_checker/"] {
    height: auto;
  }
}

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

  body[path="/services/structure_checker/"] header,
  #title_head,
  body[path="/services/derivative_checker/"] header,
  #title_head {
    display: block !important;
  }

  body[path="/services/structure_checker/"],
  body[path="/services/derivative_checker/"] {
    height: 100% !important;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>MS_CHECKER  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_dict_article>.form_aipsin_content_item:nth-child(1) {
  grid-column: 1 / span 2;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>FORM_NOTICE  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_notice {
  grid-template-columns: 1fr 1fr;
}

.form_aipsin>.form_aipsin_content.form_notice>.form_aipsin_content_item:nth-child(1) {
  grid-column: 1 / span 2;
}

.form_aipsin>.form_aipsin_content.form_notice>.form_aipsin_content_item:nth-child(2) {
  grid-column: 1 / span 2;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>CONTRACT  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_contract>.form_aipsin_content_item:last-child {
  grid-column: 1 / span 2 !important;
}

.form_aipsin>.form_aipsin_content.form_contract>.form_aipsin_content_item:nth-child(5) {
  grid-column: 1 / span 2 !important;
}

.form_aipsin>.form_aipsin_content.form_contract>.form_aipsin_content_item:nth-child(5)>.aipsin_field {
  align-items: center;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>LICENSE  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_license>.form_aipsin_content_item:first-child {
  grid-column: 1 / span 2 !important;
}

.form_aipsin>.form_aipsin_content.grid_2.form_license>.form_aipsin_content_item:last-child:nth-child(2n - 1) {
  grid-column: unset;
  justify-content: unset;
}

/* .form_aipsin>.form_aipsin_content.form_license>.form_aipsin_content_item:nth-last-child(2) { grid-column: 1 / span 2 !important; }*/

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>NEW_SERVICES  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>MS_CHECKER  --------------------------------*/
.form_aipsin>.form_aipsin_content.ms_checker>.form_aipsin_content_item:nth-child(2) {
  grid-column: 1;
  grid-row: 1 /span 4;
}

.form_aipsin>.form_aipsin_content.ms_checker>.form_aipsin_content_item:last-child {
  grid-column: 3;
  grid-row: 1 /span 4;
}

@media screen and (max-device-width: 860px) {
  .form_aipsin>.form_aipsin_content.ms_checker>.form_aipsin_content_item:last-child {
    grid-row: unset;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>SYNTH_PRECURSORS  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_synth_precursors>.form_aipsin_content_item:last-child {
  grid-column: 1 / span 2;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>STRUCTURE_SERIVCE  --------------------------------*/
/* .form_aipsin>.form_aipsin_content.structure_serivce { grid-template-columns: 1fr 1fr 1fr 1fr; }
*/
/* .form_aipsin>.form_aipsin_content.structure_serivce>.form_aipsin_content_item:nth-child(1) { grid-column: 1 / span 3; }
*/
.form_aipsin>.form_aipsin_content.structure_serivce>.form_aipsin_content_item:nth-child(2):last-child {
  grid-column: 4 / span 1;
}

/* .form_aipsin>.form_aipsin_content.structure_serivce>.form_aipsin_content_item:last-child { grid-column: 1 / span 4; }
*/
.form_aipsin>.form_aipsin_content.structure_serivce_2 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.form_aipsin>.form_aipsin_content.structure_serivce_2>.form_aipsin_content_item:nth-child(2) {
  grid-column: 1 / span 4;
}

.form_aipsin>.form_aipsin_content.structure_serivce_2>.form_aipsin_content_item:nth-child(3) {
  grid-column: 5 / span 2;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>PHARMACEUTICALS  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_pharmaceuticals>.form_aipsin_content_item:nth-child(1) {
    grid-column: span 2 / auto;
    justify-content: center;
}
.form_aipsin>.form_aipsin_content.form_pharmaceuticals>.form_aipsin_content_item:last-child:nth-child(2n - 1){
  grid-column: unset !important;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>LEGISLATION  --------------------------------*/
/* .form_aipsin>.form_aipsin_content.form_legislation>.form_aipsin_content_item:last-child:nth-last-child(1) {
    grid-column: span 2 / auto;
    justify-content: center;
}
.form_aipsin>.form_aipsin_content.form_legislation>.form_aipsin_content_item:nth-last-child(2) {
    grid-column: span 2 / auto;
    justify-content: center;
}
.form_aipsin>.form_aipsin_content.form_legislation>.form_aipsin_content_item .aipsin_field{
  align-items: center;
}
.form_aipsin>.form_aipsin_content.form_legislation>.form_aipsin_content_item:last-child:nth-child(2n - 1){
  grid-column: unset !important;
} */
 /* .form_aipsin>.form_aipsin_content.form_legislation .form_aipsin_content_item[style="display: flex;"] .aipsin_field:first-child {
  width:50% !important;
 } */
  .form_aipsin>.form_aipsin_content.form_legislation>.form_aipsin_content_item[style="display: flex;"]>.aipsin_field  {
  max-width:50%;
 }

#structure_checker .schedule_wrapper {
  display: flex;
  align-items: center;
}

.form_derivative_checker {
  grid-template-columns: repeat(6, 1fr) !important;
  grid-template-rows: repeat(6, 1fr) !important;
}

.form_derivative_checker>.form_aipsin_content_item:nth-child(1) {
  grid-column: 1 / 5;
  grid-row: 1 / 7;
}

.form_derivative_checker>.form_aipsin_content_item:nth-child(2) {
  grid-column: 5 / 7;
  grid-row: 1 / 4;
}

.form_derivative_checker>.form_aipsin_content_item:nth-child(3) {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
}

.toolbar_list_btns:first-child {
  margin: 0;
}

@media (max-width:1250px) {

  .form_derivative_checker,
  .form_structure_checker,
  .form_ester_finder {
    display: block !important;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>DRUGS_CHECKER  --------------------------------*/
.form_aipsin>.form_aipsin_content.drugs_checker {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.form_aipsin>.form_aipsin_content.drugs_checker>.form_aipsin_content_item:nth-child(1) {
  grid-column: 1 / span 1;
}

.form_aipsin>.form_aipsin_content.drugs_checker>.form_aipsin_content_item:nth-child(3) {
  grid-column: 2 / span 2 !important;
  grid-row: 1 / span 2;
}

@media screen and (max-width: 1000px) {
  .form_aipsin>.form_aipsin_content.drugs_checker {
    grid-template-columns: 1fr !important;
  }

  .form_aipsin>.form_aipsin_content.drugs_checker>.form_aipsin_content_item,
  .form_aipsin>.form_aipsin_content.drugs_checker>.form_aipsin_content_item:nth-child(3) {
    grid-column: unset !important;
    grid-row: unset !important;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>DRUGS_TEXT  --------------------------------*/
.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text {
  grid-template-columns: repeat(6, 1fr);
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(1) {
  grid-column: 1 / span 3 !important;
  grid-row: 1;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(2) {
  grid-column: 4 / span 3 !important;
  grid-row: 1;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(3) {
  justify-content: center;
  grid-column: 1 / span 3 !important;
  grid-row: 2 / span 4;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(4) {
  justify-content: center;
  grid-column: 4/7;
  grid-row: 2;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(5) {
  justify-content: center;
  grid-column: 4/7;
  grid-row: 3;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(6) {
  justify-content: center;
  grid-column: 4/7;
  grid-row: 4;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(7) {
  justify-content: center;
  grid-column: 4/7 !important;
  grid-row: 5;
}

.drugs_text .form_aipsin_content_item .aipsin_field {
  align-items: start !important;
}

.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(3) .aipsin_field,
.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(4) .aipsin_field,
.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(5) .aipsin_field,
.form_aipsin>.form_aipsin_content.drugs_text.form_drugs_text>.form_aipsin_content_item:nth-child(6) .aipsin_field {
  align-items: center;
  justify-content: center;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>ESTER_FINDER  --------------------------------*/
.form_aipsin>.form_ester_finder>.form_aipsin_content_item:nth-child(1) {
  grid-column: 1 / 5;
  grid-row: 1 / 7;
}

.form_aipsin>.form_ester_finder>.form_aipsin_content_item:nth-child(2) {
  grid-column: 5 / 7;
  grid-row: 1 / 4;
}

.form_aipsin>.form_ester_finder>.form_aipsin_content_item:nth-child(3) {
  grid-column: 5 / 7;
  grid-row: 4 / 7;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>METABOLISM_FINDER  --------------------------------*/
.form_aipsin>.form_metabolism_finder>.form_aipsin_content_item:nth-child(3) {
  padding: 0 10px;
}

.form_aipsin>.form_metabolism_finder>.form_aipsin_content_item:nth-child(4) {
  padding: 0 10px;
}

.form_aipsin>.form_metabolism_finder>.form_aipsin_content_item:nth-child(5) {
  padding: 0 10px;
  grid-column: 2 / 3
}

.form_aipsin>.form_metabolism_finder>.form_aipsin_content_item:nth-child(6) {
  padding: 0 10px;
  grid-column: 2 / 3
}


/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>LITERATURE  --------------------------------*/
@media screen and (max-device-width: 480px) {
  .form_aipsin>.form_aipsin_content.form_literature {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .form_aipsin>.form_aipsin_content.form_literature .form_aipsin_content_item {
    grid-column: span 2/auto !important;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>NEWSUBSTANCE_IMAGE_INDIVIDUAL  --------------------------------*/
@media (max-width:1020px) {
  .form_newsubstance_image_individual {
    grid-template-columns: 1fr !important;
  }

  .form_newsubstance_image_mixtures {
    grid-template-columns: 1fr !important;
  }

  .form_newsubstance_image_individual>div:nth-child(9) {
    grid-row: 9;
  }

  .form_newsubstance_image_individual>div:nth-child(8) {
    grid-row: 10;
  }

  .form_newsubstance_image_individual>div:nth-child(10) {
    grid-row: 8;
  }

  .form_newsubstance_image_individual>div:nth-child(7) {
    grid-row: 5;
  }

  .form_newsubstance_image_individual>div:nth-child(5) {
    grid-row: 4;
  }

  .form_newsubstance_image_mixtures>div:nth-child(3) {
    padding: 0 !important;
  }
}

@media (min-width:1021px) {
  .form_newsubstance_image_individual {
    grid-template-columns: 1fr 1fr !important;
  }

  .form_newsubstance_image_mixtures {
    grid-template-columns: 1fr 1fr !important;
  }

  .form_newsubstance_image_mixtures>.form_aipsin_content_item:last-child {
    grid-column: span 2/auto;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>NEWSUBSTANCE_IMAGE_MIXTURES  --------------------------------*/
@media (max-width:1020px) {
  .form_newsubstance_image_individual {
    grid-template-columns: 1fr !important;
  }

  .form_newsubstance_image_plant {
    grid-template-columns: 1fr !important;
  }

  .form_newsubstance_image_individual>div:nth-child(9) {
    grid-row: 9;
  }

  .form_newsubstance_image_individual>div:nth-child(8) {
    grid-row: 10;
  }

  .form_newsubstance_image_individual>div:nth-child(10) {
    grid-row: 8;
  }

  .form_newsubstance_image_individual>div:nth-child(7) {
    grid-row: 5;
  }

  .form_newsubstance_image_individual>div:nth-child(5) {
    grid-row: 4;
  }

  .form_newsubstance_image_plant>div:nth-child(3) {
    grid-row: 2;
  }

  .form_newsubstance_image_plant>div:nth-child(5) {
    grid-row: 6;
  }
}

@media (min-width:1021px) {
  .form_newsubstance_image_individual {
    grid-template-columns: 1fr 1fr !important;
  }

  .form_newsubstance_image_plant {
    grid-template-columns: 1fr 1fr !important;
  }

  .form_newsubstance_image_plant>div:nth-child(7) {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .form_newsubstance_image_plant>div:nth-child(8) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>NEWSUBSTANCE_IMAGE_PLANT  --------------------------------*/
@media (max-width:1020px) {
  .form_newsubstance_image_individual {
    grid-template-columns: 1fr !important;
  }

  .form_newsubstance_image_unspecified {
    grid-template-columns: 1fr !important;
  }

  .form_newsubstance_image_individual>div:nth-child(9) {
    grid-row: 9;
  }

  .form_newsubstance_image_individual>div:nth-child(8) {
    grid-row: 10;
  }

  .form_newsubstance_image_individual>div:nth-child(10) {
    grid-row: 8;
  }

  .form_newsubstance_image_individual>div:nth-child(7) {
    grid-row: 5;
  }

  .form_newsubstance_image_individual>div:nth-child(5) {
    grid-row: 4;
  }

  .form_newsubstance_image_unspecified>div:nth-child(8) {
    grid-row: 6;
  }

  .form_newsubstance_image_unspecified>div:nth-child(6) {
    grid-row: 8;
  }

  .form_newsubstance_image_unspecified>div:nth-child(4) {
    padding: 0 !important;
  }
}

@media (min-width:1021px) {
  .form_newsubstance_image_individual {
    grid-template-columns: 1fr 1fr !important;
  }

  .form_newsubstance_image_unspecified {
    grid-template-columns: 1fr 1fr !important;
  }
}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>DICT_DATA_TABLE_OBJECT_CREATE  --------------------------------*/
.form_aipsin>.form_aipsin_content.form_dict_data_table_object_create{
  grid-template-columns: 1fr 1fr;
}
.form_dict_data_table_object_create>div:nth-child(1){
  grid-column: span 2/auto !important;
}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>NEWSUBSTANCE_IMAGE_UNSPECIFIED  --------------------------------*/


/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>FORM_GENERATE_STATISTICS_DICT  --------------------------------*/
.form_generate_statistics_dict>div:nth-last-child(1){
  grid-column: span 2/auto !important;
}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>FORM_FILTER_MAP_DICT  --------------------------------*/
.form_filter_map_dict>div:nth-last-child(1){
  grid-column: span 2/auto !important;
}
.form_filter_map_dict>div:nth-last-child(2){
  grid-column: span 2/auto !important;
}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>FORM_WIZARD_GROUP  --------------------------------*/
.form_aipsin_content.form_wizard_group{

}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM>FORM_LOCALSOFTWARE  --------------------------------*/
@media (max-width:1020px) {
  .form_aipsin>.form_aipsin_content.form_localsoftware{
  
  }
  .form_aipsin>.form_aipsin_content.form_localsoftware>div:nth-last-child(2){
    grid-column: span 2/auto !important;
  }
}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>FORM  --------------------------------*/
.form_aipsin {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  min-width: 300px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 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;
}

.form_aipsin.center h1,
.form_aipsin.center h2,
.form_aipsin.center h3,
.form_aipsin.center h4,
.form_aipsin.center h5,
.form_aipsin.center h6 {
  width: 100%;
  text-align: center;
}

.form_aipsin.center button {
  margin: auto;
}

.form_aipsin .pre_form {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.form_aipsin>.form_aipsin_content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  column-gap: 50px;
  width: 100%;
}

.form_aipsin>.form_aipsin_content>.form_aipsin_content_item {
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.form_aipsin>.form_aipsin_content>.form_aipsin_content_item[content_hidden]{
  display: none !important;
}

.form_aipsin>.form_aipsin_content>.form_aipsin_content_item img {
  max-width: 100%;
}

.form_aipsin_content_item>.error_msg {
  margin-left: 5px;
  cursor: pointer;
  padding: 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: unset;
  z-index: 1;
}

.form_aipsin_content_item>.aipsin_field {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}

.form_aipsin_content_item>.aipsin_field>.box_file_upload {
  max-width: 100%;
}

.form_aipsin_content_item>.aipsin_field>.multi-select,
.form_aipsin_content_item>.aipsin_field>.multi-static,
.form_aipsin_content_item>.aipsin_field>.multi-push {
  width: 100%;
}

.form_aipsin_content_item>.error_msg>svg {
  width: 25px;
  height: 25px;
  fill: var(--theme-color-widget-error-active, #df1b1b);
}

.form_aipsin>.form_aipsin_content>.form_aipsin_content_item>.aipsin_form_field {
  width: 100%;
}

.form_aipsin_content_item>.error_msg>svg:hover {
  fill: var(--theme-color-widget-error-active, #c81e1e);
}

.form_aipsin>.form_aipsin_content>.form_aipsin_content_item>label {
  width: 100%;
}

.form_aipsin>.form_aipsin_content,
.form_aipsin>.form_aipsin_content.grid_1 {
  grid-template-columns: 1fr;
}

.form_aipsin>.form_aipsin_content.grid_2 {
  grid-template-columns: 1fr 1fr;
}

.form_aipsin>.form_aipsin_content.grid_3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.form_aipsin>.form_aipsin_content.grid_2>.form_aipsin_content_item:last-child:nth-child(2n - 1) {
  grid-column: span 2/auto;
  justify-content: center;
}

.form_aipsin>ul {
  margin: 5px;
}

.form_aipsin>.form_aipsin_content.grid_2>.form_aipsin_content_item:last-child:nth-child(2n - 1)>label,
.form_aipsin>.form_aipsin_content.grid_2>.form_aipsin_content_item:last-child:nth-child(2n - 1)>div {
  align-items: center;
}

.form_aipsin>.form_aipsin_content.grid_3>.form_aipsin_content_item:last-child:nth-child(3n - 1) {
  grid-column-end: -2;
}

.form_aipsin>.form_aipsin_content.grid_3>.form_aipsin_content_item:nth-last-child(2):nth-child(3n + 1) {
  grid-column-end: 4;
}

.filter_bt_bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 25px;
}

.form_aipsin>.loader-content {
  border-radius: 15px;
}

.box_aipsin {
  justify-content: center !important;
  padding: 20px;
  background: var(--theme-bg-main, white);
  border-radius: 7px;
  height: min-content;
  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; */
}



.loader-search {
  width: 75px;
  height: 75px;
  box-shadow: 0px 0px 0px 6px var(--theme-color-widget-active, #df1b1b);
  border-radius: 50%;
  position: relative;
  margin: 34px auto;
  animation: magnify 0.7s linear infinite alternate;
}

.loader-search:after,
.loader-search:before {
  position: absolute;
  content: "";
}

.loader-search:after {
  width: 8px;
  height: 24px;
  background-color: var(--theme-color-widget-active, #df1b1b);
  bottom: -12px;
  left: 75px;
  border-radius: 2px;
  transform: rotate(-45deg);
}

.form_inputs_show_hidden {
  position: absolute;
  top: 0px;
  left: 5%;
  border: none;
  outline: none;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-sizing: border-box;
  background: var(--theme-bg-main, white) !important;
  transition: all .25s;
}

.form_inputs_show_hidden svg[icon-aipsin] {
  display: block;
  width: 25px;
}

[icon-aipsin] {
  cursor: pointer;
  pointer-events: all;
}

[icon-aipsin] .eye {
  fill: none;
  stroke: var(--theme-color-widget-active, #df1b1b);
  stroke-width: 10;
  stroke-miterlimit: 10;
  stroke-linecap: round;
}

[icon-aipsin] .lid {
  stroke-dasharray: 222;
  stroke-dashoffset: 0;
}

[icon-aipsin] .pupil {
  stroke-dasharray: 150;
  stroke-dashoffset: 0;
  -webkit-transform: rotate(170deg);
  -moz-transform: rotate(170deg);
  -o-transform: rotate(170deg);
  -ms-transform: rotate(170deg);
  transform: rotate(170deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

[icon-aipsin] .lid--close {
  animation: lid--close .25s ease-in-out forwards;
}

[icon-aipsin] .lid--open {
  animation: lid--open .25s ease-in-out forwards;
}

[icon-aipsin] .pupil--close {
  animation: pupil--close .25s ease-in-out forwards;
}

[icon-aipsin] .pupil--open {
  animation: pupil--open .25s ease-in-out forwards;
}

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

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

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TOAST  --------------------------------*/
.toast_content {
  position: fixed;
  width: 330px;
  top: 50px;
  margin: auto;
  left: 0;
  right: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: right;
  justify-content: flex-end;
}

.toast_content>.toast {
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  box-sizing: border-box !important;
  width: 100% !important;
  background: white;
  color: white;
  padding: 10px 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s ease-in-out, height 0.2s ease-in-out, padding 0.2s ease-in-out;
  transform: scale(1);
}

.toast_content>.toast:nth-child(n+6) {
  height: 0;
  padding: 0;
  margin: 0;
  transform: scale(0);
}

.toast>.loader-toast {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
  background-color: var(--theme-color-widget-error, #c81e1e);
}

.toast_content>.info .loader-toast {
  background-color: var(--theme-color-widget-default, #2178e9);
}

.toast_content>.success .loader-toast {
  background-color: var(--theme-color-widget-valid, #32bea6);
}

.toast_content>.warning .loader-toast {
  background-color: var(--theme-color-widget-warning, #ffac13);
}

.toast::before {
  content: '';
  background: rgb(170, 170, 170) !important;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 3px;
}

.icon-toast {
  margin-right: 15px;
}

.toast_content>.toast h6,
.toast_content>.toast h5,
.toast_content>.toast h4,
.toast_content>.toast h3,
.toast_content>.toast h2,
.toast_content>.toast h1 {
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}

.toast_content .title-toast {
  margin: 0;
}

.toast_content>.success {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  background: var(--theme-bg-main, white);
  color: rgb(0, 0, 0);
  padding: 10px 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.toast_content>.warning {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: var(--theme-bg-main, white);
  color: white;
  padding: 10px 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.toast_content>.error {
  all: initial;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: var(--theme-bg-main, white);
  color: white;
  padding: 10px 15px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  background-color: white;
  padding: 10px 15px;
}

.toast_content>.toast>.icon-close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  font-weight: bold;
  color: gray;
  transition: all 0.3s;
  user-select: none;
}

.toast_content>.toast>.icon-close:hover {
  color: var(--theme-bg-main-invert, black)
}

.title-toast {
  text-align: left;
}

.title-toast,
.text-toast {
  font-family: 'Inter', sans-serif;
}

.text-toast {
  font-weight: 400;
}

.toast_content .more_toast {
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  box-sizing: border-box !important;
  width: 100% !important;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  padding: 10px 15px;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
}

@media screen and (max-device-width:480px) {
  .toast_content {
    width: 60%;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TABLE  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TABLE>TABLE_NEWSUBSTANCE  --------------------------------*/
.table_aipsin.table_newsubstance table td:nth-child(1),
.table_aipsin.table_newsubstance table td:nth-child(2) {
  text-align: center;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TABLE  --------------------------------*/
.table_aipsin {
  position: relative;
  width: 100%;
  margin-top: 10px;
  display: block;
  background: var(--theme-bg-main, white);
  border: 0.1px solid var(--theme-border-table, #e9e9e9);
  border-radius: 10px;
  box-sizing: border-box;
}

.table_aipsin.center td>label {
  justify-content: center;
  align-content: center;
}

.table_aipsin.center th,
.table_aipsin.center td {
  text-align: center;
}

.table_aipsin>table,
table.table_main {
  width: 100%;
  font-size: 0.8rem;
  background: var(--theme-bg-main, white);
  border: none;
  word-break: break-word;
  border-collapse: collapse;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.2s;
}

.table_aipsin>table>thead,
table.table_main>thead {
  position: relative;
  width: 100%;
  height: 35px;
  font-size: 0.9rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.table_aipsin>table>tbody,
table.table_main>tbody {
  position: relative;
  width: 100%;
  font-size: 0.8rem;
  box-sizing: border-box;
  overflow: hidden;
}

.table_aipsin>table>thead>tr,
.table_aipsin>table>tbody>tr,
table.table_main>tbody>tr,
table.table_main>thead>tr {
  width: 100%;
  position: relative;
}

.table_aipsin>table>thead>tr>th,
table.table_main>thead>tr>th {
  background: var(--theme-bg-widget, #eeeeee);
  color: var(--theme-color-table-text, #272727);
  padding: 5px 5px;
  min-width: 150px;
  /* white-space: pre; */
}

.table_aipsin>table>thead>tr>th:after,
table.table_main>thead>tr>th:after {
  position: absolute;
  display: inline-block;
  content: '';
  border-bottom: 2px solid var(--theme-color-widget, #c81e1e);
  transform: scaleX(0);
  margin: 0;
  bottom: 0px;
  left: 0;
  width: 100%;
  transition: transform 200ms ease-in-out;
}

.table_aipsin>table>thead>tr>th:hover:after,
table.table_main>thead>tr>th:hover:after {
  transform: scaleX(1);
}

.table_aipsin>table>thead>tr>th:before,
table.table_main>thead>tr>th:before {
  position: absolute;
  display: block;
  content: '';
  background: var(--theme-color-widget, #c81e1e);
  top: 5px;
  right: 5px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: all 200ms ease-in-out;
}

.table_aipsin>table>thead>tr>th:hover:before,
table.table_main>thead>tr>th:hover:before {
  visibility: visible;
  opacity: 1;
  background: var(--theme-color-widget, #c81e1e);
}

.table_aipsin>table>thead>tr>th.sorted::before,
table.table_main>thead>tr>th.sorted::before {
  display: none !important;
}

.table_aipsin>table>thead>tr>th>a,
table.table_main>thead>tr>th>a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table_aipsin>table>thead>tr>th>a,
table.table_main>thead>tr>th>a {
  color: var(--theme-color-widget, #c81e1e);
}

.table_aipsin>table>thead>tr>th>a>.simplelist_sort_sort,
table.table_main>thead>tr>th>a>.simplelist_sort_sort {
  transform: scale(0.5);
}

.table_aipsin>table>thead>tr>th>a>.simplelist_sort_sort>img,
table.table_main>thead>tr>th>a>.simplelist_sort_sort>img {
  filter: var(--theme-color-img-filter, invert(14%) sepia(57%) saturate(6028%) hue-rotate(353deg) brightness(96%) contrast(90%));
}

.table_aipsin>table>tbody>tr,
table.table_main>tbody>tr {
  background-color: var(--theme-bg-table-tr-odd, white);
}

.table_aipsin>table>tbody>tr,
table.table_main>tbody>tr {
  height: 45px;
}

.table_aipsin>table>tbody>tr:hover,
table.table_main>tbody>tr:hover {
  cursor: pointer;
  transition: .3s;
}

.table_aipsin>table>thead>tr>th.checker,
table.table_main>thead>tr>th.checker {
  width: 20px;
}

.table_aipsin>table>tbody>tr>td:first-child,
table.table_main>tbody>tr>td:first-child {
  border-left: none;
}

.table_aipsin>table>tbody>tr>td:last-child,
table.table_main>tbody>tr>td:last-child {
  border-right: none;
}

.table_aipsin>table em,
table.table_main em {
  box-sizing: unset;
}

.table_aipsin>table>tbody>tr>td,
table.table_main>tbody>tr>td {
  padding: 10px 10px;
  box-sizing: border-box;
  color: var(--theme-color-text, #0C1914);
  /* border: 1px solid var(--theme-bg-table, #B9B9B9); */
}

.table_aipsin>table>thead>tr>th,
.table_aipsin>table>tbody>tr>td,
table.table_main>tbody>tr>td,
table.table_main>thead>tr>th {
  position: relative;
}

.table_aipsin>table>tbody>tr>td.events,
table.table_main>tbody>tr>td.events {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.table_aipsin>table>tbody>tr>td:not([role~="tooltip"])::before,
.table_aipsin>table>tbody>tr>td:not([role~="tooltip"])::after,
table.table_main>tbody>tr>td:not([role~="tooltip"])::before,
table.table_main>tbody>tr>td:not([role~="tooltip"])::after {
  position: absolute;
  display: block;
  content: '';
  border-bottom: 2px solid var(--theme-color-widget, #c81e1e);
  border-left: 2px solid var(--theme-color-widget, #c81e1e);
  top: 50%;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition-delay: .6s !important;
  transition: all 200ms ease-in-out;
}

.table_aipsin>table>tbody>tr>td:not(.hover_text)::before,
.table_aipsin>table>tbody>tr>td:not(.hover_text)::after,
table.table_main>tbody>tr>td:not(.hover_text)::before,
table.table_main>tbody>tr>td:not(.hover_text)::after,
.table_aipsin>table>tbody>tr>td:not([role~="tooltip"])::before,
.table_aipsin>table>tbody>tr>td:not([role~="tooltip"])::after,
table.table_main>tbody>tr>td:not([role~="tooltip"])::before,
table.table_main>tbody>tr>td:not([role~="tooltip"])::after {
  transition-delay: unset !important;
}

.table_aipsin>table>tbody>tr>td.no_copy>.copy,
table.table_main>tbody>tr>td.no_copy>.copy {
  display: none !important;
}

.table_aipsin>table>tbody>tr>td>.copy,
table.table_main>tbody>tr>td>.copy {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  content: url('/static/svg/copy.svg');
  width: 10px;
  height: 10px;
  padding: 5px;
  top: 5px;
  right: 10px;
  border-radius: 5px;
  background: var(--theme-bg-main, white);
  transition: all 0.2s;
}

.table_aipsin>table>tbody>tr>td:hover .copy,
table.table_main>tbody>tr>td:hover .copy {
  visibility: visible;
  opacity: 0.8;
}

.table_aipsin>table>tbody>tr>td>.copy:hover,
table.table_main>tbody>tr>td>.copy:hover {
  background: var(--theme-color-widget, #c81e1e);
  color: var(--theme-bg-main, white);
  fill: var(--theme-bg-main, white);
}

.table_aipsin>table>tbody>tr>td>.copy:active,
table.table_main>tbody>tr>td>.copy:active {
  background: var(--theme-color-widget, #c81e1e) !important;
  opacity: 1;
}

.table_aipsin>table>thead>tr>th.sorted,
table.table_main>thead>tr>th.sorted {
  cursor: pointer;
}

.table_aipsin>table>thead>tr>th.sorted .sort,
table.table_main>thead>tr>th.sorted .sort {
  position: absolute;
  visibility: visible;
  content: url('/static/svg/sort.svg');
  width: 15px;
  height: 15px;
  padding: 5px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  border-radius: 5px;
  background: white;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}

.table_aipsin>table>thead>tr>th.sorted[sort] .sort,
table.table_main>thead>tr>th.sorted[sort] .sort {
  background: var(--theme-color-widget, #c81e1e) !important;
  color: var(--theme-color-widget, #c81e1e) !important;
  fill: var(--theme-color-widget, #c81e1e) !important;
}

.table_aipsin>table>thead>tr>th.sorted[sort]:hover .sort,
table.table_main>thead>tr>th.sorted[sort]:hover .sort {
  background: var(--theme-color-widget-active, #df1b1b) !important;
  color: var(--theme-color-widget-active, #df1b1b) !important;
  fill: var(--theme-color-widget-active, #df1b1b) !important;
}

.table_aipsin>table>thead>tr:first-child>th:first-child,
table.table_main>thead>tr:first-child>th:first-child {
  border-top-left-radius: 10px;
}

.table_aipsin>table>thead>tr:first-child>th:last-child,
table.table_main>thead>tr:first-child>th:last-child {
  border-top-right-radius: 10px;
}

.table_aipsin>table>thead>tr>th.sorted:hover .sort,
table.table_main>thead>tr>th.sorted:hover .sort {
  opacity: 0.9;
}

.table_aipsin>table>thead>tr>th.sorted[sort] .sort,
table.table_main>thead>tr>th.sorted[sort] .sort {
  opacity: 0.9;
}

.table_aipsin>table>thead>tr>th.sorted .sort,
table.table_main>thead>tr>th.sorted .sort {
  opacity: 0;
}

.table_aipsin>table>thead>tr>th.sorted.asc .sort,
table.table_main>thead>tr>th.sorted.asc .sort {
  content: url('/static/svg/sort_asc_white.svg');
}

.table_aipsin>table>thead>tr>th.sorted.desc .sort,
table.table_main>thead>tr>th.sorted.desc .sort {
  content: url('/static/svg/sort_desc_white.svg');
}

.table_aipsin>table>thead>tr>th.sorted:hover .sort,
table.table_main>thead>tr>th.sorted:hover .sort {
  background: white;
}

.table_aipsin>table>thead>tr>th.sorted:active .sort,
table.table_main>thead>tr>th.sorted:active .sort {
  background: white;
  opacity: 0.9;
}

.table_aipsin>table>tbody>tr::after,
table.table_main>tbody>tr::after {
  position: absolute;
  display: inline-block;
  content: '';
  border-right: 1px solid var(--theme-color-widget, #c81e1e);
  transform: translateY(-50%) scaleY(0);
  margin: 0;
  top: 50%;
  left: 0px;
  width: 0px;
  height: 100%;
  transition: transform 0.3s ease-in-out;
}

.table_aipsin>table>tbody>tr:hover::after,
table.table_main>tbody>tr:hover::after {
  transform: translateY(-50%) scaleY(1);
}

.table_aipsin>table>tbody>tr>td.hover_img img,
table.table_main>tbody>tr>td.hover_img img {
  position: relative;
}

.table_aipsin>table>tbody>tr>td.hover_img img::after,
table.table_main>tbody>tr>td.hover_img img::after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(var(--theme-color-widget, #c81e1e) 50%, var(--theme-bg-main-invert, black) 0) 0% calc(100% - var(--trans-td, 0%))/100% 200%, linear-gradient(var(--theme-color-widget, #c81e1e) 0 0) 0% var(--trans-td, 0%)/var(--trans-td, 0%) 0.1em no-repeat;
  -webkit-background-clip: text, padding-box;
  background-clip: text, padding-box;
  transition: .3s var(--time-td, 0s) linear, background-size .3s calc(.3s - var(--time-td, 0s));
}

.table_aipsin>table>tbody>tr>td.hover_img img:hover::after,
table.table_main>tbody>tr>td.hover_img img:hover::after {
  --trans-td: 100%;
  --time-td: .3s;
}

.table_aipsin>table>tbody>tr>td>label,
table.table_main>tbody>tr>td>label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table_aipsin>table .checkbox_aipsin,
table.table_main .checkbox_aipsin,
.table_aipsin>table .switch_aipsin,
table.table_main .switch_aipsin {
  justify-content: center;
}

.aipsin_table_pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  background: var(--theme-bg-main, white);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 2px solid var(--theme-color-widget, #c81e1e);
  /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
}

.aipsin_table_pager>.aipsin_table_counter {
  color: var(--theme-color-table-pagination, #1a1a1a);
}

.aipsin_table_pager>.aipsin_table_pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.aipsin_table_pager>.aipsin_table_pagination>.box_pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.aipsin_table_pager>.aipsin_table_pagination>.box_pagination>.overlay_bg {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--theme-color-table-pagination, #1a1a1a);
  width: 40px;
  height: 40px;
  font-weight: 700;
  font-size: 0.9em;
  cursor: pointer;
  transition-duration: 0.2s;
  transition: all 0.2s;
  background-color: var(--theme-color-widget, #c81e1e);
  z-index: -1;
}

.aipsin_table_pager>.aipsin_table_pagination>.box_pagination>.box_pagination_item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  position: relative;
  color: var(--theme-color-table-pagination, #1a1a1a);
  font-weight: 700;
  font-size: 0.9em;
  cursor: pointer;
  transition-duration: 0.4s !important;
  transition: all 0.2s;
}

.aipsin_table_pager>.aipsin_table_pagination>.box_pagination>.box_pagination_item.active {
  color: var(--theme-bg-main, white);
  text-decoration: none;
}

.aipsin_table_pager>.aipsin_table_pagination>.box_pagination>.box_pagination_item:hover {
  color: var(--theme-bg-main, white);
  text-decoration: none;
}

.aipsin_table_pagination .pagination_arr.prev,
.aipsin_table_pagination .pagination_arr.next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  color: var(--theme-color-table-pagination, #1a1a1a);
  width: 40px;
  height: 40px;
  position: relative;
  font-weight: 700;
  font-size: 0.9em;
  cursor: pointer;
}

.aipsin_table_pagination .pagination_arr.prev::before,
.aipsin_table_pagination .pagination_arr.next::before {
  content: url(/static/svg/arr.svg);
  display: block;
  filter: var(--theme-image-invert, invert(0));
  width: 30%;
  height: 30%;
  transition: all 0.2s;
}

.aipsin_table_pagination .pagination_arr.prev::before {
  transform: rotate(-90deg);
}

.aipsin_table_pagination .pagination_arr.next::before {
  transform: rotate(90deg);
}

.aipsin_table_pagination .pagination_arr.prev:hover::before {
  transform: rotate(-90deg) translateY(-5px);
}

.aipsin_table_pagination .pagination_arr.next:hover::before {
  transform: rotate(90deg) translateY(-5px);
}

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

.matches_table>tbody>td {
  border: 1px solid whitesmoke;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BUTTONS  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BUTTONS>BUTTON_NEW_AIPSIN  --------------------------------*/
.btn_new_aipsin {
  position: relative;
  margin: auto;
  margin-top: 10px;
  background-image: linear-gradient(to right, var(--theme-color-main, #D60000), var(--theme-color-widget, #c81e1e), var(--theme-color-widget-active, #df1b1b));
  box-shadow: 0 0px 10px var(--theme-color-opacity-widget, #c81e1e50);
  width: 100px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  height: 35px;
  text-align: center;
  border: none;
  background-size: 300% 100%;
  border-radius: 7px;
  transition: 0.3s;
}

.btn_new_aipsin:hover {
  background-image: linear-gradient(to right, var(--theme-color-main, #D60000), var(--theme-color-widget, #c81e1e), var(--theme-color-widget-active, #df1b1b));
  box-shadow: 0 0 15px var(--theme-color-opacity-widget, #c81e1e50);
  text-decoration: none;
  border: none;
  filter: saturate(125%);
}

.btn_post_aipsin {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  height: 45px;
  box-sizing: border-box;
  width: auto;
  font-weight: bold;
  font-size: 12pt;
  padding: 5px 25px;
}

.btn_post_aipsin:hover {
  animation: pulse_error 1s infinite linear;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BUTTONS>BUTTON_MAIN  --------------------------------*/
.button_main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  color: white;
  background-color: var(--theme-color-main, #D60000);
  border-radius: 7px;
  border: none;
  padding: 10px 40px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  outline: none;
  user-select: none;
  transition: all 0.3s ease-in-out;
  height: 40px;
}

.button_main .hover {
  z-index: 1;
  user-select: none;
  pointer-events: none;
}

.button_main:hover {
  background: var(--theme-color-widget-active, #df1b1b);
}

.button_main:not(.no_btn):hover {
  animation: pulse_widget 1.5s infinite ease-in-out;
}

.button_main:not(.no_btn) .ripple {
  position: absolute;
  background: white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: ripples 1s linear;
}

.only_border {
  padding: 8px 40px;
  background: unset !important;
  border: 1.1px solid var(--theme-color-main, #D60000);
  color: var(--theme-color-text, #0C1914);
}

.button_main.only_border:hover {
  background: unset !important;
  border: 1.1px solid var(--theme-color-widget-active, #df1b1b);
  color: var(--theme-bg-main-invert, black);
}

.button_main svg {
  fill: white;
}

.buttons_main_list {
  display: flex;
  position: relative;
  align-items: center;
  /* justify-content: space-between; width: 100%; */
}

.button_main[disabled] {
  background: #adadad80;
  cursor: not-allowed;
}

.button_main[disabled]:hover {
  background: #adadad80 !important;
  animation: unset !important;
}

.button_main.btn_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 40px;
  height: 40px;
  padding: 10px;
}


.button_main.mini {
  padding: 5px 10px !important;
  border-radius: 5px !important;
  font-size: unset !important;
  font-weight: unset !important;
  text-decoration: unset !important;
  text-transform: unset !important;
}

.button_main.mini:hover {
  animation: unset !important;
}

.button_disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  color: black;
  background-color: rgb(138 138 138 / 15%);
  border-radius: 7px;
  border: none;
  padding: 10px 40px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  font-weight: 500;
  outline: none;
  user-select: none;
  transition: all 0.3s ease-in-out;
  height: 40px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BUTTONS>BUTTON_LIST  --------------------------------*/
.button_services_history {
  padding: 10px 10px;
  aspect-ratio: 1/1;
}

.content_button_list>input {
  display: none;
}

.button_list div,
.button_list div:not(:nth-child(2)):before,
.button_list div:after {
  background: white;
}

.content_button_list>input:checked~.button_list div {
  background: white;
}

.content_button_list>input:checked~.button_list div:nth-child(2):before {
  border-top: 5px solid white;
  border-right: 5px solid white;
}

.button_list {
  display: none;
}

.button_list {
  position: relative;
  width: 40px !important;
  height: 40px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.5s;
  text-align: left;
  padding: unset !important;
}

.button_list .hamburger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  left: 25%;
  height: 3px;
  background: white;
  display: block;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.button_list .hamburger:after,
.button_list .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;
}

.button_list .hamburger:before {
  top: -7px;
}

.button_list .hamburger:after {
  bottom: -7px;
}

.content_button_list>input:checked~.button_list .hamburger {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.content_button_list>input:checked~.button_list .hamburger:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  bottom: 0;
}

.content_button_list>input:checked~.button_list .hamburger:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 0;
}

.content_button_list>input:checked~.button_list .hamburger,
.content_button_list>input:checked~.button_list .hamburger:after,
.content_button_list>input:checked~.button_list .hamburger:before {
  background: white;
}

.content_button_list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* height: 40px; */
}

.content_button_list .aipsin_tab_menu.open {
  animation: showScaleTopLeft 0.5s both;
}

.content_button_list .aipsin_tab_menu.close {
  animation: hiddenScaleTopLeft 0.5s both;
}

.content_button_list .aipsin_tab_menu {
  position: absolute;
  top: 0%;
  left: 0px;
  width: 300px;
  max-height: 300px;
  max-width: 300px;
  overflow: auto;
  border-radius: 7px;
  padding: 15px;
  z-index: 1000;
  color: var(--theme-color-text, #0C1914);
  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)) 0px 0px 0px 1px;
  cursor: auto;
  visibility: hidden;
  opacity: 0;
}

.content_button_list .aipsin_tab_menu>h5 {
  text-align: center;
  margin-bottom: 10px;
}

.content_button_list .aipsin_tab_menu>.tab-grid-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content;
  align-items: center;
}

.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item {
  max-width: 100%;
  overflow: hidden;
  width: 100%;
}

.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item {
  position: relative;
  display: block;
  width: 100%;
  padding: 5px 10px;
  /* border-radius: 5px; */
  font-size: 8pt;
  transition: all 0.2s;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item>p{
  transition: all 0.2s;
}

.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item>p {
  font-size: 7pt;
  margin: 0;
}

.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item:before{
  position:absolute;
  content: '';
  width:2px;
  height:0px;
  border-radius: 17px;
  top:50%;
  left:0px;
  transform:translateY(-50%);
  transition: all 0.2s linear;
  background:var(--theme-color-main, #D60000);
}
.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item:hover:before{
  height:100%;
}



.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item:hover,
.content_button_list .aipsin_tab_menu>.tab-grid-content>.tab-grid-item:hover>p{
  color: var(--theme-color-main, #D60000);
}



/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BUTTONS>BUTTON_DISPLAY  --------------------------------*/
.button_display {
  display: inline-block;
  padding: 10px 20px;
  font-size: 10px;
  text-transform: unset !important;
  animation: none !important;
  width: unset !important;
}

.button_display:hover {
  animation: none !important;
  text-decoration: underline;
}

.bt_content {
  display: flex;
  align-items: center;
  flex-direction: flex-start;
}

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

.bt_icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
}

.bt_icon>svg {
  width: 100%;
  height: 100%;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BUTTONS>BUTTON_MAIN_ICON  --------------------------------*/
.button_main_icon {
  height: 45px;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  outline: none;
  border-radius: 50px;
  font-weight: 500;
  background: var(--theme-color-widget, #c81e1e);
  color: white;
  transition: all 0.3s;
}

.button_main_icon:hover {
  background: var(--theme-color-widget-active, #df1b1b);
}

.button_main_icon i {
  padding-right: 10px;
  border-right: 2px dashed white;
  margin-right: 10px;
  height: 100%;
  aspect-ratio: 1/1;
}

.button_main_icon i svg {
  fill: white;
  width: 100%;
  height: 100%;
}

.button_main_icon h4 {
  color: white;
}

.button_main_icon.android {
  background-color: var(--theme-color-widget-valid, #32bea6);
}

.button_main_icon.ios {
  background-color: var(--theme-color-widget-default, #2178e9);
}

.button_main_icon.android:hover {
  background-color: var(--theme-color-widget-valid-active, #2ecab0);
}

.button_main_icon.ios:hover {
  background-color: var(--theme-color-widget-default-active, #1174f7);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TOOLBAR  --------------------------------*/
.toolbar_aipsin {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 15px;
  border-radius: 15px;
  margin-bottom: 10px;
  background: var(--theme-bg-main, white) !important;
  /* box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; */
}

.toolbar_aipsin>a {
  width: unset !important;
}

.toolbar_list_btns {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin: 10px 0px;
}

.toolbar_list_btns.has_toggle {
  padding-right: 25px;
}

.toolbar_custom_list_btns {
  position: unset !important;
}

.content_toolbar_aipsin_btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
}

.content_toolbar_aipsin_btn>.is_admin_icon {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 7px;
  /* background: var(--theme-color-widget, #c81e1e);. */
  transform: translate(25%, -25%);
  pointer-events: none;
  user-select: none;
  transition: all 0.3 linear;
}
/* .content_toolbar_aipsin_btn:hover>.is_admin_icon{
  background: var(--theme-color-widget-active, #df1b1b);
} */

.content_toolbar_aipsin_btn>.is_admin_icon>svg>path:nth-child(2) {
  /* fill:white; */
  fill: #088dff;
}

.content_toolbar_aipsin_btn>.is_admin_icon>svg>path:nth-child(3) {
  /* fill:white; */
  fill: #3b00ff;
}

.is_admin_icon>em {
  position: absolute;
  right: -5px;
  top: -5px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  transform-origin: center bottom;
  transform: rotate(45deg);
}

.is_admin_icon>em:before {
  border-radius: 120px;
  height: 20px;
  left: -5px;
  top: 14px;
  width: 20px;
}

.is_admin_icon>em:before,
.is_admin_icon>em::after {
  content: "";
  box-sizing: border-box;
  background-color: transparent;
  border: 1.1px solid transparent;
  border-top-color: #088dff;
  /* border-top-color:white; */
  position: absolute;
  transition: border-top-color 0.3s linear;
}

.is_admin_icon>em::after {
  border-radius: 120px;
  height: 25px;
  left: -7px;
  top: 9px;
  width: 25px;
}

.is_admin_icon>em:before {
  animation: opacity-hide-show-hide 2.5s infinite ease-in-out;
}

.is_admin_icon>em::after {
  animation-delay: 0.5s !important;
  animation: opacity-hide-show-hide 2.5s infinite ease-in-out;
}

.pre_toolbar_aipsin_btn {
  position: relative;
  height: 35px;
  width: 35px;
  background: var(--theme-color-widget, #c81e1e);
  box-shadow: var(--theme-shadow-color-widget, rgba(0, 0, 0, 0.15)) 0px 0px 0px 1px;
  margin-right: 10px;
  border-radius: 5px;
  margin-left: 10px;
}

.toolbar_aipsin_btn_line_right {
  position: relative;
  width: 50px;
  height: 5px;
  background: var(--theme-bg-widget, #eeeeee);
}

.bg_toolbar_aipsin_btn_line_right {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  transition: all 0.3s;
  background: var(--theme-color-widget, #c81e1e);
}

.bg_toolbar_aipsin_btn_line_right_bottom,
.bg_toolbar_aipsin_btn_line_right_top {
  width: 8px;
  height: 3px;
  position: absolute;
  right: -3px;
  background: var(--theme-bg-widget, #eeeeee);
  transition: all 0.3s;
}

.bg_toolbar_aipsin_btn_line_right_top {
  top: -1px;
  transform: rotate(45deg);
}

.bg_toolbar_aipsin_btn_line_right_bottom {
  top: 3px;
  transform: rotate(-45deg);
}

.bg_toolbar_aipsin_btn_line_right_bottom::before,
.bg_toolbar_aipsin_btn_line_right_top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: var(--theme-color-widget, #c81e1e);
  transition: all 0.05s;
}

.content_toolbar_aipsin_btn:hover .bg_toolbar_aipsin_btn_line_right_bottom,
.content_toolbar_aipsin_btn:hover .bg_toolbar_aipsin_btn_line_right_top {
  background: none;
}

.content_toolbar_aipsin_btn:hover .toolbar_aipsin_btn_line_right .bg_toolbar_aipsin_btn_line_right {
  width: 100%;
}

.content_toolbar_aipsin_btn:hover .toolbar_aipsin_btn_line_right .bg_toolbar_aipsin_btn_line_right_bottom:before,
.content_toolbar_aipsin_btn:hover .toolbar_aipsin_btn_line_right .bg_toolbar_aipsin_btn_line_right_top:before {
  width: 100%;
  transition-delay: 0.2s !important;
  transition: all 0.1s;
}

.pre_toolbar_aipsin_btn.is_admin>svg {
  fill: white;
  width: 100%;
  height: 100%;
}

.pre_toolbar_aipsin_btn+.toolbar_aipsin_btn {
  margin-left: 0px;
}

.toolbar_aipsin_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  cursor: pointer;
  background: none;
  outline: none;
  border: none;
  color: white;
  border-radius: 15px;
  margin: 2px 2px;
  margin-left: 10px;
  width: auto;
  height: 35px;
  padding: 2.5px 10px;
  background: var(--theme-color-widget, #c81e1e);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}

.toolbar_aipsin_btn:hover,
.toolbar_aipsin_btn.open {
  background: var(--theme-color-widget-active, #df1b1b);
}

.toolbar_aipsin_btn>i {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding-right: 15px; */
  pointer-events: none;
}

.toolbar_aipsin_btn>i>svg {
  fill: white;
  width: 20px;
  height: 20px;
}

/* .toolbar_aipsin_btn:hover i,
.toolbar_aipsin_btn.open i {
  padding-right: 15px;
} */

/* .toolbar_aipsin_btn>i::before,
.toolbar_aipsin_btn>i::after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  color: white;
  right: 5px;
  top: 50%;
  width: 0;
  transition: all 0.5s;
}

.toolbar_aipsin_btn>i::after {
  margin-top: -1px;
  transform: rotate(45deg);
  transition: all 0.5s;
} */

/* .toolbar_aipsin_btn:hover i::before,
.toolbar_aipsin_btn.open i::before {
  transform: rotate(45deg);
}

.toolbar_aipsin_btn:hover i::after,
.toolbar_aipsin_btn.open i::after {
  transform: rotate(135deg);
} */

.toolbar_aipsin_btn>p {
  visibility: hidden;
  opacity: 0;
  max-width: 0px;
  color: white;
  font-family: 'Titillium Web', sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  transition: all 0.3s;
}

/* .toolbar_aipsin_btn:hover p,
.toolbar_aipsin_btn.open p */
.toolbar_aipsin_btn p,
.toolbar_aipsin_btn.open p {
  display: inline-block;
  visibility: visible;
  opacity: 1;
  transition: all 0.4s linear;
  max-width: 350px;
  padding-left: 5px;
}

.toolbar_custom_list_btns>button {
  margin: 5px 10px;
}

.toggle_btns_menu {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  height: 35px;
  width: 20px;
  z-index: 100;
  user-select: none;
}

.toggle_btns_menu>label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.toggle_btns_menu>label>svg {
  fill: var(--theme-bg-main-invert, black);
  transition: all 0.3s ease-in-out;
  height: 100%;
  width: 100%;
}

.toggle_btns_menu>input[type="checkbox"]:checked+label>svg {
  fill: var(--theme-color-widget, #c81e1e);
}

.toggle_btns_menu>.toggle_menu {
  visibility: hidden;
  opacity: 0;
  bottom: 10px;
  right: 0;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: var(--theme-shadow-color, rgba(0, 0, 0, 0.05)) 0px 4px 12px;
  background: var(--theme-bg-main, white);
  z-index: 100;
  transform: translate3d(calc(-100% + 18px), 0, 0);
  transition: all 0.1s linear;
}

.toggle_btns_menu>input[type="checkbox"]:checked~.toggle_menu {
  visibility: visible;
  opacity: 1;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item {
  border: none;
  outline: none;
  background: var(--theme-bg-main, white);
  position: relative;
  width: 100%;
  display: flex;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  font-size: 1em;
  padding: 7px 15px;
  cursor: pointer;
  border-bottom: 1px solid var(--theme-bg-widget, #eeeeee);
  color: var(--theme-color-text, #0C1914);
  transition: all 0.2s linear;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item>input {
  display: none;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item:hover {
  color: var(--theme-color-widget, #c81e1e);
  text-indent: 7px !important;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item:after {
  position: absolute;
  display: inline-block;
  content: '';
  border-bottom: 1px solid var(--theme-color-widget, #c81e1e);
  transform: scaleX(0);
  margin: 0;
  bottom: -1px;
  left: 0;
  width: 100%;
  transition: transform 200ms ease-in-out;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item:hover:after {
  transform: scaleX(1);
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item .left-arr,
.toggle_btns_menu>.toggle_menu>.toggle_menu_item .right-arr {
  pointer-events: none;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item .left-arr::before,
.toggle_btns_menu>.toggle_menu>.toggle_menu_item .left-arr::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e);
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  left: 0px;
  top: 50%;
  width: 0;
  opacity: 0;
  transition: all 0.2s;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item .left-arr::after {
  margin-top: -1px;
  transform: rotate(45deg);
  opacity: 0;
  transition: all 0.2s;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item:hover .left-arr::before,
.toggle_btns_menu>.toggle_menu>.toggle_menu_item:hover .left-arr::after {
  left: 8px;
  opacity: 1;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item .right-arr::before,
.toggle_btns_menu>.toggle_menu>.toggle_menu_item .right-arr::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e);
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(45deg);
  right: 0px;
  top: 50%;
  width: 0;
  opacity: 0;
  transition: all 0.2s;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item .right-arr::after {
  margin-top: -1px;
  transform: rotate(135deg);
  opacity: 0;
  transition: all 0.2s;
}

.toggle_btns_menu>.toggle_menu>.toggle_menu_item:hover .right-arr::before,
.toggle_btns_menu>.toggle_menu>.toggle_menu_item:hover .right-arr::after {
  right: 8px;
  opacity: 1;
}

@media screen and (max-device-width:480px) {
  .toolbar_aipsin_btn_line_right {
    display: none;
  }

  .pre_toolbar_aipsin_btn {
    margin-right: 0px;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>NAVBAR  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TABS  --------------------------------*/
.aipsin_tabs {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 90%;
  margin: 15px auto 0px;
  user-select: none;
}

.aipsin_tabs>.tabs_item {
  position: relative;
  background: var(--theme-bg-main, #ffffff);
  padding: 10px 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-weight: 500;
  max-width: 250px;
}

.aipsin_tabs>.tabs_item>.tab-name {
  cursor: pointer;
  color: var(--theme-color-text, #0C1914);
}

.aipsin_tabs>.tabs_item.not_static {
  padding-right: 30px;
}

.aipsin_tabs>.tabs_item.event {
  aspect-ratio: 1/1;
  height: 100%;
  overflow: unset !important;
}

.aipsin_tabs>.tabs_item.event svg {
  pointer-events: none;
}

.aipsin_tabs>.tabs_item.event>.tab-name {
  width: 60%;
  position: absolute !important;
  top: 20%;
  left: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aipsin_tabs>.tabs_item.event>.tab-name>svg {
  fill: var(--theme-color-widget, #c81e1e);
  height: 50%;
  transition: all 0.3s;
}

.aipsin_tabs>.tabs_item.event:hover .tab-name>svg {
  fill: var(--theme-color-widget-active, #df1b1b) !important;
}

.aipsin_tabs>.tabs_item.active .tab-name {
  color: var(--theme-color-widget, #c81e1e) !important;
}

.aipsin_tabs>.tabs_item:before,
.aipsin_tabs>.tabs_item:after {
  position: absolute;
  background: var(--theme-bg-widget, #eeeeee);
  top: -10px;
  width: 10px;
  height: 15px;
}

.aipsin_tabs>.tabs_item:before {
  left: -5px;
  transform: rotate(-45deg);
}

.aipsin_tabs>.tabs_item:after {
  right: -5px;
  transform: rotate(45deg);
}

.aipsin_tabs>.tabs_item>.close {
  height: 50%;
  aspect-ratio: 1/1;
  position: absolute;
  right: 5px;
  height: 50%;
  transform: translateY(0%);
  z-index: 1;
  cursor: pointer;
}

.aipsin_tabs>.tabs_item>.close>svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 2;
  fill: var(--theme-color-widget, #c81e1e);
}

.overlay_tabs {
  width: 100%;
  height: 2px;
  background: var(--theme-bg-widget, #eeeeee);
}

.tabs_border {
  width: 0px;
  position: absolute;
  height: 2px;
  bottom: -2px;
  background: var(--theme-color-widget, #c81e1e);
  transition: all 0.3s;
  transition-delay: 0.2s;
  box-shadow: var(--theme-color-widget, #c81e1e) 0px 0px 3px;
}

.ui_box_pagination>.tabs_item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 40px;
  transition: all 0.2s;
}

.ui_box_pagination>.tabs_item.active {
  border-bottom: 1px solid var(--theme-color-widget-active, #df1b1b) !important;
}

.ui_box_pagination>.tabs_item.active::before,
.ui_box_pagination>.tabs_item.active::after {
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.ui_box_pagination>.tabs_item::before,
.ui_box_pagination>.tabs_item::after,
.ui_box_pagination>.tabs_item.active::before,
.ui_box_pagination>.tabs_item.active::after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  left: 0px;
  top: 50%;
  width: 0;
  opacity: 0;
  transition: all 0.2s;
}

.ui_box_pagination>.tabs_item::after,
.ui_box_pagination>.tabs_item.active::after {
  margin-top: -1px;
  transform: rotate(45deg);
  opacity: 0;
}

.ui_box_pagination>.tabs_item:hover::before,
.ui_box_pagination>.tabs_item:hover::after,
.ui_box_pagination>.tabs_item.active::after,
.ui_box_pagination>.tabs_item.active::before {
  left: 8px;
  opacity: 1;
}

.ui_box_pagination>.tabs_item {
  padding-right: 20px;
}

.ui_box_pagination>.tabs_item:hover,
.ui_box_pagination>.tabs_item.active {
  padding-left: 15px !important;
  padding-right: 20px !important;
}

.ui_box_pagination>.tabs_item>.tab-name {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui_box_pagination>.tabs_item>.close {
  height: 50%;
  aspect-ratio: 1/1;
  background: rgba(17, 17, 17);
  position: absolute;
  right: 0px;
  height: 50%;
  transform: translateY(0%);
  z-index: 1;
  cursor: pointer;
}

.ui_box_pagination>.tabs_item>.close>svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 2;
  fill: var(--theme-color-widget, #c81e1e);
}

.ui_box_pagination>.tabs_item>.close:hover svg {
  fill: var(--theme-color-widget-active, #df1b1b) !important;
}

.aipsin_tabs>.tabs_item.right {
  cursor: pointer;
}

.aipsin_tabs>.tabs_item>.tab-name+input {
  display: none;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu {
  color: var(--theme-color-text, #0C1914);
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu.open {
  animation: showScale 0.5s both;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu.close {
  animation: hiddenScale 0.5s both;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu {
  position: absolute;
  top: 100%;
  left: -350px;
  width: 400px;
  min-height: 400px;
  max-height: 400px;
  overflow: auto;
  border-radius: 7px;
  padding: 15px;
  z-index: 1000;
  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)) 0px 0px 0px 1px;
  cursor: auto;
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu>h5 {
  text-align: center;
  margin-bottom: 10px;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu>.tab-grid-content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: max-content;
  grid-gap: 10px;
  align-items: center;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu>.tab-grid-content>.tab-grid-item {
  max-width: 100%;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-overflow: ellipsis;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu>.tab-grid-content>.tab-grid-item>img {
  margin: auto;
  width: 70px;
  aspect-ratio: 1/1;
  border-radius: 7px;
  object-fit: cover;
}

.aipsin_tabs>.tabs_item>.aipsin_tab_menu>.tab-grid-content>.tab-grid-item>p {
  align-items: center;
  font-size: 0.5em;
  width: 100%;
  height: 20px;
  text-align: center;
  white-space: pre-wrap;
}

.tab-grid-item {
  text-decoration: none;
  color: var(--theme-color-text);
}

.aipsin_tabs>.tabs_iframe_window {
  position: absolute;
  top: 100%;
  left: 50px;
  width: 250px;
  height: 160px;
  border-radius: 7px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
  z-index: 15;
}

.aipsin_tabs>.tabs_iframe_window>iframe {
  pointer-events: none;
  cursor: pointer;
  border: none;
  border-radius: 7px;
  transform-origin: 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(13.0208333333%) translate(-50%, -50%);
}

.aipsin_tabs>.tabs_iframe_window.open {
  animation: showScale 0.5s both;
}

.aipsin_tabs>.tabs_iframe_window.close {
  animation: hiddenScale 0.5s both;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>NASTYA_VALIDATOR  --------------------------------*/
.input_aipsin.validator.valid input:not(:placeholder-shown) {
  border-color: var(--theme-color-widget-valid, #3ac81e) !important;
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.input_aipsin.validator.valid input:not(:placeholder-shown)~em>svg {
  fill: var(--theme-color-widget-valid, #3ac81e) !important;
}

.input_aipsin.validator.valid input:focus:not(:placeholder-shown) {
  border-color: var(--theme-color-widget-valid-active, #42e921) !important;
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.input_aipsin.validator.valid input:focus:not(:placeholder-shown)~p {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.input_aipsin.validator.valid input:focus:not(:placeholder-shown)~em>svg {
  fill: var(--theme-color-widget-valid-active, #42e921) !important;
}

.input_aipsin.validator.valid input:not(:placeholder-shown)~.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget-valid-active, #42e921) !important;
}

.input_aipsin.validator.valid input:focus~.toolbar::before,
.input_aipsin.validator.valid input:focus~.toolbar::after {
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.input_aipsin.validator.valid>.toolbar:hover ::before,
.input_aipsin.validator.valid>.toolbar:hover ::after {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.input_aipsin.validator.no_valid input:not(:placeholder-shown) {
  border-color: var(--theme-color-widget, #c81e1e) !important;
  color: var(--theme-color-widget, #c81e1e) !important;
}

.input_aipsin.validator.no_valid input:not(:placeholder-shown)~em>svg {
  fill: var(--theme-color-widget, #c81e1e) !important;
}

.input_aipsin.validator.no_valid input:focus:not(:placeholder-shown) {
  border-color: var(--theme-color-widget-active, #df1b1b) !important;
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.input_aipsin.validator.no_valid input:focus:not(:placeholder-shown)~p {
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.input_aipsin.validator.no_valid input:focus:not(:placeholder-shown)~em>svg {
  fill: var(--theme-color-widget-active, #df1b1b) !important;
}

.input_aipsin.validator.no_valid input:not(:placeholder-shown)~.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active::before,
.select_aipsin.validator.valid .content_select_aipsin.active::after {
  border-right: 2px solid var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid select~p {
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid select~em>svg {
  fill: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid select {
  border-color: var(--theme-color-widget-valid, #3ac81e) !important;
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active:hover::before,
.select_aipsin.validator.valid .content_select_aipsin.active:hover::after {
  border-right: 2px solid var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin>.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid select:focus~p,
.select_aipsin.validator.valid select:hover~p,
.select_aipsin.validator.valid select.active~p {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid select:focus~em>svg,
.select_aipsin.validator.valid select:hover~em>svg,
.select_aipsin.validator.valid select.active~em>svg {
  fill: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid select:focus,
.select_aipsin.validator.valid select:hover,
.select_aipsin.validator.valid select.active {
  border-color: var(--theme-color-widget-valid-active, #42e921) !important;
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin {
  border-color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .filter_select_aipsin>ul>li[pre_title]:hover {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .filter_select_aipsin>ul>li:not([pre_title]):hover,
.select_aipsin.validator.valid .filter_select_aipsin>ul>li:not([pre_title]).selected {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
  border-bottom: 1px solid var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:placeholder-shown:focus {
  border-color: var(--theme-color-widget-valid, #3ac81e) !important;
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:placeholder-shown:focus~em>svg {
  fill: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:not(:placeholder-shown) {
  border-color: var(--theme-color-widget-valid, #3ac81e) !important;
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:not(:placeholder-shown)~em>svg {
  fill: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:focus:not(:placeholder-shown) {
  border-color: var(--theme-color-widget-valid-active, #42e921) !important;
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:focus:not(:placeholder-shown)~p {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:focus:not(:placeholder-shown)~em>svg {
  fill: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active>.filter_select_aipsin .input_aipsin input:not(:placeholder-shown)~.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.valid .content_select_aipsin .toolbar:hover::before,
.select_aipsin.validator.valid .content_select_aipsin .toolbar:hover::after {
  color: var(--theme-color-widget-valid, #3ac81e) !important;
}

.select_aipsin.validator.valid .content_select_aipsin.active .toolbar:hover::before,
.select_aipsin.validator.valid .content_select_aipsin.active .toolbar:hover::after {
  color: var(--theme-color-widget-valid-active, #42e921) !important;
}

.select_aipsin.validator.no_valid .content_select_aipsin.active::before,
.select_aipsin.validator.no_valid .content_select_aipsin.active::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e) !important;
}

.select_aipsin.validator.no_valid select~em>svg {
  fill: var(--theme-color-widget, #c81e1e) !important;
}

.select_aipsin.validator.no_valid select {
  border-color: var(--theme-color-widget, #c81e1e) !important;
  color: var(--theme-color-widget, #c81e1e) !important;
}

.select_aipsin.validator.no_valid .content_select_aipsin.active:hover::before,
.select_aipsin.validator.no_valid .content_select_aipsin.active:hover::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e) !important;
}

.select_aipsin.validator.no_valid .content_select_aipsin>.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.no_valid select:focus~p,
.select_aipsin.validator.no_valid select:hover~p,
.select_aipsin.validator.no_valid select.active~p {
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.no_valid select:focus~em>svg,
.select_aipsin.validator.no_valid select:hover~em>svg,
.select_aipsin.validator.no_valid select.active~em>svg {
  fill: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.no_valid select:focus,
.select_aipsin.validator.no_valid select:hover,
.select_aipsin.validator.no_valid select.active {
  border-color: var(--theme-color-widget-active, #df1b1b) !important;
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.no_valid .content_select_aipsin.active>.filter_select_aipsin {
  border-color: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.no_valid .filter_select_aipsin>ul>li[pre_title]:hover {
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.select_aipsin.validator.no_valid .filter_select_aipsin>ul>li:not([pre_title]):hover,
.select_aipsin.validator.no_valid .filter_select_aipsin>ul>li:not([pre_title]).selected {
  color: var(--theme-color-widget-active, #df1b1b) !important;
  border-bottom: 1px solid var(--theme-color-widget-active, #df1b1b) !important;
}

.input_aipsin.validator .validator_icon,
.select_aipsin.validator .validator_icon {
  display: none !important;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.input_aipsin.validator .validator_icon .marker,
.select_aipsin.validator .validator_icon .marker {
  --marker-color: var(--theme-color-widget-default, #2178e9);
  width: 25px;
  height: 25px;
  fill: none;
  stroke: var(--marker-color);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.input_aipsin.validator .validator_icon .marker *,
.select_aipsin.validator .validator_icon .marker * {
  transition: 200ms ease-out;
}

.input_aipsin.validator .validator_icon .marker .marker--ring,
.select_aipsin.validator .validator_icon .marker .marker--ring {
  cx: 10;
  cy: 10;
  r: 9;
  stroke: var(--marker-color);
}

.input_aipsin.validator.default .validator_icon .marker,
.select_aipsin.validator.default .validator_icon .marker {
  --marker-color: var(--theme-color-widget-default, #2178e9);
}

.input_aipsin.validator.valid .validator_icon .marker,
.select_aipsin.validator.valid .validator_icon .marker {
  --marker-color: var(--theme-color-widget-valid-active, #42e921);
}

.input_aipsin.validator.no_valid .validator_icon .marker,
.select_aipsin.validator.no_valid .validator_icon .marker {
  --marker-color: var(--theme-color-widget-active, #df1b1b);
}

.input_aipsin.validator.default .validator_icon .marker--pfft,
.select_aipsin.validator.default .validator_icon .marker--pfft {
  d: path("M10,15 10,15");
}

.input_aipsin.validator.default .validator_icon .marker--tzch,
.select_aipsin.validator.default .validator_icon .marker--tzch {
  d: path("M7.90039 7.07954C7.90039 3.30678 12.4004 4.30682 12.4004 5.07955C15.4004 7.4886 9.9913 9.8067 9.9913 11.8976");
}

.input_aipsin.validator.valid .validator_icon .marker--pfft,
.select_aipsin.validator.valid .validator_icon .marker--pfft {
  d: path("M5.5,11 9,13.3");
}

.input_aipsin.validator.valid .validator_icon .marker--tzch,
.select_aipsin.validator.valid .validator_icon .marker--tzch {
  d: path("M9,13.3 14,7");
}

.input_aipsin.validator.no_valid .validator_icon .marker .marker--pfft,
.select_aipsin.validator.no_valid .validator_icon .marker .marker--pfft {
  d: path("M10,15 10,15");
}

.input_aipsin.validator.no_valid .validator_icon .marker .marker--tzch,
.select_aipsin.validator.no_valid .validator_icon .marker .marker--tzch {
  d: path("M10,5 10,11.5");
}

.input_aipsin input:-webkit-autofill,
.input_aipsin input:-webkit-autofill:hover,
.input_aipsin input:-webkit-autofill:focus {
  -webkit-font-size: 1rem;
  -webkit-box-shadow: var(--theme-bg-main, white);
  -webkit-text-fill-color: var(--theme-color-text, #0C1914);
  transition: background-color 1000s ease-in-out 0s;
}

.select_aipsin select:-webkit-autofill,
.select_aipsin select:-webkit-autofill:hover,
.select_aipsin select:-webkit-autofill:focus {
  -webkit-font-size: 1rem;
  -webkit-box-shadow: var(--theme-bg-main, white);
  -webkit-text-fill-color: var(--theme-color-text, #0C1914);
  transition: background-color 1000s ease-in-out 0s;
}

.select_aipsin.validator.no_valid select {
  color: var(--theme-border-widget, #969696) !important;
  border: 1.1px solid var(--theme-border-widget, #969696) !important;
}

.select_aipsin.validator.no_valid select~em>svg {
  fill: var(--theme-border-widget, #969696) !important;
}

.select_aipsin.validator.no_valid~.validator_icon {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}

.select_aipsin.validator.valid~.validator_icon {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
}

.input_aipsin:not(.validator)::before,
.select_aipsin:not(.validator)::before,
.input_aipsin:not(.validator)::after,
.select_aipsin:not(.validator)::after {
  display: none !important;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>INPUT  --------------------------------*/
.input_aipsin {
  font-family: 'Roboto', sans-serif;
  border: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.input_aipsin .iti {
  width: 100%;
}

.input_aipsin input {
  font-size: 1rem;
  color: var(--theme-border-widget, #969696);
  background: transparent;
  padding: 0.6rem 1.2rem;
  padding-left: 35px;
  width: 100%;
  outline: none;
  min-height: 44px;
  border-radius: 15px;
  box-sizing: border-box;
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  transition: border-color 0.2s;
}

.input_aipsin>input::-webkit-outer-spin-button,
.input_aipsin>input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input_aipsin>input[type=number] {
  -moz-appearance: textfield;
}

.input_aipsin input:disabled {
  user-select: none;
  opacity: 0.7;
}

.input_aipsin input:disabled ~ .toolbar{
  display:none !important;
  user-select:none !important;
}

.input_aipsin p {
  color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 50%;
  max-width: 85%;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(-50%);
  margin: 0;
  margin-left: 28px;
  border-radius: 15px;
  padding-left: 9px;
  padding-right: 9px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.input_aipsin[required]:not([hide_required_icon]) p:after {
  content: "*";
}

.input_aipsin em {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.input_aipsin em>svg {
  width: 20px;
  height: 20px;
  fill: var(--theme-border-widget, #969696);
  transition: all 0.2s;
}

.input_aipsin input:focus~p,
.input_aipsin .clr-field~p {
  top: 0;
  font-size: 0.9rem;
  margin-left: 24px;
  /* color: var(--theme-color-widget, #c81e1e); */
  color: var(--theme-border-widget, #969696);
}

.input_aipsin.input_aipsin_phone p {
  top: 0 !important;
  font-size: 0.9rem;
  margin-left: 24px;
}

.input_aipsin input:not(:placeholder-shown)~p {
  top: 0;
  font-size: 0.9rem;
  margin-left: 24px;
}

.input_aipsin input:focus~em>svg {
  fill: var(--theme-color-widget, #c81e1e);
}

.input_aipsin input:focus~.toolbar,
.input_aipsin input:not(:placeholder-shown)~.toolbar {
  display: flex;
  align-items: center;
  justify-content: center;
}

.input_aipsin input:not(:focus):not(:hover):not(:placeholder-shown)~p {
  color: var(--theme-border-widget, #969696);
}

.input_aipsin input:not(:focus):not(:hover):not(:placeholder-shown)~em>svg {
  fill: var(--theme-border-widget, #969696);
}

.input_aipsin input:focus {
  border-color: var(--theme-color-widget, #c81e1e);
  color: var(--theme-color-widget, #c81e1e);
}

.input_aipsin>.error_msg {
  position: absolute !important;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.input_aipsin>.error_msg>svg {
  width: 25px;
  height: 25px;
  fill: var(--theme-color-widget-active, #df1b1b);
}

.input_aipsin>.error_msg>svg:hover {
  fill: var(--theme-color-widget, #c81e1e);
}

.input_aipsin>.toolbar {
  position: absolute;
  top: 50%;
  right: 2px;
  left: unset;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 100%;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 1;
}

.input_aipsin>.toolbar>.display_toolbar {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  transition: all 0.5s;
}

.input_aipsin>.toolbar>.display_toolbar>i {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  border-radius: 50%;
  background: var(--theme-bg-widget, #eeeeee);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s;
}

.input_aipsin>.toolbar>.display_toolbar>i>svg {
  pointer-events: none;
  fill: var(--theme-bg-main-invert, black);
  width: 0px;
  height: 0px;
  transition: all 0.5s;
}

.input_aipsin input:focus~.toolbar:hover ::before,
.input_aipsin input:focus~.toolbar:hover ::after {
  color: var(--theme-color-widget-active, #df1b1b) !important;
}

.input_aipsin>.toolbar:hover ::before,
.input_aipsin>.toolbar:hover ::after,
.input_aipsin input:focus~.toolbar::before,
.input_aipsin input:focus~.toolbar::after {
  color: var(--theme-color-widget, #c81e1e) !important;
}

.input_aipsin>.toolbar::before,
.input_aipsin>.toolbar::after {
  border-right: 2px solid;
  content: '';
  display: block;
  color: var(--theme-border-widget, #969696);
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(45deg);
  left: 15px;
  top: 50%;
  width: 0;
  transition: all 0.5s;
}

.input_aipsin>.toolbar::after {
  margin-top: -1px;
  transform: rotate(135deg);
  transition: all 0.5s;
}

.input_aipsin>.toolbar:hover {
  min-width: 50px;
}

.input_aipsin>.toolbar:hover::before,
.input_aipsin>.toolbar:hover::after {
  left: 5px;
}

.input_aipsin>.toolbar:hover::before {
  transform: rotate(135deg);
}

.input_aipsin>.toolbar:hover::after {
  transform: rotate(45deg);
}

.input_aipsin>.toolbar:hover i {
  display: flex;
  margin-right: 5px !important;
  margin-left: 5px !important;
  padding: 5px !important;
}

.input_aipsin>.toolbar:hover i>svg {
  width: 8px !important;
  height: 8px !important;
}

.input_aipsin>.toolbar:hover .display_toolbar {
  padding-left: 15px;
  background: var(--theme-bg-main, white);
}

.input_aipsin>.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget, #c81e1e);
}

.input_aipsin>.toolbar>.display_toolbar>i:hover svg {
  fill: white;
}

.input_aipsin_search>input.active {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.input_aipsin input:focus~.search_list {
  border: 1.1px solid var(--theme-color-widget, #c81e1e);
  border-top: none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.input_aipsin>.search_list {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  bottom: 0px;
  transform: translateY(100%);
  box-sizing: border-box;
  border: 1.1px solid var(--theme-border-widget, #969696);
  background: var(--theme-bg-main, white);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top: none;
  padding: 10px 3px;
  overflow: auto;
  transition: all 0.2;
  z-index: 2;
}

.input_aipsin>.search_list>ul {
  display: block;
  width: 100%;
  user-select: none;
  margin: 0;
  padding: 0;
}

.input_aipsin>.search_list>ul>li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  word-break: break-word;
  padding: 5px 10px;
  cursor: pointer;
  border-bottom: 1px solid var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  transition: all 0.2s;
}

.input_aipsin>.search_list>ul>li:hover,
.input_aipsin>.search_list>ul>li.selected {
  color: var(--theme-color-widget, #c81e1e);
  border-color: var(--theme-color-widget, #c81e1e);
  border-bottom: 1px solid var(--theme-color-widget, #c81e1e);
  margin-left: 7px;
}

.input_aipsin>.search_list>ul>li::before,
.input_aipsin>.search_list>ul>li::after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  left: 0px;
  top: 50%;
  width: 0;
  opacity: 0;
  transition: all 0.2s;
}

.input_aipsin>.search_list>ul>li::after {
  margin-top: -1px;
  transform: rotate(45deg);
  opacity: 0;
  transition: all 0.2s;
}

.input_aipsin>.search_list>ul>li:hover::before,
.input_aipsin>.search_list>ul>li:hover::after,
.input_aipsin>.search_list>ul>li.selected::before,
.input_aipsin>.search_list>ul>li.selected::after {
  opacity: 1;
}

.input_aipsin>.search_list>ul>li.hidden {
  display: none;
}

.input_aipsin>.header {
  visibility: hidden;
  opacity: 0;
  border-left: 1.1px solid;
  border-right: 1.1px solid;
  border-top: 1.1px solid;
  border-color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  position: absolute;
  top: 2px;
  right: 0px;
  max-width: 85%;
  overflow: hidden;
  height: 30px;
  transform: translateY(-100%);
  margin: 0;
  margin-left: auto;
  margin-right: 28px;
  border-radius: 7px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  z-index: 1;
  background: var(--theme-bg-main, white);
  transition-delay: 1s !important;
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s, visibility 0.2s, opacity 0.2s;
}

.input_aipsin>.header>label {
  width: 30px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.input_aipsin>.header>label>input {
  display: none;
}

.input_aipsin input:not(:placeholder-shown)~.header,
.input_aipsin input:focus~.header {
  visibility: visible;
  opacity: 1;
  border-color: var(--theme-color-widget, #c81e1e);
}

.input_aipsin input:not(:placeholder-shown)~.header>label>svg,
.input_aipsin input:focus~.header>label>svg {
  fill: var(--theme-color-widget, #c81e1e);
}

.input_aipsin>.header>label>svg {
  fill: var(--theme-border-widget, #969696);
  width: 60%;
  height: 60%;
  transition: all 0.2s linear;
}

.input_aipsin>.header>label.speach>input~svg>path {
  d: path("M24,33a8,8,0,0,0,8-8V9A8,8,0,0,0,16,9V25A8,8,0,0,0,24,33ZM20,9a4,4,0,0,1,8,0V25a4,4,0,0,1-8,0Z M38,25a2,2,0,0,0-4,0,10,10,0,0,1-20,0,2,2,0,0,0-4,0A14,14,0,0,0,22,38.84V43H21a2,2,0,0,0,0,4h6a2,2,0,0,0,0-4H26V38.84A14,14,0,0,0,38,25Z");
}

.input_aipsin>.header>label.speach>input:checked~svg>path {
  d: path("M24,33a8,8,0,0,0,8-8V18.83l8.41-8.41a2,2,0,0,0-2.83-2.83L32,13.17V9A8,8,0,0,0,16,9V25a7.94,7.94,0,0,0,.77,3.4l-1.49,1.49A9.93,9.93,0,0,1,14,25a2,2,0,0,0-4,0,13.92,13.92,0,0,0,2.38,7.79L7.59,37.59a2,2,0,1,0,2.83,2.83l4.65-4.65A13.94,13.94,0,0,0,22,38.84V43H21a2,2,0,0,0,0,4h6a2,2,0,0,0,0-4H26V38.84A14,14,0,0,0,38,25a2,2,0,0,0-4,0,10,10,0,0,1-16.09,7.92l1.43-1.43A8,8,0,0,0,24,33Zm4-8a4,4,0,0,1-4,4,4,4,0,0,1-1.75-.42L28,22.83Zm-8,0V9a4,4,0,0,1,8,0v8.17l-8,8C20,25.1,20,25.05,20,25Z");
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>DATETIMEPICKER  --------------------------------*/
.xdsoft_datetimepicker {
  border-radius: 15px !important;
}

.xdsoft_current {
  background: var(--theme-color-widget, #c81e1e) !important;
  box-shadow: var(--theme-color-widget-active, #df1b1b) 0 1px 3px 0 inset !important;
}

.xdsoft_calendar>table>thead>tr>th {
  background: var(--theme-hover-widget, #f3cfcf) !important;
  color: white !important;
}

.xdsoft_current.xdsoft_today {
  color: #fff !important;
}

.xdsoft_today {
  color: var(--theme-color-widget-active, #df1b1b);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CHECKBOX  --------------------------------*/
.checkbox_aipsin {
  width: auto;
  font-size: 18px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  margin: 5px 5px;
  transition: all 0.3s;
  color: #626981;
}

.checkbox_aipsin>em {
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkbox_aipsin>em::before {
  transition: all 0.3s;
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 35%;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  margin: 0px 5px;
}

.checkbox_aipsin>input {
  display: none;
}

.checkbox_aipsin a {
  color: #626981;
  font-weight: bold;
  transition: all 0.3s;
}

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

.checkbox_aipsin>input:checked~em:before {
  transition: all 0.3s;
  border-color: #667688;
  background-color: #667688;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
  box-shadow: 0px 0px 1px 1px #667688;
}

.checkbox_aipsin>input:checked~em:before {
  border-color: var(--theme-color-widget, #c81e1e);
  background-color: var(--theme-color-widget, #c81e1e);
  box-shadow: 0px 0px 5px 1px var(--theme-hover-widget, #f3cfcf);
}

.checkbox_aipsin>input:checked+span {
  color: var(--theme-color-widget, #c81e1e);
}

.checkbox_aipsin>input:checked {
  color: var(--theme-color-widget, #c81e1e);
}

.checkbox_aipsin:hover input:checked~em:before {
  border-color: var(--theme-color-widget-active, #df1b1b);
  background-color: var(--theme-color-widget-active, #df1b1b);
  box-shadow: 0px 0px 5px 1px var(--theme-hover-widget, #f3cfcf);
}

.checkbox_aipsin:hover input:checked+span {
  color: var(--theme-color-widget-active, #df1b1b);
}

.checkbox_aipsin:hover input:checked {
  color: var(--theme-color-widget-active, #df1b1b);
}

.checkbox_aipsin.custom_color_checkbox_aipsin em{
  border-color: var(--active-widget-color) !important;
}
.checkbox_aipsin.custom_color_checkbox_aipsin input:checked~em {
  border-color: var(--active-widget-color);
}
.checkbox_aipsin.small {
  font-size: 10pt;
  width: 200px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>RADIO  --------------------------------*/
.radio_aipsin {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: flex-end;
  box-sizing: border-box;
  margin: 5px 5px;
  user-select: none;
  cursor: pointer;
  color: #626981;
}

.radio_aipsin[reverse] {
  flex-direction: row;
  justify-content: flex-start;
}

.radio_aipsin em {
  position: relative;
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  border: solid 1px #adb5bd;
  border-radius: 50%;
  margin: 0px 5px;
  transition: all 0.2s ease-in-out;
}

.radio_aipsin em:before {
  content: "";
  position: absolute;
  inset: 0;
  transition: all 0.2s ease-in-out;
  background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-circle fa-w-16'%3e%3cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z' class=''%3e%3c/path%3e%3c/svg%3e");
  filter: var(--theme-color-img-filter, invert(14%) sepia(57%) saturate(6028%) hue-rotate(353deg) brightness(96%) contrast(90%));
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  opacity: 0;
}

.radio_aipsin input {
  display: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.radio_aipsin span {
  margin-left: 5px;
  transition: all 0.2s ease-in-out;
}

.radio_aipsin input:checked~em {
  background: var(--theme-bg-main, white);
  border-color: var(--theme-color-widget, #c81e1e);
}

.radio_aipsin input:checked~em:before {
  transform: scale(0.5);
  opacity: 1;
}

.radio_aipsin input:checked~span {
  color: var(--theme-color-widget, #c81e1e);
}

.radio_aipsin input:focus~em {
  box-shadow: 0 0 0 4px rgba(47, 86, 212, 0.1);
}

.radio_aipsin.custom_color_radio_aipsin em{
  border-color: var(--active-widget-color,#80808080) !important;
}

.radio_aipsin.custom_color_radio_aipsin input:checked~em {
  border-color: var(--active-widget-color,#80808080);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SWITCH  --------------------------------*/
.switch_aipsin {
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  box-sizing: border-box;
  margin: 5px 5px;
}

.switch_aipsin>input {
  display: none;
}

.switch_aipsin>input:checked~em {
  background-color: var(--theme-color-widget, #c81e1e);
  box-shadow: 0px 0px 5px 3px var(--theme-hover-widget, #f3cfcf);
}

.switch_aipsin>input:checked~em:before {
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}

.switch_aipsin>input:checked~em:after {
  transform: translate3d(20px, 2px, 0);
}

.switch_aipsin>input:checked~span {
  color: var(--theme-color-widget, #c81e1e);
}

.switch_aipsin>span {
  margin-left: 5px;
  transition: all 0.3s linear;
}

.switch_aipsin>em {
  position: relative;
  display: inline-block;
  max-width: 42px;
  min-width: 42px;
  min-height: 24px;
  max-height: 24px;
  background-color: #cccccc;
  border-radius: 22px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.switch_aipsin>em:before {
  content: "";
  position: absolute;
  left: 0;
  width: 38px;
  height: 20px;
  background-color: #d2d2d2;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scaleX(1);
  transition: all 0.25s linear;
}

.switch_aipsin>em:after {
  content: "";
  position: absolute;
  display: grid;
  align-items: center;
  left: 0;
  width: 20px;
  height: 20px;
  padding: 2px;
  box-sizing: border-box;
  background: white;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.switch_aipsin>input:checked~span[true_title][false_title]::before {
  content: attr(true_title);
}

.switch_aipsin>input:not(:checked)~span[true_title][false_title]::before {
  content: attr(false_title);
  color: var(--theme-color-text, #0C1914);
}

.switch_aipsin[switch_choise] em {
  background-color: unset !important;
  box-shadow: var(--theme-color-widget, #c81e1e) 0px 0px 4px, var(--theme-color-widget, #c81e1e) 0px 0px 0px 2px !important;
}

.switch_aipsin[switch_choise] em::before {
  background-color: unset !important;
}

.switch_aipsin[switch_choise] em::after {
  content: url(/static/svg/right_left.svg);
  background: var(--theme-color-widget, #c81e1e) !important;
}

.switch_aipsin[switch_choise]>input:not(:checked)~em::after {
  content: url(/static/svg/arrow_switch_left.svg);
}

.switch_aipsin[switch_choise]>input:checked~em::after {
  content: url(/static/svg/arrow_switch_right.svg);
}

.switch_aipsin[switch_choise] span {
  padding-left: 7px;
  padding-right: 7px;
  margin: 0px;
}

.switch_aipsin[switch_choise] span,
.switch_aipsin[switch_choise] span::before,
.switch_aipsin[switch_choise] span::after {
  color: var(--theme-color-widget, #c81e1e) !important;
}

.switch_aipsin[switch_choise][switch_select]>input+span {
  margin-right: 20px;
}

.switch_aipsin[switch_choise][switch_select]>input~span:last-child {
  margin-left: 20px;
}

.switch_aipsin[switch_choise][switch_select]>input:checked+span {
  color: var(--theme-color-text, #0C1914) !important;
  text-decoration: none;
}

.switch_aipsin[switch_choise][switch_select]>input:not(:checked)~span:last-child {
  color: var(--theme-color-text, #0C1914) !important;
  text-decoration: none;
}

.switch_aipsin[switch_choise][switch_select]>input~span {
  text-decoration: underline;
}

.switch_aipsin.dark_white {
  flex-direction: row-reverse;
}

.switch_aipsin.dark_white>em:before {
  background-color: #d4d4d4 !important;
}

.switch_aipsin.dark_white[switch_choise] em::after {
  background-color: #1d1d1d !important;
}

.switch_aipsin.dark_white[switch_choise]>input~em {
  box-shadow: #d4d4d4 0px 0px 4px, #d4d4d4 0px 0px 0px 2px !important;
}

.switch_aipsin.dark_white>input:checked~em {
  background-color: #1d1d1d !important;
  box-shadow: 0px 0px 2px 1px #c9c9c9 !important;
}

.switch_aipsin.dark_white>input:checked~em:before {
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}

.switch_aipsin.dark_white>input:checked~em:after {
  transform: translate3d(20px, 2px, 0);
}

.switch_aipsin.dark_white[switch_choise] span,
.switch_aipsin.dark_white[switch_choise] span::before,
.switch_aipsin.dark_white[switch_choise] span::after {
  color: white !important;
  margin-left: unset !important;
}

.switch_aipsin.dark_white[switch_choise]>input:checked+.switcher_text {
  text-decoration: underline;
}

.switch_aipsin.dark_white[switch_choise]>input:not(:checked)~.switcher_text:last-child {
  text-decoration: underline;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>RANGE  --------------------------------*/
.aipsin_range {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  width: 100%;
  border: 1.1px solid var(--theme-border-widget, #969696);
  margin: 5px 0px;
  border-radius: 15px;
  box-sizing: border-box;
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.aipsin_range>p {
  color: var(--theme-border-widget, #969696);
  user-select: none;
  pointer-events: none;
  position: absolute;
  margin: 0;
  font-weight: 500;
  border-radius: 15px;
  padding-left: 3px;
  padding-right: 3px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
  top: -10px;
  font-size: 1rem;
  padding-left: 9px;
  padding-right: 9px;
  left: 24px;
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.aipsin_range>.input_aipsin>input {
  min-width: unset !important;
}

.aipsin_range>.arrows.right {
  transform: scaleX(1);
}

.aipsin_range>.arrows.left {
  transform: scaleX(-1);
}

.aipsin_range>.arrows {
  display: flex;
  position: relative;
  width: 40px;
  height: 15px;
  margin-left: 15px;
  margin-right: 15px;
  transition: transform 0.1s linear, color 1s linear;
}

.aipsin_range>.arrows.active>.arrow {
  box-shadow: 2px -2px var(--theme-color-widget, #c81e1e) inset;
  transition: color 1s linear;
}

.aipsin_range>.arrows>.arrow {
  padding: 0.3rem;
  box-shadow: 2px -2px var(--theme-border-widget, #969696) inset;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) rotate(225deg);
  transition: color 1s linear;
  position: absolute;
}

.aipsin_range>.arrows>.arrow_one {
  animation: arrowMovement 2s ease-in-out infinite;
}

.aipsin_range>.arrows>.arrow_two {
  animation: arrowMovement 2s 1s ease-in-out infinite;
}

@keyframes arrowMovement {
  0% {
    left: -10px;
    opacity: 0;
  }

  70% {
    opacity: 1;
  }

  100% {
    left: 10px;
    opacity: 0;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>RANGE_SLIDER  --------------------------------*/
.input_aipsin_range_slider {
  position: relative;
  font-size: 1rem;
  padding: 0.6rem 15px;
  width: 100%;
  outline: none;
  min-height: 70px;
  border-radius: 15px;
  box-sizing: border-box;
  color: var(--theme-color-text, #0C1914);
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  transition: border-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input_aipsin_range_slider p {
  color: var(--theme-border-widget, #969696);
  user-select: none;
  pointer-events: none;
  position: absolute;
  max-width: 85%;
  top: 0;
  left: 0;
  font-size: 0.9rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(-50%);
  margin: 0;
  margin-left: 24px;
  border-radius: 15px;
  padding-left: 9px;
  padding-right: 9px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.range_slider_aipsin {
  width: 100%;
  --primary-color: var(--theme-color-widget, #c81e1e);
  --value-offset-y: var(--ticks-gap);
  --value-active-color: white;
  --value-background: transparent;
  --value-color-text: var(--theme-color-text, #0C1914);
  --value-background-hover: var(--primary-color);
  --value-font: 700 12px/1 Arial;
  --fill-color: var(--primary-color);
  --progress-background: var(--theme-border-table, #e9e9e9);
  --progress-radius: 20px;
  --track-height: calc(var(--thumb-size) / 2);
  --min-max-font: 12px Arial;
  --min-max-opacity: 0.5;
  --min-max-x-offset: 10%;
  --thumb-size: 22px;
  --thumb-color: white;
  --thumb-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 0 1px rgba(0, 0, 0, 0.5) inset, 0 0 0 99px var(--thumb-color) inset;
  --thumb-shadow-active: 0 0 0 calc(var(--thumb-size) / 4) inset var(--thumb-color), 0 0 0 99px var(--primary-color) inset, 0 0 3px rgba(0, 0, 0, 0.4);
  --thumb-shadow-hover: var(--thumb-shadow);
  --ticks-thickness: 1px;
  --ticks-height: 5px;
  --ticks-gap: var(--ticks-height, 0);
  --ticks-color: var(--theme-border-widget, #969696);
  --step: 1;
  --ticks-count: Calc(var(--max) - var(--min)) / var(--step);
  --maxTicksAllowed: 30;
  --too-many-ticks: Min(1, Max(var(--ticks-count) - var(--maxTicksAllowed), 0));
  --x-step: Max(var(--step), var(--too-many-ticks) * (var(--max) - var(--min)));
  --tickInterval: 100/ ((var(--max) - var(--min)) / var(--step)) * var(--tickEvery, 1);
  --tickIntervalPerc: calc((100% - var(--thumb-size)) / ((var(--max) - var(--min)) / var(--x-step)) * var(--tickEvery, 1));
  --value-a: Clamp(var(--min), var(--value, 0), var(--max));
  --value-b: var(--value, 0);
  --text-value-a: var(--text-value, "");
  --completed-a: calc((var(--value-a) - var(--min)) / (var(--max) - var(--min)) * 100);
  --completed-b: calc((var(--value-b) - var(--min)) / (var(--max) - var(--min)) * 100);
  --ca: Min(var(--completed-a), var(--completed-b));
  --cb: Max(var(--completed-a), var(--completed-b));
  --thumbs-too-close: Clamp(-1, 1000 * (Min(1, Max(var(--cb) - var(--ca) - 5, -1)) + 0.001), 1);
  --thumb-close-to-min: Min(1, Max(var(--ca) - 2, 0));
  --thumb-close-to-max: Min(1, Max(98 - var(--cb), 0));
  display: inline-block;
  height: max(var(--track-height), var(--thumb-size));
  background: linear-gradient(to right, var(--ticks-color) var(--ticks-thickness), transparent 1px) repeat-x;
  background-size: var(--tickIntervalPerc) var(--ticks-height);
  background-position-x: calc(var(--thumb-size) / 2 - var(--ticks-thickness) / 2);
  background-position-y: var(--flip-y, bottom);
  padding-bottom: var(--flip-y, var(--ticks-gap));
  padding-top: calc(var(--flip-y) * var(--ticks-gap));
  position: relative;
  z-index: 1;
}

.range_slider_aipsin::after {
  --at-edge: var(--thumb-close-to-max);
  counter-reset: x var(--max);
  right: var(--offset);
}

.range_slider_aipsin::before,
.range_slider_aipsin::after {
  --offset: calc(var(--thumb-size) / 2);
  content: counter(x);
  display: var(--show-min-max, block);
  font: var(--min-max-font);
  position: absolute;
  bottom: var(--flip-y, -2.5ch);
  top: calc(-2.5ch * var(--flip-y));
  opacity: clamp(0, var(--at-edge), var(--min-max-opacity));
  transform: translateX(calc(var(--min-max-x-offset) * var(--before, -1) * -1)) scale(var(--at-edge));
  pointer-events: none;
}

.range_slider_aipsin>input:nth-of-type(1) {
  --is-left-most: Clamp(0, (var(--value-a) - var(--value-b)) * 99999, 1);
}

.range_slider_aipsin>input {
  -webkit-appearance: none;
  padding: 0;
  width: 100%;
  height: var(--thumb-size);
  margin: 0;
  position: absolute;
  left: 0;
  top: calc(50% - Max(var(--track-height), var(--thumb-size)) / 1 + calc(var(--ticks-gap) / 2 * var(--flip-y, -1)));
  cursor: -webkit-grab;
  cursor: grab;
  outline: none;
  background: none;
  border: none !important;
}

.range_slider_aipsin>input[type="range"]::-webkit-slider-thumb {
  border: 1px solid var(--theme-color-widget, #c81e1e) !important;
  transition: all 0.2s;
}

.range_slider_aipsin>input[type="range"]::-webkit-slider-thumb:hover {
  background: var(--theme-color-widget-active, #df1b1b) !important;
}

.range_slider_aipsin>input::-webkit-slider-thumb {
  border: 1px solid var(--theme-color-widget-active, #df1b1b);
}

.range_slider_aipsin>input::-webkit-slider-thumb:hover {
  background: var(--theme-color-widget-active, #df1b1b);
}

.range_slider_aipsin>input:nth-of-type(1)+output {
  --value: var(--value-a);
  --x-offset: calc(var(--completed-a) * -1%);
}

.range_slider_aipsin>input+output {
  --flip: -1;
  --x-offset: calc(var(--completed-b) * -1%);
  --pos: calc(((var(--value) - var(--min)) / (var(--max) - var(--min))) * 100%);
  pointer-events: none;
  position: absolute;
  z-index: 5;
  color: var(--value-color-text, #0C1914);
  background: var(--value-background);
  border-radius: 10px;
  padding: 2px 4px;
  left: var(--pos);
  transform: translate(var(--x-offset), calc(125% * var(--flip) - (var(--y-offset, 0px) + var(--value-offset-y)) * var(--flip)));
  transition: all 0.12s ease-out, left 0s;
}

.range_slider_aipsin>input+output {
  display: inline;
  unicode-bidi: isolate;
}

.range_slider_aipsin>input:nth-of-type(1)+output::after {
  content: var(--prefix, "") var(--text-value-a) var(--suffix, "");
}

.range_slider_aipsin>input+output::after {
  content: var(--prefix, "") var(--text-value-b) var(--suffix, "");
  font: var(--value-font);
}

.range_slider_aipsin>input:only-of-type~.range_slider_aipsin__progress {
  --clip-start: 0;
}

.range_slider_aipsin__progress {
  --start-end: calc(var(--thumb-size) / 5);
  --clip-end: calc(100% - (var(--cb)) * 1%);
  --clip-start: calc(var(--ca) * 1%);
  --clip: inset(-20px var(--clip-end) -20px var(--clip-start));
  position: absolute;
  left: var(--start-end);
  right: var(--start-end);
  top: calc(var(--ticks-gap) * var(--flip-y, 0) + var(--thumb-size) / 2 - var(--track-height) / 2);
  height: calc(var(--track-height));
  background: var(--progress-background, #e9e9e9);
  pointer-events: none;
  z-index: -1;
  border-radius: var(--progress-radius);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SELECT  --------------------------------*/
.select_aipsin {
  font-family: 'Roboto', sans-serif;
  border: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
  font-weight: 500;
  margin: 5px 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.content_select_aipsin {
  width: 100%;
}

.select_aipsin select {
  pointer-events: none;
  user-select: none;
  height: auto;
  position: relative;
  font-size: 1rem;
  color: var(--theme-border-widget, #969696);
  background: transparent;
  padding: 0.6rem 1.2rem;
  padding-left: 35px;
  min-height: 44px;
  width: 100%;
  user-select: none;
  outline: none;
  border-radius: 15px;
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  cursor: pointer;
  transition: border-color 0.2s;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.select_aipsin select[disabled]~.filter_select_aipsin{
  display:none !important;
}
.select_aipsin .content_select_aipsin[disabled]{
  pointer-events: none !important;
}

.select_aipsin select::-ms-expand {
  display: none;
}

.content_select_aipsin::before,
.content_select_aipsin::after {
  border-right: 1.1px solid var(--theme-border-widget, #969696);
  content: '';
  display: block;
  height: 10px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 18px;
  top: 50%;
  width: 0;
  z-index: 1;
  transition: all 0.2s;
}

.content_select_aipsin::after {
  margin-top: -6px;
  right: 12px;
  transform: rotate(45deg);
  transition: all 0.2s;
}

.content_select_aipsin.active::before,
.content_select_aipsin.active::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e);
  transform: rotate(45deg);
}

.content_select_aipsin.active::after {
  transform: rotate(135deg);
}

.select_aipsin p {
  color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  max-width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9rem;
  transform: translateY(-50%);
  margin: 0;
  margin-left: 24px;
  border-radius: 15px;
  padding-left: 9px;
  padding-right: 9px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.select_aipsin[required]:not([hide_required_icon]) p:after {
  content: "*";
}

.select_aipsin em {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.select_aipsin em>svg {
  width: 20px;
  height: 20px;
  fill: var(--theme-border-widget, #969696);
  transition: all 0.2s;
}

.select_aipsin select option {
  padding: 25px 25px;
}

.select_aipsin select:focus~p,
.select_aipsin select:hover~p,
.select_aipsin select.active~p {
  color: var(--theme-color-widget, #c81e1e);
}

.select_aipsin select:focus~em>svg,
.select_aipsin select:hover~em>svg,
.select_aipsin select.active~em>svg {
  fill: var(--theme-color-widget, #c81e1e);
}

.select_aipsin select:focus,
.select_aipsin select:hover,
.select_aipsin select.active {
  border-color: var(--theme-color-widget, #c81e1e);
  color: var(--theme-color-widget, #c81e1e);
}

.select_aipsin select.active {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.content_select_aipsin {
  position: relative;
}

.filter_select_aipsin {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 350px;
  box-sizing: border-box;
  border-radius: 15px;
  border: 1.1px solid var(--theme-border-widget, #969696);
  background: var(--theme-bg-main, white);
  padding: 10px 15px;
  overflow: auto;
  z-index: 2;
}

.content_select_aipsin.active>.filter_select_aipsin {
  border-color: var(--theme-color-widget, #c81e1e);
}

.content_select_aipsin>.filter_select_aipsin {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
}

.filter_select_aipsin>.content_select_aipsin_filter {
  margin: 0 !important;
}

.filter_select_aipsin>ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  user-select: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.filter_select_aipsin>ul>li {
  font-size: 1rem;
}

.filter_select_aipsin>ul>li[pre_title] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 5px 10px;
  word-break: break-word;
  transition: all 0.2s;
  cursor: auto;
}

.filter_select_aipsin>ul>li[pre_title]::before,
.filter_select_aipsin>ul>li[pre_title]::after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  transform: rotate(45deg) translateY(-50%) !important;
  right: 10px;
  top: 50%;
  width: 0;
  opacity: 1;
  transition: all 0.2s;
}

.filter_select_aipsin>ul>li[pre_title]::after {
  transform: rotate(135deg) translateY(50%) !important;
  right: 9px;
  transition: all 0.2s;
}

.filter_select_aipsin>ul>li[pre_title]~li:not([pre_title]) {
  margin-left: 15px;
}

.filter_select_aipsin>ul>li[pre_title]:hover {
  color: var(--theme-color-widget, #c81e1e);
}

.filter_select_aipsin>ul>li:not([pre_title]) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-align: start;
  padding: 5px 10px;
  box-sizing: border-box;
  cursor: pointer;
  word-break: break-word;
  border-bottom: 1px solid var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  transition: all 0.2s;
}

.filter_select_aipsin>ul>li:not([pre_title]).hidden {
  display: none !important;
}

.filter_select_aipsin>ul>li:not([pre_title]):hover,
.filter_select_aipsin>ul>li:not([pre_title]).selected {
  color: var(--theme-color-widget, #c81e1e);
  border-bottom: 1px solid var(--theme-color-widget, #c81e1e);
  margin-left: 7px !important;
}

.filter_select_aipsin>ul>li:not([pre_title])::before,
.filter_select_aipsin>ul>li:not([pre_title])::after {
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  left: 0px;
  top: 50%;
  width: 0;
  opacity: 0;
  transition: all 0.2s;
}

.filter_select_aipsin>ul>li:not([pre_title])::after {
  margin-top: -1px;
  transform: rotate(45deg);
  opacity: 0;
  transition: all 0.2s;
}

.filter_select_aipsin>ul>li:not([pre_title]):hover::before,
.filter_select_aipsin>ul>li:not([pre_title]):hover::after,
.filter_select_aipsin>ul>li:not([pre_title]).selected::before,
.filter_select_aipsin>ul>li:not([pre_title]).selected::after {
  opacity: 1;
}

.content_select_aipsin.active .toolbar:hover::before,
.content_select_aipsin.active .toolbar:hover::after {
  color: var(--theme-color-widget, #c81e1e) !important;
}

.content_select_aipsin>.toolbar {
  position: absolute;
  top: 50%;
  right: 2px;
  left: unset;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 100%;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 1;
}

.content_select_aipsin>.toolbar>.display_toolbar {
  width: 100%;
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  transition: all 0.5s;
}

.content_select_aipsin>.toolbar>.display_toolbar>i {
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  border-radius: 50%;
  background: var(--theme-bg-widget, #eeeeee);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s;
}

.content_select_aipsin>.toolbar>.display_toolbar>i>svg {
  pointer-events: none;
  fill: var(--theme-bg-main-invert, black);
  width: 0px;
  height: 0px;
  transition: all 0.5s;
}

.content_select_aipsin>.toolbar::before,
.content_select_aipsin>.toolbar::after {
  color: var(--theme-border-widget, #969696);
  border-right: 2px solid;
  content: '';
  display: block;
  height: 8px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(45deg);
  left: 15px;
  top: 50%;
  width: 0;
  opacity: 0;
  transition: all 0.5s;
}

.content_select_aipsin>.toolbar::after {
  margin-top: -1px;
  transform: rotate(135deg);
  transition: all 0.5s;
}

.content_select_aipsin>.toolbar:hover {
  min-width: 50px;
  z-index: 2;
}

.content_select_aipsin>.toolbar:hover::before,
.content_select_aipsin>.toolbar:hover::after {
  left: 5px;
  opacity: 1;
}

.content_select_aipsin>.toolbar:hover::before {
  transform: rotate(135deg);
}

.content_select_aipsin>.toolbar:hover::after {
  transform: rotate(45deg);
}

.content_select_aipsin>.toolbar:hover i {
  display: flex;
  margin-right: 5px !important;
  margin-left: 5px !important;
  padding: 5px !important;
}

.content_select_aipsin>.toolbar:hover i>svg {
  width: 8px !important;
  height: 8px !important;
}

.content_select_aipsin>.toolbar:hover .display_toolbar {
  padding-left: 15px;
  background: var(--theme-bg-main, white);
}

.content_select_aipsin>.toolbar>.display_toolbar>i:hover {
  background: var(--theme-color-widget, #c81e1e);
}

.content_select_aipsin>.toolbar>.display_toolbar>i:hover svg {
  fill: white;
}

.multi_select_aipsin {
  min-height: 41px;
  font-size: 1rem;
  color: var(--theme-border-widget, #969696);
  background: transparent;
  padding: 0.6rem 1.2rem;
  padding-left: 35px;
  width: 100%;
  outline: none;
  border-radius: 15px;
  padding-left: 25px;
  box-sizing: border-box;
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  transition: border-color 0.2s;
}

.multi_select_aipsin:hover,
.multi_select_aipsin.focus {
  border-color: var(--theme-color-widget, #c81e1e);
}

.multi_select_aipsin input {
  transition: color 0.2s;
}

.multi_select_aipsin:hover input,
.multi_select_aipsin:hover>p,
.multi_select_aipsin.focus input,
.multi_select_aipsin.focus>p {
  color: var(--theme-color-widget, #c81e1e);
}

.multi_select_aipsin>p {
  color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  font-size: 0.9rem;
  transform: translateY(-50%);
  margin: 0;
  margin-left: 24px;
  border-radius: 15px;
  padding-left: 3px;
  padding-right: 3px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.multi_select_aipsin>.multi-select-list {
  color: black;
  display: flex;
  box-sizing: border-box;
  top: unset !important;
  bottom: -2px;
  transform: translateY(100%);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SELECT-CHOICE-UPDATE  --------------------------------*/
.aipsin_update_os_download {
  position:relative;
  width:100%;
  font-family:'Segoe UI', system-ui, sans-serif;
}
.aipsin_update_os_download select {
  width:100%;
  padding:10px 36px 10px 12px;
  border:1.5px solid #e2e8f0;
  border-radius:8px;
  background:#fff;
  font-size:14px;
  color:#2d3748;
  cursor:pointer;
  appearance:none;
  outline:none;
  transition:all 0.25s ease;
  box-shadow:0 2px 6px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.05);
}
.aipsin_update_os_download select:hover {
  border-color:#cbd5e0;
  box-shadow:0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.06);
}
.aipsin_update_os_download select:focus {
  border-color:#a0aec0;
  box-shadow:0 6px 16px rgba(0,0,0,0.12), 0 3px 6px rgba(0,0,0,0.08);
}
.aipsin_update_os_download::after {
  content:"▾";
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  color:#718096;
  pointer-events:none;
  font-size:14px;
  font-weight:500;
}
.aipsin_update_os_download optgroup {
  font-weight:600;
  color:#4a5568;
  padding:6px 8px;
  background:#f8fafc;
  font-size:12px;
  letter-spacing:0.3px;
}
.aipsin_update_os_download option {
  padding:8px 12px;
  color:#2d3748;
  font-size:14px;
}
.aipsin_update_os_download option:hover {
  background:#edf2f7;
}
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SELECT-GRID-ITEMS  --------------------------------*/

.aipsin-select-grid {
  width: 80%;
  margin: auto;
}

.aipsin-select-grid>h2 {
  width: 100%;
  margin: 10px 0px;
  text-align: center;
}

.aipsin-select-grid-items {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 150px;
  grid-gap: 25px;
  width: 100%;
  margin: auto;
}

.aipsin-select-grid-items>label {
  grid-column: span 4/auto;
}

.aipsin-select-grid-items>label:nth-child(3n - 1):nth-last-of-type(1),
.aipsin-select-grid-items>label:nth-child(3n - 2):nth-last-of-type(2) {
  grid-column: span 6/auto;
}

.aipsin-select-grid-items>label:last-child:nth-child(3n - 2) {
  grid-column: span 12/auto;
}

.aipsin-select-grid-item {
  display: block;
  border-radius: 0.5rem;
  cursor: pointer;
  user-select: none;
  position: relative;
  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;
}

.aipsin-select-grid-item:hover {
  box-shadow: var(--theme-color-opacity-widget, #c81e1e50) 0px 1px 2px 0px, var(--theme-color-opacity-widget, #c81e1e50) 0px 1px 3px 1px;
  fill: var(--theme-color-widget-active, #df1b1b) !important;
  color: var(--theme-color-widget-active, #df1b1b);
}

.aipsin-select-grid-item:hover>h5 {
  color: var(--theme-color-widget-active, #df1b1b);
}

.aipsin-select-grid-item>label {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.aipsin-select-grid-item>input,
.aipsin-select-grid-item>.radio_aipsin,
.aipsin-select-grid-item>.checkbox_aipsin {
  display: flex;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

.aipsin-select-grid-item>.radio_aipsin,
.aipsin-select-grid-item>.checkbox_aipsin {
  width: unset;
  height: unset;
}

.aipsin-select-grid-item svg {
  width: 40px;
  height: 40px;
  transition: 0.15s ease;
}

.aipsin-select-grid-item>h5 {
  text-align: center;
  margin: 0;
  margin-top: 10px;
  transition: 0.15s ease;
}

.aipsin-select-grid-item>span {
  display: flex;
  height: 75%;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.aipsin-select-grid-item>span>img {
  height: 70%;
  aspect-ratio: 1/1;
  position: absolute;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SELECT-FLEX-ITEMS  --------------------------------*/


.aipsin-select-flex{
  display:flex;
  align-items: center;
}
.aipsin-select-flex-items{
  display: flex;
  align-items: center;
}
.aipsin-select-flex-item,
.aipsin-select-flex-item.medium{
  position:relative;
  width:100px;
  aspect-ratio: 1/1;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor:pointer;
  margin: 3px;
}
.aipsin-select-flex-item.small{
  width: 70px;
}
.aipsin-select-flex-item,
.aipsin-select-flex-item.medium{

}
.aipsin-select-flex-item.big{
  width:220px;
}
.aipsin-select-flex-item.small h5{
  font-size: x-small;
  text-align: center;
}

.aipsin-select-flex-item,
.aipsin-select-flex-item.medium{

}

.aipsin-select-flex-item.big{

}

.aipsin-select-flex-item>input,
.aipsin-select-flex-item>.radio_aipsin,
.aipsin-select-flex-item>.checkbox_aipsin {
  display: flex;
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

.aipsin-select-flex-item>.radio_aipsin,
.aipsin-select-flex-item>.checkbox_aipsin {
  width: unset;
  height: unset;
}

.aipsin-select-flex-item>span {
  display: flex;
  height: 60%;
  width: 60%;
  align-items: center;
  justify-content: center;
  position: relative;
}

.aipsin-select-flex-item>span>img {
  height: 100%;
  aspect-ratio: 1/1;
  position: absolute;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SELECT-COLORS-ITEMS  --------------------------------*/
.aipsin-select-colors-items{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.aipsin-select-colors-items .aipsin-select-colors-item{
  display: flex;
  align-items: center;
  justify-content: center;
}

.aipsin-select-colors-dropdown-info{
  position: relative;
  width: 24px;
  height: 24px;
  padding: 0px 5px;
  cursor: pointer;
  box-sizing: content-box;
  z-index: 2;
}
.aipsin-select-colors-dropdown-info svg{
  transition: all 0.3s ease-in-out;
}
.aipsin-select-colors-dropdown-info:hover svg{
  fill: var(--theme-color-main,#D60000);
}
.aipsin-select-colors-dropdown-info-content{
  position: absolute;
  right: 0%;
  width: 255px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
  padding: 10px;
  border: 7px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  background: var(--theme-bg-main, white);
  transform: translateX(0%);
}
.aipsin-select-colors-dropdown-info:hover .aipsin-select-colors-dropdown-info-content{
  opacity: 1;
  visibility: visible;
  transition: all 0.3s linear;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SELECT-LANG  --------------------------------*/
.aipsin_box_switcher {
  width: 50px;
  height: 38px;
}

.aipsin_language_dropdown {
  display: inline-block;
  position: absolute;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}

.aipsin_language_dropdown label,
.aipsin_language_dropdown ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 38px;
  background: var(--theme-bg-main, white);
  cursor: pointer;
}

.aipsin_language_dropdown label.lang-flag,
.aipsin_language_dropdown ul li .flag {
  pointer-events: none;
}

.aipsin_language_dropdown ul.lang-list {
  position: relative;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  height: 0px;
  transform-origin: top;
  transform: scaleY(0);
  transition: all 0.2s;
}

.aipsin_language_dropdown ul.lang-list li {
  border-bottom: 1px solid var(--theme-bg-form, #f1f1f1);
}

.aipsin_language_dropdown ul.lang-list li.selected {
  display: none;
}

.aipsin_language_dropdown label {
  position: relative;
  border-bottom: 1px solid var(--theme-bg-form, #f1f1f1);
  border-radius: 3px;
  z-index: 2;
}

.aipsin_language_dropdown.open ul.lang-list {
  visibility: visible;
  opacity: 1;
  height: auto;
  transform: scaleY(1);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-INPUT  --------------------------------*/
.multi_input_aipsin {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  width: 100%;
  border: 1.1px solid var(--theme-border-widget, #969696);
  margin: 5px 0px;
  margin-top: 30px;
  border-radius: 15px;
  box-sizing: border-box;
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.multi_input_aipsin>.multi_input_grid_aipsin {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr;
  grid-gap: 0px 10px;
  align-items: center;
}

.multi_input_aipsin>.multi_input_grid_aipsin>.multi_input_grid_item_aipsin {
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.multi_input_aipsin>.multi_input_grid_aipsin>.multi_input_grid_item_aipsin>.aipsin_field {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}

.multi_input_aipsin>.multi_input_grid_aipsin.grid_1 {
  grid-template-columns: 1fr;
}

.multi_input_aipsin>.multi_input_grid_aipsin.grid_2 {
  grid-template-columns: 1fr 1fr;
}

.multi_input_aipsin>.multi_input_grid_aipsin.grid_3 {
  grid-template-columns: 1fr 1fr 1fr;
}

.multi_input_aipsin>.multi_input_grid_aipsin.grid_2>.multi_input_grid_item_aipsin:last-child:nth-child(2n - 1) {
  grid-column: span 2/auto;
  justify-content: center;
}

.multi_input_aipsin>p {
  content: attr(label);
  color: var(--theme-border-widget, #969696);
  user-select: none;
  pointer-events: none;
  position: absolute;
  margin: 0;
  font-weight: 500;
  border-radius: 15px;
  background: var(--theme-bg-main, white);
  top: -10px;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 1rem;
  left: 24px;
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.multi_input_aipsin[required]>p:after {
  content: "*";
}

.multi_input_aipsin>.header_toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0px;
  right: 24px;
  padding-left: 9px;
  padding-right: 9px;
  transform: translateY(-100%);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  border-bottom: 2px solid var(--theme-bg-main, white);
  overflow: hidden;
}

.multi_input_aipsin>.header_toolbar::before {
  content: '';
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 2px;
  left: 0%;
  background: var(--theme-bg-widget, #eeeeee);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.multi_input_aipsin>.header_toolbar>i {
  width: 25px;
  padding: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s;
}

.multi_input_aipsin>.header_toolbar>i svg {
  fill: var(--theme-border-widget, #969696);
  width: 100%;
  height: 100%;
}

.multi_input_aipsin>.header_toolbar>i:hover svg {
  fill: var(--theme-color-widget, #c81e1e);
}

.input_aipsin>.toolbar>.display_toolbar>i>svg {
  pointer-events: none;
  fill: var(--theme-bg-main-invert, black);
  width: 0px;
  height: 0px;
  transition: all 0.5s;
}

/* --------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-INPUT>FORMS  -------------------------------- */
/* --------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-INPUT>FORMS>PARTICIPANTS_ROW_GRID  -------------------------------- */
.multi_input_aipsin>.multi_input_grid_aipsin.participants_row_grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.multi_input_aipsin>.multi_input_grid_aipsin.participants_row_grid>.multi_input_grid_item_aipsin:nth-child(1) {
  grid-column: span 2/auto !important;
}

.multi_input_aipsin>.multi_input_grid_aipsin.participants_row_grid>.multi_input_grid_item_aipsin:nth-child(2) {
  grid-column: span 1/auto !important;
}

.multi_input_aipsin>.multi_input_grid_aipsin.participants_row_grid>.multi_input_grid_item_aipsin:nth-child(3) {
  grid-column: span 1/auto !important;
}

@media screen and (max-device-width:480px) {
  .multi_input_aipsin>.multi_input_grid_aipsin.participants_row_grid {
    grid-template-columns: 2fr 1fr;
  }
}

/* --------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-INPUT>FORMS>COORDINATE_ROW_DICT  -------------------------------- */
.multi_input_aipsin>.multi_input_grid_aipsin.coordiante_row_dict>.multi_input_grid_item_aipsin>.aipsin_field>button:first-child:not([is_citys]) svg:nth-child(2){
  display:none;
}
.multi_input_aipsin>.multi_input_grid_aipsin.coordiante_row_dict>.multi_input_grid_item_aipsin>.aipsin_field>button:first-child[is_citys] svg:nth-child(1){
  display:none;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-SELECT  --------------------------------*/
[data-type="select-multiple"] {
  width: 100%;
}

.todo_recordlist[todo_recordlist] {
  position: relative;
  width: 100%;
}

.todo_recordlist[todo_recordlist] .header_todo_recordlist {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 5px 0px;
}

.todo_recordlist[todo_recordlist] .content_todo_recordlist {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.todo_recordlist[todo_recordlist] .content_todo_recordlist>* {
  width: 100%;
}

.todo_recordlist[todo_recordlist] .content_todo_recordlist>.ul_todo_recordlist {
  margin: 0;
  padding: 10px 0px;
  width: 100%;
  list-style: none;
}

.multi-select {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--theme-bg-main, white);
  padding: 5px 0px;
  cursor: text;
  box-sizing: border-box;
}

.multi-select.focus {
  z-index: 10;
}

.multi-select input {
  padding: 0;
  border-radius: none;
}

.multi-select .buffer {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
}

.multi-select .multi-select-placeholder {
  opacity: 5;
  margin-left: 5px;
}

.multi-select-options {
  display: none;
}

.multi-select-input {
  background: unset;
  border-radius: unset;
  height: unset;
  padding: unset;
  width: 5px;
  border: none;
  outline: none;
  margin-left: 5px;
}

#multi-select-input:focus {
  outline: none;
  transform: unset;
  transition: unset;
  box-shadow: unset;
}

.multi-select-selector {
  display: none;
}

.multi-select.focus .multi-select-list {
  display: block;
  opacity: 1;
  visibility: visible;
}

.multi-select-list {
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  width: 100%;
  max-height: 400px;
  position: absolute;
  z-index: 1;
  overflow: auto;
  padding: 5px 10px;
  background-color: var(--theme-bg-main, white);
}

.multi-select-list-loadmore {
  width: 100%;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 10pt;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #0059ff;
  transition: all 0.3s;
}

.multi-select-list-loadmore:hover {
  color: #0079ff;
  text-decoration: underline;
}

.multi-select-list-item {
  display: flex;
  align-items: center;
  justify-content: start;
  width: calc(100% - 20px);
  padding: 5px 10px;
  border-radius: 5px;
  background-color: var(--theme-bg-main, white);
  transition: all 0.3s;
  cursor: pointer;
  margin-bottom: 3px;
  box-sizing: content-box;
}

.multi-select-list>.hidden {
  display: none !important;
}

.multi-select-list>.preselect {
  background-color: var(--theme-bg-widget, #eeeeee);
}

.multi-select-list-item:hover {
  background-color: var(--theme-bg-widget, #eeeeee);
  text-decoration: underline;
}

.multi-select-list-item-title {
  margin: 0 !important;
  padding: 0 !important;
}

.item-options {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  background-color: var(--theme-color-widget, #c81e1e);
  color: white;
  border-radius: 25px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.3s;
}

.item-options:hover {
  background-color: var(--theme-color-widget-active, #df1b1b);
}

.item-options>h5 {
  margin: 0;
  padding-right: 2px;
  color: white
}

.item-options>span {
  color: white;
  padding-left: 2px;
  border-left: 1px solid white;
  transition: 0.3s;
  position: relative;
  width: 10px;
  height: 10px;
}

.item-options>span:before,
.item-options>span:after {
  content: "";
  position: absolute;
  top: 4px;
  width: 10px;
  height: 2px;
  background: white;
  transition: 0.3s;
}

.item-options>span:before,
.item-options>span:after:hover {
  background-color: var(--theme-hover-widget, #f3cfcf);
}

.item-options>span:before {
  transform: rotate(45deg);
}

.item-options>span:after {
  transform: rotate(-45deg);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-PUSHER  --------------------------------*/
.multi-push {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--theme-bg-main, white);
  padding: 5px 0px;
  cursor: text;
  box-sizing: border-box;
  z-index: 3;
}

.multi-push input {
  padding: 0;
  border-radius: none;
}

div .multi-push {
  margin-bottom: 10px;
}

.multi-push .buffer {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
}

.multi-push .multi-push-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  opacity: 0.4;
  font-size: 11pt;
  margin-left: 5px;
  user-select: none;
  pointer-events: none;
}

.multi-push-options {
  display: none;
}

.multi-push-input {
  width: 5px;
  border: none;
  outline: none;
  margin-left: 5px;
}

.multi-push-pusher {
  display: none;
}

.multi-push-list {
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  width: 100%;
  max-height: 400px;
  position: absolute;
  z-index: 1;
  overflow: auto;
  padding: 5px 10px;
  background-color: var(--theme-bg-main, white);
}

.multi-push-list-loadmore {
  width: 100%;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 10pt;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #0059ff;
  transition: all 0.3s;
}

.multi-push-list-loadmore:hover {
  color: #0079ff;
  text-decoration: underline;
}

.multi-push-list-item-title {
  margin: 0 !important;
  padding: 0 !important;
}

.multi-push .item-options {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  background-color: #bb1919;
  color: var(--theme-bg-main, white);
  border-radius: 25px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: all 0.3s;
}

.multi-push .item-options:hover {
  background-color: #d11717;
}

.multi-push .item-options>h5 {
  margin: 0;
  padding-right: 2px;
}

.multi-push .item-options>span {
  color: var(--theme-bg-main, white);
  padding-left: 2px;
  border-left: 1px solid var(--theme-bg-main, white);
  transition: 0.3s;
  position: relative;
  width: 10px;
  height: 10px;
}

.multi-push>.item-options>span:before,
.multi-push>.item-options>span:after {
  content: "";
  position: absolute;
  top: 4px;
  width: 10px;
  height: 2px;
  background: var(--theme-bg-main, white);
  transition: 0.3s;
}

.multi-push>.item-options>span:before,
.multi-push>.item-options>span:after:hover {
  background-color: rgb(255, 143, 143);
}

.multi-push>.item-options>span:before {
  transform: rotate(45deg);
}

.multi-push>.item-options>span:after {
  transform: rotate(-45deg);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>MULTI-STATIC  --------------------------------*/
.multi-static {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--theme-bg-main, white);
  padding: 5px 0px;
  cursor: text;
  box-sizing: border-box;
  z-index: 3;
}

.multi-static input {
  padding: 0;
  border-radius: none;
}

div .multi-static {
  margin-bottom: 10px;
}

.multi-static .buffer {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
}

.multi-static .multi-static-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  opacity: 0.4;
  font-size: 11pt;
  margin-left: 5px;
  user-select: none;
  pointer-events: none;
}

.multi-static-options {
  display: none;
}

.multi-static-input {
  width: 5px;
  border: none;
  outline: none;
  margin-left: 5px;
}

.multi-static-list {
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  width: 100%;
  max-height: 400px;
  position: absolute;
  z-index: 1;
  overflow: auto;
  padding: 5px 10px;
  background-color: var(--theme-bg-main, white);
}

.multi-static-list-loadmore {
  width: 100%;
  cursor: pointer;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 10pt;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #0059ff;
  transition: all 0.3s;
}

.multi-static-list-loadmore:hover {
  color: #0079ff;
  text-decoration: underline;
}

.multi-static-list-item-title {
  margin: 0 !important;
  padding: 0 !important;
}

.multi-static .item-options {
  display: flex;
  padding: 5px 10px;
  align-items: center;
  background-color: #bb1919;
  color: var(--theme-bg-main, white);
  border-radius: 25px;
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
}

.multi-static .item-options.success {
  background-color: #007c11 !important;
}

.multi-static .item-options.success:hover {
  background-color: #009113 !important;
}

.multi-static .item-options:hover {
  background-color: #d11717;
}

.multi-static .item-options>h5 {
  margin: 0;
  padding-right: 2px;
}

.multi-static .item-options span {
  color: var(--theme-bg-main, white);
  padding-left: 2px;
  border-left: 1px solid var(--theme-bg-main, white);
  transition: 0.3s;
  position: relative;
  cursor: pointer;
  width: 10px;
  height: 10px;
}

.multi-static>.item-options span {
  width: 10px;
  height: 10px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.multi-static>.item-options span input {
  display: none;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TEXTAREA  --------------------------------*/
.aipsin_json_template {
  width: 100%;
}

.aipsin_json_template>textarea {
  display: none;
}

.textarea_aipsin {
  font-family: 'Roboto', sans-serif;
  border: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.textarea_aipsin textarea {
  font-size: 1rem;
  color: var(--theme-border-widget, #969696);
  background: transparent;
  padding: 0.6rem 1.2rem;
  padding-left: 35px;
  width: 100% !important;
  max-width: 100%;
  min-height: 125px;
  outline: none;
  border-radius: 15px;
  box-sizing: border-box;
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  transition: border-color 0.2s;
  /* overflow: hidden; */
  resize: vertical;
}

.textarea_aipsin>.textarea_icon_center,
.textarea_aipsin>.textarea_icon_top,
.textarea_aipsin>.textarea_icon_botton {
  position: absolute;
  pointer-events: none;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  transition: all 0.2s;
}

.textarea_aipsin>.textarea_icon_center {
  top: 0;
  bottom: 0;
  padding-right: 5px;
  border-right: 1px solid var(--theme-border-widget, #969696);
}

.textarea_aipsin>.textarea_icon_top {
  top: 5px;
}

.textarea_aipsin>.textarea_icon_botton {
  bottom: 5px;
}

.textarea_aipsin>.textarea_icon_center>svg,
.textarea_aipsin>.textarea_icon_top>svg,
.textarea_aipsin>.textarea_icon_botton>svg {
  width: 20px;
  height: 20px;
  color: var(--theme-border-widget, #969696);
  fill: var(--theme-border-widget, #969696) !important;
  transition: all 0.2s;
}

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

.textarea_aipsin>p {
  color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 50%;
  font-weight: 500;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  border-radius: 15px;
  padding-left: 3px;
  padding-right: 3px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, left 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.textarea_aipsin textarea:focus~p,
.textarea_aipsin.empty textarea~p {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.9rem;
}

.textarea_aipsin textarea:focus~p {
  color: var(--theme-color-widget, #c81e1e);
}

.textarea_aipsin textarea:focus~em>svg {
  fill: var(--theme-color-widget, #c81e1e) !important;
}

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

textarea[name="CMD_INPUT"] {
  width: 100%;
  padding: 0;
  outline: none;
  border: none;
  resize: none;
  overflow: hidden;
  border-radius: 0px !important;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>DETAILS  --------------------------------*/
details.aipsin_details {
  background: var(--theme-bg-main, white);
  border-radius: 7px;
  height: auto;
  padding: 10px 1rem;
  margin: 20px 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;
}

details.aipsin_details>summary {
  position: relative;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  padding: 1rem;
  font-size: 1.2em;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  align-items: center;
  user-select: none;
  transition: all .2 ease;
}

details.aipsin_details>summary::after {
  content: '';
  position: absolute;
  width: calc(100% + 3rem);
  height: .2rem;
  bottom: 0;
  left: -2rem;
  background: var(--theme-color-widget, #c81e1e);
  transform: translateX(-100%);
  transition: transform .2s ease;
}

details.aipsin_details[open] {
  padding: 1rem 1rem;
}

details.aipsin_details[open]>summary::before {
  transform: rotate(90deg);
}

details.aipsin_details[open]>summary::after {
  transform: translateX(0);
}

details.aipsin_details[open]>summary {
  margin-bottom: 1rem;
}

details.aipsin_details>summary:focus {
  outline: none;
}

details.aipsin_details>summary::-webkit-details.aipsin_details-marker {
  display: none;
}

details.aipsin_details>*+* {
  margin-top: 1rem;
}

details.aipsin_details>*:not(summary) {
  visibility: hidden;
  opacity: 0;
  height: auto;
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease;
  transform: translateX(-10px);
}

details.aipsin_details[open]>*:not(summary) {
  visibility: visible;
  overflow: auto;
  opacity: 1;
  max-height: unset;
  transform: translateX(0px);
  transition: all .5s ease;
}

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

details.aipsin_details>summary>.smricon {
  position: absolute;
  right: 0;
  transition: transform .2s ease-in-out;
}

details.aipsin_details>summary>.smricon::before,
details.aipsin_details>summary>.smricon::after,
details.aipsin_details>summary>.smricon>.smriconbt::before,
details.aipsin_details>summary>.smricon>.smriconbt::after {
  position: absolute;
  content: "";
  right: 30px;
  height: 2px;
  width: 12px;
  border-radius: 2px;
  background-color: var(--theme-color-widget, #c81e1e);
  transition: transform .2s ease-in-out;
}

details.aipsin_details[open]>summary>.smricon {
  transform: translateY(-4px);
  transition: transform .2s ease-in-out;
}

details.aipsin_details>summary>.smricon::before,
details.aipsin_details>summary>.smricon>.smriconbt::after {
  transform: rotate(45deg);
}

details.aipsin_details>summary>.smricon>.smriconbt::before,
details.aipsin_details>summary>.smricon::after {
  transform: translateX(7px) rotate(-45deg);
}

details.aipsin_details[open]>summary>.smricon::before {
  transform: rotate(45deg);
}

details.aipsin_details[open]>summary>.smricon>.smriconbt::before {
  transform: translateX(7px) rotate(-45deg);
}

details.aipsin_details[open]>summary>.smricon::after {
  transform: translateY(7px) rotate(-45deg);
}

details.aipsin_details[open]>summary>.smricon>.smriconbt::after {
  transform: translateY(7px) translateX(7px) rotate(45deg);
}

@media print {
  details.aipsin_details[open]>*:not(summary) {
    max-height: 100% !important;
  }

  details.aipsin_details[open]>summary .icon_span {
    display: none;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>ACCORDION  --------------------------------*/
.accordion_aipsin {
  position: relative;
  font-family: 'Roboto', sans-serif;
  border: none;
  outline: none;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  margin: 5px 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  color: var(--theme-border-widget, #969696);
  background: var(--theme-bg-main, white);
  border: 1.1px solid var(--theme-border-widget, #969696);
  outline: none;
  border-radius: 15px;
  transition: border-color 0.2s;
}

.accordion_aipsin>.accordion_name {
  color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  margin: 0;
  margin-left: 28px;
  border-radius: 15px;
  padding-left: 3px;
  padding-right: 3px;
  background: var(--theme-bg-main, white);
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.accordion_aipsin:hover {
  border: 1.1px solid var(--theme-color-widget, #c81e1e);
}

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

.accordion_aipsin>.accordion_list {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
}

.accordion_aipsin>.accordion_list>.accordion_item {
  width: 100%;
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 10px 5px;
  box-sizing: border-box;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s;
}

.accordion_aipsin>.accordion_list>.accordion_item:not(:last-child) {
  border-bottom: 1.1px solid var(--theme-border-widget, #969696);
}

.accordion_aipsin>.accordion_list>.accordion_item:hover,
.accordion_aipsin>.accordion_list>input[type='radio']:checked+.accordion_item {
  color: var(--theme-color-widget, #c81e1e);
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_name {
  font-size: 0.8rem;
}

.accordion_item_name {
  margin-left: 10px;
  font-weight: 500;
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr>.accordion_item_icon {
  position: relative;
  width: 25px;
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr>.accordion_item_icon::before,
.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr>.accordion_item_icon::after {
  border-right: 2px solid var(--theme-border-widget, #969696);
  content: '';
  display: block;
  height: 10px;
  margin-top: -6px;
  position: absolute;
  transform: rotate(135deg);
  right: 15px;
  top: 50%;
  width: 0;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr>.accordion_item_icon::after {
  margin-top: -6px;
  right: 8px;
  transform: rotate(45deg);
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr:hover .accordion_item_icon::before,
.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_hdr:hover .accordion_item_icon::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e);
}

.accordion_aipsin>.accordion_list>input[type='radio'] {
  display: none;
}

.accordion_aipsin>.accordion_list>input[type='radio']:checked+.accordion_item>.accordion_item_hdr>.accordion_item_icon::before,
.accordion_aipsin>.accordion_list>input[type='radio']:checked+.accordion_item>.accordion_item_hdr>.accordion_item_icon::after {
  border-right: 2px solid var(--theme-color-widget, #c81e1e);
  transform: rotate(45deg);
}

.accordion_aipsin>.accordion_list>input[type='radio']:checked+.accordion_item>.accordion_item_hdr>.accordion_item_icon::after {
  transform: rotate(135deg);
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_content {
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  transition: all 0.25s ease-in;
}

.accordion_aipsin>.accordion_list>input[type='radio']:checked+.accordion_item>.accordion_item_content {
  max-height: 500px;
  padding: 10px 20px;
  transition: max-height 0.5s ease-in !important;
}

.accordion_aipsin>.accordion_list>.accordion_item>.accordion_item_content textarea {
  max-height: 475px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TODOLIST  --------------------------------*/
.aipsin_todo_list {
  width: 100%;
}

.aipsin_todo_list>.todolist_aipsin {
  max-width: unset;
}

.todolist_aipsin {
  position: relative;
  width: 100%;
  background: var(--theme-bg-main, white);
  padding: 0.6rem 1.2rem;
  border-radius: 15px;
  margin: auto;
  border: 1.1px solid var(--theme-border-widget, #969696);
  margin-bottom: 50px;
  margin-top: 50px;
}

.todolist_aipsin>.todolist_title {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -150%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.todolist_aipsin>.todolist_header {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 15px;
}

.todolist_aipsin .todolist_table {
  width: 100%;
  height: auto;
  table-layout: fixed;
}

.todolist_aipsin .todolist_table .tr_todo_field {
  border-top: 2px solid var(--theme-border-widget, #969696);
}

.todolist_aipsin .todolist_table .tr_todo_field>td>table {
  width: 100%;
}

.todolist_aipsin .todolist_table .ajaximage .file-link {
  display: flex;
  width: 200px;
}

.todolist_aipsin .todolist_table .ajaximage .file-link>img {
  max-width: 100%;
}

.todolist_aipsin .todolist_table th,
.todolist_aipsin .todolist_table td {
  padding: 10px 15px;
}

.todolist_aipsin .todolist_table td>a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.todolist_aipsin .todolist_table td>a>img {
  margin: auto;
}

.todolist_aipsin .todolist_table .todo_events {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  width: 200px;
  margin: auto;
}

.todolist_aipsin .todolist_table .btn_todo_aipsin {
  overflow: unset !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 7px;
}

.todolist_aipsin .todolist_table .btn_todo_aipsin svg {
  fill: white !important;
  width: 100%;
  height: 100%;
}

.todolist_aipsin .todolist_table .btn_todo_aipsin svg line {
  stroke: white !important;
}

.todolist_aipsin>.todolist_footer {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.todolist_aipsin>.todolist_footer .btn_todo_footer_aipsin {
  flex: 1;
  padding: 10px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
}

.todolist_aipsin>.todolist_footer .btn_todo_footer_aipsin svg {
  height: 50%;
  aspect-ratio: 1/1;
  fill: white;
  margin-right: 15px;
}

.todolist_aipsin .todolist_aipsin_empty_data {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}

.aipsin_data_header {
  padding: 20px;
  border-radius: 15px;
  box-sizing: border-box;
  background: var(--theme-bg-main, white) !important;
  box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
}

.aipsin_data_header>table {
  border: none !important;
  color: var(--theme-color-text, #0C1914);
}

.aipsin_data_header>table>thead>tr>th,
.aipsin_data_header>table>tbody>tr>td {
  padding: 0.5em;
}

.aipsin_data_header>table>thead>tr>th {
  border: none;
  text-align: center;
}

.aipsin_data_header>table>tbody>tr>td {
  border: none;
  text-align: center;
}

.aipsin_data_header>table>tbody>tr>td>.icon-see {
  width: 100%;
  padding: 3px;
  padding-right: 10px;
  padding-left: 10px;
  cursor: pointer;
  border-radius: 4px;
  user-select: none;
  transition: all 0.3s;
}

.aipsin_data_header>table>tbody>tr>td>.icon-see.active {
  border: 1px solid var(--theme-color-widget, #c81e1e);
  color: var(--theme-color-widget, #c81e1e);
  background: unset !important;
}

.aipsin_data_header>table>tbody>tr>td>.icon-see.active:hover {
  border: 1px solid var(--theme-color-widget-active, #df1b1b);
  color: var(--theme-color-widget-active, #df1b1b);
  background: unset !important;
}

.aipsin_data_header>table>tbody>tr>td>.icon-see:not(.active) {
  color: white;
  background-color: var(--theme-color-widget, #c81e1e);
}

.aipsin_data_header>table>tbody>tr>td>.icon-see:not(.active):hover {
  background-color: var(--theme-color-widget-active, #df1b1b);
}

@media screen and (max-device-width: 480px) {
  .todolist_aipsin>.todolist_footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

  .todolist_aipsin>.todolist_footer>.btn_todo_footer_aipsin:nth-child(2n-1):nth-last-of-type(1) {
    grid-column: span 2;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TOOLTIP  --------------------------------*/
[aria-label][role~="tooltip"] {
  position: relative !important;
}

[aria-label][role~="tooltip"]::before,
[aria-label][role~="tooltip"]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  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;
}

[aria-label][role~="tooltip"]::before {
  background-size: 100% auto !important;
  content: "";
}

[aria-label][role~="tooltip"]::after {
  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: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

[aria-label][role~="tooltip"][type~="success"]::after {
  background: var(--theme-color-tooltip-valid, rgba(50, 190, 167, 0.9));
}

[aria-label][role~="tooltip"][type~="default"]::after {
  background: var(--theme-color-tooltip-default, rgba(17, 117, 247, 0.9));
}

[aria-label][role~="tooltip"][type~="error"]::after {
  background: var(--theme-color-tooltip-error, rgba(223, 27, 27, 0.9));
}

[aria-label][role~="tooltip"]:hover::before,
[aria-label][role~="tooltip"]:hover::after,
[aria-label][role~="tooltip"]:focus::before,
[aria-label][role~="tooltip"]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* Position Modifiers */
[role~="tooltip"][data-microtip-position|="top"][type~="error"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip-error,rgba(223, 27, 27, 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'/></svg>") no-repeat;
}

[role~="tooltip"][data-microtip-position|="top"][type~="success"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip-valid,rgba(50, 190, 167, 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'/></svg>") no-repeat;
}

[role~="tooltip"][data-microtip-position|="top"][type~="default"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip-default,rgba(17, 117, 247, 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'/></svg>") no-repeat;
}

[role~="tooltip"][data-microtip-position|="top"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip,rgba(17, 17, 17, 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'/></svg>") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

[role~="tooltip"][data-microtip-position|="top"]::after {
  margin-bottom: 11px;
}

[role~="tooltip"][data-microtip-position|="top"]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position|="top"]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

[role~="tooltip"][data-microtip-position|="top"]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position="top"]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* Top Left */
[role~="tooltip"][data-microtip-position="top-left"]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

[role~="tooltip"][data-microtip-position="top-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* Top Right */
[role~="tooltip"][data-microtip-position="top-right"]::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%;
}

[role~="tooltip"][data-microtip-position="top-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), -5px, 0);
}

/* Bottom */
[role~="tooltip"][data-microtip-position|="bottom"][type~="error"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip-error,rgba(223, 27, 27, 0.9))' transform='rotate(180 18 6)' 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;
}

[role~="tooltip"][data-microtip-position|="bottom"][type~="success"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip-valid,rgba(50, 190, 167, 0.9))' transform='rotate(180 18 6)' 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;
}

[role~="tooltip"][data-microtip-position|="bottom"][type~="default"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip-default,rgba(17, 117, 247, 0.9))' transform='rotate(180 18 6)' 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;
}

[role~="tooltip"][data-microtip-position|="bottom"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='36px' height='12px'><path fill='var(--theme-color-tooltip,rgba(17, 17, 17, 0.9))' transform='rotate(180 18 6)' 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;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  margin-top: 11px;
}

[role~="tooltip"][data-microtip-position|="bottom"]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

[role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

[role~="tooltip"][data-microtip-position|="bottom"]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

[role~="tooltip"][data-microtip-position="bottom"]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* Bottom Left */
[role~="tooltip"][data-microtip-position="bottom-left"]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* Bottom Right */
[role~="tooltip"][data-microtip-position="bottom-right"]::after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}

[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
}

/* Left */
[role~="tooltip"][data-microtip-position="left"]::before,
[role~="tooltip"][data-microtip-position="left"]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

[role~="tooltip"][data-microtip-position="left"][type~="error"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-error,rgba(223, 27, 27, 0.9))' 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;
}

[role~="tooltip"][data-microtip-position="left"][type~="success"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-valid,rgba(50, 190, 167, 0.9))' 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;
}

[role~="tooltip"][data-microtip-position="left"][type~="default"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-default,rgba(17, 117, 247, 0.9))' 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;
}

[role~="tooltip"][data-microtip-position="left"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip,rgba(17, 17, 17, 0.9))' 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;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

[role~="tooltip"][data-microtip-position="left"]::after {
  margin-right: 11px;
}

[role~="tooltip"][data-microtip-position="left"]:hover::before,
[role~="tooltip"][data-microtip-position="left"]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* Right */
[role~="tooltip"][data-microtip-position="right"]::before,
[role~="tooltip"][data-microtip-position="right"]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

[role~="tooltip"][data-microtip-position="right"][type~="error"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-error,rgba(223, 27, 27, 0.9))' transform='rotate(90 6 6)' 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;
}

[role~="tooltip"][data-microtip-position="right"][type~="success"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-valid,rgba(50, 190, 167, 0.9))' transform='rotate(90 6 6)' 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;
}

[role~="tooltip"][data-microtip-position="right"][type~="default"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-default,rgba(17, 117, 247, 0.9))' transform='rotate(90 6 6)' 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;
}

[role~="tooltip"][data-microtip-position="right"]::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip,rgba(17, 17, 17, 0.9))' transform='rotate(90 6 6)' 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;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

[role~="tooltip"][data-microtip-position="right"]::after {
  margin-left: 11px;
}

[role~="tooltip"][data-microtip-position="right"]:hover::before,
[role~="tooltip"][data-microtip-position="right"]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* Size */
[role~="tooltip"][data-microtip-size="small"]::after {
  white-space: initial;
  width: 80px;
}

[role~="tooltip"][data-microtip-size="medium"]::after {
  white-space: initial;
  width: 150px;
}

[role~="tooltip"][data-microtip-size="large"]::after {
  white-space: initial;
  width: 260px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>KEYBOARD  --------------------------------*/
.aipsin_virtual_board {
  position: relative;
  position: fixed;
  z-index: 10000;
  background-color: var(--theme-bg-form, #f1f1f1);
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding-top: 50px;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  user-select: none !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  /*font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; */
}

.aipsin_virtual_board .key {
  user-select: none !important;
}

.aipsin_virtual_board .board_header {
  width: calc(100% - 20px);
  position: absolute;
  top: 0;
  left: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 8px;
}

.aipsin_virtual_board .board_header .key {
  height: 35px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aipsin_virtual_board .board {
  padding: 10px;
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aipsin_virtual_board .board>input {
  display: none;
}

.aipsin_virtual_board input#btn_latin_keyboard:not(:checked)~.latin_keyboard {
  display: none;
}

.aipsin_virtual_board input#btn_latin_keyboard:checked~.latin_keyboard {
  display: grid;
}

.aipsin_virtual_board .keyboard,
.aipsin_virtual_board .latin_keyboard {
  display: grid;
  grid-template-columns: repeat(30, 25px);
  grid-template-rows: repeat(5, 50px);
  grid-gap: 0px;
  user-select: none;
}

.aipsin_virtual_board .latin_keyboard {
  margin-left: 10px;
}

.aipsin_virtual_board .latin_keyboard {
  grid-template-columns: repeat(10, 20px);
}

.aipsin_virtual_board .key {
  all: initial;
  position: relative;
  background-color: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  border-radius: 10px;
  grid-column: span 2;
  font-size: 0.8rem !important;
  text-align: center;
  border: 1px solid #d3d3d36e;
  outline: none;
  transition: all 0.1s linear;
}

.aipsin_virtual_board .key:hover {
  background-color: var(--theme-bg-widget, #eeeeee);
  cursor: pointer;
}

.aipsin_virtual_board .key:active {
  background-color: var(--theme-color-widget-active, #df1b1b);
  color: white;
}

.aipsin_virtual_board .key:active .passive {
  color: white;
}

.aipsin_virtual_board .key .active {
  font-weight: 500;
  font-size: large;
  pointer-events: none;
}

.aipsin_virtual_board .key .passive {
  color: rgb(147 147 147 / 58%);
  pointer-events: none;
}

.aipsin_virtual_board .key .passive:nth-child(2) {
  position: absolute;
  bottom: 3px;
  right: 3px;
}

.aipsin_virtual_board .key .passive:nth-child(3) {
  position: absolute;
  top: 3px;
  right: 3px;
}

.aipsin_virtual_board .key .passive:nth-child(1) {
  position: absolute;
  top: 5px;
  left: 5px;
}

.aipsin_virtual_board .key .passive:nth-child(4) {
  position: absolute;
  top: 3px;
  left: 3px;
}

.aipsin_virtual_board .key>svg {
  display: block;
  margin: auto;
  width: 80%;
  height: 80%;
}

.aipsin_virtual_board .keyboard .backspace {
  grid-column: span 4;
}

.aipsin_virtual_board .keyboard .tab {
  grid-column: span 3;
}

.aipsin_virtual_board .keyboard .backslash {
  grid-column: span 3;
}

.aipsin_virtual_board .keyboard .capslock {
  grid-column: span 4;
}

.aipsin_virtual_board .keyboard .enter {
  grid-column: span 4;
}

.aipsin_virtual_board .keyboard .is_shift {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background-color: var(--theme-color-widget-active, #df1b1b);
  z-index: 100000;
  bottom: 5px;
  right: 5px;
}

.aipsin_virtual_board .keyboard .leftshift {
  grid-column: span 5;
}

.aipsin_virtual_board .keyboard .rightshift {
  grid-column: span 5;
}

.aipsin_virtual_board .keyboard .ctrl {
  grid-column: span 3;
}

.aipsin_virtual_board .keyboard .alt {
  grid-column: span 3;
}

.aipsin_virtual_board .keyboard .close svg {
  pointer-events: none;
  fill: var(--theme-color-widget, #c81e1e);
}

.aipsin_virtual_board .keyboard .lang svg {
  pointer-events: none;
}

.aipsin_virtual_board .keyboard .close:hover svg {
  fill: var(--theme-color-widget-active, #df1b1b);
}

.aipsin_virtual_board .keyboard .key.close:active svg {
  fill: white;
}

.aipsin_virtual_board .keyboard .command {
  grid-column: span 3;
  font-size: 14px;
}

.aipsin_virtual_board .keyboard .space {
  grid-column: span 16;
}

.capslock,
.tab,
.backspace,
.shift,
.alt,
.enter,
.ctrl {
  font-family: 'Inter', sans-serif !important;
}

@media (min-device-width: 320px) and (max-device-width: 1050px) {
  .aipsin_virtual_board .board {
    width: 100%;
    flex-direction: column-reverse;
  }

  .aipsin_virtual_board .board>div {
    margin: 0 !important;
  }

  .aipsin_virtual_board .board>div:not(:first-child) {
    margin-bottom: 10px !important;
  }

  .aipsin_virtual_board .keyboard {
    display: grid;
    grid-template-columns: repeat(30, 25px);
    grid-template-rows: repeat(5, 50px);
    grid-gap: 5px;
    user-select: none;
  }

  .aipsin_virtual_board .latin_keyboard {
    display: grid;
    grid-template-columns: repeat(10, 85px);
    grid-template-rows: repeat(5, 50px);
    grid-gap: 5px;
    user-select: none;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>INPUTFILE  --------------------------------*/
.filepond--root {
  width: 100%;
}

.box_file_upload {
  width: 100%;
  box-sizing: border-box;
  height: 300px;
}

.content_file_upload {
  margin: 0;
  position: relative;
  user-select: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 0;
  background-color: var(--theme-bg-main, white);
  opacity: 0.9;
  border-radius: 15px;
  color: var(--theme-color-main, #D60000);
  border: 1.1px dashed var(--theme-color-widget, #c81e1e);
  transition: all 0.3s;
}

.content_file_upload>.fileinput {
  position: absolute;
  cursor: pointer;
  opacity: 0;
  outline: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.content_file_upload>.icon_content {
  margin-bottom: 10px;
}

.content_file_upload>.icon_content>svg {
  fill: var(--theme-color-main, #D60000);
}

.content_file_upload>.text_content {
  text-align: center;
}

.content_file_upload:hover {
  opacity: 1;
  border: 1.1px dotted var(--theme-color-widget, #c81e1e);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TODO_LIST  --------------------------------*/
.aipsin_todo_choise_list {
  width: 100%;
  margin: auto;
  padding: 10px 10px;
  overflow: hidden;
}

.aipsin_todo_choise_list>.dropdown_checkbox {
  display: none;
}

.aipsin_todo_choise_list>.dropdown {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid var(--theme-color-widget, #c81e1e);
  padding-bottom: 10px;
}

.aipsin_todo_choise_list>.dropdown>.dropdown_name {
  font-weight: bold;
  color: var(--theme-bg-main-invert, white);
  transition: 0.3s;
}

.aipsin_todo_choise_list>.dropdown>.dropdown_icon {
  color: white;
  background: var(--theme-color-widget, #c81e1e);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0;
  font-size: 1.5em;
  position: relative;
  margin-right: 10px;
  transition: 0.3s;
}

.aipsin_todo_choise_list>.dropdown>.dropdown_icon em {
  position: absolute;
  transition: 0.3s;
  background: white;
  border-radius: 2px;
}

.aipsin_todo_choise_list>.dropdown>.dropdown_icon em:first-child {
  top: 25%;
  bottom: 25%;
  width: 10%;
  left: 45%;
}

.aipsin_todo_choise_list>.dropdown>.dropdown_icon em:last-child {
  left: 25%;
  right: 25%;
  height: 10%;
  top: 45%;
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item:first-child {
  margin-top: 10px !important;
}

.aipsin_todo_choise_list>.dropdown_checkbox:checked+.dropdown>.dropdown_name {
  color: var(--theme-color-widget, #c81e1e);
}

.aipsin_todo_choise_list>.dropdown_checkbox:checked+.dropdown:hover .dropdown_name {
  color: var(--theme-color-widget-active, #df1b1b);
}

.aipsin_todo_choise_list>.dropdown:hover .dropdown_icon {
  background: var(--theme-color-widget-active, #df1b1b);
}

.aipsin_todo_choise_list>.dropdown_checkbox:checked+.dropdown>.dropdown_icon>em {
  transform: rotate(90deg);
}

.aipsin_todo_choise_list>.dropdown_checkbox:checked+.dropdown>.dropdown_icon>em:last-child {
  left: 50%;
  right: 50%;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.header_todo_choise_item {
  visibility: hidden;
  opacity: 0;
  margin: 0;
  padding: 0;
  height: 0;
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item>.header_todo_choise_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 5px;
}

.aipsin_todo_choise_list .aipsin_todo_choise_item .hide_select_all {
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  font-weight: 500;
  border-radius: 7px;
  color: white;
  background-color: var(--theme-color-main, #D60000);
}

.aipsin_todo_choise_list .aipsin_todo_choise_item.select_all .hide_select_all {
  display: flex;
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item>.checkbox_aipsin {
  margin: 0 !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.aipsin_todo_choise_list .aipsin_todo_choise_item.select_all .hide_select_all.open~.checkbox_aipsin>input~* {
  margin: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  /*transition: all 0.3s; */
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item.select_all .hide_select_all.open~.checkbox_aipsin {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: auto !important;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.checkbox_aipsin {
  padding: 0 !important;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.checkbox_aipsin>input:not(:checked)~* {
  visibility: hidden;
  opacity: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0;
  height: 0px;
  pointer-events: none !important;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.checkbox_aipsin>input:checked~* {
  padding-top: 5px;
  padding-bottom: 5px;
  box-sizing: content-box;
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item>.checkbox_aipsin>input:not(:checked)~span {
  text-decoration: line-through;
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item>.radio_aipsin {
  margin: 0 !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.aipsin_todo_choise_list .aipsin_todo_choise_item.select_all .hide_select_all.open~.radio_aipsin>input~* {
  margin: 0 !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  /*transition: all 0.3s; */
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item.select_all .hide_select_all.open~.radio_aipsin {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: auto !important;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.radio_aipsin {
  padding: 0 !important;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.radio_aipsin>input:not(:checked)~* {
  visibility: hidden;
  opacity: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 0px;
  min-height: 0px;
  min-width: 0px;
  pointer-events: none !important;
  border: 0px;
}

.aipsin_todo_choise_list>.dropdown_checkbox:not(:checked)~.aipsin_todo_choise_item>.radio_aipsin>input:checked~* {
  margin-top: 5px;
  margin-bottom: 5px;
}

.aipsin_todo_choise_list>.aipsin_todo_choise_item>.radio_aipsin>input:not(:checked)~span {
  text-decoration: line-through;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>STEPS  --------------------------------*/
.progress-container {
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-bottom: 30px;
  max-width: 100%;
  width: 350px;
}

.progress-container::before {
  content: "";
  background-color: var(--theme-border-widget, #969696);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
  width: 100%;
  z-index: 0;
}

.progress {
  background-color: var(--theme-color-main, #D60000);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 4px;
  width: 0%;
  z-index: 0;
  transition: 0.4s ease;
}

.circle {
  cursor: pointer;
  user-select: none;
  background-color: #fff;
  color: #999;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  border: 3px solid var(--theme-border-widget, #969696);
  transition: 0.4s ease;
}

.circle.active {
  border-color: var(--theme-color-main, #D60000);
  color: var(--theme-color-main, #D60000);
  ;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>UL  --------------------------------*/
.aipsin_number_ul {
  margin: 0;
  padding: 0;
}

.aipsin_number_ul li, li.aipsin_number_li {
  position: relative;
  counter-increment: li_section;
  list-style: none;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 60px;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  cursor: pointer;
}

.aipsin_number_ul li::after,
li.aipsin_number_li::after {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0px;
  top: 50%;
  font-weight: unset !important;
  content: counter(li_section);
  color: var(--theme-bg-main, #ffffff) !important;
  background: var(--theme-color-widget, #c81e1e);
  box-shadow: 0em 3px 17px 0px rgb(138 138 138 / 20%);
  border-radius: 50%;
  width: 15px;
  height: 15px;
  padding: 10px;
  transform: translateY(-50%);
}

.aipsin_number_ul li::before,
li.aipsin_number_li::before {
  content: ' ';
  position: absolute;
  width: 4px;
  height: 100%;
  left: 16px;
  top: 0;
  background: var(--theme-color-widget, #c81e1e);
}

.aipsin_number_ul li:first-child::before,
li.aipsin_number_li:first-child::before {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  height: 50%;
  bottom: 0px;
  top: unset;
}

.aipsin_number_ul li:only-child:before,
li.aipsin_number_li:only-child:before {
  display: none;
}

.aipsin_number_ul li:last-child::before,
li.aipsin_number_li:last-child::before {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  height: 50%;
}

.aipsin_number_ul li>.line-li,
li.aipsin_number_li>.line-li {
  position: absolute;
  left: 0;
  top: 50%;
  width: 50px;
  height: 4px;
  background: var(--theme-color-widget, #c81e1e);
  border-radius: 7px;
  transform: translateY(-50%);
}

.aipsin_number_ul li::before,
li.aipsin_number_li::before,
.aipsin_number_ul li::after,
li.aipsin_number_li::after,
.aipsin_number_ul li>.line-li,
li.aipsin_number_li>.line-li {
  transition: all 0.2s ease-in-out;
}

.aipsin_number_ul li:hover::after,
li.aipsin_number_li:hover::after {
  animation: pulse_widget 2.5s infinite linear;
}

.aipsin_number_ul li:hover::before,
li.aipsin_number_li:hover::before,
.aipsin_number_ul li:hover::after,
li.aipsin_number_li:hover::after,
.aipsin_number_ul li:hover>.line-li,
li.aipsin_number_li:hover>.line-li {
  background: var(--theme-color-widget-active, #df1b1b);
}

.aipsin_number_ul li:hover,
li.aipsin_number_li:hover {
  text-decoration: underline;
  color: var(--theme-color-widget-active, #df1b1b);
}

.aipsin_number_ul li>p,
li.aipsin_number_li>p {
  margin: 0;
}

li>.li_events {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

ul.aipsin_line_ul {
  position: relative;
  padding: 0px;
  margin: 0px 5px;
}

ul.aipsin_line_ul li {
  position: relative;
  list-style: none;
  padding: 5px 0px;
  padding-left: 22px;
}

ul.aipsin_line_ul li::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  width: 14px;
  height: 4px;
  border-radius: 5px;
  background: var(--theme-color-widget, #c81e1e);
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}

ul.aipsin_line_ul li:hover:after {
  background: var(--theme-color-widget-active, #df1b1b);
}

ul.aipsin_line_ul li.valid::after {
  background: var(--theme-color-widget-valid, #32bea6);
}

ul.aipsin_line_ul li.valid:hover:after {
  background: var(--theme-color-widget-valid-active, #32bea6);
}

ul.aipsin_circle_ul {
  position: relative;
  padding: 0px;
  margin: 0px 5px;
}

ul.aipsin_circle_ul li {
  position: relative;
  list-style: none;
  padding: 5px 0px;
  padding-left: 22px;
}

ul.aipsin_circle_ul li::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 50%;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--theme-color-widget, #c81e1e);
  transform: translateY(-50%);
  transition: all 0.2s ease-in-out;
}

ul.aipsin_circle_ul li:hover:after {
  background: var(--theme-color-widget-active, #df1b1b);
}

ul.aipsin_circle_ul li.valid::after {
  background: var(--theme-color-widget-valid, #32bea6);
}

ul.aipsin_circle_ul li.valid:hover:after {
  background: var(--theme-color-widget-valid-active, #32bea6);
}

ul.folders {
  margin: 0;
}

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

ul.folders li>span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

ul.folders li>span p {
  margin: 0 !important;
}

ul.folders li>span>i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-right: 15px;
}

ul.folders li>span>i>svg {
  width: 100%;
  height: 100%;
}

ul.cmd_list {
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}

ul.aipsin_line_ul li:hover:after {
  background: var(--theme-color-widget-active, #df1b1b);
}

ul.aipsin_line_ul li.valid::after {
  background: var(--theme-color-widget-valid, #32bea6);
}

ul.aipsin_line_ul li.valid:hover:after {
  background: var(--theme-color-widget-valid-active, #32bea6);
}

li.valid:hover {
  color: var(--theme-color-widget-valid-active, #32bea6);
}

li.error:hover {
  color: var(--theme-color-widget-error-active, #df1b1b);
}

li.warning:hover {
  color: var(--theme-color-widget-warning-active, #ffaf1c);
}

li.default:hover {
  color: var(--theme-color-widget-default-active, #1174f7);
}

ul.aipsin_ul_status_code {
  list-style: none;
  border: 1.1px solid var(--theme-border-widget, #969696);
  border-radius: 15px;
  padding: 20px;
  width: 100%;
}

ul.aipsin_ul_status_code>li {
  font: bold 24pt helvetica, arial, sans-serif;
  position: relative;
  margin-bottom: 20px;
}

ul.aipsin_ul_status_code>li>h6 {
  padding-left: 70px;
  text-align: left;
  color: var(--theme-color-widget, #c81e1e);
}

ul.aipsin_ul_status_code>li>span {
  position: absolute;
  line-height: 25px;
  color: var(--theme-color-widget, #c81e1e);
}

ul.aipsin_ul_status_code>li>p {
  font: 12pt helvetica, arial, sans-serif;
  color: var(--theme-color-text, #0C1914);
  padding-left: 70px;
  font-weight: bold;
}

ul.aipsin_ul_status_code>li>p::first-letter {
  text-transform: uppercase;
}

ul.list-fill-bg {
  position: relative;
  font-family: "Poppins", sans-serif;
  padding: 0;
}
ul.list-fill-bg li {
  position: relative;
  left: 0;
  /* color: var(--theme-color-widget-active,#df1b1b); */
  list-style: none;
  margin: 4px 0;
  border-left: 2px solid var(--theme-color-widget-active,#df1b1b);
  transition: 0.5s;
  cursor: pointer;
}
ul.list-fill-bg li:hover {
  left: 10px;
}
ul.list-fill-bg li span {
  position: relative;
  padding: 8px;
  padding-left: 12px;
  display: inline-block;
  z-index: 1;
  transition: 0.5s;
}
ul.list-fill-bg li:hover span {
  color: #ffffff;
}
ul.list-fill-bg li:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--theme-color-widget-active,#df1b1b);
  transform: scaleX(0);
  transform-origin: left;
  transition: 0.5s;
}
ul.list-fill-bg li:hover:before {
  transform: scaleX(1);
}

.book_ul li {
  position: relative;
  padding-left: 36px;
  transition: all 0.3s ease-in-out;
}

.book_ul li>i[aria-label][role~="tooltip"] {
  position: absolute !important;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out !important;
}

.book_ul li>i>svg {
  fill: var(--theme-border-widget, #969696);
  transition: all 0.3s ease-in-out !important;
}

/* .book_ul li>i::after{
  content: '';
  position: absolute;
  width: 10px;
  height: 2px;
  border-radius: 5px;
  background-color: var(--theme-border-widget,#969696);
  right: 0;
  top: 50%;
  transform: translate(100%,-50%);
  transition: all 0.3s ease-in-out !important;
} */
.book_ul li:hover {
  text-decoration: underline;
  color: var(--theme-color-main, #D60000);
}

/* .book_ul li:hover i::after{
  background-color: var(--theme-color-main,#D60000);
} */
.book_ul li:hover>i>svg {
  fill: var(--theme-color-main, #D60000);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>JSME  --------------------------------*/
.jsme_input {
  position: relative;
  width: 100%;
  min-height: 41px;
  font-size: 1rem;
  color: var(--theme-border-widget, #969696);
  background: transparent;
  padding-top: 10px;
  outline: none;
  border-radius: 15px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-sizing: border-box;
  background: white;
  border: 1.1px solid var(--theme-border-widget, #969696);
  transition: border-color 0.2s;
}

.jsme_input>.jsme_container {
  border-top: 2px solid var(--theme-border-widget, #969696);
  padding-top: 5px;
  min-width: 100%;
  margin-top: 5px;
  transition: all 0.2s;
}

.jsme_input_name {
  color: var(--theme-border-widget, #969696);
  font-size: 1rem;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  font-size: 0.9rem;
  transform: translateY(-50%);
  margin: 0;
  margin-left: 24px;
  border-radius: 15px;
  padding-left: 3px;
  padding-right: 3px;
  background: white;
  transition: top 0.2s, font-size 0.2s, color 0.2s, margin 0.2s;
}

.jsme_icon {
  margin-left: 10px;
  margin-right: 10px;
}

.jsme_icon>svg {
  width: 30px;
  height: 30px;
  fill: var(--theme-border-widget, #969696);
  transition: all 0.2s;
}

.jsme_input:hover {
  border: 1.1px solid var(--theme-color-widget, #c81e1e);
}

.jsme_input:hover .jsme_icon>svg {
  fill: var(--theme-color-widget, #c81e1e);
}

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

.jsme_input:hover .jsme_container {
  border-top: 2px solid var(--theme-color-widget, #c81e1e);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>MOL_EDITOR  --------------------------------*/
.aipsin_mol {
  width: 100%;
  height: 650px;
}

.aipsin_mol .aipsin_mol_editor svg {
  pointer-events: all;
}

.aipsin_mol .aipsin_mol_toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 25px;
}

.aipsin_mol .aipsin_mol_toolbar button {
  margin-right: 15px !important;
}

.aipsin_mol .K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Top-Region {
  display: flex;
  justify-content: space-between;
}

.aipsin_mol .name_mol_editor {
  margin-right: 10px;
  font-size: 1rem !important;
}

.aipsin_mol .name_mol_editor,
.aipsin_mol .tabs_mol_editor,
.aipsin_mol .tabs_mol_editor>.btn_tabs_mol {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.aipsin_mol .tabs_mol_editor>.btn_tabs_mol button {
  font-size: 1rem !important;
  border-radius: 0px;
}

.aipsin_mol .tabs_mol_editor>.btn_tabs_mol button:last-child {
  border-top-right-radius: 4px !important;
}

.aipsin_mol .tabs_mol_editor>.btn_tabs_mol button:first-child {
  border-top-left-radius: 4px !important;
}

.K-Top-Layer * {
  z-index: 1000000000000000000000000000 !important;
}

.K-Chem-Composer.K-Chem-Composer-Grid-Layout .K-Chem-Composer-Editor-Stage::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  filter: var(--theme-color-img-filter-active, invert(25%) sepia(100%) saturate(6119%) hue-rotate(13deg) brightness(93%) contrast(109%));
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  opacity: 0.1;
  z-index: 2;
}

.K-Chem-Composer.K-Chem-Composer-Grid-Layout.not_empty .K-Chem-Composer-Editor-Stage::before {
  display: none;
}

.K-Chem-MolSpecifiedAtomIaController-H>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomH.png");
}

.K-Chem-MolSpecifiedAtomIaController-C>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomC.png");
}

.K-Chem-MolSpecifiedAtomIaController-N>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomN.png");
}

.K-Chem-MolSpecifiedAtomIaController-O>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomO.png");
}

.K-Chem-MolSpecifiedAtomIaController-O>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomO.png");
}

.K-Chem-MolSpecifiedAtomIaController-F>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomF.png");
}

.K-Chem-MolSpecifiedAtomIaController-S>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomS.png");
}

.K-Chem-MolSpecifiedAtomIaController-Cl>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomCl.png");
}

.K-Chem-MolSpecifiedAtomIaController-Br>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomBr.png");
}

.K-Chem-MolSpecifiedAtomIaController-I>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomI.png");
}

.K-Chem-MolSpecifiedAtomIaController-P>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomP.png");
}

.K-Chem-RepositoryStructureFragmentIaController-Methane>.K-Pri-Glyph-Content {
  background-image: url("/static/images/atomMe.png") !important;
}

.K-Chem-Composer-Left-menu,
.K-Chem-Composer-Right-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}

.K-Chem-Composer-Right-menu {
  right: 0;
  left: unset;
  top: 0;
}

.K-Chem-Composer-Left-menu>button,
.K-Chem-Composer-Right-menu>button {
  width: 100%;
  aspect-ratio: 1/1;
  margin: 0;
}

.K-Chem-Composer-Left-menu>button>span,
.K-Chem-Composer-Right-menu>button>span {
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.modal_aipsin>.K-Chem-Viewer {
  width: unset;
  height: unset;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>BIND  --------------------------------*/
.bind_aipsin {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-width: 75%;
  position: relative;
}

.bind_aipsin>.box-bind {
  max-width: 300px;
  border-radius: 15px;
  background: var(--theme-bg-widget, #eeeeee);
  color: var(--theme-color-text, #0C1914);
  list-style: none;
  padding: 10px 10px;
  /* user-select: none; */
}

.bind_aipsin>.left {
  margin-right: 5%;
  min-width: 150px;
}

.bind_aipsin>.right {
  margin-left: 5%;
  min-width: 150px;
}

.bind_aipsin>.box-bind>ul {
  width: 100%;
  height: 100%;
}

.bind_aipsin li {
  padding: 10px 15px;
  border-bottom: 1px solid var(--theme-bg-widget, #eeeeee);
  cursor: pointer;
  transition: 0.3s;
}

.bind_aipsin li:hover {
  background: var(--theme-bg-widget, #eeeeee);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>AJAXIMAGE  --------------------------------*/
.ajaximage {
  position: relative;
  width: auto;
  height: auto;
  user-select: none;
}

.ajaximage .file-img {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.ajaximage.form-active .file-img {
  visibility: hidden;
  opacity: 0;
  height: 0px;
  transform: scale(0.8);
  transition: all 0.3s ease-in-out;
}

.ajaximage.form-active .file-remove {
  visibility: hidden;
  opacity: 0;
}

.ajaximage .file-remove {
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.ajaximage .file-remove:before,
.ajaximage .file-remove:after {
  content: ' ';
  height: 100%;
  width: 3px;
  background-color: var(--theme-color-widget, #c81e1e);
  position: absolute;
}

.ajaximage .file-remove:before {
  transform: rotate(45deg);
}

.ajaximage .file-remove:after {
  transform: rotate(-45deg);
}

.ajaximage .file-remove:hover:before,
.ajaximage .file-remove:hover:after {
  background-color: var(--theme-color-widget-active, #df1b1b);
}

.ajaximage .flex-ajax-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-top: 10px;
}

.ajaximage .flex-ajax-btn:hover .no_img,
.ajaximage:not(.form-active) .no_img {
  color: var(--theme-color-widget, #c81e1e) !important;
}

.ajaximage .flex-ajax-btn:hover .ajaximgbtn,
.ajaximage:not(.form-active) .ajaximgbtn {
  border: 1.1px solid var(--theme-color-widget, #c81e1e) !important;
}

.ajaximage .flex-ajax-btn:hover svg,
.ajaximage:not(.form-active) svg {
  fill: var(--theme-color-widget, #c81e1e) !important;
}

.ajaximage .ajaximgbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1.1px solid var(--theme-border-widget, #969696);
  padding: 5px;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  color: var(--theme-color-widget, #c81e1e);
  transition: all 0.3s ease-in-out;
}

.ajaximage.form-active .ajaximgbtn {
  color: var(--theme-color-text, #0C1914);
}

.ajaximage .ajaximgbtn>svg {
  fill: var(--theme-border-widget, #969696);
  transition: all 0.3s ease-in-out;
}

.ajaximage .ajaximgbtn>svg {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.ajaximage .file-input {
  display: none;
}

.ajaximage .has_img,
.ajaximage.form-active .no_img {
  display: block;
}

.ajaximage .no_img,
.ajaximage.form-active .has_img {
  display: none;
}

.ajaximage .has_img {
  color: var(--theme-color-widget, #c81e1e);
}

.ajaximage .no_img {
  color: var(--theme-color-text, #0C1914);
  transition: all 0.3s ease-in-out;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>HTML_EDITOR  --------------------------------*/
[suneditor_read_only]+.sun-editor .se-wrapper .se-wrapper-wysiwyg {
  height: unset !important;
}

[suneditor_read_only]+.sun-editor {
  border: unset !important;
}

[suneditor_read_only]+.sun-editor .se-resizing-bar {
  display: none !important;
}

[suneditor_read_only]+.sun-editor .sun-editor-editable[contenteditable=true] .se-component {
  outline: unset !important;
}

[suneditor_read_only]+.sun-editor input,
[suneditor_read_only] input,
[suneditor_read_only]+.sun-editor textarea,
[suneditor_read_only] textarea,
[suneditor_read_only]+.sun-editor textarea.se-wrapper-inner.se-wrapper-code {
  display: none !important;
  pointer-events: none !important;
}

.aipsin_html_content figure.table table th,
.aipsin_html_content figure.table table td {
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}

.aipsin_html_content figure.table table {
  width: 100%;
}

.aipsin_html_content figure.table table th span,
.aipsin_html_content figure.table table td span {
  display: flex;
  flex-wrap: wrap;
}

.sun-editor .se-toolbar {
  z-index: unset !important;
}

.ck-hidden {
  display: none !important;
}

.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset,
.ck.ck-reset_all {
  box-sizing: border-box;
  height: auto;
  position: static;
  width: auto;
}

:root {
  --ck-z-default: 1;
  --ck-z-modal: calc(var(--ck-z-default) + 999);
}

.ck-transitions-disabled,
.ck-transitions-disabled * {
  transition: none !important;
}

:root {
  --ck-color-base-foreground: #fafafa;
  --ck-color-base-background: #fff;
  --ck-color-base-border: #ccced1;
  --ck-color-base-action: #53a336;
  --ck-color-base-focus: #6cb5f9;
  --ck-color-base-text: #333;
  --ck-color-base-active: #2977ff;
  --ck-color-base-active-focus: #0d65ff;
  --ck-color-base-error: #db3700;
  --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%;
  --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates));
  --ck-color-focus-outer-shadow: #cae1fc;
  --ck-color-focus-disabled-shadow: rgba(119, 186, 248, 0.3);
  --ck-color-focus-error-shadow: rgba(255, 64, 31, 0.3);
  --ck-color-text: var(--ck-color-base-text);
  --ck-color-shadow-drop: rgba(0, 0, 0, 0.15);
  --ck-color-shadow-drop-active: rgba(0, 0, 0, 0.2);
  --ck-color-shadow-inner: rgba(0, 0, 0, 0.1);
  --ck-color-button-default-background: transparent;
  --ck-color-button-default-hover-background: #f0f0f0;
  --ck-color-button-default-active-background: #f0f0f0;
  --ck-color-button-default-disabled-background: transparent;
  --ck-color-button-on-background: #f0f7ff;
  --ck-color-button-on-hover-background: #dbecff;
  --ck-color-button-on-active-background: #dbecff;
  --ck-color-button-on-disabled-background: #f0f2f4;
  --ck-color-button-on-color: #2977ff;
  --ck-color-button-action-background: var(--ck-color-base-action);
  --ck-color-button-action-hover-background: #4d9d30;
  --ck-color-button-action-active-background: #4d9d30;
  --ck-color-button-action-disabled-background: #7ec365;
  --ck-color-button-action-text: var(--ck-color-base-background);
  --ck-color-button-save: #008a00;
  --ck-color-button-cancel: #db3700;
  --ck-color-switch-button-off-background: #939393;
  --ck-color-switch-button-off-hover-background: #7d7d7d;
  --ck-color-switch-button-on-background: var(--ck-color-button-action-background);
  --ck-color-switch-button-on-hover-background: #4d9d30;
  --ck-color-switch-button-inner-background: var(--ck-color-base-background);
  --ck-color-switch-button-inner-shadow: rgba(0, 0, 0, 0.1);
  --ck-color-dropdown-panel-background: var(--ck-color-base-background);
  --ck-color-dropdown-panel-border: var(--ck-color-base-border);
  --ck-color-input-background: var(--ck-color-base-background);
  --ck-color-input-border: var(--ck-color-base-border);
  --ck-color-input-error-border: var(--ck-color-base-error);
  --ck-color-input-text: var(--ck-color-base-text);
  --ck-color-input-disabled-background: #f2f2f2;
  --ck-color-input-disabled-border: var(--ck-color-base-border);
  --ck-color-input-disabled-text: #757575;
  --ck-color-list-background: var(--ck-color-base-background);
  --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background);
  --ck-color-list-button-on-background: var(--ck-color-button-on-color);
  --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color);
  --ck-color-list-button-on-text: var(--ck-color-base-background);
  --ck-color-panel-background: var(--ck-color-base-background);
  --ck-color-panel-border: var(--ck-color-base-border);
  --ck-color-toolbar-background: var(--ck-color-base-background);
  --ck-color-toolbar-border: var(--ck-color-base-border);
  --ck-color-tooltip-background: var(--ck-color-base-text);
  --ck-color-tooltip-text: var(--ck-color-base-background);
  --ck-color-engine-placeholder-text: #707070;
  --ck-color-upload-bar-background: #6cb5f9;
  --ck-color-link-default: #0000f0;
  --ck-color-link-selected-background: rgba(31, 176, 255, 0.1);
  --ck-color-link-fake-selection: rgba(31, 176, 255, 0.3);
  --ck-color-highlight-background: #ff0;
  --ck-disabled-opacity: 0.5;
  --ck-focus-outer-shadow-geometry: 0 0 0 3px;
  --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow);
  --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow);
  --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow);
  --ck-focus-ring: 1px solid var(--ck-color-focus-border);
  --ck-font-size-base: 13px;
  --ck-line-height-base: 1.84615;
  --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  --ck-font-size-tiny: 0.7em;
  --ck-font-size-small: 0.75em;
  --ck-font-size-normal: 1em;
  --ck-font-size-big: 1.4em;
  --ck-font-size-large: 1.8em;
  --ck-ui-component-min-height: 2.3em;
}

.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset,
.ck.ck-reset_all {
  word-wrap: break-word;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition: none;
  vertical-align: middle;
}

.ck-reset_all :not(.ck-reset_all-excluded *),
.ck.ck-reset_all {
  border-collapse: collapse;
  color: var(--ck-color-text);
  cursor: auto;
  float: none;
  font: normal normal normal var(--ck-font-size-base) / var(--ck-line-height-base) var(--ck-font-face);
  text-align: left;
  white-space: nowrap;
}

.ck-reset_all .ck-rtl :not(.ck-reset_all-excluded *) {
  text-align: right;
}

.ck-reset_all iframe:not(.ck-reset_all-excluded *) {
  vertical-align: inherit;
}

.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
  white-space: pre-wrap;
}

.ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *),
.ck-reset_all textarea:not(.ck-reset_all-excluded *) {
  cursor: text;
}

.ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *),
.ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *) {
  cursor: default;
}

.ck-reset_all fieldset:not(.ck-reset_all-excluded *) {
  border: 1.1px groove #dfdee3;
  padding: 10px;
}

.ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ck[dir="rtl"],
.ck[dir="rtl"] .ck {
  text-align: right;
}

:root {
  --ck-border-radius: 2px;
  --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset;
  --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop);
  --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active);
  --ck-spacing-unit: 0.6em;
  --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5);
  --ck-spacing-standard: var(--ck-spacing-unit);
  --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8);
  --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5);
  --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3);
  --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16);
}

.ck.ck-icon {
  vertical-align: middle;
}

:root {
  --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
}

.ck.ck-icon {
  font-size: 0.8333350694em;
  height: var(--ck-icon-size);
  width: var(--ck-icon-size);
  will-change: transform;
}

.ck.ck-icon,
.ck.ck-icon * {
  cursor: inherit;
}

.ck.ck-icon.ck-icon_inherit-color,
.ck.ck-icon.ck-icon_inherit-color * {
  color: inherit;
}

.ck.ck-icon.ck-icon_inherit-color :not([fill]) {
  fill: currentColor;
}

.ck.ck-button,
a.ck.ck-button {
  align-items: center;
  display: inline-flex;
  justify-content: left;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
  display: none;
}

.ck.ck-button.ck-button_with-text .ck-button__label,
a.ck.ck-button.ck-button_with-text .ck-button__label {
  display: inline-block;
}

.ck.ck-button:not(.ck-button_with-text),
a.ck.ck-button:not(.ck-button_with-text) {
  justify-content: center;
}

.ck.ck-button,
a.ck.ck-button {
  background: var(--ck-color-button-default-background);
}

.ck.ck-button:not(.ck-disabled):hover,
a.ck.ck-button:not(.ck-disabled):hover {
  background: var(--ck-color-button-default-hover-background);
}

.ck.ck-button:not(.ck-disabled):active,
a.ck.ck-button:not(.ck-disabled):active {
  background: var(--ck-color-button-default-active-background);
}

.ck.ck-button.ck-disabled,
a.ck.ck-button.ck-disabled {
  background: var(--ck-color-button-default-disabled-background);
}

.ck.ck-button,
a.ck.ck-button {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-button,
.ck-rounded-corners a.ck.ck-button,
.ck.ck-button.ck-rounded-corners,
a.ck.ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-button,
a.ck.ck-button {
  -webkit-appearance: none;
  border: 1px solid transparent;
  cursor: default;
  font-size: inherit;
  line-height: 1;
  min-height: var(--ck-ui-component-min-height);
  min-width: var(--ck-ui-component-min-height);
  padding: var(--ck-spacing-tiny);
  text-align: center;
  transition: box-shadow 0.2s ease-in-out, border 0.2s ease-in-out;
  vertical-align: middle;
  white-space: nowrap;
}

.ck.ck-button:active,
.ck.ck-button:focus,
a.ck.ck-button:active,
a.ck.ck-button:focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
  outline: none;
}

.ck.ck-button .ck-button__icon use,
.ck.ck-button .ck-button__icon use *,
a.ck.ck-button .ck-button__icon use,
a.ck.ck-button .ck-button__icon use * {
  color: inherit;
}

.ck.ck-button .ck-button__label,
a.ck.ck-button .ck-button__label {
  color: inherit;
  cursor: inherit;
  font-size: inherit;
  font-weight: inherit;
  vertical-align: middle;
}

[dir="ltr"] .ck.ck-button .ck-button__label,
[dir="ltr"] a.ck.ck-button .ck-button__label {
  text-align: left;
}

[dir="rtl"] .ck.ck-button .ck-button__label,
[dir="rtl"] a.ck.ck-button .ck-button__label {
  text-align: right;
}

.ck.ck-button .ck-button__keystroke,
a.ck.ck-button .ck-button__keystroke {
  color: inherit;
}

[dir="ltr"] .ck.ck-button .ck-button__keystroke,
[dir="ltr"] a.ck.ck-button .ck-button__keystroke {
  margin-left: var(--ck-spacing-large);
}

[dir="rtl"] .ck.ck-button .ck-button__keystroke,
[dir="rtl"] a.ck.ck-button .ck-button__keystroke {
  margin-right: var(--ck-spacing-large);
}

.ck.ck-button .ck-button__keystroke,
a.ck.ck-button .ck-button__keystroke {
  font-weight: 700;
  opacity: 0.7;
}

.ck.ck-button.ck-disabled:active,
.ck.ck-button.ck-disabled:focus,
a.ck.ck-button.ck-disabled:active,
a.ck.ck-button.ck-disabled:focus {
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}

.ck.ck-button.ck-disabled .ck-button__icon,
.ck.ck-button.ck-disabled .ck-button__label,
a.ck.ck-button.ck-disabled .ck-button__icon,
a.ck.ck-button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}

.ck.ck-button.ck-disabled .ck-button__keystroke,
a.ck.ck-button.ck-disabled .ck-button__keystroke {
  opacity: 0.3;
}

.ck.ck-button.ck-button_with-text,
a.ck.ck-button.ck-button_with-text {
  padding: var(--ck-spacing-tiny) var(--ck-spacing-standard);
}

[dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
  margin-left: calc(var(--ck-spacing-small) * -1);
  margin-right: var(--ck-spacing-small);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon,
[dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon {
  margin-left: var(--ck-spacing-small);
  margin-right: calc(var(--ck-spacing-small) * -1);
}

.ck.ck-button.ck-button_with-keystroke .ck-button__label,
a.ck.ck-button.ck-button_with-keystroke .ck-button__label {
  flex-grow: 1;
}

.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  background: var(--ck-color-button-on-background);
}

.ck.ck-button.ck-on:not(.ck-disabled):hover,
a.ck.ck-button.ck-on:not(.ck-disabled):hover {
  background: var(--ck-color-button-on-hover-background);
}

.ck.ck-button.ck-on:not(.ck-disabled):active,
a.ck.ck-button.ck-on:not(.ck-disabled):active {
  background: var(--ck-color-button-on-active-background);
}

.ck.ck-button.ck-on.ck-disabled,
a.ck.ck-button.ck-on.ck-disabled {
  background: var(--ck-color-button-on-disabled-background);
}

.ck.ck-button.ck-on,
a.ck.ck-button.ck-on {
  color: var(--ck-color-button-on-color);
}

.ck.ck-button.ck-button-save,
a.ck.ck-button.ck-button-save {
  color: var(--ck-color-button-save);
}

.ck.ck-button.ck-button-cancel,
a.ck.ck-button.ck-button-cancel {
  color: var(--ck-color-button-cancel);
}

.ck.ck-button-action,
a.ck.ck-button-action {
  background: var(--ck-color-button-action-background);
}

.ck.ck-button-action:not(.ck-disabled):hover,
a.ck.ck-button-action:not(.ck-disabled):hover {
  background: var(--ck-color-button-action-hover-background);
}

.ck.ck-button-action:not(.ck-disabled):active,
a.ck.ck-button-action:not(.ck-disabled):active {
  background: var(--ck-color-button-action-active-background);
}

.ck.ck-button-action.ck-disabled,
a.ck.ck-button-action.ck-disabled {
  background: var(--ck-color-button-action-disabled-background);
}

.ck.ck-button-action,
a.ck.ck-button-action {
  color: var(--ck-color-button-action-text);
}

.ck.ck-button-bold,
a.ck.ck-button-bold {
  font-weight: 700;
}

.ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  display: block;
}

:root {
  --ck-switch-button-toggle-width: 2.6153846154em;
  --ck-switch-button-toggle-inner-size: calc(1.07692em + 1px);
  --ck-switch-button-translation: calc(var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px);
  --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow);
}

.ck.ck-button.ck-switchbutton,
.ck.ck-button.ck-switchbutton.ck-on:active,
.ck.ck-button.ck-switchbutton.ck-on:focus,
.ck.ck-button.ck-switchbutton.ck-on:hover,
.ck.ck-button.ck-switchbutton:active,
.ck.ck-button.ck-switchbutton:focus,
.ck.ck-button.ck-switchbutton:hover {
  background: transparent;
  color: inherit;
}

[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label {
  margin-right: calc(var(--ck-spacing-large) * 2);
}

[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label {
  margin-left: calc(var(--ck-spacing-large) * 2);
}

.ck.ck-button.ck-switchbutton .ck-button__toggle {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle,
.ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

[dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
  margin-left: auto;
}

[dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle {
  margin-right: auto;
}

.ck.ck-button.ck-switchbutton .ck-button__toggle {
  background: var(--ck-color-switch-button-off-background);
  border: 1px solid transparent;
  transition: background 0.4s ease, box-shadow 0.2s ease-in-out,
    outline 0.2s ease-in-out;
  width: var(--ck-switch-button-toggle-width);
}

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner,
.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-radius: calc(var(--ck-border-radius) * 0.5);
}

.ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner {
  background: var(--ck-color-switch-button-inner-background);
  height: var(--ck-switch-button-toggle-inner-size);
  transition: all 0.3s ease;
  width: var(--ck-switch-button-toggle-inner-size);
}

.ck.ck-button.ck-switchbutton .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-off-hover-background);
}

.ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner {
  box-shadow: var(--ck-switch-button-inner-hover-shadow);
}

.ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle {
  opacity: var(--ck-disabled-opacity);
}

.ck.ck-button.ck-switchbutton:focus {
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.ck.ck-button.ck-switchbutton:focus .ck-button__toggle {
  box-shadow: 0 0 0 1px var(--ck-color-base-background),
    0 0 0 5px var(--ck-color-focus-outer-shadow);
  outline: var(--ck-focus-ring);
  outline-offset: 1px;
}

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle {
  background: var(--ck-color-switch-button-on-background);
}

.ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover {
  background: var(--ck-color-switch-button-on-hover-background);
}

[dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
  transform: translateX(var(--ck-switch-button-translation));
}

[dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner {
  transform: translateX(calc(var(--ck-switch-button-translation) * -1));
}

.ck.ck-color-grid {
  display: grid;
}

:root {
  --ck-color-grid-tile-size: 24px;
  --ck-color-color-grid-check-icon: #166fd4;
}

.ck.ck-color-grid {
  grid-gap: 5px;
  padding: 8px;
}

.ck.ck-color-grid__tile {
  border: 0;
  height: var(--ck-color-grid-tile-size);
  min-height: var(--ck-color-grid-tile-size);
  min-width: var(--ck-color-grid-tile-size);
  padding: 0;
  transition: box-shadow 0.2s ease;
  width: var(--ck-color-grid-tile-size);
}

.ck.ck-color-grid__tile.ck-disabled {
  cursor: unset;
  transition: unset;
}

.ck.ck-color-grid__tile.ck-color-table__color-tile_bordered {
  box-shadow: 0 0 0 1px var(--ck-color-base-border);
}

.ck.ck-color-grid__tile .ck.ck-icon {
  color: var(--ck-color-color-grid-check-icon);
  display: none;
}

.ck.ck-color-grid__tile.ck-on {
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background),
    0 0 0 2px var(--ck-color-base-text);
}

.ck.ck-color-grid__tile.ck-on .ck.ck-icon {
  display: block;
}

.ck.ck-color-grid__tile.ck-on,
.ck.ck-color-grid__tile:focus:not(.ck-disabled),
.ck.ck-color-grid__tile:hover:not(.ck-disabled) {
  border: 0;
}

.ck.ck-color-grid__tile:focus:not(.ck-disabled),
.ck.ck-color-grid__tile:hover:not(.ck-disabled) {
  box-shadow: inset 0 0 0 1px var(--ck-color-base-background),
    0 0 0 2px var(--ck-color-focus-border);
}

.ck.ck-color-grid__label {
  padding: 0 var(--ck-spacing-standard);
}

:root {
  --ck-dropdown-max-width: 75vw;
}

.ck.ck-dropdown {
  display: inline-block;
  position: relative;
}

.ck.ck-dropdown .ck-dropdown__arrow {
  pointer-events: none;
  z-index: var(--ck-z-default);
}

.ck.ck-dropdown .ck-button.ck-dropdown__button {
  width: 100%;
}

.ck.ck-dropdown .ck-dropdown__panel {
  display: none;
  max-width: var(--ck-dropdown-max-width);
  position: absolute;
  z-index: var(--ck-z-modal);
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible {
  display: inline-block;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw {
  bottom: 100%;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  bottom: auto;
  top: 100%;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se {
  left: 0;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
  right: 0;
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s {
  left: 50%;
  transform: translateX(-50%);
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw {
  left: 75%;
  transform: translateX(-75%);
}

.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme,
.ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme {
  left: 25%;
  transform: translateX(-25%);
}

.ck.ck-toolbar .ck-dropdown__panel {
  z-index: calc(var(--ck-z-modal) + 1);
}

:root {
  --ck-dropdown-arrow-size: calc(var(--ck-icon-size) * 0.5);
}

.ck.ck-dropdown {
  font-size: inherit;
}

.ck.ck-dropdown .ck-dropdown__arrow {
  width: var(--ck-dropdown-arrow-size);
}

[dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow {
  margin-left: var(--ck-spacing-standard);
  right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow {
  left: var(--ck-spacing-standard);
  margin-right: var(--ck-spacing-small);
}

.ck.ck-dropdown.ck-disabled .ck-dropdown__arrow {
  opacity: var(--ck-disabled-opacity);
}

[dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  padding-left: var(--ck-spacing-small);
}

[dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) {
  padding-right: var(--ck-spacing-small);
}

.ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 7em;
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label {
  opacity: var(--ck-disabled-opacity);
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label {
  width: auto;
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active {
  box-shadow: none;
}

.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus,
.ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus {
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
}

.ck.ck-dropdown__panel {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-dropdown__panel,
.ck.ck-dropdown__panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-dropdown__panel {
  background: var(--ck-color-dropdown-panel-background);
  border: 1px solid var(--ck-color-dropdown-panel-border);
  bottom: 0;
  box-shadow: var(--ck-drop-shadow), 0 0;
  min-width: 100%;
}

.ck.ck-dropdown__panel.ck-dropdown__panel_se {
  border-top-left-radius: 0;
}

.ck.ck-dropdown__panel.ck-dropdown__panel_sw {
  border-top-right-radius: 0;
}

.ck.ck-dropdown__panel.ck-dropdown__panel_ne {
  border-bottom-left-radius: 0;
}

.ck.ck-dropdown__panel.ck-dropdown__panel_nw {
  border-bottom-right-radius: 0;
}

.ck.ck-splitbutton {
  font-size: inherit;
}

.ck.ck-splitbutton .ck-splitbutton__action:focus {
  z-index: calc(var(--ck-z-default) + 1);
}

:root {
  --ck-color-split-button-hover-background: #ebebeb;
  --ck-color-split-button-hover-border: #b3b3b3;
}

[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,
[dir="ltr"] .ck.ck-splitbutton:hover>.ck-splitbutton__action {
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
}

[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,
[dir="rtl"] .ck.ck-splitbutton:hover>.ck-splitbutton__action {
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
}

.ck.ck-splitbutton>.ck-splitbutton__arrow {
  min-width: unset;
}

[dir="ltr"] .ck.ck-splitbutton>.ck-splitbutton__arrow {
  border-bottom-left-radius: unset;
  border-top-left-radius: unset;
}

[dir="rtl"] .ck.ck-splitbutton>.ck-splitbutton__arrow {
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
}

.ck.ck-splitbutton>.ck-splitbutton__arrow svg {
  width: var(--ck-dropdown-arrow-size);
}

.ck.ck-splitbutton>.ck-splitbutton__arrow:not(:focus) {
  border-bottom-width: 0;
  border-top-width: 0;
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover),
.ck.ck-splitbutton:hover>.ck-button:not(.ck-on):not(.ck-disabled):not(:hover) {
  background: var(--ck-color-split-button-hover-background);
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,
.ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after {
  background-color: var(--ck-color-split-button-hover-border);
  content: "";
  height: 100%;
  position: absolute;
  width: 1px;
}

.ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:focus:after,
.ck.ck-splitbutton:hover>.ck-splitbutton__arrow:focus:after {
  --ck-color-split-button-hover-border: var(--ck-color-focus-border);
}

[dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,
[dir="ltr"] .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after {
  left: -1px;
}

[dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,
[dir="rtl"] .ck.ck-splitbutton:hover>.ck-splitbutton__arrow:not(.ck-disabled):after {
  right: -1px;
}

.ck.ck-splitbutton.ck-splitbutton_open {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__action,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners>.ck-splitbutton__action {
  border-bottom-left-radius: 0;
}

.ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open>.ck-splitbutton__arrow,
.ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners>.ck-splitbutton__arrow {
  border-bottom-right-radius: 0;
}

.ck .ck-placeholder,
.ck.ck-placeholder {
  position: relative;
}

.ck .ck-placeholder:before,
.ck.ck-placeholder:before {
  content: attr(data-placeholder);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.ck.ck-read-only .ck-placeholder:before {
  display: none;
}

.ck.ck-reset_all .ck-placeholder {
  position: relative;
}

.ck .ck-placeholder:before,
.ck.ck-placeholder:before {
  color: var(--ck-color-engine-placeholder-text);
  cursor: text;
}

.ck.ck-editor__editable span[data-ck-unsafe-element] {
  display: none;
}

.ck.ck-toolbar {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ck.ck-toolbar>.ck-toolbar__items {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  flex-grow: 1;
}

.ck.ck-toolbar .ck.ck-toolbar__separator {
  display: inline-block;
}

.ck.ck-toolbar .ck.ck-toolbar__separator:first-child,
.ck.ck-toolbar .ck.ck-toolbar__separator:last-child {
  display: none;
}

.ck.ck-toolbar .ck-toolbar__line-break {
  flex-basis: 100%;
}

.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {
  flex-wrap: nowrap;
}

.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar__items {
  flex-direction: column;
}

.ck.ck-toolbar.ck-toolbar_floating>.ck-toolbar__items {
  flex-wrap: nowrap;
}

.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown>.ck-dropdown__button .ck-dropdown__arrow {
  display: none;
}

.ck.ck-toolbar {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-toolbar,
.ck.ck-toolbar.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-toolbar {
  background: var(--ck-color-toolbar-background);
  border: 1px solid var(--ck-color-toolbar-border);
  padding: 0 var(--ck-spacing-small);
}

.ck.ck-toolbar .ck.ck-toolbar__separator {
  align-self: stretch;
  background: var(--ck-color-toolbar-border);
  margin-bottom: var(--ck-spacing-small);
  margin-top: var(--ck-spacing-small);
  min-width: 1px;
  width: 1px;
}

.ck.ck-toolbar .ck-toolbar__line-break {
  height: 0;
}

.ck.ck-toolbar>.ck-toolbar__items> :not(.ck-toolbar__line-break) {
  margin-right: var(--ck-spacing-small);
}

.ck.ck-toolbar>.ck-toolbar__items:empty+.ck.ck-toolbar__separator {
  display: none;
}

.ck.ck-toolbar>.ck-toolbar__items> :not(.ck-toolbar__line-break),
.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown {
  margin-bottom: var(--ck-spacing-small);
  margin-top: var(--ck-spacing-small);
}

.ck.ck-toolbar.ck-toolbar_vertical {
  padding: 0;
}

.ck.ck-toolbar.ck-toolbar_vertical>.ck-toolbar__items>.ck {
  border-radius: 0;
  margin: 0;
  width: 100%;
}

.ck.ck-toolbar.ck-toolbar_compact {
  padding: 0;
}

.ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>* {
  margin: 0;
}

.ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items> :not(:first-child):not(:last-child) {
  border-radius: 0;
}

.ck.ck-toolbar>.ck.ck-toolbar__grouped-dropdown>.ck.ck-button.ck-dropdown__button {
  padding-left: var(--ck-spacing-tiny);
}

.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown>.ck-dropdown__panel {
  min-width: auto;
}

.ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown>.ck-button>.ck-button__label {
  max-width: 7em;
  width: auto;
}

.ck-toolbar-container .ck.ck-toolbar {
  border: 0;
}

.ck.ck-toolbar[dir="rtl"]>.ck-toolbar__items>.ck,
[dir="rtl"] .ck.ck-toolbar>.ck-toolbar__items>.ck {
  margin-right: 0;
}

.ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact)>.ck-toolbar__items>.ck,
[dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact)>.ck-toolbar__items>.ck {
  margin-left: var(--ck-spacing-small);
}

.ck.ck-toolbar[dir="rtl"]>.ck-toolbar__items>.ck:last-child,
[dir="rtl"] .ck.ck-toolbar>.ck-toolbar__items>.ck:last-child {
  margin-left: 0;
}

.ck.ck-toolbar.ck-toolbar_compact[dir="rtl"]>.ck-toolbar__items>.ck:first-child,
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.ck.ck-toolbar.ck-toolbar_compact[dir="rtl"]>.ck-toolbar__items>.ck:last-child,
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"]>.ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar[dir="rtl"]>.ck.ck-toolbar__separator,
[dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items:not(:empty):not(:only-child),
[dir="rtl"] .ck.ck-toolbar>.ck.ck-toolbar__separator {
  margin-left: var(--ck-spacing-small);
}

.ck.ck-toolbar[dir="ltr"]>.ck-toolbar__items>.ck:last-child,
[dir="ltr"] .ck.ck-toolbar>.ck-toolbar__items>.ck:last-child {
  margin-right: 0;
}

.ck.ck-toolbar.ck-toolbar_compact[dir="ltr"]>.ck-toolbar__items>.ck:first-child,
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.ck.ck-toolbar.ck-toolbar_compact[dir="ltr"]>.ck-toolbar__items>.ck:last-child,
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact>.ck-toolbar__items>.ck:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"]>.ck-toolbar__items:not(:empty):not(:only-child),
.ck.ck-toolbar[dir="ltr"]>.ck.ck-toolbar__separator,
[dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items:not(:empty):not(:only-child),
[dir="ltr"] .ck.ck-toolbar>.ck.ck-toolbar__separator {
  margin-right: var(--ck-spacing-small);
}

.ck.ck-list {
  display: flex;
  flex-direction: column;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ck.ck-list .ck-list__item,
.ck.ck-list .ck-list__separator {
  display: block;
}

.ck.ck-list .ck-list__item> :focus {
  position: relative;
  z-index: var(--ck-z-default);
}

.ck.ck-list {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-list,
.ck.ck-list.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-list {
  background: var(--ck-color-list-background);
  list-style-type: none;
}

.ck.ck-list__item {
  cursor: default;
  min-width: 12em;
}

.ck.ck-list__item .ck-button {
  border-radius: 0;
  min-height: unset;
  padding: calc(var(--ck-line-height-base) * 0.2 * var(--ck-font-size-base)) calc(var(--ck-line-height-base) * 0.4 * var(--ck-font-size-base));
  text-align: left;
  width: 100%;
}

.ck.ck-list__item .ck-button .ck-button__label {
  line-height: calc(var(--ck-line-height-base) * 1.2 * var(--ck-font-size-base));
}

.ck.ck-list__item .ck-button:active {
  box-shadow: none;
}

.ck.ck-list__item .ck-button.ck-on {
  background: var(--ck-color-list-button-on-background);
  color: var(--ck-color-list-button-on-text);
}

.ck.ck-list__item .ck-button.ck-on:active {
  box-shadow: none;
}

.ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-on-background-focus);
}

.ck.ck-list__item .ck-button.ck-on:focus:not(.ck-switchbutton):not(.ck-disabled) {
  border-color: var(--ck-color-base-background);
}

.ck.ck-list__item .ck-button:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
}

.ck.ck-list__item .ck-switchbutton.ck-on {
  background: var(--ck-color-list-background);
  color: inherit;
}

.ck.ck-list__item .ck-switchbutton.ck-on:hover:not(.ck-disabled) {
  background: var(--ck-color-list-button-hover-background);
  color: inherit;
}

.ck.ck-list__separator {
  background: var(--ck-color-base-border);
  height: 1px;
  width: 100%;
}

:root {
  --ck-toolbar-dropdown-max-width: 60vw;
}

.ck.ck-toolbar-dropdown>.ck-dropdown__panel {
  max-width: var(--ck-toolbar-dropdown-max-width);
  width: max-content;
}

.ck.ck-toolbar-dropdown>.ck-dropdown__panel .ck-button:focus {
  z-index: calc(var(--ck-z-default) + 1);
}

.ck.ck-toolbar-dropdown .ck-toolbar {
  border: 0;
}

.ck.ck-dropdown .ck-dropdown__panel .ck-list {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list,
.ck.ck-dropdown .ck-dropdown__panel .ck-list.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
}

.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button,
.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
}

.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button,
.ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

:root {
  --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3);
}

.ck.ck-balloon-panel {
  display: none;
  position: absolute;
  z-index: var(--ck-z-modal);
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
  content: "";
  position: absolute;
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}

.ck.ck-balloon-panel[class*="arrow_n"]:before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}

.ck.ck-balloon-panel[class*="arrow_n"]:after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}

.ck.ck-balloon-panel[class*="arrow_s"]:before {
  z-index: var(--ck-balloon-panel-arrow-z-index);
}

.ck.ck-balloon-panel[class*="arrow_s"]:after {
  z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1);
}

.ck.ck-balloon-panel.ck-balloon-panel_visible {
  display: block;
}

:root {
  --ck-balloon-border-width: 1px;
  --ck-balloon-arrow-offset: 2px;
  --ck-balloon-arrow-height: 10px;
  --ck-balloon-arrow-half-width: 8px;
  --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop);
}

.ck.ck-balloon-panel {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-balloon-panel,
.ck.ck-balloon-panel.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-balloon-panel {
  background: var(--ck-color-panel-background);
  border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border);
  box-shadow: var(--ck-drop-shadow), 0 0;
  min-height: 15px;
}

.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:after,
.ck.ck-balloon-panel.ck-balloon-panel_with-arrow:before {
  border-style: solid;
  height: 0;
  width: 0;
}

.ck.ck-balloon-panel[class*="arrow_n"]:after,
.ck.ck-balloon-panel[class*="arrow_n"]:before {
  border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width);
}

.ck.ck-balloon-panel[class*="arrow_n"]:before {
  border-color: transparent transparent var(--ck-color-panel-border) transparent;
  margin-top: calc(var(--ck-balloon-border-width) * -1);
}

.ck.ck-balloon-panel[class*="arrow_n"]:after {
  border-color: transparent transparent var(--ck-color-panel-background) transparent;
  margin-top: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}

.ck.ck-balloon-panel[class*="arrow_s"]:after,
.ck.ck-balloon-panel[class*="arrow_s"]:before {
  border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width);
}

.ck.ck-balloon-panel[class*="arrow_s"]:before {
  border-color: var(--ck-color-panel-border) transparent transparent;
  filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow));
  margin-bottom: calc(var(--ck-balloon-border-width) * -1);
}

.ck.ck-balloon-panel[class*="arrow_s"]:after {
  border-color: var(--ck-color-panel-background) transparent transparent transparent;
  margin-bottom: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}

.ck.ck-balloon-panel[class*="arrow_e"]:after,
.ck.ck-balloon-panel[class*="arrow_e"]:before {
  border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height);
}

.ck.ck-balloon-panel[class*="arrow_e"]:before {
  border-color: transparent transparent transparent var(--ck-color-panel-border);
  margin-right: calc(var(--ck-balloon-border-width) * -1);
}

.ck.ck-balloon-panel[class*="arrow_e"]:after {
  border-color: transparent transparent transparent var(--ck-color-panel-background);
  margin-right: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}

.ck.ck-balloon-panel[class*="arrow_w"]:after,
.ck.ck-balloon-panel[class*="arrow_w"]:before {
  border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0;
}

.ck.ck-balloon-panel[class*="arrow_w"]:before {
  border-color: transparent var(--ck-color-panel-border) transparent transparent;
  margin-left: calc(var(--ck-balloon-border-width) * -1);
}

.ck.ck-balloon-panel[class*="arrow_w"]:after {
  border-color: transparent var(--ck-color-panel-background) transparent transparent;
  margin-left: calc(var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width));
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_n:before {
  left: 50%;
  margin-left: calc(var(--ck-balloon-arrow-half-width) * -1);
  top: calc(var(--ck-balloon-arrow-height) * -1);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nw:before {
  left: calc(var(--ck-balloon-arrow-half-width) * 2);
  top: calc(var(--ck-balloon-arrow-height) * -1);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_ne:before {
  right: calc(var(--ck-balloon-arrow-half-width) * 2);
  top: calc(var(--ck-balloon-arrow-height) * -1);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_s:before {
  bottom: calc(var(--ck-balloon-arrow-height) * -1);
  left: 50%;
  margin-left: calc(var(--ck-balloon-arrow-half-width) * -1);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sw:before {
  bottom: calc(var(--ck-balloon-arrow-height) * -1);
  left: calc(var(--ck-balloon-arrow-half-width) * 2);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_se:before {
  bottom: calc(var(--ck-balloon-arrow-height) * -1);
  right: calc(var(--ck-balloon-arrow-half-width) * 2);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_sme:before {
  bottom: calc(var(--ck-balloon-arrow-height) * -1);
  margin-right: calc(var(--ck-balloon-arrow-half-width) * 2);
  right: 25%;
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_smw:before {
  bottom: calc(var(--ck-balloon-arrow-height) * -1);
  left: 25%;
  margin-left: calc(var(--ck-balloon-arrow-half-width) * 2);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nme:before {
  margin-right: calc(var(--ck-balloon-arrow-half-width) * 2);
  right: 25%;
  top: calc(var(--ck-balloon-arrow-height) * -1);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw:before {
  left: 25%;
  margin-left: calc(var(--ck-balloon-arrow-half-width) * 2);
  top: calc(var(--ck-balloon-arrow-height) * -1);
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_e:before {
  margin-top: calc(var(--ck-balloon-arrow-half-width) * -1);
  right: calc(var(--ck-balloon-arrow-height) * -1);
  top: 50%;
}

.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:after,
.ck.ck-balloon-panel.ck-balloon-panel_arrow_w:before {
  left: calc(var(--ck-balloon-arrow-height) * -1);
  margin-top: calc(var(--ck-balloon-arrow-half-width) * -1);
  top: 50%;
}

.ck.ck-balloon-panel.ck-tooltip {
  --ck-balloon-border-width: 0px;
  --ck-balloon-arrow-offset: 0px;
  --ck-balloon-arrow-half-width: 4px;
  --ck-balloon-arrow-height: 4px;
  --ck-color-panel-background: var(--ck-color-tooltip-background);
  padding: 0 var(--ck-spacing-medium);
  pointer-events: none;
  z-index: calc(var(--ck-z-modal) + 100);
}

.ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text {
  color: var(--ck-color-tooltip-text);
  font-size: 0.9em;
  line-height: 1.5;
}

.ck.ck-balloon-panel.ck-tooltip {
  box-shadow: none;
}

.ck.ck-balloon-panel.ck-tooltip:before {
  display: none;
}

:root {
  --ck-color-editable-blur-selection: #d9d9d9;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable),
.ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) {
  border-radius: var(--ck-border-radius);
}

.ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
  outline: none;
}

.ck.ck-editor__editable_inline {
  border: 1px solid transparent;
  overflow: auto;
  padding: 0 var(--ck-spacing-standard);
}

.ck.ck-editor__editable_inline[dir="ltr"] {
  text-align: left;
}

.ck.ck-editor__editable_inline[dir="rtl"] {
  text-align: right;
}

.ck.ck-editor__editable_inline> :first-child {
  margin-top: var(--ck-spacing-large);
}

.ck.ck-editor__editable_inline> :last-child {
  margin-bottom: var(--ck-spacing-large);
}

.ck.ck-editor__editable_inline.ck-blurred ::selection {
  background: var(--ck-color-editable-blur-selection);
}

.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]:after {
  border-bottom-color: var(--ck-color-base-foreground);
}

.ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]:after {
  border-top-color: var(--ck-color-base-foreground);
}

.ck.ck-label {
  display: block;
}

.ck.ck-voice-label {
  display: none;
}

.ck.ck-label {
  font-weight: 700;
}

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

:root {
  --ck-form-header-height: 38px;
}

.ck.ck-form__header {
  border-bottom: 1px solid var(--ck-color-base-border);
  height: var(--ck-form-header-height);
  line-height: var(--ck-form-header-height);
  padding: var(--ck-spacing-small) var(--ck-spacing-large);
}

.ck.ck-form__header .ck-form__header__label {
  font-weight: 700;
}

:root {
  --ck-input-width: 18em;
  --ck-input-text-width: var(--ck-input-width);
}

.ck.ck-input {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-input,
.ck.ck-input.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-input {
  background: var(--ck-color-input-background);
  border: 1px solid var(--ck-color-input-border);
  min-height: var(--ck-ui-component-min-height);
  min-width: var(--ck-input-width);
  padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium);
  transition: box-shadow 0.1s ease-in-out, border 0.1s ease-in-out;
}

.ck.ck-input:focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-focus-outer-shadow), 0 0;
  outline: none;
}

.ck.ck-input[readonly] {
  background: var(--ck-color-input-disabled-background);
  border: 1px solid var(--ck-color-input-disabled-border);
  color: var(--ck-color-input-disabled-text);
}

.ck.ck-input[readonly]:focus {
  box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0;
}

.ck.ck-input.ck-error {
  animation: ck-input-shake 0.3s ease both;
  border-color: var(--ck-color-input-error-border);
}

.ck.ck-input.ck-error:focus {
  box-shadow: var(--ck-focus-error-outer-shadow), 0 0;
}

@keyframes ck-input-shake {
  20% {
    transform: translateX(-2px);
  }

  40% {
    transform: translateX(2px);
  }

  60% {
    transform: translateX(-1px);
  }

  80% {
    transform: translateX(1px);
  }
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper {
  display: flex;
  position: relative;
}

.ck.ck-labeled-field-view .ck.ck-label {
  display: block;
  position: absolute;
}

:root {
  --ck-labeled-field-view-transition: 0.1s cubic-bezier(0, 0, 0.24, 0.95);
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
  --ck-labeled-field-label-default-position-y: calc(var(--ck-font-size-base) * 0.6);
  --ck-color-labeled-field-label-background: var(--ck-color-base-background);
}

.ck.ck-labeled-field-view {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-labeled-field-view,
.ck.ck-labeled-field-view.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper {
  width: 100%;
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  top: 0;
}

[dir="ltr"] .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  left: 0;
}

[dir="rtl"] .ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  right: 0;
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  background: var(--ck-color-labeled-field-label-background);
  font-weight: 400;
  line-height: normal;
  max-width: 100%;
  overflow: hidden;
  padding: 0 calc(var(--ck-font-size-tiny) * 0.5);
  pointer-events: none;
  text-overflow: ellipsis;
  transform: translate(var(--ck-spacing-medium), -6px) scale(0.75);
  transform-origin: 0 0;
  transition: transform var(--ck-labeled-field-view-transition),
    padding var(--ck-labeled-field-view-transition),
    background var(--ck-labeled-field-view-transition);
}

.ck.ck-labeled-field-view.ck-error .ck-input:not([readonly])+.ck.ck-label,
.ck.ck-labeled-field-view.ck-error>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  color: var(--ck-color-base-error);
}

.ck.ck-labeled-field-view .ck-labeled-field-view__status {
  font-size: var(--ck-font-size-small);
  margin-top: var(--ck-spacing-small);
  white-space: normal;
}

.ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error {
  color: var(--ck-color-base-error);
}

.ck.ck-labeled-field-view.ck-disabled>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  color: var(--ck-color-input-disabled-text);
}

[dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,
[dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  transform: translate(var(--ck-labeled-field-label-default-position-x),
      var(--ck-labeled-field-label-default-position-y)) scale(1);
}

[dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,
[dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  transform: translate(calc(var(--ck-labeled-field-label-default-position-x) * -1),
      var(--ck-labeled-field-label-default-position-y)) scale(1);
}

.ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label,
.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck.ck-label {
  background: transparent;
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width));
  padding: 0;
}

.ck.ck-labeled-field-view>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown>.ck.ck-button {
  background: transparent;
}

.ck.ck-labeled-field-view.ck-labeled-field-view_empty>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown>.ck-button>.ck-button__label {
  opacity: 0;
}

.ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder)>.ck.ck-labeled-field-view__input-wrapper>.ck-dropdown+.ck-label {
  max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard));
}

.ck .ck-balloon-rotator__navigation {
  align-items: center;
  display: flex;
  justify-content: center;
}

.ck .ck-balloon-rotator__content .ck-toolbar {
  justify-content: center;
}

.ck .ck-balloon-rotator__navigation {
  background: var(--ck-color-toolbar-background);
  border-bottom: 1px solid var(--ck-color-toolbar-border);
  padding: 0 var(--ck-spacing-small);
}

.ck .ck-balloon-rotator__navigation>* {
  margin-bottom: var(--ck-spacing-small);
  margin-right: var(--ck-spacing-small);
  margin-top: var(--ck-spacing-small);
}

.ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter {
  margin-left: var(--ck-spacing-small);
  margin-right: var(--ck-spacing-standard);
}

.ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper {
  box-shadow: none;
}

.ck .ck-fake-panel {
  position: absolute;
  z-index: calc(var(--ck-z-modal) - 1);
}

.ck .ck-fake-panel div {
  position: absolute;
}

.ck .ck-fake-panel div:first-child {
  z-index: 2;
}

.ck .ck-fake-panel div:nth-child(2) {
  z-index: 1;
}

:root {
  --ck-balloon-fake-panel-offset-horizontal: 6px;
  --ck-balloon-fake-panel-offset-vertical: 6px;
}

.ck .ck-fake-panel div {
  background: var(--ck-color-panel-background);
  border: 1px solid var(--ck-color-panel-border);
  border-radius: var(--ck-border-radius);
  box-shadow: var(--ck-drop-shadow), 0 0;
  height: 100%;
  min-height: 15px;
  width: 100%;
}

.ck .ck-fake-panel div:first-child {
  margin-left: var(--ck-balloon-fake-panel-offset-horizontal);
  margin-top: var(--ck-balloon-fake-panel-offset-vertical);
}

.ck .ck-fake-panel div:nth-child(2) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2);
}

.ck .ck-fake-panel div:nth-child(3) {
  margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3);
  margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3);
}

.ck .ck-balloon-panel_arrow_s+.ck-fake-panel,
.ck .ck-balloon-panel_arrow_se+.ck-fake-panel,
.ck .ck-balloon-panel_arrow_sw+.ck-fake-panel {
  --ck-balloon-fake-panel-offset-vertical: -6px;
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  position: fixed;
  top: 0;
  z-index: var(--ck-z-modal);
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit {
  position: absolute;
  top: auto;
}

.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-width: 0 1px 1px;
  box-shadow: var(--ck-drop-shadow), 0 0;
}

.ck.ck-block-toolbar-button {
  position: absolute;
  z-index: var(--ck-z-default);
}

:root {
  --ck-color-block-toolbar-button: var(--ck-color-text);
  --ck-block-toolbar-button-size: var(--ck-font-size-normal);
}

.ck.ck-block-toolbar-button {
  color: var(--ck-color-block-toolbar-button);
  font-size: var(--ck-block-toolbar-size);
}

.ck.ck-editor {
  position: relative;
}

.ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar {
  z-index: var(--ck-z-modal);
}

.ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-bottom-width: 0;
}

.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content_sticky .ck-toolbar {
  border-bottom-width: 1px;
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content_sticky .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content_sticky .ck-toolbar.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-radius: 0;
}

.ck.ck-editor__main>.ck-editor__editable {
  background: var(--ck-color-base-background);
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ck.ck-editor__main>.ck-editor__editable:not(.ck-focused) {
  border-color: var(--ck-color-base-border);
}

.ck .ck-widget .ck-widget__type-around__button {
  display: block;
  overflow: hidden;
  position: absolute;
  z-index: var(--ck-z-default);
}

.ck .ck-widget .ck-widget__type-around__button svg {
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: calc(var(--ck-z-default) + 2);
}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before {
  left: min(10%, 30px);
  top: calc(var(--ck-widget-outline-thickness) * -0.5);
  transform: translateY(-50%);
}

.ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after {
  bottom: calc(var(--ck-widget-outline-thickness) * -0.5);
  right: min(10%, 30px);
  transform: translateY(50%);
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:after,
.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover:after {
  content: "";
  display: block;
  left: 1px;
  position: absolute;
  top: 1px;
  z-index: calc(var(--ck-z-default) + 1);
}

.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__fake-caret {
  display: none;
  left: 0;
  position: absolute;
  right: 0;
}

.ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__fake-caret {
  left: calc(var(--ck-widget-outline-thickness) * -1);
  right: calc(var(--ck-widget-outline-thickness) * -1);
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget__type-around>.ck-widget__type-around__fake-caret {
  display: block;
  top: calc(var(--ck-widget-outline-thickness) * -1 - 1px);
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget__type-around>.ck-widget__type-around__fake-caret {
  bottom: calc(var(--ck-widget-outline-thickness) * -1 - 1px);
  display: block;
}

.ck.ck-editor__editable.ck-read-only .ck-widget__type-around,
.ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around,
.ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around {
  display: none;
}

:root {
  --ck-widget-type-around-button-size: 20px;
  --ck-color-widget-type-around-button-active: var(--ck-color-focus-border);
  --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border);
  --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border);
  --ck-color-widget-type-around-button-radar-start-alpha: 0;
  --ck-color-widget-type-around-button-radar-end-alpha: 0.3;
  --ck-color-widget-type-around-button-icon: var(--ck-color-base-background);
}

.ck .ck-widget .ck-widget__type-around__button {
  background: var(--ck-color-widget-type-around-button);
  border-radius: 100px;
  height: var(--ck-widget-type-around-button-size);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
  width: var(--ck-widget-type-around-button-size);
}

.ck .ck-widget .ck-widget__type-around__button svg {
  height: 8px;
  margin-top: 1px;
  transform: translate(-50%, -50%);
  transition: transform 0.5s ease;
  width: 10px;
}

.ck .ck-widget .ck-widget__type-around__button svg * {
  stroke-dasharray: 10;
  stroke-dashoffset: 0;
  fill: none;
  stroke: var(--ck-color-widget-type-around-button-icon);
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ck .ck-widget .ck-widget__type-around__button svg line {
  stroke-dasharray: 7;
}

.ck .ck-widget .ck-widget__type-around__button:hover {
  animation: ck-widget-type-around-button-sonar 1s ease infinite;
}

.ck .ck-widget .ck-widget__type-around__button:hover svg polyline {
  animation: ck-widget-type-around-arrow-dash 2s linear;
}

.ck .ck-widget .ck-widget__type-around__button:hover svg line {
  animation: ck-widget-type-around-arrow-tip-dash 2s linear;
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,
.ck .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button {
  opacity: 1;
  pointer-events: auto;
}

.ck .ck-widget:not(.ck-widget_selected)>.ck-widget__type-around>.ck-widget__type-around__button {
  background: var(--ck-color-widget-type-around-button-hover);
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,
.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover {
  background: var(--ck-color-widget-type-around-button-active);
}

.ck .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:after,
.ck .ck-widget>.ck-widget__type-around>.ck-widget__type-around__button:hover:after {
  background: linear-gradient(135deg,
      hsla(0, 0%, 100%, 0),
      hsla(0, 0%, 100%, 0.3));
  border-radius: 100px;
  height: calc(var(--ck-widget-type-around-button-size) - 2px);
  width: calc(var(--ck-widget-type-around-button-size) - 2px);
}

.ck .ck-widget.ck-widget_with-selection-handle>.ck-widget__type-around>.ck-widget__type-around__button_before {
  margin-left: 20px;
}

.ck .ck-widget .ck-widget__type-around__fake-caret {
  animation: ck-widget-type-around-fake-caret-pulse 1s linear infinite normal forwards;
  background: var(--ck-color-base-text);
  height: 1px;
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
  pointer-events: none;
}

.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after,
.ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before {
  outline-color: transparent;
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-hover-border);
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after>.ck-widget__type-around>.ck-widget__type-around__button,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before>.ck-widget__type-around>.ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}

.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer>.ck-widget__resizer,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer>.ck-widget__resizer,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,
.ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle {
  opacity: 0;
}

.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around>.ck-widget__type-around__button_before {
  margin-left: 0;
  margin-right: 20px;
}

.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button,
.ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover>.ck-widget__type-around>.ck-widget__type-around__button {
  opacity: 0;
  pointer-events: none;
}

.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:not(:hover) {
  background: var(--ck-color-widget-type-around-button-blurred-editable);
}

.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected>.ck-widget__type-around>.ck-widget__type-around__button:not(:hover) svg * {
  stroke: #999;
}

@keyframes ck-widget-type-around-arrow-dash {
  0% {
    stroke-dashoffset: 10;
  }

  20%,
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes ck-widget-type-around-arrow-tip-dash {

  0%,
  20% {
    stroke-dashoffset: 7;
  }

  40%,
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes ck-widget-type-around-button-sonar {
  0% {
    box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates),
        var(--ck-color-widget-type-around-button-radar-start-alpha));
  }

  50% {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates),
        var(--ck-color-widget-type-around-button-radar-end-alpha));
  }

  to {
    box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates),
        var(--ck-color-widget-type-around-button-radar-start-alpha));
  }
}

@keyframes ck-widget-type-around-fake-caret-pulse {
  0% {
    opacity: 1;
  }

  49% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  99% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

:root {
  --ck-color-resizer: var(--ck-color-focus-border);
  --ck-color-resizer-tooltip-background: #262626;
  --ck-color-resizer-tooltip-text: #f2f2f2;
  --ck-resizer-border-radius: var(--ck-border-radius);
  --ck-resizer-tooltip-offset: 10px;
  --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px);
}

.ck .ck-widget,
.ck .ck-widget.ck-widget_with-selection-handle {
  position: relative;
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  position: absolute;
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  display: block;
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle,
.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle {
  visibility: visible;
}

.ck .ck-size-view {
  background: var(--ck-color-resizer-tooltip-background);
  border: 1px solid var(--ck-color-resizer-tooltip-text);
  border-radius: var(--ck-resizer-border-radius);
  color: var(--ck-color-resizer-tooltip-text);
  display: block;
  font-size: var(--ck-font-size-tiny);
  height: var(--ck-resizer-tooltip-height);
  line-height: var(--ck-resizer-tooltip-height);
  padding: 0 var(--ck-spacing-small);
}

.ck .ck-size-view.ck-orientation-above-center,
.ck .ck-size-view.ck-orientation-bottom-left,
.ck .ck-size-view.ck-orientation-bottom-right,
.ck .ck-size-view.ck-orientation-top-left,
.ck .ck-size-view.ck-orientation-top-right {
  position: absolute;
}

.ck .ck-size-view.ck-orientation-top-left {
  left: var(--ck-resizer-tooltip-offset);
  top: var(--ck-resizer-tooltip-offset);
}

.ck .ck-size-view.ck-orientation-top-right {
  right: var(--ck-resizer-tooltip-offset);
  top: var(--ck-resizer-tooltip-offset);
}

.ck .ck-size-view.ck-orientation-bottom-right {
  bottom: var(--ck-resizer-tooltip-offset);
  right: var(--ck-resizer-tooltip-offset);
}

.ck .ck-size-view.ck-orientation-bottom-left {
  bottom: var(--ck-resizer-tooltip-offset);
  left: var(--ck-resizer-tooltip-offset);
}

.ck .ck-size-view.ck-orientation-above-center {
  left: 50%;
  top: calc(var(--ck-resizer-tooltip-height) * -1);
  transform: translate(-50%);
}

:root {
  --ck-widget-outline-thickness: 3px;
  --ck-widget-handler-icon-size: 16px;
  --ck-widget-handler-animation-duration: 200ms;
  --ck-widget-handler-animation-curve: ease;
  --ck-color-widget-blurred-border: #dedede;
  --ck-color-widget-hover-border: #ffc83d;
  --ck-color-widget-editable-focus-background: var(--ck-color-base-background);
  --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background);
}

.ck .ck-widget {
  outline-color: transparent;
  outline-style: solid;
  outline-width: var(--ck-widget-outline-thickness);
  transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}

.ck .ck-widget.ck-widget_selected,
.ck .ck-widget.ck-widget_selected:hover {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border);
}

.ck .ck-widget:hover {
  outline-color: var(--ck-color-widget-hover-border);
}

.ck .ck-editor__nested-editable {
  border: 1px solid transparent;
}

.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck .ck-editor__nested-editable:focus {
  background-color: var(--ck-color-widget-editable-focus-background);
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
  outline: none;
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  background-color: transparent;
  border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0;
  box-sizing: border-box;
  left: calc(0px - var(--ck-widget-outline-thickness));
  opacity: 0;
  padding: 4px;
  top: 0;
  transform: translateY(-100%);
  transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve),
    opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon {
  color: var(--ck-color-widget-drag-handler-icon-color);
  height: var(--ck-widget-handler-icon-size);
  width: var(--ck-widget-handler-icon-size);
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 0;
  transition: opacity 0.3s var(--ck-widget-handler-animation-curve);
}

.ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}

.ck .ck-widget.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle {
  background-color: var(--ck-color-widget-hover-border);
  opacity: 1;
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle {
  background-color: var(--ck-color-focus-border);
  opacity: 1;
}

.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator,
.ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected>.ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
  opacity: 1;
}

.ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
  left: auto;
  right: calc(0px - var(--ck-widget-outline-thickness));
}

.ck.ck-editor__editable.ck-read-only .ck-widget {
  transition: none;
}

.ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) {
  --ck-widget-outline-thickness: 0px;
}

.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle,
.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
  outline-color: var(--ck-color-widget-blurred-border);
}

.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover>.ck-widget__selection-handle:hover,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle>.ck-widget__selection-handle,
.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle>.ck-widget__selection-handle:hover {
  background: var(--ck-color-widget-blurred-border);
}

.ck.ck-editor__editable blockquote>.ck-widget.ck-widget_with-selection-handle:first-child,
.ck.ck-editor__editable>.ck-widget.ck-widget_with-selection-handle:first-child {
  margin-top: calc(1em + var(--ck-widget-handler-icon-size));
}

.ck .ck-widget_with-resizer {
  position: relative;
}

.ck .ck-widget__resizer {
  display: none;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.ck-focused .ck-widget_with-resizer.ck-widget_selected>.ck-widget__resizer {
  display: block;
}

.ck .ck-widget__resizer__handle {
  pointer-events: all;
  position: absolute;
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
  cursor: nwse-resize;
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left,
.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
  cursor: nesw-resize;
}

:root {
  --ck-resizer-size: 10px;
  --ck-resizer-offset: calc(var(--ck-resizer-size) / -2 - 2px);
  --ck-resizer-border-width: 1px;
}

.ck .ck-widget__resizer {
  outline: 1px solid var(--ck-color-resizer);
}

.ck .ck-widget__resizer__handle {
  background: var(--ck-color-focus-border);
  border: var(--ck-resizer-border-width) solid #fff;
  border-radius: var(--ck-resizer-border-radius);
  height: var(--ck-resizer-size);
  width: var(--ck-resizer-size);
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left {
  left: var(--ck-resizer-offset);
  top: var(--ck-resizer-offset);
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right {
  right: var(--ck-resizer-offset);
  top: var(--ck-resizer-offset);
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right {
  bottom: var(--ck-resizer-offset);
  right: var(--ck-resizer-offset);
}

.ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left {
  bottom: var(--ck-resizer-offset);
  left: var(--ck-resizer-offset);
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position {
  display: inline;
  pointer-events: none;
  position: relative;
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  position: absolute;
  width: 0;
}

.ck.ck-editor__editable .ck-widget:-webkit-drag>.ck-widget__selection-handle,
.ck.ck-editor__editable .ck-widget:-webkit-drag>.ck-widget__type-around {
  display: none;
}

:root {
  --ck-clipboard-drop-target-dot-width: 12px;
  --ck-clipboard-drop-target-dot-height: 8px;
  --ck-clipboard-drop-target-color: var(--ck-color-focus-border);
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span {
  background: var(--ck-clipboard-drop-target-color);
  border: 1px solid var(--ck-clipboard-drop-target-color);
  bottom: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
  margin-left: -1px;
  top: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
}

.ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span:after {
  border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent;
  border-style: solid;
  border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(var(--ck-clipboard-drop-target-dot-width) * 0.5) 0 calc(var(--ck-clipboard-drop-target-dot-width) * 0.5);
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: calc(var(--ck-clipboard-drop-target-dot-height) * -0.5);
  transform: translateX(-50%);
  width: 0;
}

.ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important;
}

.ck.ck-editor__editable .ck-widget:-webkit-drag {
  zoom: 0.6;
  outline: none !important;
}

.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  border-radius: 2px;
  padding: 0.15em;
}

.ck.ck-editor__editable .ck-code_selected {
  background-color: hsla(0, 0%, 78%, 0.5);
}

.ck-content blockquote {
  border-left: 5px solid #ccc;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.ck-content[dir="rtl"] blockquote {
  border-left: 0;
  border-right: 5px solid #ccc;
}

.ck.ck-heading_heading1 {
  font-size: 20px;
}

.ck.ck-heading_heading2 {
  font-size: 17px;
}

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

.ck[class*="ck-heading_heading"] {
  font-weight: 700;
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  width: 8em;
}

.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item {
  min-width: 18em;
}

.ck.ck-text-alternative-form {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.ck.ck-text-alternative-form .ck-labeled-field-view {
  display: inline-block;
}

.ck.ck-text-alternative-form .ck-label {
  display: none;
}

@media screen and (max-width: 600px) {
  .ck.ck-text-alternative-form {
    flex-wrap: wrap;
  }

  .ck.ck-text-alternative-form .ck-labeled-field-view {
    flex-basis: 100%;
  }

  .ck.ck-text-alternative-form .ck-button {
    flex-basis: 50%;
  }
}

.ck-vertical-form .ck-button:after {
  bottom: -1px;
  content: "";
  position: absolute;
  right: -1px;
  top: -1px;
  width: 0;
  z-index: 1;
}

.ck-vertical-form .ck-button:focus:after {
  display: none;
}

@media screen and (max-width: 600px) {
  .ck.ck-responsive-form .ck-button:after {
    bottom: -1px;
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 0;
    z-index: 1;
  }

  .ck.ck-responsive-form .ck-button:focus:after {
    display: none;
  }
}

.ck-vertical-form>.ck-button:nth-last-child(2):after {
  border-right: 1px solid var(--ck-color-base-border);
}

.ck.ck-responsive-form {
  padding: var(--ck-spacing-large);
}

.ck.ck-responsive-form:focus {
  outline: none;
}

[dir="ltr"] .ck.ck-responsive-form> :not(:first-child),
[dir="rtl"] .ck.ck-responsive-form> :not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}

@media screen and (max-width: 600px) {
  .ck.ck-responsive-form {
    padding: 0;
    width: calc(var(--ck-input-width) * 0.8);
  }

  .ck.ck-responsive-form .ck-labeled-field-view {
    margin: var(--ck-spacing-large) var(--ck-spacing-large) 0;
  }

  .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text {
    min-width: 0;
    width: 100%;
  }

  .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error {
    white-space: normal;
  }

  .ck.ck-responsive-form>.ck-button:nth-last-child(2):after {
    border-right: 1px solid var(--ck-color-base-border);
  }

  .ck.ck-responsive-form>.ck-button:last-child,
  .ck.ck-responsive-form>.ck-button:nth-last-child(2) {
    border-radius: 0;
    margin-top: var(--ck-spacing-large);
    padding: var(--ck-spacing-standard);
  }

  .ck.ck-responsive-form>.ck-button:last-child:not(:focus),
  .ck.ck-responsive-form>.ck-button:nth-last-child(2):not(:focus) {
    border-top: 1px solid var(--ck-color-base-border);
  }

  [dir="ltr"] .ck.ck-responsive-form>.ck-button:last-child,
  [dir="ltr"] .ck.ck-responsive-form>.ck-button:nth-last-child(2),
  [dir="rtl"] .ck.ck-responsive-form>.ck-button:last-child,
  [dir="rtl"] .ck.ck-responsive-form>.ck-button:nth-last-child(2) {
    margin-left: 0;
  }

  [dir="rtl"] .ck.ck-responsive-form>.ck-button:last-child:last-of-type,
  [dir="rtl"] .ck.ck-responsive-form>.ck-button:nth-last-child(2):last-of-type {
    border-right: 1px solid var(--ck-color-base-border);
  }
}

.ck-content .image {
  clear: both;
  display: table;
  margin: 0.9em auto;
  min-width: 50px;
  text-align: center;
}

.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
}

.ck-content .image-inline {
  align-items: flex-start;
  display: inline-flex;
  max-width: 100%;
}

.ck-content .image-inline picture {
  display: flex;
}

.ck-content .image-inline img,
.ck-content .image-inline picture {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}

.ck.ck-editor__editable .image>figcaption.ck-placeholder:before {
  overflow: hidden;
  padding-left: inherit;
  padding-right: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ck.ck-editor__editable .image-inline.ck-widget_selected,
.ck.ck-editor__editable .image.ck-widget_selected {
  z-index: 1;
}

.ck.ck-editor__editable .image-inline.ck-widget_selected ::selection {
  display: none;
}

.ck.ck-editor__editable td .image-inline img,
.ck.ck-editor__editable th .image-inline img {
  max-width: none;
}

:root {
  --ck-color-image-caption-background: #f7f7f7;
  --ck-color-image-caption-text: #333;
  --ck-color-image-caption-highligted-background: #fd0;
}

.ck-content .image>figcaption {
  background-color: var(--ck-color-image-caption-background);
  caption-side: bottom;
  color: var(--ck-color-image-caption-text);
  display: table-caption;
  font-size: 0.75em;
  outline-offset: -1px;
  padding: 0.6em;
  word-break: break-word;
}

.ck.ck-editor__editable .image>figcaption.image__caption_highlighted {
  animation: ck-image-caption-highlight 0.6s ease-out;
}

@keyframes ck-image-caption-highlight {
  0% {
    background-color: var(--ck-color-image-caption-highligted-background);
  }

  to {
    background-color: var(--ck-color-image-caption-background);
  }
}

:root {
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}

.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}

.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}

.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}

.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}

.ck-content .image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}

.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}

.ck-content p+.image-style-align-left,
.ck-content p+.image-style-align-right,
.ck-content p+.image-style-side {
  margin-top: 0;
}

.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-bottom: var(--ck-inline-image-style-spacing);
  margin-top: var(--ck-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}

.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-background);
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__action:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__action:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):after,
.ck.ck-splitbutton.ck-splitbutton_flatten:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover):after {
  display: none;
}

.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__action:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__arrow:not(.ck-disabled),
.ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
  background-color: var(--ck-color-button-on-hover-background);
}

.ck .ck-link_selected {
  background: var(--ck-color-link-selected-background);
}

.ck .ck-link_selected span.image-inline {
  outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background);
}

.ck .ck-fake-link-selection {
  background: var(--ck-color-link-fake-selection);
}

.ck .ck-fake-link-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  height: 100%;
  margin-right: -1px;
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
}

.ck.ck-link-form {
  display: flex;
}

.ck.ck-link-form .ck-label {
  display: none;
}

@media screen and (max-width: 600px) {
  .ck.ck-link-form {
    flex-wrap: wrap;
  }

  .ck.ck-link-form .ck-labeled-field-view {
    flex-basis: 100%;
  }

  .ck.ck-link-form .ck-button {
    flex-basis: 50%;
  }
}

.ck.ck-link-form_layout-vertical {
  display: block;
}

.ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel,
.ck.ck-link-form_layout-vertical .ck-button.ck-button-save {
  margin-top: var(--ck-spacing-medium);
}

.ck.ck-link-form_layout-vertical {
  min-width: var(--ck-input-width);
  padding: 0;
}

.ck.ck-link-form_layout-vertical .ck-labeled-field-view {
  margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small);
}

.ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text {
  min-width: 0;
  width: 100%;
}

.ck.ck-link-form_layout-vertical>.ck-button {
  border-radius: 0;
  margin: 0;
  padding: var(--ck-spacing-standard);
  width: 50%;
}

.ck.ck-link-form_layout-vertical>.ck-button:not(:focus) {
  border-top: 1px solid var(--ck-color-base-border);
}

[dir="ltr"] .ck.ck-link-form_layout-vertical>.ck-button,
[dir="rtl"] .ck.ck-link-form_layout-vertical>.ck-button {
  margin-left: 0;
}

[dir="rtl"] .ck.ck-link-form_layout-vertical>.ck-button:last-of-type {
  border-right: 1px solid var(--ck-color-base-border);
}

.ck.ck-link-form_layout-vertical .ck.ck-list {
  margin: var(--ck-spacing-standard) var(--ck-spacing-large);
}

.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton {
  padding: 0;
  width: 100%;
}

.ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover {
  background: none;
}

.ck.ck-link-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.ck.ck-link-actions .ck-link-actions__preview {
  display: inline-block;
}

.ck.ck-link-actions .ck-link-actions__preview .ck-button__label {
  overflow: hidden;
}

@media screen and (max-width: 600px) {
  .ck.ck-link-actions {
    flex-wrap: wrap;
  }

  .ck.ck-link-actions .ck-link-actions__preview {
    flex-basis: 100%;
  }

  .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    flex-basis: 50%;
  }
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview {
  padding-left: 0;
  padding-right: 0;
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
  color: var(--ck-color-link-default);
  cursor: pointer;
  max-width: var(--ck-input-width);
  min-width: 3em;
  padding: 0 var(--ck-spacing-medium);
  text-align: center;
  text-overflow: ellipsis;
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover {
  text-decoration: underline;
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:active,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus,
.ck.ck-link-actions .ck-button.ck-link-actions__preview:hover {
  background: none;
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview:active {
  box-shadow: none;
}

.ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label {
  text-decoration: underline;
}

[dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child),
[dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) {
  margin-left: var(--ck-spacing-standard);
}

@media screen and (max-width: 600px) {
  .ck.ck-link-actions .ck-button.ck-link-actions__preview {
    margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0;
  }

  .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label {
    max-width: 100%;
    min-width: 0;
  }

  [dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview),
  [dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) {
    margin-left: 0;
  }
}

.ck-content ol {
  list-style-type: decimal;
}

.ck-content ol ol {
  list-style-type: lower-latin;
}

.ck-content ol ol ol {
  list-style-type: lower-roman;
}

.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}

.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}

.ck-content ul {
  list-style-type: disc;
}

.ck-content ul ul {
  list-style-type: circle;
}

.ck-content ul ul ul,
.ck-content ul ul ul ul {
  list-style-type: square;
}

.ck-content .image.image_resized {
  box-sizing: border-box;
  display: block;
  max-width: 100%;
}

.ck-content .image.image_resized img {
  width: 100%;
}

.ck-content .image.image_resized>figcaption {
  display: block;
}

.ck.ck-editor__editable td .image-inline.image_resized img,
.ck.ck-editor__editable th .image-inline.image_resized img {
  max-width: 100%;
}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
  margin-left: var(--ck-spacing-standard);
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
  width: 4em;
}

.ck .ck-button.ck-color-table__remove-color {
  align-items: center;
  display: flex;
  width: 100%;
}

label.ck.ck-color-grid__label {
  font-weight: unset;
}

.ck .ck-button.ck-color-table__remove-color {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
}

.ck .ck-button.ck-color-table__remove-color:not(:focus) {
  border-bottom: 1px solid var(--ck-color-base-border);
}

[dir="ltr"] .ck .ck-button.ck-color-table__remove-color .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck .ck-button.ck-color-table__remove-color .ck.ck-icon {
  margin-left: var(--ck-spacing-standard);
}

.ck-content .text-tiny {
  font-size: 0.7em;
}

.ck-content .text-small {
  font-size: 0.85em;
}

.ck-content .text-big {
  font-size: 1.4em;
}

.ck-content .text-huge {
  font-size: 1.8em;
}

.ck-media__wrapper .ck-media__placeholder {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url {
  max-width: 100%;
  position: relative;
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text {
  display: block;
  overflow: hidden;
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *,
.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon * {
  display: none;
}

.ck-editor__editable:not(.ck-read-only) .ck-media__wrapper> :not(.ck-media__placeholder),
.ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder {
  pointer-events: none;
}

:root {
  --ck-media-embed-placeholder-icon-size: 3em;
  --ck-color-media-embed-placeholder-url-text: #757575;
  --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text);
}

.ck-media__wrapper {
  margin: 0 auto;
}

.ck-media__wrapper .ck-media__placeholder {
  background: var(--ck-color-base-foreground);
  padding: calc(var(--ck-spacing-standard) * 3);
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon {
  background-position: 50%;
  background-size: cover;
  height: var(--ck-media-embed-placeholder-icon-size);
  margin-bottom: var(--ck-spacing-large);
  min-width: var(--ck-media-embed-placeholder-icon-size);
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon {
  height: 100%;
  width: 100%;
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text {
  color: var(--ck-color-media-embed-placeholder-url-text);
  font-style: italic;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: var(--ck-color-media-embed-placeholder-url-text-hover);
  cursor: pointer;
  text-decoration: underline;
}

.ck-media__wrapper[data-oembed-url*="open.spotify.com"] {
  max-height: 380px;
  max-width: 300px;
}

.ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon,
.ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Im0yMDYuNDc3IDI2MC45LTI4Ljk4NyAyOC45ODdhNS4yMTggNS4yMTggMCAwIDAgMy43OCAxLjYxaDQ5LjYyMWMxLjY5NCAwIDMuMTktLjc5OCA0LjE0Ni0yLjAzN3oiIGZpbGw9IiM1Yzg4YzUiLz48cGF0aCBkPSJNMjI2Ljc0MiAyMjIuOTg4Yy05LjI2NiAwLTE2Ljc3NyA3LjE3LTE2Ljc3NyAxNi4wMTQuMDA3IDIuNzYyLjY2MyA1LjQ3NCAyLjA5MyA3Ljg3NS40My43MDMuODMgMS40MDggMS4xOSAyLjEwNy4zMzMuNTAyLjY1IDEuMDA1Ljk1IDEuNTA4LjM0My40NzcuNjczLjk1Ny45ODggMS40NCAxLjMxIDEuNzY5IDIuNSAzLjUwMiAzLjYzNyA1LjE2OC43OTMgMS4yNzUgMS42ODMgMi42NCAyLjQ2NiAzLjk5IDIuMzYzIDQuMDk0IDQuMDA3IDguMDkyIDQuNiAxMy45MTR2LjAxMmMuMTgyLjQxMi41MTYuNjY2Ljg3OS42NjcuNDAzLS4wMDEuNzY4LS4zMTQuOTMtLjc5OS42MDMtNS43NTYgMi4yMzgtOS43MjkgNC41ODUtMTMuNzk0Ljc4Mi0xLjM1IDEuNjczLTIuNzE1IDIuNDY1LTMuOTkgMS4xMzctMS42NjYgMi4zMjgtMy40IDMuNjM4LTUuMTY5LjMxNS0uNDgyLjY0NS0uOTYyLjk4OC0xLjQzOS4zLS41MDMuNjE3LTEuMDA2Ljk1LTEuNTA4LjM1OS0uNy43Ni0xLjQwNCAxLjE5LTIuMTA3IDEuNDI2LTIuNDAyIDItNS4xMTQgMi4wMDQtNy44NzUgMC04Ljg0NC03LjUxMS0xNi4wMTQtMTYuNzc2LTE2LjAxNHoiIGZpbGw9IiNkZDRiM2UiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PGVsbGlwc2Ugcnk9IjUuNTY0IiByeD0iNS44MjgiIGN5PSIyMzkuMDAyIiBjeD0iMjI2Ljc0MiIgZmlsbD0iIzgwMmQyNyIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMTkwLjMwMSAyMzcuMjgzYy00LjY3IDAtOC40NTcgMy44NTMtOC40NTcgOC42MDZzMy43ODYgOC42MDcgOC40NTcgOC42MDdjMy4wNDMgMCA0LjgwNi0uOTU4IDYuMzM3LTIuNTE2IDEuNTMtMS41NTcgMi4wODctMy45MTMgMi4wODctNi4yOSAwLS4zNjItLjAyMy0uNzIyLS4wNjQtMS4wNzloLTguMjU3djMuMDQzaDQuODVjLS4xOTcuNzU5LS41MzEgMS40NS0xLjA1OCAxLjk4Ni0uOTQyLjk1OC0yLjAyOCAxLjU0OC0zLjkwMSAxLjU0OC0yLjg3NiAwLTUuMjA4LTIuMzcyLTUuMjA4LTUuMjk5IDAtMi45MjYgMi4zMzItNS4yOTkgNS4yMDgtNS4yOTkgMS4zOTkgMCAyLjYxOC40MDcgMy41ODQgMS4yOTNsMi4zODEtMi4zOGMwLS4wMDItLjAwMy0uMDA0LS4wMDQtLjAwNS0xLjU4OC0xLjUyNC0zLjYyLTIuMjE1LTUuOTU1LTIuMjE1em00LjQzIDUuNjYuMDAzLjAwNnYtLjAwM3oiIGZpbGw9IiNmZmYiIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0ibTIxNS4xODQgMjUxLjkyOS03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVhNS4yMzMgNS4yMzMgMCAwIDAgLjQ0OS0yLjEyM3YtMzEuMTY1Yy0uNDY5LjY3NS0uOTM0IDEuMzQ5LTEuMzgyIDIuMDA1LS43OTIgMS4yNzUtMS42ODIgMi42NC0yLjQ2NSAzLjk5LTIuMzQ3IDQuMDY1LTMuOTgyIDguMDM4LTQuNTg1IDEzLjc5NC0uMTYyLjQ4NS0uNTI3Ljc5OC0uOTMuNzk5LS4zNjMtLjAwMS0uNjk3LS4yNTUtLjg3OS0uNjY3di0uMDEyYy0uNTkzLTUuODIyLTIuMjM3LTkuODItNC42LTEzLjkxNC0uNzgzLTEuMzUtMS42NzMtMi43MTUtMi40NjYtMy45OS0xLjEzNy0xLjY2Ni0yLjMyNy0zLjQtMy42MzctNS4xNjlsLS4wMDItLjAwM3oiIGZpbGw9IiNjM2MzYzMiLz48cGF0aCBkPSJtMjEyLjk4MyAyNDguNDk1LTM2Ljk1MiAzNi45NTN2LjgxMmE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOCA1LjIzOGgxLjAxNWwzNS42NjYtMzUuNjY2YTEzNi4yNzUgMTM2LjI3NSAwIDAgMC0yLjc2NC0zLjkgMzcuNTc1IDM3LjU3NSAwIDAgMC0uOTg5LTEuNDQgMzUuMTI3IDM1LjEyNyAwIDAgMC0uOTUtMS41MDhjLS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJtMjExLjk5OCAyNjEuMDgzLTYuMTUyIDYuMTUxIDI0LjI2NCAyNC4yNjRoLjc4MWE1LjIyNyA1LjIyNyAwIDAgMCA1LjIzOS01LjIzOHYtMS4wNDV6IiBmaWxsPSIjZmZmIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjwvZz48L3N2Zz4=);
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder {
  background: #4268b3;
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik05NjcuNDg0IDBINTYuNTE3QzI1LjMwNCAwIDAgMjUuMzA0IDAgNTYuNTE3djkxMC45NjZDMCA5OTguNjk0IDI1LjI5NyAxMDI0IDU2LjUyMiAxMDI0SDU0N1Y2MjhINDE0VjQ3M2gxMzNWMzU5LjAyOWMwLTEzMi4yNjIgODAuNzczLTIwNC4yODIgMTk4Ljc1Ni0yMDQuMjgyIDU2LjUxMyAwIDEwNS4wODYgNC4yMDggMTE5LjI0NCA2LjA4OVYyOTlsLTgxLjYxNi4wMzdjLTYzLjk5MyAwLTc2LjM4NCAzMC40OTItNzYuMzg0IDc1LjIzNlY0NzNoMTUzLjQ4N2wtMTkuOTg2IDE1NUg3MDd2Mzk2aDI2MC40ODRjMzEuMjEzIDAgNTYuNTE2LTI1LjMwMyA1Ni41MTYtNTYuNTE2VjU2LjUxNUMxMDI0IDI1LjMwMyA5OTguNjk3IDAgOTY3LjQ4NCAwIiBmaWxsPSIjRkZGRkZFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: #cdf;
}

.ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: #fff;
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder {
  background: linear-gradient(-135deg, #1400c7, #b800b1, #f50000);
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml; base64,PHN2ZyB3aWR0aD0iNTA0IiBoZWlnaHQ9IjUwNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC4xNTloNTAzLjg0MVY1MDMuOTRIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjUxLjkyMS4xNTljLTY4LjQxOCAwLTc2Ljk5Ny4yOS0xMDMuODY3IDEuNTE2LTI2LjgxNCAxLjIyMy00NS4xMjcgNS40ODItNjEuMTUxIDExLjcxLTE2LjU2NiA2LjQzNy0zMC42MTUgMTUuMDUxLTQ0LjYyMSAyOS4wNTYtMTQuMDA1IDE0LjAwNi0yMi42MTkgMjguMDU1LTI5LjA1NiA0NC42MjEtNi4yMjggMTYuMDI0LTEwLjQ4NyAzNC4zMzctMTEuNzEgNjEuMTUxQy4yOSAxNzUuMDgzIDAgMTgzLjY2MiAwIDI1Mi4wOGMwIDY4LjQxNy4yOSA3Ni45OTYgMS41MTYgMTAzLjg2NiAxLjIyMyAyNi44MTQgNS40ODIgNDUuMTI3IDExLjcxIDYxLjE1MSA2LjQzNyAxNi41NjYgMTUuMDUxIDMwLjYxNSAyOS4wNTYgNDQuNjIxIDE0LjAwNiAxNC4wMDUgMjguMDU1IDIyLjYxOSA0NC42MjEgMjkuMDU3IDE2LjAyNCA2LjIyNyAzNC4zMzcgMTAuNDg2IDYxLjE1MSAxMS43MDkgMjYuODcgMS4yMjYgMzUuNDQ5IDEuNTE2IDEwMy44NjcgMS41MTYgNjguNDE3IDAgNzYuOTk2LS4yOSAxMDMuODY2LTEuNTE2IDI2LjgxNC0xLjIyMyA0NS4xMjctNS40ODIgNjEuMTUxLTExLjcwOSAxNi41NjYtNi40MzggMzAuNjE1LTE1LjA1MiA0NC42MjEtMjkuMDU3IDE0LjAwNS0xNC4wMDYgMjIuNjE5LTI4LjA1NSAyOS4wNTctNDQuNjIxIDYuMjI3LTE2LjAyNCAxMC40ODYtMzQuMzM3IDExLjcwOS02MS4xNTEgMS4yMjYtMjYuODcgMS41MTYtMzUuNDQ5IDEuNTE2LTEwMy44NjYgMC02OC40MTgtLjI5LTc2Ljk5Ny0xLjUxNi0xMDMuODY3LTEuMjIzLTI2LjgxNC01LjQ4Mi00NS4xMjctMTEuNzA5LTYxLjE1MS02LjQzOC0xNi41NjYtMTUuMDUyLTMwLjYxNS0yOS4wNTctNDQuNjIxLTE0LjAwNi0xNC4wMDUtMjguMDU1LTIyLjYxOS00NC42MjEtMjkuMDU2LTE2LjAyNC02LjIyOC0zNC4zMzctMTAuNDg3LTYxLjE1MS0xMS43MUMzMjguOTE3LjQ0OSAzMjAuMzM4LjE1OSAyNTEuOTIxLjE1OVptMCA0NS4zOTFjNjcuMjY1IDAgNzUuMjMzLjI1NyAxMDEuNzk3IDEuNDY5IDI0LjU2MiAxLjEyIDM3LjkwMSA1LjIyNCA0Ni43NzggOC42NzQgMTEuNzU5IDQuNTcgMjAuMTUxIDEwLjAyOSAyOC45NjYgMTguODQ1IDguODE2IDguODE1IDE0LjI3NSAxNy4yMDcgMTguODQ1IDI4Ljk2NiAzLjQ1IDguODc3IDcuNTU0IDIyLjIxNiA4LjY3NCA0Ni43NzggMS4yMTIgMjYuNTY0IDEuNDY5IDM0LjUzMiAxLjQ2OSAxMDEuNzk4IDAgNjcuMjY1LS4yNTcgNzUuMjMzLTEuNDY5IDEwMS43OTctMS4xMiAyNC41NjItNS4yMjQgMzcuOTAxLTguNjc0IDQ2Ljc3OC00LjU3IDExLjc1OS0xMC4wMjkgMjAuMTUxLTE4Ljg0NSAyOC45NjYtOC44MTUgOC44MTYtMTcuMjA3IDE0LjI3NS0yOC45NjYgMTguODQ1LTguODc3IDMuNDUtMjIuMjE2IDcuNTU0LTQ2Ljc3OCA4LjY3NC0yNi41NiAxLjIxMi0zNC41MjcgMS40NjktMTAxLjc5NyAxLjQ2OS02Ny4yNzEgMC03NS4yMzctLjI1Ny0xMDEuNzk4LTEuNDY5LTI0LjU2Mi0xLjEyLTM3LjkwMS01LjIyNC00Ni43NzgtOC42NzQtMTEuNzU5LTQuNTctMjAuMTUxLTEwLjAyOS0yOC45NjYtMTguODQ1LTguODE1LTguODE1LTE0LjI3NS0xNy4yMDctMTguODQ1LTI4Ljk2Ni0zLjQ1LTguODc3LTcuNTU0LTIyLjIxNi04LjY3NC00Ni43NzgtMS4yMTItMjYuNTY0LTEuNDY5LTM0LjUzMi0xLjQ2OS0xMDEuNzk3IDAtNjcuMjY2LjI1Ny03NS4yMzQgMS40NjktMTAxLjc5OCAxLjEyLTI0LjU2MiA1LjIyNC0zNy45MDEgOC42NzQtNDYuNzc4IDQuNTctMTEuNzU5IDEwLjAyOS0yMC4xNTEgMTguODQ1LTI4Ljk2NiA4LjgxNS04LjgxNiAxNy4yMDctMTQuMjc1IDI4Ljk2Ni0xOC44NDUgOC44NzctMy40NSAyMi4yMTYtNy41NTQgNDYuNzc4LTguNjc0IDI2LjU2NC0xLjIxMiAzNC41MzItMS40NjkgMTAxLjc5OC0xLjQ2OVoiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjUxLjkyMSAzMzYuMDUzYy00Ni4zNzggMC04My45NzQtMzcuNTk2LTgzLjk3NC04My45NzMgMC00Ni4zNzggMzcuNTk2LTgzLjk3NCA4My45NzQtODMuOTc0IDQ2LjM3NyAwIDgzLjk3MyAzNy41OTYgODMuOTczIDgzLjk3NCAwIDQ2LjM3Ny0zNy41OTYgODMuOTczLTgzLjk3MyA4My45NzNabTAtMjEzLjMzOGMtNzEuNDQ3IDAtMTI5LjM2NSA1Ny45MTgtMTI5LjM2NSAxMjkuMzY1IDAgNzEuNDQ2IDU3LjkxOCAxMjkuMzY0IDEyOS4zNjUgMTI5LjM2NCA3MS40NDYgMCAxMjkuMzY0LTU3LjkxOCAxMjkuMzY0LTEyOS4zNjQgMC03MS40NDctNTcuOTE4LTEyOS4zNjUtMTI5LjM2NC0xMjkuMzY1Wk00MTYuNjI3IDExNy42MDRjMCAxNi42OTYtMTMuNTM1IDMwLjIzLTMwLjIzMSAzMC4yMy0xNi42OTUgMC0zMC4yMy0xMy41MzQtMzAuMjMtMzAuMjMgMC0xNi42OTYgMTMuNTM1LTMwLjIzMSAzMC4yMy0zMC4yMzEgMTYuNjk2IDAgMzAuMjMxIDEzLjUzNSAzMC4yMzEgMzAuMjMxIiBmaWxsPSIjRkZGIi8+PC9nPjwvc3ZnPg==);
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text {
  color: #ffe0fe;
}

.ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: #fff;
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder {
  background: linear-gradient(90deg, #71c6f4, #0d70a5);
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon {
  background-image: url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDAgNDAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNDAwIDIwMGMwIDExMC41LTg5LjUgMjAwLTIwMCAyMDBTMCAzMTAuNSAwIDIwMCA4OS41IDAgMjAwIDBzMjAwIDg5LjUgMjAwIDIwMHpNMTYzLjQgMzA1LjVjODguNyAwIDEzNy4yLTczLjUgMTM3LjItMTM3LjIgMC0yLjEgMC00LjItLjEtNi4yIDkuNC02LjggMTcuNi0xNS4zIDI0LjEtMjUtOC42IDMuOC0xNy45IDYuNC0yNy43IDcuNiAxMC02IDE3LjYtMTUuNCAyMS4yLTI2LjctOS4zIDUuNS0xOS42IDkuNS0zMC42IDExLjctOC44LTkuNC0yMS4zLTE1LjItMzUuMi0xNS4yLTI2LjYgMC00OC4yIDIxLjYtNDguMiA0OC4yIDAgMy44LjQgNy41IDEuMyAxMS00MC4xLTItNzUuNi0yMS4yLTk5LjQtNTAuNC00LjEgNy4xLTYuNSAxNS40LTYuNSAyNC4yIDAgMTYuNyA4LjUgMzEuNSAyMS41IDQwLjEtNy45LS4yLTE1LjMtMi40LTIxLjgtNnYuNmMwIDIzLjQgMTYuNiA0Mi44IDM4LjcgNDcuMy00IDEuMS04LjMgMS43LTEyLjcgMS43LTMuMSAwLTYuMS0uMy05LjEtLjkgNi4xIDE5LjIgMjMuOSAzMy4xIDQ1IDMzLjUtMTYuNSAxMi45LTM3LjMgMjAuNi01OS45IDIwLjYtMy45IDAtNy43LS4yLTExLjUtLjcgMjEuMSAxMy44IDQ2LjUgMjEuOCA3My43IDIxLjgiIHN0eWxlPSJmaWxsOiNmZmYiLz48L3N2Zz4=);
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text {
  color: #b8e6ff;
}

.ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover {
  color: #fff;
}

.ck.ck-media-form {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.ck.ck-media-form .ck-labeled-field-view {
  display: inline-block;
}

.ck.ck-media-form .ck-label {
  display: none;
}

@media screen and (max-width: 600px) {
  .ck.ck-media-form {
    flex-wrap: wrap;
  }

  .ck.ck-media-form .ck-labeled-field-view {
    flex-basis: 100%;
  }

  .ck.ck-media-form .ck-button {
    flex-basis: 50%;
  }
}

.ck-content .media {
  clear: both;
  display: block;
  margin: 0.9em 0;
  min-width: 15em;
}

:root {
  --ck-color-table-focused-cell-background: rgba(158, 201, 250, 0.3);
}

.ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table td.ck-editor__nested-editable:focus,
.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
.ck-widget.table th.ck-editor__nested-editable:focus {
  background: var(--ck-color-table-focused-cell-background);
  border-style: none;
  outline: 1px solid var(--ck-color-focus-border);
  outline-offset: -1px;
}

.ck .ck-insert-table-dropdown__grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

:root {
  --ck-insert-table-dropdown-padding: 10px;
  --ck-insert-table-dropdown-box-height: 11px;
  --ck-insert-table-dropdown-box-width: 12px;
  --ck-insert-table-dropdown-box-margin: 1px;
}

.ck .ck-insert-table-dropdown__grid {
  padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
  width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
}

.ck .ck-insert-table-dropdown__label,
.ck[dir="rtl"] .ck-insert-table-dropdown__label {
  text-align: center;
}

.ck .ck-insert-table-dropdown-grid-box {
  border: 1px solid var(--ck-color-base-border);
  border-radius: 1px;
  margin: var(--ck-insert-table-dropdown-box-margin);
  min-height: var(--ck-insert-table-dropdown-box-height);
  min-width: var(--ck-insert-table-dropdown-box-width);
  outline: none;
  transition: none;
}

.ck .ck-insert-table-dropdown-grid-box:focus {
  box-shadow: none;
}

.ck .ck-insert-table-dropdown-grid-box.ck-on {
  background: var(--ck-color-focus-outer-shadow);
  border-color: var(--ck-color-focus-border);
}

:root {
  --ck-table-selected-cell-background: rgba(158, 207, 250, 0.3);
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected {
  box-shadow: unset;
  caret-color: transparent;
  outline: unset;
  position: relative;
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected:after,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:after {
  background-color: var(--ck-table-selected-cell-background);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus {
  background-color: transparent;
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget {
  outline: unset;
}

.ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget>.ck-widget__selection-handle,
.ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget>.ck-widget__selection-handle {
  display: none;
}

.ck-content .table {
  display: table;
  margin: 0.9em auto;
}

.ck-content .table table {
  border: 1px double #b3b3b3;
  border-collapse: collapse;
  border-spacing: 0;
  height: 100%;
  width: 100%;
}

.ck-content .table table td,
.ck-content .table table th {
  border: 1px solid #bfbfbf;
  min-width: 2em;
  padding: 0.4em;
}

.ck-content .table table th {
  background: rgba(0, 0, 0, 0.05);
  font-weight: 700;
}

.ck-content[dir="rtl"] .table th {
  text-align: right;
}

.ck-content[dir="ltr"] .table th {
  text-align: left;
}

.ck-editor__editable .ck-table-bogus-paragraph {
  display: inline-block;
  width: 100%;
}

.ck.ck-input-color {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.ck.ck-input-color>input.ck.ck-input-text {
  flex-grow: 1;
  min-width: auto;
}

.ck.ck-input-color>div.ck.ck-dropdown {
  min-width: auto;
}

.ck.ck-input-color>div.ck.ck-dropdown>.ck-input-color__button .ck-dropdown__arrow {
  display: none;
}

.ck.ck-input-color .ck.ck-input-color__button {
  display: flex;
}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
  overflow: hidden;
  position: relative;
}

.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator {
  display: block;
  position: absolute;
}

[dir="ltr"] .ck.ck-input-color>.ck.ck-input-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

[dir="rtl"] .ck.ck-input-color>.ck.ck-input-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.ck.ck-input-color>.ck.ck-input-text:focus {
  z-index: 0;
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button {
  padding: 0;
}

[dir="ltr"] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

[dir="ltr"] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button:not(:focus) {
  border-left: 1px solid transparent;
}

[dir="rtl"] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

[dir="rtl"] .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button:not(:focus) {
  border-right: 1px solid transparent;
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button.ck-disabled {
  background: var(--ck-color-input-disabled-background);
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview,
.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview {
  border: 1px solid var(--ck-color-input-border);
  height: 20px;
  width: 20px;
}

.ck.ck-input-color>.ck.ck-dropdown>.ck.ck-button.ck-input-color__button>.ck.ck-input-color__button__preview>.ck.ck-input-color__button__preview__no-color-indicator {
  background: red;
  border-radius: 2px;
  height: 150%;
  left: 50%;
  top: -30%;
  transform: rotate(45deg);
  transform-origin: 50%;
  width: 8%;
}

.ck.ck-input-color .ck.ck-input-color__remove-color {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
  width: 100%;
}

.ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
  border-bottom: 1px solid var(--ck-color-input-border);
}

[dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color {
  border-top-right-radius: 0;
}

[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color {
  border-top-left-radius: 0;
}

.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
  margin-left: var(--ck-spacing-standard);
  margin-right: 0;
}

.ck.ck-form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.ck.ck-form__row> :not(.ck-label) {
  flex-grow: 1;
}

.ck.ck-form__row.ck-table-form__action-row .ck-button-cancel,
.ck.ck-form__row.ck-table-form__action-row .ck-button-save {
  justify-content: center;
}

.ck.ck-form__row {
  padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
}

[dir="ltr"] .ck.ck-form__row> :not(.ck-label)+* {
  margin-left: var(--ck-spacing-large);
}

[dir="rtl"] .ck.ck-form__row> :not(.ck-label)+* {
  margin-right: var(--ck-spacing-large);
}

.ck.ck-form__row>.ck-label {
  min-width: 100%;
  width: 100%;
}

.ck.ck-form__row.ck-table-form__action-row {
  margin-top: var(--ck-spacing-large);
}

.ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}

.ck.ck-form {
  padding: 0 0 var(--ck-spacing-large);
}

.ck.ck-form:focus {
  outline: none;
}

.ck.ck-form .ck.ck-input-text {
  min-width: 100%;
  width: 0;
}

.ck.ck-form .ck.ck-dropdown {
  min-width: 100%;
}

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}

.ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label {
  width: 100%;
}

.ck.ck-table-form .ck-form__row.ck-table-form__background-row,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
  flex-wrap: wrap;
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  align-items: center;
  flex-wrap: wrap;
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  flex-grow: 0;
}

.ck.ck-table-form .ck.ck-labeled-field-view {
  position: relative;
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  bottom: calc(var(--ck-table-properties-error-arrow-size) * -1);
  left: 50%;
  position: absolute;
  transform: translate(-50%, 100%);
  z-index: 1;
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
  content: "";
  left: 50%;
  position: absolute;
  top: calc(var(--ck-table-properties-error-arrow-size) * -1);
  transform: translateX(-50%);
}

:root {
  --ck-table-properties-error-arrow-size: 6px;
  --ck-table-properties-min-error-width: 150px;
}

.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view>.ck-label {
  font-size: var(--ck-font-size-tiny);
  text-align: center;
}

.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
.ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
  max-width: 80px;
  min-width: 80px;
  width: 80px;
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
  padding: 0;
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height,
.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width {
  margin: 0;
}

.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
  align-self: flex-end;
  display: inline-block;
  height: var(--ck-ui-component-min-height);
  line-height: var(--ck-ui-component-min-height);
  margin: 0 var(--ck-spacing-small);
}

.ck.ck-table-form .ck.ck-labeled-field-view {
  padding-top: var(--ck-spacing-standard);
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  border-radius: 0;
}

.ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  background: var(--ck-color-base-error);
  color: var(--ck-color-base-background);
  min-width: var(--ck-table-properties-min-error-width);
  padding: var(--ck-spacing-small) var(--ck-spacing-medium);
  text-align: center;
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
  border-color: transparent transparent var(--ck-color-base-error) transparent;
  border-style: solid;
  border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
  animation: ck-table-form-labeled-view-status-appear 0.15s ease both;
}

.ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus)+.ck.ck-labeled-field-view__status {
  display: none;
}

@keyframes ck-table-form-labeled-view-status-appear {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  align-content: baseline;
  flex-basis: 0;
  flex-wrap: wrap;
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
  flex-wrap: nowrap;
}

.ck.ck-table-properties-form {
  width: 320px;
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
  align-self: flex-end;
  padding: 0;
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
  background: none;
  margin-top: var(--ck-spacing-standard);
}

.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items>* {
  width: 40px;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
  flex-wrap: wrap;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
  flex-grow: 0.57;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
  flex-grow: 0.43;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
  flex-grow: 1;
}

.ck.ck-table-cell-properties-form {
  width: 320px;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
  align-self: flex-end;
  padding: 0;
  width: 25%;
}

.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
  background: none;
  margin-top: var(--ck-spacing-standard);
}

:root {
  --ck-highlight-marker-yellow: #fdfd77;
  --ck-highlight-marker-green: #62f962;
  --ck-highlight-marker-pink: #fc7899;
  --ck-highlight-marker-blue: #72ccfd;
  --ck-highlight-pen-red: #e71313;
  --ck-highlight-pen-green: #128a00;
}

.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}

.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}

.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}

.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}

.ck-content .pen-red {
  background-color: transparent;
  color: var(--ck-highlight-pen-red);
}

.ck-content .pen-green {
  background-color: transparent;
  color: var(--ck-highlight-pen-green);
}

:root {
  --ck-todo-list-checkmark-size: 16px;
}

.ck-content .todo-list {
  list-style: none;
}

.ck-content .todo-list li {
  margin-bottom: 5px;
}

.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}

.ck-content .todo-list .todo-list__label>input {
  -webkit-appearance: none;
  border: 0;
  display: inline-block;
  height: var(--ck-todo-list-checkmark-size);
  left: -25px;
  margin-left: 0;
  margin-right: -15px;
  position: relative;
  right: 0;
  vertical-align: middle;
  width: var(--ck-todo-list-checkmark-size);
}

.ck-content .todo-list .todo-list__label>input:before {
  border: 1px solid #333;
  border-radius: 2px;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: box-shadow 0.25s ease-in-out, background 0.25s ease-in-out,
    border 0.25s ease-in-out;
  width: 100%;
}

.ck-content .todo-list .todo-list__label>input:after {
  border-color: transparent;
  border-style: solid;
  border-width: 0 calc(var(--ck-todo-list-checkmark-size) / 8) calc(var(--ck-todo-list-checkmark-size) / 8) 0;
  box-sizing: content-box;
  content: "";
  display: block;
  height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
  left: calc(var(--ck-todo-list-checkmark-size) / 3);
  pointer-events: none;
  position: absolute;
  top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
  transform: rotate(45deg);
  width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
}

.ck-content .todo-list .todo-list__label>input[checked]:before {
  background: #26ab33;
  border-color: #26ab33;
}

.ck-content .todo-list .todo-list__label>input[checked]:after {
  border-color: #fff;
}

.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}

[dir="rtl"] .todo-list .todo-list__label>input {
  left: 0;
  margin-left: -15px;
  margin-right: 0;
  right: -25px;
}

.ck-editor__editable .todo-list .todo-list__label>input {
  cursor: pointer;
}

.ck-editor__editable .todo-list .todo-list__label>input:hover:before {
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
}

.ck-content pre {
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  color: #353535;
  direction: ltr;
  font-style: normal;
  min-width: 200px;
  padding: 1em;
  tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
}

.ck-content pre code {
  background: unset;
  border-radius: 0;
  padding: 0;
}

.ck.ck-editor__editable pre {
  position: relative;
}

.ck.ck-editor__editable pre[data-language]:after {
  content: attr(data-language);
  position: absolute;
}

:root {
  --ck-color-code-block-label-background: #757575;
}

.ck.ck-editor__editable pre[data-language]:after {
  background: var(--ck-color-code-block-label-background);
  color: #fff;
  font-family: var(--ck-font-face);
  font-size: 10px;
  line-height: 16px;
  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
  right: 10px;
  top: -1px;
  white-space: nowrap;
}

.ck.ck-code-block-dropdown .ck-dropdown__panel {
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}

.ck.ck-collapsible.ck-collapsible_collapsed>.ck-collapsible__children {
  display: none;
}

:root {
  --ck-collapsible-arrow-size: calc(var(--ck-icon-size) * 0.5);
}

.ck.ck-collapsible>.ck.ck-button {
  border-radius: 0;
  color: inherit;
  font-weight: 700;
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
  width: 100%;
}

.ck.ck-collapsible>.ck.ck-button:focus {
  background: transparent;
}

.ck.ck-collapsible>.ck.ck-button:active,
.ck.ck-collapsible>.ck.ck-button:hover:not(:focus),
.ck.ck-collapsible>.ck.ck-button:not(:focus) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.ck.ck-collapsible>.ck.ck-button>.ck-icon {
  margin-right: var(--ck-spacing-medium);
  width: var(--ck-collapsible-arrow-size);
}

.ck.ck-collapsible>.ck-collapsible__children {
  padding: 0 var(--ck-spacing-large) var(--ck-spacing-large);
}

.ck.ck-collapsible.ck-collapsible_collapsed>.ck.ck-button .ck-icon {
  transform: rotate(-90deg);
}

.ck.ck-list-properties.ck-list-properties_without-styles {
  padding: var(--ck-spacing-large);
}

.ck.ck-list-properties.ck-list-properties_without-styles>* {
  min-width: 14em;
}

.ck.ck-list-properties.ck-list-properties_without-styles>*+* {
  margin-top: var(--ck-spacing-standard);
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-list-styles-list {
  grid-template-columns: repeat(4, auto);
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible {
  border-top: 1px solid var(--ck-color-base-border);
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible>.ck-collapsible__children>* {
  width: 100%;
}

.ck.ck-list-properties.ck-list-properties_with-numbered-properties>.ck-collapsible>.ck-collapsible__children>*+* {
  margin-top: var(--ck-spacing-standard);
}

.ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input {
  min-width: auto;
  width: 100%;
}

.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order {
  background: transparent;
  margin-bottom: calc(var(--ck-spacing-tiny) * -1);
  padding-left: 0;
  padding-right: 0;
}

.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active,
.ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover {
  background: none;
  border-color: transparent;
  box-shadow: none;
}

.ck.ck-list-styles-list {
  display: grid;
}

:root {
  --ck-list-style-button-size: 44px;
}

.ck.ck-list-styles-list {
  column-gap: var(--ck-spacing-medium);
  grid-template-columns: repeat(3, auto);
  padding: var(--ck-spacing-large);
  row-gap: var(--ck-spacing-medium);
}

.ck.ck-list-styles-list .ck-button {
  box-sizing: content-box;
  margin: 0;
  padding: 0;
}

.ck.ck-list-styles-list .ck-button,
.ck.ck-list-styles-list .ck-button .ck-icon {
  height: var(--ck-list-style-button-size);
  width: var(--ck-list-style-button-size);
}

.ck-source-editing-area {
  overflow: hidden;
  position: relative;
}

.ck-source-editing-area textarea,
.ck-source-editing-area:after {
  border: 1px solid transparent;
  font-family: monospace;
  font-size: var(--ck-font-size-normal);
  line-height: var(--ck-line-height-base);
  margin: 0;
  padding: var(--ck-spacing-large);
  white-space: pre-wrap;
}

.ck-source-editing-area:after {
  content: attr(data-value) " ";
  display: block;
  visibility: hidden;
}

.ck-source-editing-area textarea {
  border-color: var(--ck-color-base-border);
  border-radius: 0;
  box-sizing: border-box;
  height: 100%;
  outline: none;
  overflow: hidden;
  position: absolute;
  resize: none;
  width: 100%;
}

.ck-rounded-corners .ck-source-editing-area textarea,
.ck-source-editing-area textarea.ck-rounded-corners {
  border-radius: var(--ck-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ck-source-editing-area textarea:not([readonly]):focus {
  border: var(--ck-focus-ring);
  box-shadow: var(--ck-inner-shadow), 0 0;
  outline: none;
}

:root {
  --ck-html-object-embed-unfocused-outline-width: 1px;
}

.ck-widget.html-object-embed {
  background-color: var(--ck-color-base-foreground);
  font-size: var(--ck-font-size-base);
  min-width: calc(76px + var(--ck-spacing-standard));
  padding: var(--ck-spacing-small);
  padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large));
}

.ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) {
  outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border);
}

.ck-widget.html-object-embed:before {
  background: #999;
  border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius);
  color: var(--ck-color-base-background);
  content: attr(data-html-object-embed-label);
  font-family: var(--ck-font-face);
  font-size: var(--ck-font-size-tiny);
  font-style: normal;
  font-weight: 400;
  left: var(--ck-spacing-standard);
  padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny);
  position: absolute;
  top: 0;
  transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve);
}

.ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before {
  margin-left: 50px;
}

.ck-widget.html-object-embed .html-object-embed__content {
  pointer-events: none;
}

div.ck-widget.html-object-embed {
  margin: 1em auto;
}

span.ck-widget.html-object-embed {
  display: inline-block;
}

.ck.ck-editor__editable .image,
.ck.ck-editor__editable .image-inline {
  position: relative;
}

.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  left: 0;
  position: absolute;
  top: 0;
}

.ck.ck-editor__editable .image-inline.ck-appear,
.ck.ck-editor__editable .image.ck-appear {
  animation: fadeIn 0.7s;
}

.ck.ck-editor__editable .image .ck-progress-bar,
.ck.ck-editor__editable .image-inline .ck-progress-bar {
  background: var(--ck-color-upload-bar-background);
  height: 2px;
  transition: width 0.1s;
  width: 0;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ck-image-upload-complete-icon {
  border-radius: 50%;
  display: block;
  position: absolute;
  right: min(var(--ck-spacing-medium), 6%);
  top: min(var(--ck-spacing-medium), 6%);
  z-index: 1;
}

.ck-image-upload-complete-icon:after {
  content: "";
  position: absolute;
}

:root {
  --ck-color-image-upload-icon: #fff;
  --ck-color-image-upload-icon-background: #008a00;
  --ck-image-upload-icon-size: 20;
  --ck-image-upload-icon-width: 2px;
  --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px);
}

.ck-image-upload-complete-icon {
  animation-delay: 0ms, 3s;
  animation-duration: 0.5s, 0.5s;
  animation-fill-mode: forwards, forwards;
  animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide;
  background: var(--ck-color-image-upload-icon-background);
  font-size: calc(1px * var(--ck-image-upload-icon-size));
  height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
  opacity: 0;
  overflow: hidden;
  width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size));
}

.ck-image-upload-complete-icon:after {
  animation-delay: 0.5s;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-name: ck-upload-complete-icon-check;
  border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon);
  box-sizing: border-box;
  height: 0;
  left: 25%;
  opacity: 0;
  top: 50%;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top;
  width: 0;
}

@keyframes ck-upload-complete-icon-show {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ck-upload-complete-icon-hide {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes ck-upload-complete-icon-check {
  0% {
    height: 0;
    opacity: 1;
    width: 0;
  }

  33% {
    height: 0;
    width: 0.3em;
  }

  to {
    height: 0.45em;
    opacity: 1;
    width: 0.3em;
  }
}

.ck .ck-upload-placeholder-loader {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
}

.ck .ck-upload-placeholder-loader:before {
  content: "";
  position: relative;
}

:root {
  --ck-color-upload-placeholder-loader: #b3b3b3;
  --ck-upload-placeholder-loader-size: 32px;
  --ck-upload-placeholder-image-aspect-ratio: 2.8;
}

.ck .ck-image-upload-placeholder {
  margin: 0;
  width: 100%;
}

.ck .ck-image-upload-placeholder.image-inline {
  width: calc(var(--ck-upload-placeholder-loader-size) * 2 * var(--ck-upload-placeholder-image-aspect-ratio));
}

.ck .ck-image-upload-placeholder img {
  aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio);
}

.ck .ck-upload-placeholder-loader {
  height: 100%;
  width: 100%;
}

.ck .ck-upload-placeholder-loader:before {
  animation: ck-upload-placeholder-loader 1s linear infinite;
  border-radius: 50%;
  border-right: 2px solid transparent;
  border-top: 3px solid var(--ck-color-upload-placeholder-loader);
  height: var(--ck-upload-placeholder-loader-size);
  width: var(--ck-upload-placeholder-loader-size);
}

@keyframes ck-upload-placeholder-loader {
  to {
    transform: rotate(1turn);
  }
}

.ck.ck-image-insert-form:focus {
  outline: none;
}

.ck.ck-form__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.ck.ck-form__row> :not(.ck-label) {
  flex-grow: 1;
}

.ck.ck-form__row.ck-image-insert-form__action-row {
  margin-top: var(--ck-spacing-standard);
}

.ck.ck-form__row.ck-image-insert-form__action-row .ck-button-cancel,
.ck.ck-form__row.ck-image-insert-form__action-row .ck-button-save {
  justify-content: center;
}

.ck.ck-form__row.ck-image-insert-form__action-row .ck-button .ck-button__label {
  color: var(--ck-color-text);
}

.ck.ck-image-insert__panel {
  padding: var(--ck-spacing-large);
}

.ck.ck-image-insert__ck-finder-button {
  border: 1px solid #ccc;
  border-radius: var(--ck-border-radius);
  display: block;
  margin: var(--ck-spacing-standard) auto;
  width: 100%;
}

.ck.ck-splitbutton>.ck-file-dialog-button.ck-button {
  border: none;
  margin: 0;
  padding: 0;
}

:root {
  --ck-color-table-caption-background: #f7f7f7;
  --ck-color-table-caption-text: #333;
  --ck-color-table-caption-highlighted-background: #fd0;
}

.ck-content .table>figcaption {
  background-color: var(--ck-color-table-caption-background);
  caption-side: top;
  color: var(--ck-color-table-caption-text);
  display: table-caption;
  font-size: 0.75em;
  outline-offset: -1px;
  padding: 0.6em;
  text-align: center;
  word-break: break-word;
}

.ck.ck-editor__editable .table>figcaption.table__caption_highlighted {
  animation: ck-table-caption-highlight 0.6s ease-out;
}

.ck.ck-editor__editable .table>figcaption.ck-placeholder:before {
  overflow: hidden;
  padding-left: inherit;
  padding-right: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes ck-table-caption-highlight {
  0% {
    background-color: var(--ck-color-table-caption-highlighted-background);
  }

  to {
    background-color: var(--ck-color-table-caption-background);
  }
}

:root {
  --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
  --ck-table-column-resizer-width: 7px;
  --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
}

.ck-content .table .ck-table-resized {
  table-layout: fixed;
}

.ck-content .table table {
  overflow: hidden;
}

.ck-content .table td,
.ck-content .table th {
  position: relative;
}

.ck.ck-editor__editable .table .ck-table-column-resizer {
  bottom: -999999px;
  cursor: col-resize;
  position: absolute;
  right: var(--ck-table-column-resizer-position-offset);
  top: -999999px;
  user-select: none;
  width: var(--ck-table-column-resizer-width);
  z-index: var(--ck-z-default);
}

.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer,
.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
  display: none;
}

.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
.ck.ck-editor__editable .table .ck-table-column-resizer__active {
  background-color: var(--ck-color-table-column-resizer-hover);
  opacity: 0.25;
}

.ck.ck-editor__editable[dir="rtl"] .table .ck-table-column-resizer {
  left: var(--ck-table-column-resizer-position-offset);
  right: unset;
}

.ck .todo-list input {
  padding: 0;
}

.ck .todo-list__checkmark:after {
  height: 6px !important;
}

.ck .todo-list__checkmark {
  padding: 0;
}

.ck.ck-content.ck-editor__editable {
  min-height: 300px;
}

.ck h2 {
  background: inherit;
  color: inherit;
}

form .aligned .ck ul li {
  list-style: inherit;
}

form .aligned .ck ul {
  margin-left: 1.5em;
  padding-left: inherit;
}

.ck-word-count {
  display: flex;
  margin-top: 10px;
}

.ck-word-count__words {
  margin-right: 10px;
}

.cke_inner.cke_reset.cke_maximized[role="presentation"] {
  z-index: 1000000000000000000000000000000000000000000000000000000000 !important;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>COLORIS  --------------------------------*/

.clr-picker {
  display: none;
  flex-wrap: wrap;
  position: absolute;
  width: 200px;
  z-index: 1000;
  border-radius: 10px;
  background-color: #fff;
  justify-content: flex-end;
  direction: ltr;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05), 0 5px 20px rgba(0, 0, 0, .1);
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none
}

.clr-picker.clr-open,
.clr-picker[data-inline=true] {
  display: flex
}

.clr-picker[data-inline=true] {
  position: relative
}

.clr-gradient {
  position: relative;
  width: 100%;
  height: 100px;
  margin-bottom: 15px;
  border-radius: 3px 3px 0 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);
  cursor: pointer
}

.clr-marker {
  position: absolute;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: currentColor;
  cursor: pointer
}

.clr-picker input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 16px
}

.clr-picker input[type=range]::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  -webkit-appearance: none
}

.clr-picker input[type=range]::-moz-range-track {
  width: 100%;
  height: 16px;
  border: 0
}

.clr-picker input[type=range]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 0
}

.clr-hue {
  background-image: linear-gradient(to right, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)
}

.clr-alpha,
.clr-hue {
  position: relative;
  width: calc(100% - 40px);
  height: 8px;
  margin: 5px 20px;
  border-radius: 4px
}

.clr-alpha span {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor)
}

.clr-alpha input[type=range],
.clr-hue input[type=range] {
  position: absolute;
  width: calc(100% + 32px);
  height: 16px;
  left: -16px;
  top: -4px;
  margin: 0;
  background-color: transparent;
  opacity: 0;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none
}

.clr-alpha div,
.clr-hue div {
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  margin-left: -8px;
  transform: translateY(-50%);
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: currentColor;
  box-shadow: 0 0 1px #888;
  pointer-events: none
}

.clr-alpha div:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border-radius: 50%;
  background-color: currentColor
}

.clr-format {
  display: none;
  order: 1;
  width: calc(100% - 40px);
  margin: 0 20px 20px
}

.clr-segmented {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 15px;
  box-sizing: border-box;
  color: #999;
  font-size: 12px
}

.clr-segmented input,
.clr-segmented legend {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  left: 0;
  top: 0;
  opacity: 0;
  pointer-events: none
}

.clr-segmented label {
  flex-grow: 1;
  margin: 0;
  padding: 4px 0;
  font-size: inherit;
  font-weight: 400;
  line-height: initial;
  text-align: center;
  cursor: pointer
}

.clr-segmented label:first-of-type {
  border-radius: 10px 0 0 10px
}

.clr-segmented label:last-of-type {
  border-radius: 0 10px 10px 0
}

.clr-segmented input:checked+label {
  color: #fff;
  background-color: #666
}

.clr-swatches {
  order: 2;
  width: calc(100% - 32px);
  margin: 0 16px
}

.clr-swatches div {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 12px;
  justify-content: center
}

.clr-swatches button {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 4px 6px 4px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer
}

.clr-swatches button:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

input.clr-color {
  order: 1;
  width: calc(100% - 80px);
  height: 32px;
  margin: 15px 20px 20px auto;
  padding: 0 10px;
  border: 1px solid #ddd;
  border-radius: 16px;
  color: #444;
  background-color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
  box-shadow: none
}

input.clr-color:focus {
  outline: 0;
  border: 1px solid #1e90ff
}

.clr-clear,
.clr-close {
  display: none;
  order: 2;
  height: 24px;
  margin: 0 20px 20px;
  padding: 0 20px;
  border: 0;
  border-radius: 12px;
  color: #fff;
  background-color: #666;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer
}

.clr-close {
  display: block;
  margin: 0 20px 20px auto
}

.clr-preview {
  position: relative;
  width: 32px;
  height: 32px;
  margin: 15px 0 20px 20px;
  border-radius: 50%;
  overflow: hidden
}

.clr-preview:after,
.clr-preview:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  border: 1px solid #fff;
  border-radius: 50%
}

.clr-preview:after {
  border: 0;
  background-color: currentColor;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.clr-preview button {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  outline-offset: -2px;
  background-color: transparent;
  text-indent: -9999px;
  cursor: pointer;
  overflow: hidden
}

.clr-alpha div,
.clr-color,
.clr-hue div,
.clr-marker {
  box-sizing: border-box
}

.clr-field {
  width:100%;
  display: inline-block;
  position: relative;
  color: transparent
}

.clr-field input {
  margin: 0;
  direction: ltr
}

.clr-field.clr-rtl input {
  text-align: right
}

/* .clr-field button {
  position: absolute;
  width: 30px;
  height: 100%;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none
} */

.clr-field button{
  position: absolute;
  width: 40%;
  height: 50%;
  right: 8%;
  top: -25%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  text-indent: -1000px;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
}

.clr-field.clr-rtl button {
  right: auto;
  left: 0
}

.clr-field button:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: inherit;
  background-color: currentColor;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .5)
}

.clr-alpha,
.clr-alpha div,
.clr-field button,
.clr-preview:before,
.clr-swatches button {
  background-image: repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);
  background-position: 0 0, 4px 4px;
  background-size: 8px 8px
}

.clr-marker:focus {
  outline: 0
}

.clr-keyboard-nav .clr-alpha input:focus+div,
.clr-keyboard-nav .clr-hue input:focus+div,
.clr-keyboard-nav .clr-marker:focus,
.clr-keyboard-nav .clr-segmented input:focus+label {
  outline: 0;
  box-shadow: 0 0 0 2px #1e90ff, 0 0 2px 2px #fff
}

.clr-picker[data-alpha=false] .clr-alpha {
  display: none
}

.clr-picker[data-minimal=true] {
  padding-top: 16px
}

.clr-picker[data-minimal=true] .clr-alpha,
.clr-picker[data-minimal=true] .clr-color,
.clr-picker[data-minimal=true] .clr-gradient,
.clr-picker[data-minimal=true] .clr-hue,
.clr-picker[data-minimal=true] .clr-preview {
  display: none
}

.clr-dark {
  background-color: #444
}

.clr-dark .clr-segmented {
  border-color: #777
}

.clr-dark .clr-swatches button:after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .3)
}

.clr-dark input.clr-color {
  color: #fff;
  border-color: #777;
  background-color: #555
}

.clr-dark input.clr-color:focus {
  border-color: #1e90ff
}

.clr-dark .clr-preview:after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.clr-dark .clr-alpha,
.clr-dark .clr-alpha div,
.clr-dark .clr-preview:before,
.clr-dark .clr-swatches button {
  background-image: repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888)
}

.clr-picker.clr-polaroid {
  border-radius: 6px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1), 0 5px 30px rgba(0, 0, 0, .2)
}

.clr-picker.clr-polaroid:before {
  content: '';
  display: block;
  position: absolute;
  width: 16px;
  height: 10px;
  left: 20px;
  top: -10px;
  border: solid transparent;
  border-width: 0 8px 10px 8px;
  border-bottom-color: currentColor;
  box-sizing: border-box;
  color: #fff;
  filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, .1));
  pointer-events: none
}

.clr-picker.clr-polaroid.clr-dark:before {
  color: #444
}

.clr-picker.clr-polaroid.clr-left:before {
  left: auto;
  right: 20px
}

.clr-picker.clr-polaroid.clr-top:before {
  top: auto;
  bottom: -10px;
  transform: rotateZ(180deg)
}

.clr-polaroid .clr-gradient {
  width: calc(100% - 20px);
  height: 120px;
  margin: 10px;
  border-radius: 3px
}

.clr-polaroid .clr-alpha,
.clr-polaroid .clr-hue {
  width: calc(100% - 30px);
  height: 10px;
  margin: 6px 15px;
  border-radius: 5px
}

.clr-polaroid .clr-alpha div,
.clr-polaroid .clr-hue div {
  box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.clr-polaroid .clr-format {
  width: calc(100% - 20px);
  margin: 0 10px 15px
}

.clr-polaroid .clr-swatches {
  width: calc(100% - 12px);
  margin: 0 6px
}

.clr-polaroid .clr-swatches div {
  padding-bottom: 10px
}

.clr-polaroid .clr-swatches button {
  width: 22px;
  height: 22px
}

.clr-polaroid input.clr-color {
  width: calc(100% - 60px);
  margin: 10px 10px 15px auto
}

.clr-polaroid .clr-clear {
  margin: 0 10px 15px 10px
}

.clr-polaroid .clr-close {
  margin: 0 10px 15px auto
}

.clr-polaroid .clr-preview {
  margin: 10px 0 15px 10px
}

.clr-picker.clr-large {
  width: 275px
}

.clr-large .clr-gradient {
  height: 150px
}

.clr-large .clr-swatches button {
  width: 22px;
  height: 22px
}

.clr-picker.clr-pill {
  width: 380px;
  padding-left: 180px;
  box-sizing: border-box
}

.clr-pill .clr-gradient {
  position: absolute;
  width: 180px;
  height: 100%;
  left: 0;
  top: 0;
  margin-bottom: 0;
  border-radius: 3px 0 0 3px
}

.clr-pill .clr-hue {
  margin-top: 20px
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CALENDAR  --------------------------------*/
.calendar_box {
  width: 450px;
  height: 400px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: fixed;
  left: calc(50% - 225px);
  top: calc(50% - 200px);
  z-index: 10000;
  border-radius: 7px;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
}

.calendar_box>.calendar_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: auto;
  user-select: none;
}

.calendar_box>.calendar_content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.calendar_box .page_aipsin_view .page_name {
  text-align: right;
}

.color-calendar [count-events] {
  position: relative;
}

.color-calendar [count-events]:not([count-events="0"])::before {
  position: absolute;
  content: attr(count-events);
  font-size: 0.5em;
  aspect-ratio: 1/1;
  top: 0px;
  right: 0px;
  background: var(--theme-color-widget, #c81e1e);
  color: white;
  border-radius: 50%;
  padding: 5px;
  width: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease-in-out;
}

.color-calendar [count-events]:not([count-events="0"]):hover:before,
.color-calendar [count-events]:not([count-events="0"]).calendar__day-selected::before {
  background: var(--theme-color-widget-active, #df1b1b);
  animation: pulse_widget 2.5s infinite linear;
}

.calendar_box .page_aipsin_view>.container>.control {
  width: 100% !important;
}

.calendar_box .page_aipsin_view>.container>.control ul {
  width: 95%;
  margin: auto;
}

.calendar_box>.calendar_content .chart-events {
  width: 100%;
  height: 250px;
}

.calendar_box>.calendar_content .chart-events svg {
  pointer-events: all;
}

.calendar_box>.calendar_content ul.calendar_list_events,
.calendar_box>.calendar_content ul.calendar_list_events li {
  list-style: none;
  padding: 0;
}

.calendar_box>.calendar_content ul {
  margin-top: 2rem;
  border-radius: 12px;
  position: relative;
}

.calendar_box>.calendar_content h4 {
  text-align: center;
  width: 100%;
}

.calendar_box>.calendar_content ul.calendar_list_events li {
  padding-bottom: 0.2rem;
  border-left: 1px solid var(--theme-color-opacity-widget, #c81e1e50);
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
}

.calendar_box>.calendar_content ul.calendar_list_events li:last-child {
  border: 0px;
  padding-bottom: 0;
}

.calendar_box>.calendar_content ul.calendar_list_events li:before {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--theme-bg-main, white);
  border: 1px solid var(--theme-color-widget, #c81e1e);
  border-radius: 50%;
  position: absolute;
  left: -6px;
  top: 0px;
  transition: all 0.15s ease-in-out;
}

.calendar_box>.calendar_content li .time {
  color: var(--theme-border-widget, #969696);
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 0.8em;
  user-select: none;
}

.calendar_box>.calendar_content li p {
  color: var(--theme-color-text, #0C1914);
  font-family: sans-serif;
  line-height: 1.5;
  margin-top: 0.4rem;
  font-size: 0.8em;
  cursor: pointer;
}

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

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CALCULATOR  --------------------------------*/
.calculator_box {
  width: 450px;
  height: 400px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: fixed;
  left: calc(50% - 225px);
  top: calc(50% - 200px);
  z-index: 10000;
  border-radius: 7px;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
}

.calculator_box>.calculator_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
  margin: auto;
  user-select: none;
}

.calculator_box>.calculator_content {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>MAP  --------------------------------*/
[openlayersmap] .ol-popup {
  position: absolute;
  color: var(--theme-color-text, #0C1914);
  background-color: var(--theme-bg-main, white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  padding: 15px;
  padding-top: 25px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 390px;
}

[openlayersmap] .ol-popup-content details.aipsin_details {
  padding: 5px 0.5rem;
}

[openlayersmap] .ol-popup-content details.aipsin_details[open] {
  padding: 0.6rem 0.6rem;
}

[openlayersmap] .ol-popup-content details.aipsin_details>summary>.smricon::before,
[openlayersmap] .ol-popup-content details.aipsin_details>summary>.smricon::after,
[openlayersmap] .ol-popup-content details.aipsin_details>summary>.smricon>.smriconbt::before,
[openlayersmap] .ol-popup-content details.aipsin_details>summary>.smricon>.smriconbt::after {
  position: absolute;
  content: "";
  right: 14px;
  height: 2px;
  width: 10px;
  border-radius: 2px;
  background-color: var(--theme-color-widget, #c81e1e);
  transition: transform .2s ease-in-out;
}

[openlayersmap] .ol-popup-content details.aipsin_details summary {
  padding: 0.25rem 0.5rem 0.75rem;
  ;
  font-size: small;
}

.ol-overlay-container.ol-selectable>div>div.ol-popup-content>details>table {
  font-size: small;
}

[openlayersmap] .ol-popup:after,
[openlayersmap] .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

[openlayersmap] .ol-popup:after {
  border-top-color: var(--theme-bg-main, white);
  ;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

[openlayersmap] .ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

[openlayersmap] .ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
  cursor: pointer;
}

[openlayersmap] .ol-popup-closer:after {
  font-weight: bold;
  content: "✖";
  color: var(--theme-color-widget, #c81e1e);
  transition: all 0.3s ease-in-out;
}

[openlayersmap] .ol-popup-closer:hover:after {
  color: var(--theme-color-widget-active, #df1b1b);
}

[openlayersmap] .ol-popup-table {
  width: 100%;
  border: 1px solid #dee2e6;
}

[openlayersmap] .ol-popup-table thead th,
[openlayersmap] .ol-popup-table thead td {
  border-bottom-width: 2px;
}

[openlayersmap] .ol-popup-table thead th {
  vertical-align: bottom;
  text-align: justify;
  border-bottom: 2px solid #dee2e6;
}

[openlayersmap] .ol-popup-table th,
[openlayersmap] .ol-popup-table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

[openlayersmap] .ol-popup-table tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

body[background_theme="dark"] canvas {
  filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CHART  --------------------------------*/
.highcharts-container svg {
  pointer-events: all;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CONSOLE  --------------------------------*/
.sidebar-history-console {
  position: absolute;
  top: 50px;
  left: 0px;
  border-radius: 15px;
  z-index: 1000;
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
}

.sidebar-history-console.open {
  animation: showScale 0.5s both;
}

.sidebar-history-console.close {
  animation: hiddenScale 0.5s both;
}

.sidebar-history-console .content-history-console {
  background-color: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
  box-sizing: border-box;
  width: 450px;
  max-height: 600px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  overflow: auto;
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 30%);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TEXTBLOCK  --------------------------------*/
blockquote.aipsin_blockquote {
  border-left: 5px solid #ccc;
  color: var(--theme-color-text, #0C1914);
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding-left: 1.5em;
  padding-right: 1.5em;
  line-height: 1.3em;
}

blockquote.aipsin_blockinfo {
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  padding: 1em 1.5em;
  text-indent: 1em;
  line-height: 1.5em;
  border-radius: 7px;
  background-color: var(--theme-color-tooltip-default, rgba(19, 117, 246, 0.9));
  color: white;
  width: 100%;
}

blockquote.icon_quote {
  position: relative;
  width: calc(100% - 50px) !important;
  margin-left: 50px;
  overflow: initial;
}

blockquote.icon_quote::before {
  content: ' ';
  position: absolute;
  left: -7px;
  top: 50%;
  width: 7px;
  height: 25px;
  background-size: 100% 100% !important;
  transform: translateY(-50%);
  will-change: transform;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

blockquote.icon_quote::after {
  content: ' ';
  position: absolute;
  width: 35px;
  height: 35px;
  background-size: 100% 100% !important;
  transform: translateY(-50%);
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
}

blockquote.icon_quote.info::before {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='36px'><path fill='var(--theme-color-tooltip-default,rgba(17, 117, 247, 0.9))' transform='rotate(90 6 6)' 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;
}

blockquote.icon_quote.info::after {
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' width='36px' height='36px'><path fill='var(--theme-color-tooltip-default,rgba(17, 117, 247, 0.9))' d='M128.00146,24a104,104,0,1,0,104,104A104.12041,104.12041,0,0,0,128.00146,24Zm-.001,48a12,12,0,1,1-12,12A12,12,0,0,1,128.00049,72Zm8.001,112h-8a7.99541,7.99541,0,0,1-8-8V128a8,8,0,0,1,0-16h8a7.99539,7.99539,0,0,1,8,8v48a8,8,0,0,1,0,16Z'/></svg>") no-repeat;
}

[text-hover] {
  --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;
}

[text-hover]:hover {
  --_p: 100%
}

[text-hover-invert] {
  --s: 0.1em;
  --c: var(--theme-color-main, #D60000);
  color: var(--theme-bg-full-opacity, #ffffff00);
  cursor: pointer;
  padding-bottom: var(--s);
  background: linear-gradient(90deg, var(--c) 50%, var(--theme-bg-main, white) 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;
}

[text-hover-invert]:hover {
  --_p: 100%
}

[text-hover-dark] {
  --s: 0.1em;
  --c: var(--theme-color-main, #D60000);
  color: #00000000;
  cursor: pointer;
  padding-bottom: var(--s);
  background: linear-gradient(90deg, var(--c) 50%, 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;
}

[text-hover-dark]:hover {
  --_p: 100%
}

[text-hover-white] {
  --s: 0.1em;
  --c: var(--theme-color-main, #D60000);
  color: #ffffff00;
  cursor: pointer;
  padding-bottom: var(--s);
  background: linear-gradient(90deg, var(--c) 50%, white 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;
}

[text-hover-white]:hover {
  --_p: 100%
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SPAN  --------------------------------*/
.success_span {
  color: var(--theme-color-widget-valid, #32bea6);
  font-weight: bold;
}

.warning_span {
  color: var(--theme-color-widget-warning, #ffac13);
  font-weight: bold;
}

.error_span {
  color: var(--theme-color-widget-error, #c81e1e);
  font-weight: bold;
}

.default_span {
  color: var(--theme-color-widget-default, #2178e9);
  font-weight: bold;
}

.theme_span {
  color: var(--theme-color-main, #D60000);
  font-weight: bold;
}

.bold_span {
  font-weight: bold;
  font-size: medium;
}

.custom_color_span {
  font-weight: bold;
  font-size: medium;
  color: var(--active-widget-color, #D60000);
}

.icon_span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon_span>svg {
  width: 100%;
  height: 100%;
}

.underline_span {
  text-decoration: underline;
}

.center_lines_span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--theme-color-text, #0C1914);
}

.center_lines_span:after,
.center_lines_span:before {
  content: '';
  width: 100%;
  padding: 0px 10px;
  height: 2px;
  background: var(--theme-color-text, #0C1914);
}

.center_lines_span:before {
  margin-right: 15px;
}

.center_lines_span:after {
  margin-left: 15px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CHIP  --------------------------------*/


.ui_box_pagination li .aipsin_chip {
  position: absolute;
  right: 5px;
  top: -50%;
  transform: translateY(100%);
}

.aipsin_chip {
  --chip-height: 22px;
  --chip-size: 75.0rem;
  height: calc(var(--chip-height) + 0px);
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  border-style: solid;
  border-width: 0;
  padding: 7px;
  border-radius: 9999px;
  background: var(--theme-bg-main, white);
  color: var(--theme-color-text, #0C1914);
}

.aipsin_chip.small {
  --chip-height: 12px;
  --chip-size: 5.0rem;
  padding: 4px;
}

.aipsin_chip.medium {
  --chip-height: 22px;
  --chip-size: 75.0rem;
  padding: 7px;
}

.aipsin_chip.big {
  --chip-height: 38px;
  --chip-size: 1rem;
  padding: 10px;
}

.aipsin_chip.new {}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TEXT  --------------------------------*/
[text-animation],
[text-to-flex] {
  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);
}

[text-animation] .word:not(:last-child),
[text-to-flex] .word:not(:last-child) {
  margin-right: 10px;
}

[text-animation] .letter,
[text-to-flex] .letter {
  display: inline-block;
  line-height: 1em;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>TEXT-COPY --------------------------------*/
.aipsin-copy-text {
  position: relative;
  padding: 10px;
  background: var(--theme-bg-main, white);
  /* border: 1px solid var(--theme-border-widget, #969696); */
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  /* border: 1.1px solid var(--theme-color-widget, #c81e1e); */
  border-radius: 10px;
  display: flex;
}

.aipsin-copy-text input {
  flex: 1;
  padding: 10px;
  font-size: 18px;
  color: var(--theme-color-text, #0C1914);
  border: none;
  outline: none;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>LINK  --------------------------------*/
a[link-1] {
  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;
}

a[link-1]: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;
}

a[link-1]:hover {
  background-position: 0;
}

a[link-1]:hover::before {
  width: 100%;
}

/* ################################################# */
a[link-2] {
  color: var(--theme-color-text, #0C1914);
  position: relative;
  text-decoration: none;
  padding-bottom: 3px;
}

a[link-2]::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: var(--theme-color-text, #0C1914);
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a[link-2]:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

/* ################################################# */
a[link-3] {
  box-shadow: inset 0 0 0 0 var(--theme-color-widget, #c81e1e);
  color: var(--theme-color-widget, #c81e1e);
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

a[link-3]:hover {
  color: #fff;
  box-shadow: inset 200px 0 0 0 var(--theme-color-widget, #c81e1e);
}

/* ################################################# */
a[link-4] {
  color: inherit;
  text-decoration: none;
  border-bottom: 3px solid #fff3;
}

a[link-4]::after {
  content: ' → 'attr(href);
}

a[link-4]:hover {
  border-bottom-color: #fff9;
}

a[link-4]:-webkit-any-link:active {
  color: -webkit-activelink;
}

a[link-4]:-webkit-any-link {
  color: -webkit-link;
  cursor: pointer;
  text-decoration: underline;
}

/* ################################################# */
a[link-5][type-2]:before {
  bottom: -50px;
  transform-origin: left;
}

a[link-5][type-2]:hover:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 2s cubic-bezier(0.175, 0.885, 0.32, 1) infinite; animation-delay:-0.25s; stroke:%23c81e1e; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B 25%25%7B d:path('M 0 20 L 10 15 L 20 20 L 30 25 L 40 20 '); %0A%7D%0A50%25%7B%0Ad:path('M 0 20 L 10 25 L 20 20 L 30 15 L 40 20  '); %0A%7D%0A75%25%7B%0Ad:path('M 0 20 L 10 15 L 20 20 L 30 25 L 40 20 '); %0A%7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 20 L 10 25 L 20 20 L 30 15 L 40 20' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0px 50%/40px 40px repeat-x;
  animation: waving 6s linear infinite reverse;
  transform-origin: right;
}

a[link-5][type-3]:before {
  transform-origin: right;
  width: calc(100% + 25px);
}

a[link-5][type-3]:hover:before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 2s linear infinite; animation-delay:0s; stroke:%23c81e1e; stroke-width:2; stroke-dashoffset:0px; stroke-dasharray:80px; stroke-linecap:round; fill:%23ffffff; %7D @keyframes wave%7B 25%25%7B stroke-dashoffset:-80px; %7D 50%25%7B stroke-dashoffset:-80px; %7D 100%25%7B stroke-dashoffset:-160px; %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath class='wave' d='M 0 40 L 50 40 L 80 40 L 54 44 L 54 36 L 80 40 ' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") calc(100% - 10px) 50%/40px 80px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B stroke:%23c81e1e; stroke-width:2; stroke-linecap:round; %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 40 40 40 Q 60 40 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0px 50%/calc(100% - 25px) 80px no-repeat;
  -webkit-animation: none;
  animation: none;
  transform-origin: left;
}

a[link-5] {
  position: relative;
  color: var(--theme-color-text, #0C1914);
  text-decoration: none;
  z-index: 2;
  transition: 0.2s ease-in-out;
}

a[link-5]:hover {
  color: var(--theme-color-widget, #c81e1e);
}

a[link-5]:hover:before,
a[link-5][type-1]:hover:before {
  transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform-origin: left;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B animation:wave 1s ease-in-out infinite alternate; animation-delay:-0.25s; stroke:%23c81e1e; stroke-width:2; stroke-linecap:square; %7D @keyframes wave%7B to%7B d:path('M 0 40 Q 20 42.5 40 40 Q 60 37.5 80 40'); %7D %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 37.5 40 40 Q 60 42.5 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0px 50%/80px 80px repeat-x;
  -webkit-animation: waving 3s linear infinite;
  animation: waving 3s linear infinite;
  transform: scaleX(1);
}

@-webkit-keyframes waving {
  to {
    background-position: 80px 50%, 160px 50%;
  }
}

@keyframes waving {
  to {
    background-position: 80px 50%, 160px 50%;
  }
}

a[link-5]:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 80px;
  left: 0;
  bottom: -45px;
  z-index: -1;
  transform: scaleX(0);
  transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1);
  transform-origin: right;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200%25' height='100%25'%3E%3Cdefs%3E%3Cstyle%3E .wave%7B stroke:%23c81e1e; stroke-width:2; stroke-linecap:square; %7D %3C/style%3E%3C/defs%3E%3Cpattern id='wavePattern' x='0' y='0' width='80' height='80' patternUnits='userSpaceOnUse'%3E%3Cpath fill='none' class='wave' d='M 0 40 Q 20 40 40 40 Q 60 40 80 40' /%3E%3C/pattern%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='url(%23wavePattern)'%3E%3C/rect%3E%3C/svg%3E") 0px 50%/80px 80px repeat-x;
}

/* ################################################# */
a[link-6] {
  text-decoration: none;
  color: var(--theme-color-widget, #c81e1e);
  ;
}

a[link-6] {
  position: relative;
}

a[link-6]::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: var(--theme-color-widget, #c81e1e);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

@media (hover: hover) and (pointer: fine) {
  a[link-6]:hover::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}

/* ################################################# */
a[link-7] {
  text-decoration: none;
  color: var(--theme-bg-main-invert, black);
  cursor: pointer;
}

a[link-7] {
  position: relative;
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

a[link-7]:hover span::before,
a[link-7]:focus span::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

a[link-7] span {
  position: relative;
  display: inline-block;
  color: var(--theme-color-widget-active, #df1b1b);
}

a[link-7] span::before {
  position: absolute;
  content: attr(data-content);
  color: var(--theme-color-widget, #c81e1e);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--theme-color-widget, #c81e1e);
  text-decoration-color: var(--theme-color-widget, #c81e1e);
  -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
  transition: -webkit-clip-path 275ms ease;
  transition: clip-path 275ms ease;
  transition: clip-path 275ms ease, -webkit-clip-path 275ms ease;
}

a[link-7][dotted] span::before {
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
}

a[link-7][dashed] span::before {
  -webkit-text-decoration-style: dashed;
  text-decoration-style: dashed;
}

a[link-7][double] span::before {
  -webkit-text-decoration-style: double;
  text-decoration-style: double;
}

a[link-7][wavy] span::before {
  -webkit-text-decoration-style: wavy;
  text-decoration-style: wavy;
}

a[link-7][line-through] span::before {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
}

/* ################################################# */
a[link-8] {
  position: relative;
  transition: color 0.3s ease-in-out;
}

a[link-8][type-1]::before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 3px;
  background-color: var(--theme-color-widget, #c81e1e);
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a[link-8][type-1]:hover {
  color: var(--theme-color-widget, #c81e1e);
}

a[link-8][type-1]:hover::before {
  transform: scaleX(1);
}

a[link-8][type-2] {
  position: relative;
}

a[link-8][type-2]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: var(--theme-color-text, #0C1914);
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
}

a[link-8][type-2]:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}

a[link-8][type-3] {
  position: relative;
  display: inline-block;
}

a[link-8][type-3]::before,
a[link-8][type-3]::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
}

a[link-8][type-3]::before {
  background-color: var(--theme-color-widget, #c81e1e);
  height: 2px;
  bottom: 0;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

a[link-8][type-3]:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}

a[link-8][type-3]::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
  color: var(--theme-color-widget, #c81e1e);
}

a[link-8][type-3]:hover::after {
  transform: translate3d(0, 0, 0);
}

a[link-8][type-3] span {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.76, 0, 0.24, 1);
}

a[link-8][type-3]:hover span {
  transform: translate3d(-200%, 0, 0);
}

a[link-8][type-4] {
  position: relative;
  font-weight: bold;
}

a[link-8][type-4]::before {
  content: "";
  background-color: var(--theme-color-widget, #c81e1e);
  position: absolute;
  left: 0.5rem;
  bottom: 5px;
  width: 100%;
  height: 8px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

a[link-8][type-4]:hover::before {
  left: -5px;
  bottom: 0;
  height: 100%;
  width: calc(100% + 10px);
}

a[link-8][type-5] {
  background-image: linear-gradient(var(--theme-bg-main, white) 50%, var(--theme-color-widget, #c81e1e) 50%);
  background-size: auto 175%;
  transition: background 0.3s ease-in-out;
}

a[link-8][type-5]:hover {
  background-position-y: 100%;
}

/* ################################################# */
a[link-9] {
  text-decoration: none;
  color: var(--theme-color-text, #0C1914);
  font-weight: 700;
  position: relative;
  transition: all 0.3s ease-in-out;
}

a[link-9]::before {
  content: '';
  background-color: var(--theme-color-widget-active, #df1b1b);
  opacity: 75%;
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 100%;
  height: 8px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

a[link-9]:hover {
  color: white;
}

a[link-9]:hover::before {
  bottom: 0;
  height: 100%;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CODE  --------------------------------*/
pre[cmd-aipsin][cmd-pre-input] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

pre[cmd-aipsin] {
  position: relative;
  background: var(--theme-bg-main, white);
  border: 3px solid var(--theme-bg-widget, #eeeeee);
  border-radius: 2px;
  color: var(--theme-color-text, #0C1914);
  direction: ltr;
  font-style: normal;
  min-width: 200px;
  padding: 1em;
  tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  border-radius: 5px;
  white-space-collapse: initial;
}

pre[cmd-aipsin] code {
  background: unset;
  border-radius: 0px;
  padding: 0;
  word-break: break-all;
}

pre[cmd-aipsin] code[has_json] {
  white-space-collapse: preserve;
}

pre[cmd-aipsin] sup {
  user-select: none;
  position: absolute;
  color: var(--theme-color-widget, #c81e1e);
  font-family: var(--ck-font-face);
  font-size: 10px;
  line-height: 16px;
  right: 10px;
  top: -1px;
  white-space: nowrap;
  background-color: var(--theme-bg-widget, #eeeeee);
  border-radius: 2px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  padding: 2px 4px;
  cursor: pointer;
  transition: all 0.2s linear;
}

pre[cmd-aipsin]:hover sup {
  color: var(--theme-color-widget-active, #df1b1b);
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>PDF  --------------------------------*/
[aipsin_pdf] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

[aipsin_pdf]>[header_aipsin_pdf] {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>SLIDER  --------------------------------*/
.slider_box {
  width: 100%;
  height: 280px;
  display: block;
}

.slider_body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 50px);
  overflow: hidden;
  position: relative;
}

.slider_content {
  display: flex;
  align-items: center;
  justify-content: left;
  width: calc(100% - 100px);
  height: 100%;
  transform: translateX(0%);
  counter-reset: slide;
  transition: transform 0.5s ease-in-out;
}

.slider_content div {
  height: 100%;
  flex: 0 0 100%;
  counter-increment: slide;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.slider_content div::before {
  content: counter(slide);
  position: absolute;
  top: 5px;
  left: 5px;
  color: black;
  display: block;
}

.slider_content div>.slider_slide_name {
  width: 100%;
  height: 15px;
  text-align: center;
  bottom: 5px;
  position: absolute;
  color: #000000;
}

.slider_left {
  cursor: pointer;
  width: 50px;
  height: 100%;
}

.slider_right {
  cursor: pointer;
  width: 50px;
  height: 100%;
}

.slider_top {
  cursor: pointer;
  height: 50px;
  width: 100%;
}

.slider_bottom {
  cursor: pointer;
  height: 50px;
  width: 100%;
}

.slider_top svg {
  transform: rotate(-90deg);
}

.slider_bottom svg {
  transform: rotate(90deg);
}

.slider_left svg {
  transform: rotate(180deg);
}

.slider_left {
  z-index: 3;
  position: absolute;
  left: 0px;
}

.slider_right {
  z-index: 3;
  position: absolute;
  right: 0px;
}

.slider_top {
  z-index: 3;
  position: absolute;
  top: 0px;
}

.slider_bottom {
  z-index: 3;
  position: absolute;
  bottom: 0px;
}

.slider_top:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

.slider_bottom:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

.slider_left:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

.slider_right:hover {
  background-color: rgba(230, 230, 230, 0.5);
}

.prev_slider_arrow,
.next_slider_arrow {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.next_slider_arrow svg {
  width: 25px;
  height: 25px;
}

.prev_slider_arrow svg {
  width: 25px;
  height: 25px;
}

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

.slider_footer .slider_dots {
  height: 100%;
  min-width: 150px;
}

.steps-content {
  z-index: 1;
}

.steps-content .steps {
  display: flex;
  list-style: none;
  counter-reset: step;
}

.steps-content .steps li {
  float: left;
  position: relative;
  text-align: center;
}

.steps-content .steps li:before {
  content: attr(data-content);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: black;
  font-size: 7pt;
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 50%;
  background-color: white;
  height: 26px;
  width: 26.5px;
  cursor: pointer;
  border: 1.1px solid #bebebe;
  transition: 0.3s;
}

.steps-content .steps li:hover:before {
  background-color: rgb(245, 78, 66);
  color: white;
}

.steps-content .steps li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #979797;
  top: 15px;
  left: -50%;
  z-index: -1;
}

.steps-content .steps li:first-child:after {
  content: none;
}

.steps-content .steps li.active:before {
  background-color: rgb(241, 54, 41);
  color: white;
}

.steps-content .step-content {
  position: absolute;
  display: none;
  min-width: 100px;
  top: 35px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 10px;
  background-color: rgb(36, 36, 36);
  border-radius: 5px;
  color: white;
  word-wrap: break-word;
  cursor: pointer;
}

.steps-content .step-content::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent rgb(36, 36, 36) transparent;
}

.steps-content .step:hover .step-content {
  display: block;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>ANIMATIONS  --------------------------------*/
[text-animation][scale-show]{
  visibility: hidden;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>ERROR  --------------------------------*/
.error_msg {
  position: absolute !important;
  top: 50%;
  right: -28px;
  transform: translateY(-50%);
  cursor: pointer;
  padding: 2.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.error_msg>svg {
  width: 25px;
  height: 25px;
  fill: var(--theme-color-widget-error, #c81e1e);
}

.error_msg>svg:hover {
  fill: var(--theme-color-widget-error-active, #df1b1b);
}

.aipsin_error_ul {
  margin-top: 25px !important;
  margin-bottom: 15px !important;
  user-select: none;
}

.aipsin_error_ul>.aipsin_error_li {
  position: relative;
  list-style: none;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--theme-color-widget-error, #c81e1e);
  animation: theme_color_shine 5s infinite linear both;
}

.aipsin_error_ul>.aipsin_error_li>span {
  font-weight: bold;
  padding-left: 10px;
}

.aipsin_error_ul>.aipsin_error_li>em {
  cursor: pointer;
  position: absolute !important;
  left: 0;
  top: 50%;
  d: path("M5.5,11 9,13.3");
  fill: var(--theme-color-widget-error, #c81e1e);
  transform: translate(-105%, -50%);
  animation: theme_fill_shine 5s infinite linear both;
}

.aipsin_error_ul>.aipsin_error_li>em>svg {
  pointer-events: none !important;
  --marker-color: var(--theme-color-widget-error, #c81e1e);
  width: 25px;
  height: 25px;
  fill: none;
  stroke: var(--marker-color);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: theme_stroke_shine 5s infinite linear both;
}

.aipsin_error_ul>.aipsin_error_li>em>svg * {
  transition: 200ms ease-out;
}

.aipsin_error_ul>.aipsin_error_li>em>svg .marker--ring {
  cx: 10;
  cy: 10;
  r: 9;
  stroke: var(--marker-color);
  animation: theme_stroke_shine 5s infinite linear both;
}

.aipsin_error_ul>.aipsin_error_li>em>svg {
  --marker-color: var(--theme-color-widget-error, #c81e1e);
}

.aipsin_error_ul>.aipsin_error_li>em>svg .marker--pfft {
  d: path("M10,15 10,15");
}

.aipsin_error_ul>.aipsin_error_li>em>svg .marker--tzch {
  d: path("M10,5 10,11.5");
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CATCH  --------------------------------*/
/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CATCH>CONNECTIONERROR  --------------------------------*/
.content_catch>.animated_catch.service {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content_catch>.animated_catch.service svg {
  fill: var(--theme-bg-main-invert, black)
}

.content_catch>.animated_catch.service [pc],
.content_catch>.animated_catch.service [mobile],
.content_catch>.animated_catch.service [server] {
  height: 75px;
  aspect-ratio: 1/1;
  display: flex;
  fill: var(--theme-bg-main-invert, black);
}

.content_catch>.animated_catch.service [pc],
.content_catch>.animated_catch.service [mobile] {
  animation: shake_catch_icon 25s infinite ease-in-out both;
}

.content_catch>.animated_catch.service [server] {
  animation-direction: reverse !important;
  animation: shake_catch_icon 25s infinite ease-in-out both;
}

.content_catch>.animated_catch.service>.animated_line {
  position: absolute;
  width: calc(100% - 170px);
  height: 4px;
  border-radius: 5px;
  background: var(--theme-border-widget, #969696);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content_catch>.animated_catch.service>.animated_line::after {
  content: '';
  display: flex;
  width: 0%;
  height: 100%;
  border-radius: 5px;
  background: red;
  animation: animation_catch_connection_line 8s infinite ease-in-out both;
}

.content_catch>.animated_catch.service>.animated_line::before {
  content: '';
  background: url("data:image/svg+xml; charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='100%' height='100%'><path fill='rgb(200 30 30)' d='m292.2 256 109.9-109.9c10-10 10-26.2 0-36.2s-26.2-10-36.2 0l-109.9 109.9-109.9-109.9c-10-10-26.2-10-36.2 0s-10 26.2 0 36.2l109.9 109.9-109.9 109.9c-10 10-10 26.2 0 36.2 5 5 11.55 7.5 18.1 7.5s13.1-2.5 18.1-7.5l109.9-109.9 109.9 109.9c5 5 11.55 7.5 18.1 7.5s13.1-2.5 18.1-7.5c10-10 10-26.2 0-36.2z'/></svg>") no-repeat;
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  animation: close_catch_show_hide 8s infinite ease-in-out both;
}

@keyframes shake_catch_icon {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  9% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  18% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  27% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  36% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  45% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  54% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  63% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  72% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  81% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  90% {
    transform: translate(1px, -2px) rotate(-1deg);
  }

  100% {
    transform: translate(1px, 1px) rotate(0deg);
  }
}

@keyframes close_catch_show_hide {
  0% {
    width: 0px;
    height: 0px;
  }

  84% {
    width: 0px;
    height: 0px;
  }

  85% {
    width: 27px;
    height: 27px;
  }

  86% {
    width: 25px;
    height: 25px;
  }

  90% {
    width: 0;
    height: 0;
  }

  100% {
    width: 0;
    height: 0;
  }
}

@keyframes animation_catch_connection_line {
  0% {
    width: 0%;
    background: red;
  }

  25% {
    width: 27%;
    background: rgb(255, 123, 0);
  }

  35% {
    width: 40%;
    background: rgb(255, 208, 0);
  }

  85% {
    width: 50%;
    background: rgb(187, 255, 0);
  }

  100% {
    width: 0%;
    background: red;
  }
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CATCH  --------------------------------*/
.content_catch {
  margin: 15px 0px;
  width: 70%;
  height: auto;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.content_catch>.catch_text {
  margin-top: 10px;
}

.content_catch>.animated_catch {
  margin-bottom: 10px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>CAPTCHA  --------------------------------*/
aipsin-captcha {
  position: relative;
  width: 100%;
  margin: auto;
  padding: 4px 10px;
  border-radius: 7px;
  border: 1.1px solid var(--theme-border-widget, #969696);
  color: var(--theme-border-widget, #969696);
  display: flex;
  flex-direction: column;
}

aipsin-captcha>.aipsin_captcha_container {
  display: flex;
}

aipsin-captcha>.aipsin_captcha_container>.aipsin_captcha_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

aipsin-captcha>.aipsin_captcha_container>.aipsin_captcha_info>.icon_aipsin {
  width: 38px;
  height: 38px;
  margin: 6px 6px;
  fill: var(--theme-color-main, #D60000);
}

aipsin-captcha>.aipsin_captcha_container>.aipsin_captcha_info h4 {
  color: var(--theme-border-widget, #969696);
}

aipsin-captcha a {
  text-align: right;
  font-size: 0.5rem;
}

aipsin-captcha .captcha_dropdown {
  position: absolute;
  top: 0px;
  left: 50%;
  padding-bottom: 10px;
  transform: translate(-50%, -100%);
}

aipsin-captcha .captcha_dropdown .captcha_dropdown_content {
  width: 100%;
  height: auto;
  border-radius: 7px;
  padding: 10px;
  background: var(--theme-bg-main, white);
  box-shadow: 0em 5px 20px 0px rgb(138 138 138 / 30%);
}

aipsin-captcha .captcha_dropdown .captcha_dropdown_content .row_captcha_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

aipsin-captcha .captcha_dropdown .captcha_dropdown_content .row_captcha_item>* {
  margin: 5px;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>STYLE_ISOLATOR  --------------------------------*/
.input_aipsin input:focus,
.textarea_aipsin textarea:focus {
  outline: none !important;
  transform: unset !important;
  transition: border-color 0.2s;
  box-shadow: unset !important;
}

/*--------------------------------  IMPORT>UI>NEW_WIDGETS>WIDGET_MOBILE  --------------------------------*/
@media (max-width:1320px) {
  .form_aipsin>.form_aipsin_content {
    grid-template-columns: 1fr !important;
  }

  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item {
    grid-column: unset !important;
    justify-content: flex-start !important;
  }

  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item>label,
  .form_aipsin>.form_aipsin_content>.form_aipsin_content_item>div {
    align-items: flex-start !important;
  }

  .toolbar_aipsin_btn p {
    display: inline-block;
    visibility: visible;
    opacity: 1;
    transition: all 0.4s linear;
    max-width: 350px;
    font-weight: 100;
    /* max-width: 250px; */
    padding-left: 10px;
    padding-right: 10px;
  }

  .toolbar_aipsin_btn:hover p {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* .toolbar_aipsin_btn i {
    display: none;
  } */
  
  .aipsin_range .input_aipsin input:not(:placeholder-shown)~p{
    display: none;
  }
}




/* .input_aipsin input:not(:placeholder-shown)~p */

/*--------------------------------  IMPORT>UI>NEW_WIDGETS  --------------------------------*/
:root {
  --theme-color-tooltip: rgba(17, 17, 17, 0.9);
  --theme-color-widget-valid: #32bea6;
  --theme-color-widget-valid-active: #2ecab0;
  --theme-hover-widget-valid: #a9e2d9;
  --theme-color-tooltip-valid: rgba(50, 190, 167, 0.9);
  --theme-color-widget-warning: #ffac13;
  --theme-color-widget-warning-active: #ffaf1c;
  --theme-hover-widget-warning: #ffd27d;
  --theme-color-tooltip-warning: rgba(255, 176, 28, 0.9);
  --theme-color-widget-error: #c81e1e;
  --theme-color-widget-error-active: #df1b1b;
  --theme-hover-widget-error: #f3cfcf;
  --theme-color-tooltip-error: rgba(223, 27, 27, 0.9);
  --theme-color-widget-default: #2178e9;
  --theme-color-widget-default-active: #1174f7;
  --theme-hover-widget-default: #b5cceb;
  --theme-color-tooltip-default: rgba(19, 117, 246, 0.9);
  --theme-border-widget: #969696;
  --theme-border-table: #e9e9e9;
}

/*
::selection { color:white; background: var(--theme-color-widget, #c81e1e); }
::-moz-selection { color: white; background: var(--theme-color-widget, #c81e1e); }
*/