/*:root {
  / *--theme2: #3E7E3A;
  --background2: #FFFFFF;
  --border1: #D9D9D9;

  --gradientA: #3E7E3A;
  --gradientB: #50a44b;
  --gradientC: #63ca5d;

  --second_accent2: #A8C3A8;

  --form_group1_background2: #F8F8F8;
  --form_control_background2: #E9ECEF;
  --form_control_border2: #CED4DA;

  --link_color2: #007BFF;
  --link_hover_color2: #FFFFFF;
  --menu_link_color2: #EEEEEE;
  --menu_hover_background2: #007BFF;  
  --switch3c_button2: #7DB579;
  --switch3c_background2: #BDD9BC;* /

  --soft_primary_background2: #F5FAFF;
  --soft_success_background2: #F0FAF0;
  --soft_danger_background2: #FFF2F0;
  --soft_warning_background2: #FFF8EB;
  --soft_secondary_background2: #F0F0F0;
  --soft_info_background2: #F5FAFF;

  / *--car_dates_status_not_available_text2: #9FA8AF;
  --car_dates_status_booked_dot2: #7DB579;
  --car_dates_status_holiday_dot2: #F92F2F;
  --car_dates_status_not_available_dot2: #9FA8AF;
  --car_dates_status_available_dot2: #EAC236;
  --car_dates_selected_date_text2: #5D9C59;* /

  / *--tooltip_background2: #F7D67D;
  --tooltip_text2: black;* /

  --notification_header_background2: #3E7E3A;
  --notification_second_background2: #C3EFAA;
  --notification_third_background2: #DAF8C9;
  --notification_lighter_background2: #F2F7EF;
  --notification_icon1_color2: #3E7E3A;
  --notification_icon2_color2: #FD2A2A;
  --notification_icon3_color2: blue;

  /*--host_car_images_default: yellow;

  --modal_info_border2: #EDEDED;
  --icon_info_help2: #8639DD;* /
  --navigation_separator_border2: #EEEEEE;

  / *  --size_side_margin: 32px;* /

  --button_height2: 38px;
  --button_cancel_background2: #FFFFFF;

  --light_border2: #F0F0F0;
  --light_border3: #ECECEC;
  --main_background2: white;
  --main_text_color2: black;
  --main_button_color2: #28A745;
  --main_button_background2: #D4EDDA;
  --main_button_color3: black;
  --main_button_background3: white;
  --main_button_border_radius2: 6px;
  --main_button_border_color2: #218B3A;
  --main_button_font_size2: 14px;
  --main_button_background4: #EEEEEE;
  --main_button_color4: black;
  --main_button_hover_box_shadow_background2: rgba(0, 0, 0, 0.075); / * --dt-row-stripe * /
  --modal_button_background2: #218B3A;

  --back_link_color2: black;

  --breadcrumb_item_active_color2: #28A745;
  --profile_user_img_border2: #28A745;

  --content_left_margin2: 8px;
  --content_left_padding2: 7.5px;
  --content_gap2: 16px;

  --top_navigation_height2: 64px;
  --top_navigation_icon_color2: black;
  --top_navigation_icon_height2: 42px;
  --top_navigation_icon_width2: 40px;
  --top_navigation_icon_background2: #FAFAFA;
  --top_navigation_search_list_group_item_selected_background2: #28A745;
  --left_navigation_brand_height2: 64px;
  --left_navigation_role_background2: #28A745;
  --left_navigation_height2: 44px;
  --left_navigation_margin2: 10px;
  --left_navigation_color2: black;
  --left_navigation_background2: white;
  --left_navigation_hover_color2: white;
  --left_navigation_hover_background2: #28A745;
  --left_navigation_active_color2: white;
  --left_navigation_active_background2: #28A745;
  --left_navigation_parent_active_color2: #28A745;
  --left_navigation_parent_active_background2: #EDF5F0;
  --left_navigation_item_leaf_color2: #E0E0E0;
  
  --data_table_font_size2: 14px;
  --data_table_thead_background2: #FCFCFD;
  --data_table_tbody_row_even_background2: white;
  --data_table_tbody_row_odd_background2: white;
  --data_table_pagination_button_color2: black;
  --data_table_pagination_button_border_color2: #D9D9D9;
  --data_table_pagination_button_active_color2: #218B3A;
  --data_table_pagination_button_active_border_color2: #218B3A;
  --data_table_pagination_button_hover_background2: #218B3A;
  --data_table_pagination_button_hover_color2: white;
  --data_table_pageNumber_height2: 32px;
  --data_table_custom_control_per_page__select_height2: 32px;

  --data_table_tbody_row_even_background2: white;
  --data_table_tbody_row_odd_background2: white;
  --data_table_tbody_tr_height2: 80px;

  --page_header_card_color2: #5F6D7E;

  --pnotify_width2: 400px;
  --pnotify_color2: black;
  --pnotify_background2: white;
  --pnotify_notice_background2: white;
  --pnotify_success_background2: #F0FAF0;
  --pnotify_error_background2: red;
  --pnotify_info_background2: #FFF8EB;
  --z_index_modal_image2: 1250;
  --z_index_modal_info2: 1251;
}
*/

/*@font-face {
  font-family: 'plus-jakarta-regular';
  src: url('/font/PlusJakartaSans-Regular.ttf');
}*/

/* @font-face {
  font-family: 'plus-jakarta-bold';
  src: url('/font/PlusJakartaSans-Bold.ttf');
}
@font-face {
  font-family: 'plus-jakarta-medium';
  src: url('/font/PlusJakartaSans-Medium.ttf');
} */



.bg-soft-primary {
  background-color: var(--soft_primary_background2) !important;
}
.bg-soft-success {
  background-color: var(--soft_success_background2) !important;
}
.bg-soft-danger {
  background-color: var(--soft_danger_background2) !important;
}
.bg-soft-warning {
  background-color: var(--soft_warning_background2) !important;
}
.bg-soft-secondary {
  background-color: var(--soft_secondary_background2) !important;
}
.bg-soft-info {
  background-color: var(--soft_info_background2) !important;
}

html, body {
  overscroll-behavior-y: contain;
}


body {
  padding: 0px;
  margin: 0px;
  margin-top: 0px;
  font-family: 'plus-jakarta-regular';
  /*font-family: 'fira-sans-regular';*/
  /*  font-size: 14px;*/
  /*  font-size: 11px;*/
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  font-feature-settings: 'clig' off, 'liga' off;
}


a:hover {
  /*  color: var(--primary);*/
  color: var(--link_color2);
}





/* bootstrap validation */
/* error */
.was-validated .form-control:invalid, .form-control.is-invalid {
  background-image: none;
  /*  color: red;*/
  color: var(--error_text2);
  /* padding-right: calc(1.6em + 0.75rem); */
  /*  padding: 0;*/
}


.form_attribute.is-invalid {
  color: var(--error_text2);
  padding: 0;
}

.was-validated .form-control.date_picker_new:invalid, 
.form-control.date_picker_new.is-invalid {
  padding-right: 13px;
}







/* pnotify before 230906_153919 */
/*.brighttheme-notice {
  / *  background-color: #ffffa2;* /
  background-color: var(--second_accent2);
  / *  border: 0 solid #ff0;* /
  border: 0 solid var(--border2);
  color: #4f4f00;
}
.brighttheme-icon-notice {
  / * display: none; * /
}
.ui-pnotify-icon, .ui-pnotify-icon span {
  display: none;
}
.ui-pnotify-closer {
  visibility: visible !important;
}*/


/* PNotify */
/*.ui-notify {*/
.ui-pnotify {
  /*  width: 300px;*/
  /*  right: 0px;*/
  /*  top: 0px;*/
  padding: 10px 60px;
  /*  display: inline-flex;*/
  /*  justify-content: center;*/
  /*  align-items: center;*/
  /*  gap: 5px;*/
  background-color: transparent;
  /*  cursor: auto;*/
  width: 100% !important;
  right: 0px !important;
  /*  top: 0px !important;*/

  width: var(--pnotify_width2) !important;
  /*  min-width: 400px;*/
}
.ui-pnotify::after {
  content: "\00a0";
}

.ui-pnotify .ui-pnotify-icon {
  /*display: none;*/
  display: block;
}

.ui-pnotify-icon, .ui-pnotify-icon span {
  border: none;
}

.ui-pnotify-closer {
  /*  visibility: visible !important;*/
  /*padding-top: 8px;
  height: 0px;*/
  display: none;
}
.ui-pnotify-sticker {
  display: none;
}
.ui-pnotify-title {
  color: var(--pnotify_text2);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  margin-bottom: 0px;
}

.ui-pnotify-action-bar {
  display: none;
}


/*
.ui-pnotify-container {
  text-align: center;
}

.ui-pnotify-title {
  text-align: center;
}
*/






/*.ui-pnotify-shadow {*/
.brighttheme-notice {
  border-radius: 0px;
  border-bottom-left-radius: var(--size_notification_border_radius);
  border-bottom-right-radius: var(--size_notification_border_radius);
  /*  background-color: var(--second_accent2);*/
  background-color: var(--pnotify_background2);
  /*  border: 0 solid var(--border2);*/
  /*  color: #4f4f00;*/
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  /*  left: 0px;*/
  padding: 10px 30px 10px 30px !important;
  border-bottom-width: 0px !important;
}
.brighttheme-icon-notice {
  background-color: transparent !important;
}
.brighttheme .ui-pnotify-title {
  margin-bottom: 0px !important;
}
.ui-pnotify-icon,
.pnotify-icon {
  margin-top: 2px;
}
.brighttheme-icon-notice:after {
  content: "" !important;
  /*  content: url("/images/icons/success_circle_outline.png") !important;*/
  /*background-image: url('/images/icons/success_circle_outline.png');*/
  background-image: url('/images/icons/emoji_happy.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
}


.brighttheme-error {
  /*background-image: repeating-linear-gradient(135deg, transparent, transparent 35px, rgba(255, 255, 255, .3) 35px, rgba(255, 255, 255, .3) 70px);*/
  /*border: 0 solid #ff1800;*/
  /*color: #4f0800;*/
  /*color: white;*/
  background-image: none;
  /*border-radius: 15px !important;*/
  border-radius: 0px !important;
  border-bottom-left-radius: var(--size_notification_border_radius) !important;
  border-bottom-right-radius: var(--size_notification_border_radius) !important;
  background-color: var(--pnotify_error_background2);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  padding: 10px 30px 10px 30px !important;
  border-bottom-width: 0px !important;
}

.brighttheme-icon-error:after {
  content: " " !important;
  background-image: url('/images/icons/emoji_sad.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
}






.custom_pnotification1 .ui-pnotify-container {
  padding: 32px;
  gap: 24px;
  border-radius: 8px;
  color: var(--pnotify_color2);
  background-color: var(--pnotify_background2);
  /*  border-color: blue;*/
}

.custom_pnotification1 .ui-pnotify-container.brighttheme.brighttheme-notice {
  background-color: var(--pnotify_notice_background2);
}

.custom_pnotification1 .ui-pnotify-container.brighttheme.brighttheme-success {
  background-color: var(--pnotify_success_background2);
}

.custom_pnotification1 .ui-pnotify-container.brighttheme.brighttheme-error {
  background-color: var(--pnotify_error_background2);
}

.custom_pnotification1 .ui-pnotify-container.brighttheme.brighttheme-info {
  background-color: var(--pnotify_info_background2);
}


/* Alert Success Color */
.custom_pnotification1.custom-notification-alert-success .ui-pnotify-container {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.custom_pnotification1.custom-notification-alert-success .ui-pnotify .notification .ui-pnotify-icon > span {
  border-color: #c3e6cb;
}
/* Alert Danger Color */
.custom_pnotification1.custom-notification-alert-danger .notification {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.custom_pnotification1.custom-notification-alert-danger .ui-pnotify .notification .ui-pnotify-icon > span {
  border-color: #f5c6cb;
}
/* Alert Warning Color */
.custom_pnotification1.custom-notification-alert-warning .notification {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.custom_pnotification1.custom-notification-alert-warning .ui-pnotify .notification .ui-pnotify-icon > span {
  border-color: #ffeeba;
}
/* Alert Info Color */
.custom_pnotification1.custom-notification-alert-info .notification {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.custom_pnotification1.custom-notification-alert-info .ui-pnotify .notification .ui-pnotify-icon > span {
  border-color: #bee5eb;
}
/* Alert light Color */
.custom_pnotification1.custom-notification-alert-light .notification {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.custom_pnotification1.custom-notification-alert-light .ui-pnotify .notification .ui-pnotify-icon > span {
  border-color: #fdfdfe;
}
/* Alert dark Color */
.custom_pnotification1.custom-notification-alert-dark .notification {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.custom_pnotification1.custom-notification-alert-dark .ui-pnotify .notification .ui-pnotify-icon > span {
  border-color: #c6c8ca;
}





/* 251013_115228 - new version of PNotify */
.pnotify[data-pnotify] {
  /*width: calc(100vw - 100px);*/
}
[data-pnotify] .brighttheme-icon, 
[data-pnotify] .brighttheme-icon>span, 
[data-pnotify] .brighttheme-icon>span:after {
  content: " " !important;
  /*background-image: url(/images/icons/emoji_sad.png);*/
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
}
[data-pnotify] .brighttheme-error {
  /*--brighttheme-background-color: var(--error-background-color);*/
  /*--brighttheme-border-color: var(--error-border-color);*/
  /*--brighttheme-text-color: var(--error-text-color);*/
  --brighttheme-text-color: black;
  /*--brighttheme-icon-filter: var(--error-icon-filter);*/
  --brighttheme-icon-filter: none;
  /*--brighttheme-primary-button-background-color: var(--error-border-color);*/
  /*--brighttheme-primary-button-text-color: var(--error-text-color);*/
}
[data-pnotify] .brighttheme-error {
  /*background-color: white;*/
  background-image: none;
  /*border-radius: 15px !important;*/
  border-radius: 0px !important;
  border-bottom-left-radius: var(--size_notification_border_radius) !important;
  border-bottom-right-radius: var(--size_notification_border_radius) !important;
  background-color: var(--pnotify_error_background2);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  padding: 10px 30px 10px 30px !important;
  border-bottom-width: 0px !important;
}
[data-pnotify] .brighttheme-icon-error:after {
  content: " " !important;
  background-image: url('/images/icons/emoji_sad.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
  filter: none;
}
[data-pnotify] .brighttheme-title {
  display: none;
}

[data-pnotify] .brighttheme-confirm, 
[data-pnotify] .brighttheme-title+.brighttheme-text {
  margin-top: 0;
  overflow-y: hidden;
  text-align: center;
}



[data-pnotify] .brighttheme-notice {
  /*--brighttheme-background-color: var(--notice-background-color);*/
  --brighttheme-background-color: var(--pnotify_background2);
  /*--brighttheme-border-color: var(--notice-border-color);*/
  /*--brighttheme-text-color: var(--notice-text-color);*/
  /*--brighttheme-icon-filter: var(--notice-icon-filter);*/
  --brighttheme-icon-filter: none;
  /*--brighttheme-primary-button-background-color: var(--notice-border-color);*/
  /*--brighttheme-primary-button-text-color: var(--notice-text-color);*/
  --brighttheme-primary-button-text-color: black;
}
[data-pnotify] .brighttheme-notice {
  background-image: none;
  /*border-radius: 15px !important;*/
  border-radius: 0px !important;
  border-bottom-left-radius: var(--size_notification_border_radius) !important;
  border-bottom-right-radius: var(--size_notification_border_radius) !important;
  /*background-color: var(--pnotify_background2);*/
  color: black;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  padding: 10px 30px 10px 30px !important;
  border-bottom-width: 0px !important;
}
[data-pnotify] .brighttheme-icon-notice:after {
  content: " " !important;
  background-image: url('/images/icons/emoji_happy.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
  filter: none;
}
[data-pnotify] .brighttheme-icon-closer:after {
  color: black;
}




[data-pnotify] .brighttheme-success {
  /*--brighttheme-background-color: var(--success-background-color);*/
  /*--brighttheme-border-color: var(--success-border-color);*/
  /*--brighttheme-text-color: var(--success-text-color);*/
  /*--brighttheme-icon-filter: var(--success-icon-filter);*/
  --brighttheme-icon-filter: none;
  /*--brighttheme-primary-button-background-color: var(--success-border-color);*/
  /*--brighttheme-primary-button-text-color: var(--success-text-color);*/
}
[data-pnotify] .brighttheme-icon-success:after {
  content: " " !important;
  background-image: url('/images/icons/emoji_happy.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
  /*filter: none;*/
}





.pnotify.pnotification_progress1[data-pnotify] {
  /*padding-left: 100px;*/
  width: 200px !important;
}

.pnotify.pnotification_progress1[data-pnotify] .brighttheme-container {
  padding: 0 !important;
  background-color: transparent;
}
.pnotify.pnotification_progress1[data-pnotify].pnotify-with-icon .brighttheme-content {
  margin: 0 !important;
  background-color: #e7e7e7;
  /*border-radius: 15px !important;*/
  border-radius: 0px !important;
  border-bottom-left-radius: var(--size_notification_border_radius) !important;
  border-bottom-right-radius: var(--size_notification_border_radius) !important;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  padding: 0 !important;
  border-bottom-width: 0px !important;
}
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-confirm, 
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-title+.brighttheme-text {
  margin-top: 0;
}
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-icon, 
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-icon>span, 
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-icon>span:after {
  
}
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-closer, 
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-icon, 
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-sticker {
  display: none;
}
.pnotify.pnotification_progress1[data-pnotify] .pnotify-closer {
  display: none;
}
/*.ui-pnotify-action-bar {
  display: none;
}
*/
.pnotify.pnotification_progress1[data-pnotify] .pnotify-icon {
  display: none;
}
.pnotify.pnotification_progress1[data-pnotify] .pnotify-icon, 
.pnotify.pnotification_progress1[data-pnotify] .pnotify-icon span {
  border: none;
}
.pnotify.pnotification_progress1[data-pnotify] .pnotify-title.brighttheme-title {
  display: none;
}
.pnotify.pnotification_progress1[data-pnotify].pnotify.pnotify-stack-down .pnotify-shadow {
  border-bottom-width: 0px !important;
}
/*.pnotify.pnotification_progress1[data-pnotify] .brighttheme.pnotify-container {
  border-radius: 15px !important;
  background-color: var(--pnotify_background2);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  padding: 0 !important;
  border-bottom-width: 0px !important;
}
.pnotify.pnotification_progress1[data-pnotify] .brighttheme-icon-info:after {
  content: " " !important;
  background-image: url('/images/icons/success_circle_outline.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
}*/











#ui-datepicker-div {
  z-index: var(--z_index_datepicker) !important;
}



.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  margin-left: 5px;
}

.ui-datepicker-trigger {
  position: relative;
  top: -34px;
  left: calc(100% - var(--size_input_left_padding_icon) - 14px);
  height: 16px;
  width: 16px;
}


input[type="text"].date_picker {
  padding-left: 14px;
}
/*input[type="text"].date_picker::after {
  content: "" !important;
  background-image: url('/images/icons/date_picker.png');
  background-size: 17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
}*/


.drop_down_input .date_picker {
}
.drop_down_input.drop_down_input_bordered .ui-datepicker-trigger {
  left: 13px;
  top: -28px;
}
.drop_down_input.drop_down_input_bordered input[type="text"].date_picker {
  padding-left: 37px;
}





input[type="date"].date_picker_new {
  /*padding-left: 37px;*/
}
.date_picker_new_icon {
  left: 13px;
  top: -28px;
  position: relative;
  pointer-events: none;
  /*position: absolute;
  right: 22px;
  margin-top: -33px;*/

}
.date_picker_new_icon img {
  height: 20px;
  width: 20px;
}






.drop_down_input2 {
  height: var(--size_input_height);
}














.ui-timepicker-container {
  z-index: var(--z_index_timepicker) !important;
}


.drop_down_input .time_picker {
  padding-left: 48px;
}
.drop_down_input .time_picker_left_input_icon {
  float: left;
  height: 0; margin-top: -29px; margin-left: 13px;
  pointer-events: none;
  position: relative;
}
.drop_down_input .time_picker_left_input_icon img {
  width: 20px;
  height: 20px;
}

.drop_down_input.drop_down_input_bordered .time_picker {
  padding-left: 37px;
}
.drop_down_input.drop_down_input_bordered .time_picker_left_input_icon {
}





.drop_down_input .time_picker_new {
  padding-left: 48px;
}
.drop_down_input .time_picker_left_new_input_icon {
  float: left;
  height: 0; margin-top: -29px; margin-left: 13px;
  pointer-events: none;
  position: relative;
}
.drop_down_input .time_picker_left_new_input_icon img {
  width: 20px;
  height: 20px;
}

.drop_down_input.drop_down_input_bordered .time_picker_new {
  padding-left: 37px;
}
.drop_down_input.drop_down_input_bordered .time_picker_left_new_input_icon {
}





.drop_down_input.drop_down_input_bordered.prepend_calendar_icon {  }
.drop_down_input.drop_down_input_bordered.prepend_calendar_icon select, .drop_down_input.drop_down_input_bordered.prepend_calendar_icon input {
  padding-left: 36px;
}
.drop_down_input.drop_down_input_bordered.prepend_calendar_icon .calendar_icon {
  left: 13px;
  top: -28px;
}
.calendar_icon {
  position: relative;
  left: var(--size_input_left_padding_icon);
  top: -34px;
  height: 20px;
  width: 20px;
}











/* country flags picker */
/* country_flag is inside country-select */
.country-select {
  width: 100%;
  border-radius: var(--size_side_margin);
}
.country-select .flag-dropdown {
  padding: 0;
}
.country-select.inside .flag-dropdown {
  width: 100%;
  border-radius: var(--size_side_margin);
}
.country-select .selected-flag {
  padding: 0;
  /*background-color: lightgrey;*/
  background-color: var(--input_background2);
}
.country-select.inside .selected-flag {
  width: 100%;
  border-radius: var(--size_side_margin);
  /*background-color: rgba(0, 0, 0, .05);*/
  background-color: rgba(0, 0, 0, 0);
}
.country-select .selected-flag .flag {
  margin-left: var(--size_input_left_padding_icon);
}
.country-select .selected-flag .arrow {
  display: none;
}

.country-select.inside input, .country-select.inside input[type=text] {
  /*background-color: #FFFFFF00;*/
  /*z-index: var(--z_index_country_select_input);*/
}


.country-select .country-list {
  z-index: var(--z_index_country_select_country_list);
}

.country-select .country-list .country {
  padding: 10px;
}



.form_label {
  /*  margin-top: 20px;*/
  margin-top: 12px;
}
.form_label span {
  color: var(--text_second_accent2); font-size: 14px; font-weight: 500; line-height: normal;
}
.form_input {
  /*  margin-top: 10px;*/
  margin-top: 6px;
}

.form_input_row {
}
.form_input_row_2_col {
}
.form_input_row_2_col .form_input:nth-child(odd) {
  padding-right: 7px;
}
.form_input_row_2_col .form_input:nth-child(even) {
  padding-left: 7px;
}






.drop_down_input {
  height: var(--size_input_height);
}
.drop_down_input .right_input_icon {
  float: right;
  height: 0;
  margin-top: -34px;
  margin-right: 22px;
  pointer-events: none;
  position: relative;
  z-index: var(--z_index_right_input_icon);
}
.drop_down_input .right_input_icon img {
  width: 12px;
}
.drop_down_input.drop_down_input_bordered .right_input_icon {
  margin-top: -29px;
  /*  margin-right: 12px;*/
  margin-right: 14px;
}
.drop_down_input.drop_down_input_fill .right_input_icon {
  height: 18px;
  width: 18px;
  text-align: right;
  background-color: var(--background2);
}








.btn:hover {
  color: var(--button_text2);
  /*background-color: transparent;*/
  background-color: var(--button_background2);
  /*border: 1px solid green;*/
  border-color: var(--button_background2);
}


.div_btn {
  cursor: pointer;
  padding: 0;
  border: none;
  background: none;
}

/*
// 251006_223307 - oldN
.top1 {
  display: inline-block;
  margin-top: 20px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.btn_button button {
  color: white;
  background-color: rgb(0, 195, 54);
  padding: 3px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  border: none;
}

.back_button1 {
  float: left;
}
.back_button1 button {
  color: white;
  background-color: rgb(0, 195, 54);
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  padding: 8px;
}

.title1 {
  font-size: 15px;
  height: 34px;
  display: table;
  color: rgb(95, 95, 95);
  margin-left: -30px;
}
.title1.auth1 {
  width: calc(100% - 68px);
}

.title1.non_auth1 {
  display: inline-block;
  padding: 0px;
  font-size: 20px;
  color: rgb(95, 95, 95);
}

.title1 span {
  display: table-cell;
  vertical-align: middle;
}
.title1.guest1 {
  text-align: left;
}
.title1.guest1 span {
  display: inline;
  text-align: left;
  font-size: 18px;
}
*/


/*.title1 {
  background-color: var(--background1);
  color: var(--grey2_dark);
  position: fixed;
  z-index: var(--z_index_title1);
}
.title1 .title_text1 {
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  padding: 5px 30px 5px 30px;
}

.title_back_button1 {
  position: fixed;
  z-index: var(--z_index_title_back_button1);
  font-size: 20px;
  line-height: 20px;
  padding: 5px;
  color: var(--grey2_dark);
  margin-left: 10px;
  margin-top: 10px;
}

.title_back_button1 a {
  color: inherit;
}
*/




.subheader2_row {
  background-color: var(--background2);
  padding-top: 17px;
  height: 50px;
}

.subheader2 {
  height: 50px;
  width: 100vw;
  background-color: white;
  position: absolute;
  top: 0;
  left: 0;
}

.subheader2 .div_back_button {
  /*position: fixed;
  top: 0;
  left: 0;*/
  position: relative;
  z-index: var(--z_index_title_back_button1);
  font-size: 20px;
  line-height: 20px;
  padding: 5px;
  color: var(--grey2_dark);
  /*margin-left: 10px;*/
  /*margin-left: -2px;*/
  /*margin-left: -12px;*/
  margin-left: -10px;
  /*margin-top: 10px;*/
  margin-top: 5px;

}
.subheader2 .button_back_image {
  /*font-size: 24px;*/
  /*font-size: 36px;*/
  font-size: 28px;
  /*color: var(--text_second_accent2);*/
  color: var(--grey2_dark);
}
.subheader2 .div_title {
  width: calc(100% - 50px);
  /*height: 23px;*/
  /*line-height: 23px;*/

  background-color: var(--background1);
  color: var(--grey2_dark);
  position: fixed;
  z-index: var(--z_index_title1);
}
.subheader2 .title2 {
  /*font-size: 18px;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  color: var(--text-dark-black);
  padding-left: 10px;*/
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  padding: 5px 30px 5px 30px;
}

.subheader2 .additional_right_button {
  height: 22px;
  line-height: 22px; 
  position: absolute;
  right: var(--size_side_margin);
  font-size: 18px;
}
.subheader2 .div_btn {
  /*color: var(--default_link3);*/
  color: var(--grey2_dark);
  /*height: 23px;
  line-height: 23px;
  font-size: 36px;*/
}



.subheader2 .div_btn.button_filter .button_filter_image {
  color: var(--text_primary2);
}

.subheader2 .div_btn.button_filter:disabled .button_filter_image ,
.subheader2 .div_btn.button_filter[disabled] .button_filter_image {
  color: var(--button_disabled_color2);
}


.subheader2 .div_btn.button_clear {
  color: var(--default_link3);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin-top: -15px;
}






.white_input {
  width: 100%;
  height: var(--size_input_height);
  border-style: solid;
  /*border-radius: var(--size_input_border_radius);*/
  border-radius: var(--common_border_radius);

  background-color: var(--input_background2);
  color: var(--text_second_accent2);
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  padding-left: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: var(--input_background2);
}

.white_input.input_persistent_value {
  /*background-color: var(--bs-secondary-bg);*/
}


.white_input::placeholder {
  color: var(--placeholder_text_color2);
  opacity: 1; /* Firefox */
}
.white_input::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--placeholder_text_color2);
}




.white_button {
  width: 100%;
  height: var(--size_input_height);
  border-style: solid;
  border-radius: var(--size_input_border_radius);
  background-color: var(--button_background2);
  color: var(--button_text2);
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  padding-left: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: var(--button_background2);
}


.white_button:active, .white_button.btn:active, .white_button:hover, .white_button.btn:hover {
  color: var(--button_text2);
  /*background-color: var(--button_hover_background2);*/
  background-color: var(--button_background2);
  /*border-color: var(--button_hover_border_color2);*/
  border-color: var(--button_background2);
  opacity: 0.2;
}





.bottom_button {
  /*  margin-bottom: 40px;*/
  margin-bottom: 16px;
}



.input_disabled {
  pointer-events: none;
}

/*
.container0 {
  padding: 0px;
  margin: 0px;
}

.row0 {
  padding: 0px;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.row0b {
  padding: 0px;
  margin: 0px;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.row_form {
  margin-bottom: 10px;
}
.row_report_filter {
  margin-bottom: 10px;
  background-color: whitesmoke;
}

.col0 {
  padding: 0px;
  margin: 0px;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
*/

.btn1 {
  cursor: pointer;
  /*  color: var(--primary);*/
}
.btn2 {
  color: var(--primary);
}

.btn_menu {
  color: var(--menu_link_color2);
}

.div_button {
  cursor: pointer;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--link_hover_color2);
  text-decoration: none;
  background-color: var(--menu_hover_background2);
}





.circular--square { border-radius: 50%; }
.circular--square_image img { border-radius: 50%; }

.circular_image1 img { object-fit: cover; }


.circular_image2 img {
  /*  background: url(/images/no-image.png) 50% 50% no-repeat;*/
  /* 50% 50% centers image in div */
  width: 100%;
  aspect-ratio : 1 / 1;
  object-fit: cover;
}









.checkbox_custom7 {
  line-height: var(--form_control_height1);
}
.checkbox_custom7 .form-check-input {
  transform: scale(1.5);
  margin-left: 0;
  margin-top: 12px;
  /*  margin-right: 30px;*/
}

.checkbox_custom7 .form-check-label {
  margin-left: 30px;
}






/* custom checkbox switch model background bigger than the ball */
.switch3 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch3 input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider3 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider3:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider3 {
  background-color: #2196F3;
}
input:disabled + .slider3 {
  background-color: grey;
}
input:focus + .slider3 {
  box-shadow: 0 0 25px #2196F3;
}
input:checked + .slider3:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider3.round {
  border-radius: 34px;
}
.slider3.round:before {
  border-radius: 50%;
}


.nav_separator {
  height: 22px;
  border-bottom: 1px solid var(--navigation_separator_border2);
  margin-bottom: 22px;
}








/* custom checkbox switch model background smaller than the ball & green colors */
.switch3c {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 14px;
  top: 9px;
}
.switch3c input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider3c {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .2s;
  transition: .2s;
}
.slider3c:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: 4px;
  background-color: var(--switch3c_button2);
  -webkit-transition: .2s;
  transition: .2s;
}
input:checked + .slider3c {
  background-color: var(--switch3c_background2);
}
input:focus + .slider3c {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider3c:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
/* Rounded sliders */
.slider3c.round {
  border-radius: 20px;
}
.slider3c.round:before {
  border-radius: 50%;
  top: -3px;
  /*  box-shadow: 0px 4px 18px 0px var(--input_shadow1);*/
}








.select2-container--default .select2-dropdown.select2-dropdown--below {
  background-color: whitesmoke;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-result-repository {
  padding-top: 4px;
  padding-bottom: 3px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-result-repository {
  padding-top: 4px;
  padding-bottom: 3px;
}
.select2-result-repository__avatar {
  float: left;
  width: 60px;
  margin-right: 10px;
}
.select2-result-repository__avatar img {
  width: 100%;
  height: auto;
  border-radius: 2px;
}
.select2-result-repository__meta {
  margin-left: 70px;
}
.select2-result-repository__meta_no_avatar {
  /*  margin-left: 70px;*/
}
.select2-result-repository__title {
  /*    color: black;*/
  font-weight: 700;
  word-wrap: break-word;
  line-height: 1.1;
  margin-bottom: 4px;
}
.select2-result-repository__description {
  font-size: 13px;
  /*    color: #777;*/
  margin-top: 4px;
}
/*.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
  display: inline-block;
  color: #aaa;
  font-size: 11px;
}
.select2-result-repository__forks, .select2-result-repository__stargazers {
  margin-right: 1em ;
}
.select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
  display: inline-block;
  color: #aaa;
  font-size: 11px;
}*/
.select2-result-repository__rating {
  display: inline-block;
  /*    color: #aaa;*/
  font-size: 11px;
}
/*.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}*/

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #0074f0;
  /*    background-color: yellow;*/
  color: #fff;
  /*    color: black;*/
}
/*.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__option--highlighted {
  background-color: #007bff;
  color: #fff;
}
.select2-container--default .select2-results__option {
  padding: 6px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}*/





.select2-selection--multiple{
  overflow: hidden !important;
  /*  height: auto !important;*/
  /*  height: 38px !important;*/
  min-height: 38px;
}








body.refreshing #main_section,
body.refreshing header {
  touch-action: none; /* prevent scrolling */
}
body.refreshing #divModalLoadingAnimation .refresher {
  transform: translate3d(0,150%,0) scale(1);
  z-index: 1;
  visibility: visible;
}
#divModalLoadingAnimation .refresher {
  pointer-events: none;
  --refresh-width: 55px;
  background: #fff;
  width: var(--refresh-width);
  height: var(--refresh-width);
  border-radius: 50%;
  position: absolute;
  left: calc(50% - var(--refresh-width) / 2);
  padding: 8px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
              0 1px 5px 0 rgba(0, 0, 0, 0.12),
              0 3px 1px -2px rgba(0, 0, 0, 0.2);
  transition: all 300ms cubic-bezier(0,0,0.2,1);
  will-change: transform, opacity;
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  visibility: hidden;
}
body.refreshing #divModalLoadingAnimation .refresher.shrink {
  transform: translate3d(0,150%,0) scale(0);
  opacity: 0;
}
#divModalLoadingAnimation .refresher.done {
  transition: none;
}
#divModalLoadingAnimation .loading-bar {
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
#divModalLoadingAnimation .loading-bar:nth-child(1) {
  background-color: #3498db;
  animation-delay: 0;
}
#divModalLoadingAnimation .loading-bar:nth-child(2) {
  background-color: #c0392b;
  animation-delay: 0.09s;
}
#divModalLoadingAnimation .loading-bar:nth-child(3) {
  background-color: #f1c40f;
  animation-delay: .18s;
}
#divModalLoadingAnimation .loading-bar:nth-child(4) {
  background-color: #27ae60;
  animation-delay: .27s;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1,2.2);
  }
  40% {
    transform: scale(1);
  }
}



/*
.div_refreshing {
  filter: blur(1px);
}*/







.modal .modal_header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  border: none;
  background: none;
}



.modal .modal_body {
  padding-top: 0;
  padding-bottom: 0;
}
.modal.modal_info {
}
.modal.modal_info .modal-content {
  background: transparent;
  box-shadow: none;
  border: transparent;
}
.modal.modal_info.info .modal-content {
  padding-left: 40px;
  padding-right: 40px;
}
.modal.modal_info.error .modal-content {
  padding-left: 40px;
  padding-right: 40px;
}
.modal.modal_info.loading .modal-content {
  padding-left: 40px;
  padding-right: 40px;
}

.modal.modal_info .modal_body_inside {
  margin-top: 0;
  padding-top: 0;
  background-color: var(--background2);
  width: auto;
  height: auto;
  border-radius: 12px;
}
.modal.modal_info.info .modal_body_inside {
  border-radius: 33px;
  padding-top: 33px;
  padding-bottom: 25px;
}
.modal.modal_info.error .modal_body_inside {
  border-radius: 33px;
  padding-top: 33px;
  padding-bottom: 25px;
}
.modal.modal_info.loading .modal_body_inside {
  border-radius: 33px;
  padding-top: 33px;
  padding-bottom: 25px;
}
.modal.modal_info.yes_no .modal_body_inside {
  border-radius: 12px;
}
.modal.modal_info.ok .modal_body_inside {
  border-radius: 12px;
}

.modal.modal_info .modal_icon .modal_icon_box {
}
.modal.modal_info .modal_icon .modal_icon_box img {
}
.modal.modal_info.info .modal_icon .modal_icon_box {
  width: 111px;
  height: 111px;
  /*  border: 1px solid var(--google_button_background2); */
  /*background-color: rgba(125, 206, 172, 0.12);*/
  background-color: rgb(129 125 206 / 12%);
  border-radius: 50%;
  padding: 24px;
}
.modal.modal_info.info .modal_icon .modal_icon_box img {
  width: 63px;
}
.modal.modal_info.error .modal_icon .modal_icon_box {
  width: 111px;
  height: 111px;
  /*background-color: rgba(125, 206, 172, 0.12);*/
  background-color: rgb(129 125 206 / 12%);
  border-radius: 50%;
  padding: 24px;
}
.modal.modal_info.error .modal_icon .modal_icon_box img {
  width: 63px;
}
.modal.modal_info.loading .modal_icon .modal_icon_box {
  width: 111px;
  height: 111px;
  border-radius: 50%;
  padding: 24px;
}
.modal.modal_info.loading .modal_icon .modal_icon_box img {
  width: 63px;
}
.modal.modal_info.yes_no .modal_icon {
  display: none;
}
.modal.modal_info.ok .modal_icon {
  display: none;
}
.modal.modal_info.error .modal_icon {
  /*display: none;*/
}

.modal.modal_info .modal_text {
}
/*.modal.modal_info .modal_text span {*/
.modal.modal_info .modal_text {
  color: var(--text_second_accent2);
  text-align: center;
  line-height: normal;
}
.modal.modal_info.info .modal_text {
  margin-top: 18px;
}
/*.modal.modal_info.info .modal_text span {*/
.modal.modal_info.info .modal_text {
  font-size: 16px;
  font-weight: 600;
}
.modal.modal_info.error .modal_text {
  margin-top: 18px;
}
/*.modal.modal_info.error .modal_text span {*/
.modal.modal_info.error .modal_text {
  /*font-size: 16px;
  font-weight: 600;*/
  /* 241122_231816 */
  margin-top: 27px;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 17px;
  font-weight: 700;
}
.modal.modal_info.loading .modal_text {
  margin-top: 18px;
  padding-left: 24px;
  padding-right: 24px;
}
/*.modal.modal_info.loading .modal_text span {*/
.modal.modal_info.loading .modal_text {
  font-size: 16px;
  font-weight: 600;
}
.modal.modal_info.yes_no .modal_text {
  margin-top: 27px;
  padding-left: 24px;
  padding-right: 24px;
}
/*.modal.modal_info.yes_no .modal_text span {*/
.modal.modal_info.yes_no .modal_text {
  font-size: 17px;
  font-weight: 700;
}
.modal.modal_info.ok .modal_text {
  margin-top: 27px;
  padding-left: 24px;
  padding-right: 24px;
}
/*.modal.modal_info.ok .modal_text span {*/
.modal.modal_info.ok .modal_text {
  font-size: 17px;
  font-weight: 700;
}



.modal.modal_info .modal_description {
  color: var(--text_second_accent2);
  text-align: center;
  line-height: normal;
  padding-left: 20px;
  padding-right: 20px;
}
.modal.modal_info.info .modal_description {
  padding-bottom: 0;
}
.modal.modal_info.error .modal_description {
  /*  padding-bottom: 0;*/
  /*  241122_231852 */
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 22px;
  padding-left: 24px;
  padding-right: 24px;
}
.modal.modal_info.loading .modal_description {
  padding-bottom: 0;
}
.modal.modal_info.yes_no .modal_description {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 22px;
  padding-left: 24px;
  padding-right: 24px;
}
.modal.modal_info.ok .modal_description {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 22px;
  padding-left: 24px;
  padding-right: 24px;
}



.modal.modal_info .modal_buttons {
}
.modal.modal_info.info .modal_buttons {
  display: none;
}
/*.modal.modal_info.error .modal_buttons {
  display: none;
}*/
.modal.modal_info.error .modal_buttons:not(.buttons_ok_error) {
  display: none;
}
.modal.modal_info.loading .modal_buttons {
  display: none;
}
.modal.modal_info.yes_no .modal_buttons:not(.buttons_yes_no) {
  display: none;
}
.modal.modal_info.ok .modal_buttons:not(.buttons_ok) {
  display: none;
}

.modal.modal_info.yes_no .modal_buttons.buttons_yes_no {
  height: 44px;
  border: 0;
  margin-bottom: 0px;
}
.modal.modal_info .modal_buttons.buttons_yes_no .left_button {
  border-bottom-left-radius: 12px;
  border-top : 1px solid var(--modal_info_border2);
  border-right : 1px solid var(--modal_info_border2);
  height: 44px;
  line-height: 44px;

  /*  border-bottom-left-radius: none;*/
  /*border-top : none;*/
  /*border-right : none;*/
  /*  height: 44px;*/
  /*  line-height: 44px;*/
  /*display: inline;*/
}
.modal.modal_info .modal_buttons.buttons_yes_no .right_button {
  border-bottom-right-radius: 12px;
  border-top : 1px solid var(--modal_info_border2);
  border-left : 1px solid var(--modal_info_border2);
  height: 44px;
  line-height: 44px;

  /*  border-bottom-right-radius: 12px;*/
  /*border-top : none;*/
  /*border-left : none;*/
  /*  height: 44px;*/
  /*  line-height: 44px;*/
  /*display: inline;*/
}
.modal.modal_info .modal_buttons.buttons_yes_no .left_button span {
  color: var(--text_second_accent2);
  text-align: center;
  font-size: 14px;
  /*font-weight: 500;*/
  font-weight: 800;
  line-height: normal;

  /*  color: var(--text_second_accent2);*/
  /*background-color: var(--white);
  color: var(--success);
  border-color: var(--success);*/
  /*  text-align: center;*/

  /*font-size: 14px;
  font-weight: 500;
  line-height: normal;*/
}
.modal.modal_info .modal_buttons.buttons_yes_no .right_button span {
  color: var(--default_link2);
  text-align: center;
  font-size: 14px;
  /*font-weight: 500;*/
  font-weight: 800;
  line-height: normal;
}


.modal.modal_info.ok .modal_buttons.buttons_ok {
  height: 44px;
  border: 0;
}
.modal.modal_info .modal_buttons.buttons_ok .ok_button {
  border-top : 1px solid var(--modal_info_border2);
  height: 44px;
  line-height: 44px;
}
.modal.modal_info .modal_buttons.buttons_ok .ok_button span {
  color: var(--text_second_accent2);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}


.modal.modal_info.error .modal_buttons.buttons_ok_error {
  height: 44px;
  border: 0;
}
.modal.modal_info .modal_buttons.buttons_ok_error .ok_error_button {
  border-top : 1px solid var(--modal_info_border2);
  height: 44px;
  line-height: 44px;
}
.modal.modal_info .modal_buttons.buttons_ok_error .ok_error_button span {
  color: var(--text_second_accent2);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}





.modal.modal_dynamic {
}
.modal.modal_dynamic .modal-content {
  background: transparent;
  box-shadow: none;
  border: transparent;
}

.modal.modal_dynamic .modal_body_inside {
  margin-top: 0;
  padding-top: 0;
  background-color: var(--background2);
  width: auto;
  height: auto;
  /*border-radius: 20px;*/
  border-radius: var(--common_border_radius);
}

.modal.modal_dynamic .modal_icon .modal_icon_box {
}
.modal.modal_dynamic .modal_icon .modal_icon_box img {
}
.modal.modal_dynamic .modal_text {
}
.modal.modal_dynamic .modal_text.not_active {
  display: none;
}
.modal.modal_dynamic .modal_text span {
  /*color: var(--text_second_accent2);
  text-align: center;
  line-height: normal;*/
}
.modal.modal_dynamic .modal_description span {
}





.modal.modal_dynamic_tall {
}
.modal.modal_dynamic_tall.chatgpt .modal_content {
  height: 100%;
  width: 100%;
}
.modal.modal_dynamic_tall.chatgpt .modal_body {
  height: inherit;
  width: inherit;
  overflow-y: scroll;
}
.modal.modal_dynamic_tall.chatgpt .modal_description {
  height: inherit;
  width: inherit;
}



.modal.modal_url .modal_header {
  background: var(--modal_header_background_linear_gradientC);
  padding: var(--size_side_margin) var(--size_side_margin) 12px var(--size_side_margin);
  border-bottom: none;
}
.modal.modal_url .modal_header .modal_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  color: var(--modal_title_color2);
}
.modal.modal_url .modal_header_divider {
  border: 1px solid var(--border1);
  margin-left: var(--size_side_margin);
  margin-right: var(--size_side_margin);
  width: calc(100% - 2 * var(--size_side_margin));
  margin-top: 0;
  margin-bottom: 24px;
}
.modal.modal_url .modal_body {
  /*  overflow-y: scroll;*/
  overflow-y: auto;
  max-height: 75vh;
  padding: 0;
}
.modal.modal_url .modal_body .card {
  border: none;
  box-shadow: none;
}
.modal.modal_url .modal_body .card .card_body {
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  /*margin-left: var(--size_side_margin);*/
  /*margin-right: var(--size_side_margin);*/
  margin-bottom: var(--size_side_margin);
}
.modal.modal_url .modal_footer {
  border: none;
  /*padding: 24px var(--size_side_margin);*/
  gap: 8px;
}
.modal.modal_url .modal_footer button {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.modal.modal_url .modal_footer button.button_modal_cancel {
  border: none;
  box-shadow: none;
  height: var(--button_height2);
  background-color: var(--button_cancel_background2);
  color: var(--modal_button_cancel_color2);
  gap: 8px;
}
.modal.modal_url .modal_footer button.button_modal_submit {
  border: none;
  box-shadow: none;
  height: var(--button_height2);
  background-color: var(--modal_button_background2);
  color: white;
}
.modal.modal_url .modal_footer button#mdl_url_btnTemplate {
  display: none;
}







.modal.modal_delete .modal_header {
  background: var(--modal_header_background_linear_gradientC);
  padding: var(--size_side_margin) var(--size_side_margin) 12px var(--size_side_margin);
  border-bottom: none;
}
.modal.modal_delete .modal_header .modal_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
}
.modal.modal_delete .modal_header_divider {
  border: 1px solid var(--border1);
  margin-left: var(--size_side_margin);
  margin-right: var(--size_side_margin);
  width: calc(100% - 2 * var(--size_side_margin));
  margin-top: 0;
}
.modal.modal_delete .modal_body {
  overflow-y: auto;
  max-height: 75vh;
  padding: 0;
  margin-left: var(--size_side_margin);
  margin-right: var(--size_side_margin);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
/*.modal.modal_delete .modal_body .card {
  border: none;
  box-shadow: none;
}
.modal.modal_delete .modal_body .card .card_body {
  border: none;
  box-shadow: none;
  padding: 0;
  margin-left: var(--size_side_margin);
  margin-right: var(--size_side_margin);
}*/
.modal.modal_delete .modal_footer {
  border: none;
  /*padding: 24px var(--size_side_margin);*/
}
.modal.modal_delete .modal_footer button.button_modal_cancel {
  border: none;
  box-shadow: none;
  height: var(--button_height2);
  background-color: var(--button_cancel_background2);
}
.modal.modal_delete .modal_footer button.button_modal_submit {
  border: none;
  box-shadow: none;
  height: var(--button_height2);
  background-color: var(--modal_button_background2);
  color: white;
}
/*.modal.modal_delete .modal_footer button#mdl_del_btnTemplate {
  display: none;
}*/






.modal.modal_info_help .modal_content {
  margin: 0 var(--size_side_margin);
}

.modal.modal_info_help .modal_header {
  background: var(--modal_header_background_linear_gradientC);
  padding: var(--size_side_margin) var(--size_side_margin) 12px var(--size_side_margin);
  border-bottom: none;
}
.modal.modal_info_help .modal_header .modal_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
}
.modal.modal_info_help .modal_header_divider {
  border: 1px solid var(--border1);
  margin-left: var(--size_side_margin);
  margin-right: var(--size_side_margin);
  width: calc(100% - 2 * var(--size_side_margin));
  margin-top: 0;
}
.modal.modal_info_help .modal_body {
  overflow-y: auto;
  max-height: 75vh;
  padding: 10px 0px;
  margin-left: var(--size_side_margin);
  margin-right: var(--size_side_margin);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.modal.modal_info_help .modal_footer {
  border: none;
  padding: 24px var(--size_side_margin);
}
.modal.modal_info_help .modal_footer button.button_modal_cancel {
  border: none;
  box-shadow: none;
  height: var(--button_height2);
  background-color: var(--button_cancel_background2);
}
.modal.modal_info_help .modal_footer button.button_modal_submit {
  border: none;
  box-shadow: none;
  height: var(--button_height2);
  background-color: var(--modal_button_background2);
  color: white;
}






.modal.modal_map .div_map {
  /*  height: 100vh;*/
  height: 80vh;
  flex-basis: 0;
  flex-grow: 4;
}





.modal .loading_overlay {
  /*  position: fixed;*/
  position: absolute;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.modal .div_spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal .spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: spinner_anime 0.8s infinite linear;
}










.modal_body .button_modal_fullscreen_back {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: var(--z_index_modal_fullscreen_back_button);
  margin: 0 !important;
  padding: 0 !important;
  text-align: right; 
}
.modal_body .button_modal_fullscreen_back img {
  width: var(--modal_button_top_right_height);
  height: var(--modal_button_top_right_height);
}



.modal_camera2 .modal_body_camera {
  padding: 0;
}
.modal_camera2 .div_camera_body {
  height: 100%;
  background-color: black;
  overflow-y: hidden;
}
.modal_camera2 .div_camera {
  height: inherit;
}
.modal_camera2 .div_camera video {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.modal_camera2 .camera2_div_buttons {
  padding-bottom: 10px;
  padding-top: 10px;
  background: transparent;
}
.modal_camera2 .button_modal_camera {
  width: var(--camera2_button_height);
  height: var(--camera2_button_height);
  padding: 0;
}
.modal_camera2 .button_modal_camera img, 
.modal_camera2 .button_modal_camera svg
{
  width: var(--camera2_button_height);
  height: var(--camera2_button_height);
}


.modal_full_image1 .full_image_div_buttons {
  padding-bottom: 10px;
  padding-top: 10px;
  background: transparent;
}



.modal_full_image1 .modal_full_image_img {
  visibility: visible;
  width: 100%;
  height: 100vw;
  object-fit: scale-down;
  background-color: lightgray;
  transf: calc(100vh - 50%);
  transform: translateY(calc(50vh - 50%));
}







.offcanvas.off_canvas.off_canvas_bottom {
  background-color: var(--background2);
}





.drop_down_input2 {
  height: var(--size_input_height);
}










.custom-control-label {
  vertical-align: middle;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
}














/* .div_centered */
.div_middle { /* vertically */
  /*  line-height: 18px; needed on same level div_middle */
  /*  height: 18px; needed on same level div_middle */
  vertical-align: middle;
}
.div_middle span, .div_middle img {
  /* css_centered */
  line-height: 1.5;
  display: inline-grid;
  vertical-align: middle;
}

/* second technique */
.div_middle2 {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  vertical-align: middle; display: flex; /* additional */
}


/* third technique */
.div_middle3 {
  display: flex;
  align-items: center;
}


.div_middle_form_control_label {
  vertical-align: middle;
  height: 38px;
  line-height: 38px;
}

.div_center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.div_no_scroll {
  /*  height: 100vh;*/
  min-height: 100vh;
}



.div_align_right {
  justify-content: end;
}





.form-label, .form_label ,
label:not(.form-check-label):not(.custom-file-label) {
  /*font-size: 18px;*/
  /*vertical-align: middle;
  height: 38px;
  line-height: 38px;
  text-align: right;*/
  color: var(--text_second_accent2);
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}



.form_check_label {
  margin: 6px;
  font-weight: 700;
}


.form_label2 {
  vertical-align: middle;
  height: 38px;
  line-height: 38px;
}


div.label_status {
  /*  display: block;*/
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid var(--form_control_border2);
  border-radius: .25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


.show_html_content {
  padding: 10px; border: 1px solid black;
}




/* one row full column element */
.form_group1 {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 24px;
  background-color: var(--form_group1_background2);
}

/* one row more than 1 column element */
.form_group2 {
  padding: 5px;
  background-color: var(--form_group1_background2);
}

.form_group_row1 {
  background-color: var(--form_group1_background2);
  margin-bottom: 5px;
}


/* grouping */
.form_group_section {
  border: 0 solid black; background-color: whitesmoke;
  line-height: 38px;
  padding-top: 2px;
  padding-bottom: 12px;
}


.left_user_box_profile .profile_row1 {
  text-align: center;
}




.gws_hide {
  display: none;
}
.gws_show {
  display: block;
}






.gws_ori_main_sidebar {
  display: none;
}
.gws_ori_main_sidebar .nav-item {
}
.gws_ori_main_sidebar .nav-item .nav-link {
  /*width: 250px;
  border-radius: 0;
  margin-bottom: 0;*/
}

.gws_ori_main_sidebar .nav-item .nav-link.nav_button {
  /*display: block;
  padding: 0.5rem 1rem;
  position: relative;*/
}

.gws_ori_main_sidebar .nav-item .nav-link.nav_button .nav-icon{
  /*  color: #fff;*/
  color: var(--theme2);
}
/*.gws_ori_main_sidebar [class*=sidebar-dark-] .sidebar a {*/
/*.gws_ori_main_sidebar [class*=sidebar-dark-] .sidebar .btn1 {
  color: #c2c7d0;
}*/
/*.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #007bff;
    color: #fff
}*/
/*[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    background-color: rgba(255,255,255,.1);
    color: #fff;
}*/
/*[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
  background-color: rgba(255,255,255,.1);
  color: #fff
}*/
/*.nav-pills .nav-link:not(.active):hover {
  color: #007bff
}*/
/*[class*=sidebar-dark-] .sidebar .btn1 {
  color: #c2c7d0;
}*/
/*.nav-pills .nav-link {
  color: #6c757d
}*/




/*nav-link gws_menu_active active*/
.gws_menu_active.active {
/*  background-image: linear-gradient(to bottom right, red, yellow);*/
  background-image: linear-gradient(to bottom right, #0e6b7a, #6ce7fa); /*  #007bff*/
}








/*.sidebar-mini .main-sidebar .nav-flat .nav-link, .sidebar-mini-md .main-sidebar .nav-flat .nav-link, .sidebar-mini-xs .main-sidebar .nav-flat .nav-link {*/
.sidebar-mini .gws_ori_main_sidebar .nav-flat .nav-link, .sidebar-mini-md .gws_ori_main_sidebar .nav-flat .nav-link, .sidebar-mini-xs .gws_ori_main_sidebar .nav-flat .nav-link {
  width: 250px;
}
/*.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {*/
.sidebar-mini .gws_ori_main_sidebar .nav-link, .sidebar-mini-md .gws_ori_main_sidebar .nav-link, .sidebar-mini-xs .gws_ori_main_sidebar .nav-link {
  width: calc(250px - 0.5rem * 2);
  transition: width ease-in-out .3s;
}

/*.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {*/
.gws_ori_main_sidebar .brand-text, .gws_ori_main_sidebar .logo-xl, .gws_ori_main_sidebar .logo-xs, .sidebar .nav-link p { /*  , .sidebar .user-panel .info*/
  transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
}



.gws_ori_main_sidebar {
/*  height: 100vh;*/
  /*  height: auto !important;*/
/*  overflow-y: hidden;*/
/*  z-index: 1038;*/
}






/*.layout-fixed .main-sidebar {*/
.gws_main_sidebar {
  bottom: 0;
  float: none;
  left: 0;
  position: fixed;
  top: 0;

  height: 100vh;
  overflow-y: hidden;
  z-index: 1038;
}


.gws_main_sidebar, .gws_main_sidebar::before {
  transition: margin-left .3s ease-in-out,width .3s ease-in-out;
  width: 250px;
}

.gws_main_sidebar .nav-item .nav-link.nav_button .nav-icon{
  /*  color: #fff;*/
  color: var(--theme2);
}

.sidebar-mini .gws_main_sidebar .nav-flat .nav-link, .sidebar-mini-md .gws_main_sidebar .nav-flat .nav-link, .sidebar-mini-xs .gws_main_sidebar .nav-flat .nav-link {
  width: 250px;
}
.sidebar-mini .gws_main_sidebar .nav-link, .sidebar-mini-md .gws_main_sidebar .nav-link, .sidebar-mini-xs .gws_main_sidebar .nav-link {
  width: calc(250px - 0.5rem * 2);
  transition: width ease-in-out .3s;
}
.gws_main_sidebar .brand-text, .gws_main_sidebar .logo-xl, .gws_main_sidebar .logo-xs, .sidebar .nav-link p { /*  , .sidebar .user-panel .info*/
  transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
}






.red_mark {
  color: red;
}




.date-picker-wrapper {
  z-index: 4;
}
.date_picker {  }
.date_picker.dp1 {  }
.date_picker.dp2 {
  font-size: 10px;
}



.date_range_picker.drp1 { }
.date_range_picker.drp2 {
  font-size: 10px;
}



/* div.table-responsive>div.dataTables_wrapper>div.row {
  display: inline-block;
} */
div.dataTables_wrapper.data_table_wrapper.dt1 div.dataTables_length select {
  width: 50px !important;
}
/*div.dataTables_wrapper.data_table_wrapper.dt1 div.dataTables_paginate.paginate {*/
div.dataTables_wrapper.data_table_wrapper.dt1 .paginate_top div.dataTables_paginate {
  float: left !important;
}
.dataTables_wrapper.data_table_wrapper.dt1 .dataTables_paginate .paginate_button {
  padding: 2px;
}

/*div.dataTables_wrapper {
  width:100% !important;
}*/


/*dataTables_wrapper dt-bootstrap4 data_table_wrapper dt1*/
/*div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button*/
div.dataTables_wrapper.data_table_wrapper.dt1 .dt-buttons .dt-button.buttons-print {
  background-color: red;
  color: white;
}


.data_table {
  /*padding-bottom: 35px;
  width: 100%;*/
}
.data_table .numeric {
  text-align: right;
}
.data_table .currency_value {
}

/*#ajax_data_table {*/
.data_table .capsule {
  font-family: monospace;
  font-size: 11px;
  padding: 2px;
  border-radius: 10px;
  white-space: nowrap;
  line-height: 20px;
}

.data_table .delivery_men {
  background-color: yellow;
}
.data_table .delivery_men.driver {
  background-color: lightblue;
}
.data_table .delivery_men.runner {
  background-color: lightgreen;
}
.data_table .general_status {
  background-color: transparent;
}
.data_table .general_status.invalid {
  background-color: red;
}
.data_table .general_status.waiting_payment {
  background-color: lightcyan;
}
.data_table .general_status.waiting_pick_up {
  background-color: lightblue;
}
.data_table .general_status.waiting_accepted {
  background-color: lightgrey;
}
.data_table .general_status.in_use {
  background-color: yellow;
}
.data_table .general_status.completed {
  background-color: lightgreen;
}
.data_table .general_status.payment_failed {
  background-color: lightpink;
}
.data_table .general_status.cancelled {
  background-color: lightpink;
}
.data_table .general_status.rejected {
  background-color: lightpink;
}


.data_table .label_status {
  font-family: monospace;
  font-size: 11px;
  padding: 2px 4px 2px 4px;
  border-radius: 10px;
  line-height: 20px;
  white-space: nowrap;
}
.data_table .label_from_to {
}

.data_table .label_icon {
  white-space: nowrap;
}
.data_table .label_icon.wrapped {
  white-space: normal;
}

.data_table td.long_small_text {
  font-size: 9px;
  /*  width: 100px;*/
}

.data_table td.user_profile1 {
  font-size: 9px;
  padding: 2px;
  max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.data_table .inner_label_user_profile1 {
  min-width: 0;
  display: flex;
}
.data_table .inner_label_user_profile1 .thumbnail1 {
  /*  width: 100px;*/
}
.data_table .inner_label_user_profile1 .thumbnail1 img {
  width: 70px; height: 70px;
  background-color: lightgrey;
}
.data_table .inner_label_user_profile1 .description1 {
  width: 200px;
  flex-grow: 1; min-width: 0; margin-left: 0px; padding-left: 0px;
}
.data_table .inner_label_user_profile1 .description1 .title1 {
  word-break: break-word;
}
.data_table .inner_label_user_profile1 .description1 .body1 {
  word-break: break-word;
}
.data_table .inner_label_user_profile1 .description1 .extra1 {
  word-break: break-word;
}
.data_table .inner_label_user_profile1.smaller1 {
  padding: 5px;
}
.data_table .inner_label_user_profile1.smaller1 .thumbnail1 img {
  width: 20px; height: 20px;
}


.data_table td.user_profile1.is_compact, .data_table th.user_profile1.is_compact {
  width: 50px !important;
}
.data_table th.user_profile1.is_compact input {
  width: 100%;
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 {
  /*  width: 50px;*/
  display: table-row;
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 .thumbnail1 {
  text-align: center;
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 .thumbnail1 img {
/*  width: 50px; height: 50px;*/
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 .description1 {
  width: 50px;
  text-align: center;
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 .description1 .title1 {
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 .description1 .body1 {
}
.data_table td.user_profile1.is_compact .inner_label_user_profile1 .description1 .extra1 {
}
.data_table .location_box {
  width: 200px;
}

.data_table .open_modal_map {
}
.data_table .open_modal_map.has_point {
  color: green;
}
.data_table .open_modal_map.no_point {
  color: red;
}

.data_table .no_wrap {
  white-space: nowrap;
}






.calendar>.days-grid>.day.today {
  color: black;
  font-weight: bold;
  /*  background-color: yellow;*/
  font-size: x-large;
}


.calendars .calendar>.days-grid>.day.past {
  /*  text-decoration: line-through;*/
  background-color: lightgrey;
}

.calendar_one_year .jqyc .car_day.available {
  color: var(--car_dates_status_not_available_text2);
}
/*.calendars .calendar>.days-grid>.day::before {*/
.calendar_one_year .jqyc .car_day::after {
  display: block;
  transform: translateX(-50%);
  border-radius: 100%;
  position: absolute;
  /*  bottom: 4px;*/
  height: 5px;
  content: '';
  width: 5px;
  /*  left: 50%;*/
  margin-left: 8px;
}
/*.calendars .calendar>.days-grid>.day.available::after {*/
.calendar_one_year .jqyc .car_day.available::after {
  background-color: var(--car_dates_status_available_dot2);
}
/*.calendars .calendar>.days-grid>.day.not_available::after {*/
.calendar_one_year .jqyc .car_day.not_available::after {
}
/*.calendars .calendar>.days-grid>.day.booked::after {*/
.calendar_one_year .jqyc .car_day.booked::after {
  background-color: var(--car_dates_status_booked_dot2);
}
/*.calendars .calendar>.days-grid>.day.holiday::after {*/
.calendar_one_year .jqyc .car_day.holiday::after {
  background-color: var(--car_dates_status_holiday_dot2);
}







.relative_to_parent {
 position: relative;
}
.relative_to_parent .relative_to_parent_top_right_child1 {
 position: absolute;
 top: 0;
 right: 0;
}
.relative_to_parent .relative_to_parent_top_left_child1 {
 position: absolute;
 top: 0;
 left: 0;
}
.relative_to_parent .relative_to_parent_bottom_right_child1 {
 position: absolute;
 bottom: 0;
 right: 0;
}
.relative_to_parent .relative_to_parent_bottom_left_child1 {
 position: absolute;
 bottom: 0;
 left: 0;
}





.notification1 {}
.notification1 .icon1 {
  color: var(--notification_icon1_color2);
}
.notification1 .dropdown-item {
  background-color: var(--notification_second_background2);
}

.notification1 .dropdown-menu-lg {
  /*    max-width: 300px;*/
  min-width: 450px;
}

.notification1 .header1 {
  font-weight: bolder;
  color: white;
  background-color: var(--notification_header_background2);
}
.notification1 .list1 {
  /*  height: 80vh;*/
  overflow-y: auto;
  height: 400px;
  width: 100%;
  margin-left: 1px;
  background-color: var(--notification_third_background2);
  font-size: 9px;
}
.notification1 .list1 .card1 {
  cursor: pointer;
}
.notification1 .list1 .card1:nth-child(odd) {
  background-color: var(--notification_lighter_background2);
}

.notification1 .list1 #divNotificationCardTemplate {
  display: none;
}
.notification1 .list1 .card1 .title1 {
  font-weight: bold;
}
.notification1 .list1 .card1 .icon2 {
  color: var(--notification_icon2_color2);
}
.notification1 .list1 .card1 .icon3 {
  color: var(--notification_icon3_color2);
}
.notification1 .list1 .card1 .new_task_badge {
  height: 0;
  margin-top: -10px;
}

.notification1 .status1 {
  font-size: 10px;
  text-align: center;
  cursor: pointer;
}
.notification1 .link1 {
  font-size: 11px;
  text-align: center;
}

.notification1 .navbar-badge {
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 5px;
  top: 4px;
}




.notification1 .user_profile1 {
  font-size: 9px;
  padding: 2px;
  max-width: 450px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.notification1 .inner_user_profile1 {
  min-width: 0;
  display: flex;
}
.notification1 .inner_user_profile1 .thumbnail1 {
  /*  width: 100px;*/
}
.notification1 .inner_user_profile1 .thumbnail1 img {
  width: 20px; height: 20px;
  background-color: lightgrey;
}
.notification1 .inner_user_profile1 .description1 {
  width: 450px;
  flex-grow: 1; min-width: 0; margin-left: 0px; padding-left: 0px;
}
.notification1 .inner_user_profile1 .description1 .user_identity {
  word-break: break-word;
}
.notification1 .inner_user_profile1 .description1 .user_status {
  word-break: break-word;
}
.notification1 .inner_user_profile1 .description1 .extra1 {
  word-break: break-word;
}



.controlled_link {
  color: inherit;
  font-size: 10px;
}
.controlled_link.is_ctrl {
  text-decoration: underline;
  color: blue;
}


.carousel1 a.carousel-control-next, a.carousel-control-next:hover {
  background-image: linear-gradient(to right, rgba(250, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
}
.carousel1 a.carousel-control-prev, a.carousel-control-prev:hover {
  background-image: linear-gradient(to left, rgba(250, 0, 0, 0) 0px, rgba(0, 0, 0, 0.5) 100%);
}
.carousel1 ol.carousel-indicators {
}
.carousel1 ol.carousel-indicators li {
  background-color: lightgrey;
}
.carousel1 .carousel-item img {
  object-fit: scale-down;
}





@-o-keyframes attention_background_color_animation_fade1 {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: lightgreen; }
  100% { background-color: #FFFFFF; }
}
@keyframes attention_background_color_animation_fade1 {
  0%   { background-color: #FFFFFF; }
  50%  { background-color: lightgreen; }
  100% { background-color: #FFFFFF; }
}
@keyframes spinner_anime {
  /*reload_rotate_animation*/
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}


/*.backgroundAnimated {*/
.attention_background_color_animation {
  background-image:none !important;
    -o-animation: attention_background_color_animation_fade1 1s ease-in-out;
      animation: attention_background_color_animation_fade1 1s ease-in-out;
}








/*.iti {
  color: grey;
}

.iti input, .iti input[type=text], .iti input[type=tel] {
    color: grey;
}
*/

/* internationalization phone code */
.iti {
  width: 100%;
  /*  background-color: transparent;*/
  background-color: lightgrey;
}
.iti-mobile .iti--container {
  /*  width: calc(100% - (var(--size_side_margin) * 2)) !important;*/
}
.iti__flag-container {
  /*  background-color: transparent;*/
  background-color: lightgrey;
  /*  border-radius: 34px;*/
}
.iti__selected-flag .iti__flag {
  display: none;
}
.iti--separate-dial-code .iti__selected-flag {
  /*  background-color: transparent !important;*/
  background-color: lightgrey !important;
}
.iti__arrow {
  border: 0 !important;
  background-image: url("/images/icons/drop_down_input.png");
  background-repeat: no-repeat;
  height: 12px;
  /*  background-color: transparent;*/
  background-color: lightgrey;
  background-position: 0 0;
  width: 12px;
  background-size: contain;
  object-fit: contain;
  margin-top: 5px
}
.iti--separate-dial-code .iti__selected-flag {
  /*  background-color: transparent;*/
  background-color: lightgrey;
}






.json_editor {
  width: 100%;
  /*  height: 500px;*/
  height: 200px;
}



/*.note-tooltip-content {
  min-width: 150px;
}*/



.disabled_div_button {
  pointer-events: none;
  opacity: 0.4;
}

.icon_info_help_color {
  color: var(--icon_info_help2);
}



.label_json_data {  }
.label_json_data.badge_show {
  padding: 10px;
  background-color: var(--form_control_background2);
  border: 1px solid var(--form_control_border2);
  border-radius: .25rem;
}





.gws_nav_role {
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}


.table-custom-modal .row {
  margin-bottom: 10px;
  padding: 10px; /* Add padding for spacing */
}
.table-custom-modal .row:nth-child(odd) {
  background-color: #f2f2f2; /* Light gray for odd rows */
}
.table-custom-modal .row:nth-child(even) {
  background-color: #ffffff; /* White for even rows */
}
.table-custom-modal .label {
  font-weight: bold;
  color: #666;
  text-align: left;
}
.table-custom-modal .value {
  color: #333;
  text-align: right;
}





/* 250107_191746 - from css_admin_theme1.css */


.fa_add {
  /* additional font-awesome icons */
  font-weight: 400;
  font-family: "Font Awesome 6 Free";
  /*  font-family: Arial, sans-serif;*/
}
.fa_add.fad_bull:before {
  content: "•";
}




.dropdown-menu > li > a:hover {
  background-image: none;
  /*  background-color: var(--success);*/
  color: white;
}





.breadcrumb-item.active {
  color: var(--breadcrumb_item_active_color2);
}



/*.card-header a.back_link1 {*/
.back_link1 {
  color: var(--back_link_color2) !important;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  margin-right: 14px;
}

.dropdown_menu_profile img.img-size-50 {
  width: 50px;
  height: 50px;
}



.plain_label_input,
.plain_label_input[readonly],
.profile_row1 label.plain_label_input {
  border: none;
  background-color: transparent;
  font-size: inherit;
  padding: 0;
  margin: 0;
  /*  width: auto;*/
  width: 100%;
  color: black;
  cursor: default;
  height: inherit;
  margin-bottom: .5rem;
  font-size: 14px;
  font-weight: 500;
}


.scroller1 {
  /*  overflow-y: scroll;*/
  /*  scrollbar-color: #007 #bada55;*/
  scrollbar-color: var(--main_button_background2) white;
}

.label_status {
  padding: 2px 8px;
  gap: 4px;
  border-radius: 5px;
  border: 1px solid black;
}



.gws_main_sidebar {
  /*  background-color: yellow;*/
  background: var(--left_navigation_background2);
  box-shadow: none !important;
}
.sidebar-collapse .gws_main_sidebar {
  /*  width: var(--left_navigation_collapse_width2) !important;*/
}

@media (min-width: 992px) {
  /*  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {*/
  /*  .sidebar-collapse .gws_main_sidebar::before {*/
  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
    /*    margin-left: 0;*/
    /*    width: 4.6rem;*/
    /*    width: var(--left_navigation_collapse_width2);*/
  }

  /*.sidebar-collapse .gws_main_sidebar {
    width: var(--left_navigation_collapse_width2);
  }*/

  /*  .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {*/
  .sidebar-collapse.layout-fixed .gws_main_sidebar .brand_link {
    /*    width: var(--left_navigation_collapse_width2) !important;*/
  }
}

.gws_main_sidebar .treeview_gws1 {
  width: 100%;
  margin-left: var(--left_navigation_margin2);
  margin-right: var(--left_navigation_margin2);
}

.gws_main_sidebar .nav-link {
  height: var(--left_navigation_height2);
  /*  padding: 10px 16px 10px 16px;*/
  /*  padding: 10px 8px 10px 8px;*/
  border-radius: 8px !important;
  width: calc(100% - (2 * var(--left_navigation_margin2))) !important;
  white-space: nowrap;
  box-shadow: none !important;
  display: flex;
  align-items: center;
}
.sidebar-collapse .gws_main_sidebar .nav-link {
  /*  padding: 0 !important;*/
  /*  border-radius: 8px !important;*/
  /*  margin: 0 !important;*/
  /*  width: var(--left_navigation_collapse_width2) !important;*/
}

.gws_main_sidebar .nav-link>.nav-icon {
  margin-left: 0 !important;
  margin-right: 10px !important;
  /*  padding-left: 6px !important;*/
  padding-top: 4px !important;
  text-align: left;
}

.gws_main_sidebar .nav-link .right {
  top: 16px !important;
}


/* fa_add fad_bull */
.gws_main_sidebar .nav-item>.nav-link>.nav-icon.nav_leaf {
  /*.gws_main_sidebar .nav-item[data-menu_level="1"] .nav-link>.nav-icon.nav_leaf {*/
  /*.gws_main_sidebar .nav-item:not([data-menu_level="1"]) .nav-link>.nav-icon.nav_leaf {*/
  text-align: right;
  padding-right: 4px;
  color: var(--left_navigation_item_leaf_color2);
}
.gws_main_sidebar .nav-item[data-menu_level="0"]>.nav-link>.nav-icon.nav_leaf,
.gws_main_sidebar .nav-item[data-menu_level="1"]>.nav-link>.nav-icon.nav_leaf 
{
  color: var(--left_navigation_color2);
}





/*.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link*/
.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link {
  background: var(--left_navigation_background2) !important;
  color: var(--left_navigation_color2) !important;
  border-left: 0 !important;
  margin-bottom: 4px;
}
.gws_main_sidebar .nav-treeview>.nav-item>.nav-link {
  background: var(--left_navigation_background2) !important;
  color: var(--left_navigation_color2) !important;
  border-left: 0 !important;
  margin-bottom: 4px;
}

.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active[href="#"] {
  /*color: var(--left_navigation_color2) !important;
  background: var(--left_navigation_background2) !important;*/
  /*background: var(--left_navigation_active_background2) !important;
  color: var(--left_navigation_active_color2) !important;*/
  background: var(--left_navigation_parent_active_background2) !important;
  color: var(--left_navigation_parent_active_color2) !important;
}
.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active {
  background: var(--left_navigation_active_background2) !important;
  color: var(--left_navigation_active_color2) !important;
}

.gws_main_sidebar .nav-treeview>.nav-item>.nav-link.active[href="#"] {
  /*background: var(--left_navigation_active_background2) !important;
  color: var(--left_navigation_active_color2) !important;*/
  background: var(--left_navigation_parent_active_background2) !important;
  color: var(--left_navigation_parent_active_color2) !important;
}
.gws_main_sidebar .nav-treeview>.nav-item>.nav-link.active {
  background: var(--left_navigation_active_background2) !important;
  color: var(--left_navigation_active_color2) !important;
}


.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.nav_link_menu_title {
  background: var(--main_background2) !important;
  color: grey !important;
}
.gws_main_sidebar .nav-treeview>.nav-item>.nav-link.nav_link_menu_title {
  background: var(--main_background2) !important;
  color: grey !important;
}

.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active.nav_link_menu_title {
  background: var(--main_background2) !important;
  color: grey !important;
}
.gws_main_sidebar .nav-treeview>.nav-item>.nav-link.active.nav_link_menu_title {
  background: var(--main_background2) !important;
  color: grey !important;
}



.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active>.nav-icon.nav_leaf {
  color: var(--left_navigation_active_color2) !important;
}
.gws_main_sidebar .nav-treeview>.nav-item>.nav-link.active>.nav-icon.nav_leaf {
  color: var(--left_navigation_active_color2) !important;
}







/*.gws_main_sidebar .nav-sidebar>.nav-item.menu-open>.nav-link */
/*.gws_main_sidebar .nav-sidebar>.nav-item:hover>.nav-link */
/*.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link:focus */
.gws_main_sidebar .nav-sidebar>.nav-item:hover>.nav-link {
  /*background: var(--left_navigation_hover_background2);
  color: var(--left_navigation_hover_color2);*/
  font-weight: bolder;
}
.gws_main_sidebar .nav-treeview>.nav-item:hover>.nav-link {
  font-weight: bolder;
}

/*.gws_main_sidebar .nav-pills .nav-link:not(.active):hover */
.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active:hover {
  background: var(--left_navigation_hover_background2);
  color: var(--left_navigation_hover_color2);
}
.gws_main_sidebar .nav-treeview>.nav-item>.nav-link.active:hover {
  background: var(--left_navigation_hover_background2) !important;
  color: var(--left_navigation_hover_color2) !important;
  /*background: var(--left_navigation_active_background2);*/
}


.gws_menu_active.active {
  /*  background-image: linear-gradient(to bottom right, #0e6b7a, #6ce7fa);*/
  background: var(--left_navigation_active_background2) !important;
  color: var(--left_navigation_active_color2) !important;
  /*height: var(--left_navigation_height2);
  padding: 10px 16px 10px 16px;
  border-radius: 8px;
  margin: var(--left_navigation_margin2);
  width: calc(100% - (2 * var(--left_navigation_margin2)));*/
}

/*
}

.gws_main_sidebar .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link {
  color: var(--left_navigation_color2);
  background-color: var(--left_navigation_background2);
}

.gws_main_sidebar .treeview_gws1 .nav-flat .nav-item .nav-treeview>.nav-item>.nav-link.active {
  border-color: black !important;
  / *  border-left: 8px solid;* /
  border-left: 0;
  / *color: var(--left_navigation_active_color2);
  background-color: var(--left_navigation_active_background2);* /
  color: var(--left_navigation_color2);
  background-color: transparent;
}


.gws_main_sidebar .nav-pills .nav-link {
  color: var(--left_navigation_color2);
  / *  font-size: 16px;* /
}

.gws_main_sidebar .nav-pills .nav-link:not(.active):active {
  color: var(--left_navigation_active_color2);
}
.gws_main_sidebar .nav-sidebar>.nav-item>.nav-link.active {
  background: var(--left_navigation_active_background2);
  height: 44px;
  padding: 10px 16px 10px 16px;
  / *  gap: 10px;* /
  border-radius: 8px;
  margin: 10px;
  width: calc(100% - 20px);
}
*/


.gws_sidebar {
  padding-left: 0;
  padding-right: 0;
  overflow-y: scroll !important;
}
.sidebar-collapse .gws_sidebar {
  /*  width: var(--left_navigation_collapse_width2) !important;*/
}
.gws_sidebar::-webkit-scrollbar {
  display: none;
}
.gws_sidebar {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}

.gws_nav {
  margin-top: 0 !important;
}


/*

.treeview_gws1 .nav-treeview>.nav-item>.nav-link.active {

}
.treeview_gws1 .nav-treeview>.nav-item>.nav-link.active:focus {

}
.treeview_gws1 .nav-treeview>.nav-item>.nav-link.active:hover {
  background: var(--left_navigation_active_background2);
  height: 44px;
  padding: 10px 16px 10px 16px;
  border-radius: 8px;
  margin: 10px;
  width: calc(100% - 20px);
}
*/



.brand-link.brand_link {
  border-bottom: 1px solid var(--light_border2);
  border-right: 1px solid var(--light_border2);
  height: var(--left_navigation_brand_height2);
  line-height: var(--left_navigation_brand_height2);
  display: flex;
  align-items: center;
}

.brand-link .brand-image.brand_image {
  width: 48px;
  margin-top: 0;
}
.sidebar-collapse .brand_image {
  margin: 0 0 0 5px !important;
}

.brand_text {
  color: var(--main_text_color2);
  font-weight: bolder !important;
}

.gws_nav_role {
  background: var(--left_navigation_role_background2);
}
.sidebar-collapse .gws_nav_role {
/*  display: none;*/
}






/*ul.treeview_gws1 {
  width: 100%;
  margin: 0;
}*/
/*ul.treeview_gws1 li.gws_nav_item a {
  color: black;
}*/



.main_header {
  height: var(--top_navigation_height2);
}

.main_header .navbar-nav .nav-link {
  height: var(--top_navigation_height2);
  display: flex;
  align-items: center;
}

.main_header .page_title1 {
  font-size: 20px;
  font-weight: 600;
  margin-left: 0;
  padding-left: 0;
}
.main_header .page_title1 .nav-link {
  margin-left: 0;
  padding-left: 0;
  color: var(--main_text_color2);
}


.navbar_nav_top .nav-item .nav-link {
  background-color: var(--top_navigation_icon_background2);
  border-radius: 8px;
  /*  padding: 16px;*/
  padding: 9px;
  /*  margin: 4px;*/
  margin: 11px 8px;
  /*  height: calc(var(--top_navigation_height2) - 8px);*/
  /*  height: calc(var(--top_navigation_height2) - 22px);*/
  height: var(--top_navigation_icon_height2);
  width: var(--top_navigation_icon_width2);
  font-size: 18px;
  color: var(--top_navigation_icon_color2);
  justify-content: center;
}


.navbar_nav_top .nav-item .form-inline {
  padding: 0;
  margin: 4px;
  height: calc(var(--top_navigation_height2) - 8px);
  font-size: 18px;
}


.navbar_nav_top .nav-item .nav-link.top_nav_user_profile {
  width: auto;
  background-color: transparent;
}
.navbar_nav_top .nav-item .nav-link.top_nav_user_profile .top_nav_user_name {
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  padding-left: 8px;
  padding-right: 8px;
}

.profile-user-img {
  /*  padding: 0;*/
  padding: 7px;
  width: 69px;
  border: 1px solid var(--profile_user_img_border2);
}

.div_profile_user_img {
  width: 69px;
  height: 69px;
}

.top_user_box_profile .profile_row1 {
  text-align: left;
  margin-bottom: 10px;
}
.top_user_box_profile .profile_row1 label {
  color: #8C8C8C;
  font-size: 14px;
  font-weight: 400;
}




.search_bar_icon_div {
  top: 7px;
  height: 0px;
  z-index: var(--z_index_search_bar_icon);
  position: relative;
  left: 16px;
  /*  top: 5px;*/
  top: 9px;
}
.search_bar_icon {
  /*  color: var(--text_dark_grey2);*/
  z-index: var(--z_index_search_bar_icon);
  margin-top: 6px;
}
.search_bar_div {
  padding-right: 5px;
  width: 100%;
}
.search_bar {
  height: 38px;
  text-indent: 28px;
  background: var(--top_navigation_icon_background2);
  /*  border: 1px solid var(--top_navigation_icon_background2) !important;*/
  border: 1px solid var(--top_navigation_icon_background2);
}
.form-inline .form-control.search_bar {
  width: 300px;
  border-radius: 6px;
}

.dropdown_menu_profile .dropdown-item:focus,
.dropdown_menu_profile .dropdown-item:hover {
  color: var(--main_text_color2);
  /*  text-decoration: none;*/
  font-weight: bolder;
  background-color: var(--left_navigation_parent_active_background2);
}



.bread_crumb {
  font-size: 14px;
  font-weight: 400;
}
.bread_crumb .breadcrumb-item+.breadcrumb-item::before {
  /*  content: ">"; greater than */
  /*  content: "›";*/
  /*  content: "˃";*/
  content: "❯";
}

.main_content_header {
  /*  margin-left: var(--content_left_margin2);*/
  /*  margin-right: var(--content_left_margin2);*/
  margin-bottom: 0;
  padding-bottom: 0;
  padding: 15px 0 0 0;
}
.main_content_header_inner {
  /*  padding-left: 7.5px;*/
  padding-left: 20px;
  padding-right: var(--content_left_padding2);
  margin-left: auto;
  margin-right: auto;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: var(--main_background2);
  padding-top: 8px;
  padding-bottom: 8px;
}

.main_content1 {
  padding-left: var(--content_left_margin2);
}
.main_content_inner {
  padding-left: var(--content_left_padding2);
  padding-right: var(--content_left_padding2);
  margin-left: auto;
  margin-right: auto;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.main_content1 .card {
  box-shadow: none;
}
.main_content1 .card .card-header {
  background: var(--main_background2);
  color: var(--main_text_color2);
  /*  border-bottom: 1px solid var(--light_border3);*/
  border-bottom: 1px solid var(--main_background2);
}
.main_content1 .card .card-header .card-title.card_title {
  font-weight: bolder;
}

.main_content1 .card .card-header .card_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--page_header_card_color2);
}

.main_content1 .card .card-body{
  padding: 20px;
}


.main_content1 .card-header .btn-tool {
  color: var(--main_text_color2) !important;
}


.form1 {
  width: 100%;
}

.form_group_row1 {
  background: var(--main_background2);
}

.form_group2 {
  /*  padding: inherit;*/
  background: var(--main_background2);
}



/*.form_group_row1:nth-child(odd) {
  padding-left: 0;
  padding-right: var(--content_left_padding2);
}
.form_group_row1:nth-child(even) {
  padding-left: var(--content_left_padding2);
  padding-right: 0;
}*/






/*.row_form*/
.form_label label {
  line-height: normal;
}

.form_label label {
  line-height: normal;
}
.form_label2 label {
  line-height: normal;
}



.form_input input {
  background-color: var(--common_grey_background2);
  border-radius: var(--common_border_radius);
  /*height: 44px;*/
  height: var(--form_control_height1);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding-left: 14px;
}




#ajax_data_table_wrapper table.#ajax_data_table.data_table {  }


/*div.dt-container {*/
/*.dataTables_wrapper.data_table_wrapper {
  margin: 0 auto;
}*/



.dataTables_wrapper.data_table_wrapper.dt1 .row>div {
  display: flex;
  align-items: center;
}

/*.data_table .inner_label_user_profile1 .description1 .body1*/
.dataTables_wrapper.data_table_wrapper.dt1 .user_profile1 .row>div {
  display: block;
}


.dataTables_wrapper .dataTables_scroll {
  min-width: 100%;
}
/*.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td */
/*.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td */
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table.data_table>tbody>tr>td {
  /*  vertical-align: top;*/
}

.dataTables_wrapper.data_table_wrapper.dt1 .custom_table {
  overflow-x: auto;
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons {
  justify-content: right;
  /*z-index: 99999;
  position: fixed;
  right: 10px;*/
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button {
  background: var(--main_button_background3);
  color: var(--main_button_color3);
  border-radius: var(--main_button_border_radius2);
  padding: 8px 16px;
  gap: 8px;
  width: 105px;
  height: 38px;
  font-size: var(--main_button_font_size2);
  font-weight: 600;
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.buttons-print {
  background: var(--main_button_background2);
  color: var(--main_button_color2);
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.buttons-collection {
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.custom_button_filter.hiding {
  background: var(--soft_danger_background2);
  color: var(--danger);
}


/*.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.buttons-print i.fa,
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.buttons-collection i.fa*/
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.buttons-print .button_icon {
  margin-right: 4px;
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button.buttons-collection .dt-button-down-arrow {
  display: none;
}

.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_buttons .dt-buttons .dt-button:hover {
/* box-shadow: inset 0 0 0 9999px var(--main_button_hover_box_shadow_background2); */
 box-shadow: inset 0 0 0 50px var(--main_button_hover_box_shadow_background2); 
}


.dataTables_wrapper.data_table_wrapper.dt1 .dataTables_length {
  width: 100%;
}
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_per_page label {
  width: 100%;
  margin-bottom: 0;
}


/*.data_table_wrapper .custom_control_per_page select#ajax_data_table_length {*/
.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_per_page select.custom-select {
  /*  background: #fff url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) right .75rem center / 8px 10px no-repeat;*/
  /*  width: 100px !important;*/
  width: 100% !important;
  /*width: 100px !important;*/
  font-size: var(--data_table_font_size2);
  height: var(--data_table_custom_control_per_page__select_height2);


  padding: 0.25rem 0.5rem;
  /*font-size: 0.875rem;*/
  /*border-radius: var(--bs-border-radius-sm);*/
  border: var(--bs-border-width) solid var(--bs-border-color);
}



.dataTables_wrapper.data_table_wrapper.dt1 .custom_control_info {
  font-size: var(--data_table_font_size2);
  font-weight: 600;
}

.dataTables_wrapper.data_table_wrapper.dt1 .row>div.custom_control_paging {
  display: inline;
}
.data_table_wrapper .custom_control_paging .dataTables_paginate {
  /*float: left;
  text-align: left;*/
}
.dataTables_wrapper .custom_control_paging .dataTables_paginate ul.pagination li.paginate_button:hover a.page-link {
  background-color: var(--data_table_pagination_button_hover_background2);
  color: var(--data_table_pagination_button_hover_color2);
}
.dataTables_wrapper .custom_control_paging .dataTables_paginate ul.pagination li.paginate_button.active:hover a.page-link {
  background-color: var(--data_table_pagination_button_color2);
  color: var(--data_table_pagination_button_hover_color2);
}
.data_table_wrapper .custom_control_paging .dataTables_paginate ul.pagination li.page-item a.page-link {
  font-size: var(--data_table_font_size2);
  padding: 8px 12px;
  /*  gap: 10px;*/
  border-radius: 4px;
  border: 1px solid var(--data_table_pagination_button_border_color2);
  color: var(--data_table_pagination_button_color2);
  height: 36px;
  min-width: 36px;
}
.data_table_wrapper .custom_control_paging .dataTables_paginate ul.pagination li.page-item.active a.page-link {
  background-color: white;
  border-color: var(--data_table_pagination_button_active_border_color2);
  color: var(--data_table_pagination_button_active_color2);
}

.dataTables_wrapper .custom_control_paging .dataTables_paginate .paginate_button:hover {
  /*  color: white !important;*/
  /*  border: 1px solid #111;*/
  border: 1px solid transparent;
  /*  background: linear-gradient(to bottom, #585858 0%, #111 100%);*/
  background: none;
}

.data_table_wrapper .custom_control_paging_go_to {
  padding: 0px;
  margin: 0px;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}



/*.data_table .page_number*/
.data_table_wrapper .custom_control_paging_go_to #pageNumber {
  height: var(--data_table_pageNumber_height2);
  /*width: var(--data_table_pageNumber_width2) !important;*/
}
.data_table_wrapper .custom_control_paging_go_to #goToPage {
  height: var(--data_table_pageNumber_height2);
  line-height: calc(var(--data_table_pageNumber_height2) / 2);
}




@media screen and (max-width: 767px) {
  /*.dataTables_wrapper .dataTables_paginate ul.pagination {*/
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: left !important;
  }
}




.page_index .button.additional_button {
  min-width: 100px;
}




/*table.dataTable thead>tr>th.sorting:before, 
table.dataTable thead>tr>th.sorting_asc:before, 
table.dataTable thead>tr>th.sorting_desc:before, 
table.dataTable thead>tr>th.sorting_asc_disabled:before, 
table.dataTable thead>tr>th.sorting_desc_disabled:before, 
table.dataTable thead>tr>td.sorting:before, 
table.dataTable thead>tr>td.sorting_asc:before, 
table.dataTable thead>tr>td.sorting_desc:before, 
table.dataTable thead>tr>td.sorting_asc_disabled:before, 
table.dataTable thead>tr>td.sorting_desc_disabled:before*/

/*.dataTables_wrapper.data_table_wrapper.dt1 thead>tr>th.sorting:before,
.dataTables_wrapper.data_table_wrapper.dt1 thead>tr>th.sorting:after
{
  visibility: hidden;
  font-size: 15px;
  top: 12px; 
}
.dataTables_wrapper.data_table_wrapper.dt1 thead>tr>th.sorting.sorting_asc:before {
  visibility: visible;
  content: "↓";
}
.dataTables_wrapper.data_table_wrapper.dt1 thead>tr>th.sorting.sorting_desc:after {
  visibility: visible;
  content: "↑"; 
}*/

table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {
  content: "▲" / "";
}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {
  content: "▼" / "";
}

table.data_table {
  /*  padding-right: 20px;*/ /*  250109_211326 - revamp2 - disabled*/
}
table.data_table tfoot {
  display: none;
}

table.data_table.table-striped {
  /*  border-color: white !important;*/
}
table.data_table.table-striped thead {
  /*  background-color: #FCFCFD;*/
}
table.data_table.table-striped thead tr th {
  padding: 16px 12px;
  min-width: 30px;
  background-color: var(--data_table_thead_background2);
  font-size: 13px;
  vertical-align: middle;
}
table.data_table.table-striped tbody tr {
  /*  background: #EAEBF0;*/
  /*  border: 1px solid #EAEBF0;*/
  /*  box-shadow: none !important;*/
  /*  background-color: #FAFAFA;*/
  /*  border-color: #FAFAFA !important;*/
  /*  background-color: #FAFAFA !important;*/
  /*  background-color: transparent !important;*/
  /*  background-color: white !important;*/
  background-color: var(--data_table_tbody_row_even_background2);
}
table.data_table.table-striped tbody tr:nth-of-type(odd) {
  /*  background: transparent;*/
  /*  background: ghostwhite;*/
  /*  border: 1px solid #FAFAFA;*/
  /*  box-shadow: none;*/
  /*  background-color: white !important;*/
  background-color: var(--data_table_tbody_row_odd_background2);
}
table.data_table.table-striped tbody tr>* {
  /*  box-shadow: none;*/
  /*  box-shadow: none !important;*/
  /*  border-color: white !important;*/
  border: none !important;
  border-bottom: 1px solid #EAEBF0 !important;
}

table.dataTable.table-striped>tbody>tr.odd>* {
  /*  box-shadow: none;*/
}


/*table.data_table td {*/
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table.data_table>tbody>tr>td {
  vertical-align: middle;
  font-size: 18px;
}

table.data_table td.long_small_text,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table.data_table>tbody>tr>td.long_small_text {
  font-size: 10px;
}




table.data_table .list_actions .action_button_item {
  padding: 4px;
  margin: 4px;
  border-radius: var(--main_button_border_radius2);
  background-color: var(--main_button_background4);
  color: var(--main_button_color4);
  width: fit-content;
}
table.data_table .list_actions .action_button_item:hover {
  /* box-shadow: inset 0 0 0 9999px var(--main_button_hover_box_shadow_background2); */
 box-shadow: inset 0 0 0 50px var(--main_button_hover_box_shadow_background2); 
}


.dropdown-toggle__disabled {
  display: none;
}
.dropdown-menu__disabled {
  display: contents;
}


.dropdown-menu__disabled a.disabled {
  display: none;
}


/*table.data_table th, 
table.data_table td {
  white-space: nowrap;
}*/







.header_buttons .dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-left: .167em;
  margin-right: .167em;
  margin-bottom: .333em;
  padding: .5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  cursor: pointer;
  font-size: .88em;
  line-height: 1.6em;
  color: inherit;
  white-space: nowrap;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;

  background: var(--main_button_background3);
  color: var(--main_button_color3);
  border-radius: var(--main_button_border_radius2);
  padding: 8px 16px;
  gap: 8px;
  width: 105px;
  height: 38px;
  font-size: var(--main_button_font_size2);
  font-weight: 600;
}
.header_buttons .dt-button.buttons-print {
  background: var(--main_button_background2);
  color: var(--main_button_color2);
}

.header_buttons .dt-button-down-arrow {
  display: none;
}
.header_buttons span.dt-button-down-arrow {
  position: relative;
  top: -2px;
  font-size: 10px;
  padding-left: 10px;
  line-height: 1em;
  opacity: .6;
}


.header_buttons .dt-button.custom_button_filter.hiding {
  background: var(--soft_danger_background2);
  color: var(--danger);
}





.header_buttons .additional_button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-left: .167em;
  margin-right: .167em;
  margin-bottom: .333em;
  padding: .5em 1em;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  cursor: pointer;
  font-size: .88em;
  line-height: 1.6em;
  /*  color: inherit;*/
  white-space: nowrap;
  overflow: hidden;
  /*  background-color: rgba(0, 0, 0, 0.1);*/
  /*  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);*/
  /*  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
  text-overflow: ellipsis;

  /*  background: var(--main_button_background3);*/
  /*  color: var(--main_button_color3);*/
  border-radius: var(--main_button_border_radius2);
  padding: 8px 16px;
  gap: 8px;
  /*  width: 105px;*/
  height: 38px;
  font-size: var(--main_button_font_size2);
  font-weight: 600;
}

#top_lstSearchResults .list-group-item {
  background-color: white;
}
#top_lstSearchResults .list-group-item a {
  color: black;
}
#top_lstSearchResults .list-group-item.selected {
  background-color: var(--top_navigation_search_list_group_item_selected_background2);
}
#top_lstSearchResults .list-group-item.selected a {
  color: white;
}

#top_txtSearchBar {
}



.data_table_top_row {
  display: none;
  /*  visibility: hidden;*/
}
.data_table_top_row .dt-button {
  /*height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;*/
}













.modal_image {
  z-index: var(--z_index_modal_image2);
}
.modal_image .modal_title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}

.modal_image .modal_body {
  padding-top: 24px;
}

.modal_image .modal_image_path {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  overflow-x: hidden;
  padding-top: 24px;
}
.modal_image .modal_image_sizes {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding-bottom: 24px;
}





.modal_image_with_upload .modal_image_title1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
  margin-bottom: 12px;
}
.modal_image_with_upload .modal_image_img {
  border: 1px dashed green;
  border-radius: 4px;
}



.modal.modal_info {
  z-index: var(--z_index_modal_info2);
}
.modal.modal_info .modal_body_inside {
  border-radius: 8px !important;
}

.modal.modal_info .modal_buttons {
  margin-bottom: 10px;
}
.modal.modal_info .modal_buttons .div_button {
  /*text-align: right;*/
}
.modal.modal_info .modal_buttons.buttons_ok .ok_button {
  border-top: none;
}






.card-header .card_title {
  width: 100%;
}
.card-primary:not(.card-outline)>.card-header .card_title a {
  color: black;
}

.card-primary:not(.card-outline)>.card-header .card_title a.btn-outline-success {
  /*  color: inherit;*/
  /*  color: unset;*/
  /*  color: revert;*/
  /*  color: initial;*/
  color: var(--success);
  border-color: var(--success);
}
.card-primary:not(.card-outline)>.card-header .card_title a.btn-outline-success:hover {
  color: var(--white);
  background-color: var(--success);
  border-color: var(--success);
}


.card-primary:not(.card-outline)>.card-header .card_title a.btn-success {
  background-color: var(--success);
  color: var(--success);
}
.card-primary:not(.card-outline)>.card-header .card_title a.btn-outline-success:hover {
  color: var(--white);
  background-color: var(--success);
  border-color: var(--success);
}

.card-primary:not(.card-outline)>.card-header .card_title .dropdown_menu {
  width: 100%;
}
.card-primary:not(.card-outline)>.card-header .card_title .dropdown_menu a:hover {
  color: var(--white);
}



.card_title .card-header a {
  /*  color: black !important;*/
}



.info-box.info_box .info-box-icon {
  background-color: #F5F5F5;
  color: black;
  border-radius: 50%;
  font-size: 24px;
}

.info-box.info_box .info-box-content .info-box-text {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
}

.info-box.info_box .info-box-content .info-box-number {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
}




.session_view_bags {
  background-color: var(--main_background2);
}


.session_view_bags .session_alert1 {
  margin-bottom: 0;
  margin-left: var(--content_left_margin2);
  margin-right: var(--content_left_margin2);
}




/* sync w PNotify .brighttheme-notice */
.session_view_bags.class1 {
  /*  margin-left: var(--size_side_small_margin);*/
  /*  margin-right: var(--size_side_small_margin);*/
  /*  position: absolute;*/
  z-index: var(--z_index_session_view_bags);
  /*  width: calc(100vw - 2*(var(--size_side_small_margin)));*/
  
  /*padding-left: var(--size_side_small_margin);*/
  /*padding-right: var(--size_side_small_margin);*/
  background: rgba(255, 255, 255, 0);
  position: absolute;
  /*padding-top: 10px;*/
  width: 100%;
  text-align: center;

  margin: 0px;
  padding: 0px;
  border-bottom-left-radius: var(--size_notification_border_radius);
  border-bottom-right-radius: var(--size_notification_border_radius);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  border-bottom-width: 0px;
}

.session_view_bags.class1 .alert .alert_close {
  /*  float: right;*/
  /*  font-size: 14px;*/
  /*  margin-right: -30px;*/
  font-size: 32px;
  padding: 6px;
  cursor: pointer;
  margin: -12px 0px 0px 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.session_view_bags.class1 .alert ul {
  padding-left: 0px;
}
.session_view_bags.class1 .alert ul li {
  list-style: none;
}


.session_view_bags .alert.alert_notification2 {
  margin-bottom: 0;
  /*
  margin-left: var(--content_left_margin2);
  margin-right: var(--content_left_margin2);*/
  border-radius: 0px;
  border-bottom-left-radius: var(--size_notification_border_radius);
  border-bottom-right-radius: var(--size_notification_border_radius);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 19px 0px !important;
  border-bottom-width: 0px;
}



/*.button_upload_image {*/
.div_image_upload label {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #000000;
}
.div_image_upload .button_image_upload {
  width: 184px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid var(--modal_button_background2);
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  color: var(--modal_button_background2);
}

.div_image_upload .file_image_upload {
  display: none;
}


.div_table_team_relay_scores .sub_title1 {
  font-size: 26px;
  line-height: var(--form_control_height1);
}

.div_table_team_relay_scores .action_buttons .action_buttons_inner {
  white-space: nowrap;
  /*  gap: 8px;*/
  gap: 0;
  display: inline-flex;
}
.div_table_team_relay_scores .action_buttons .action_buttons_inner .button_icon {
}

.div_table_team_relay_scores .group_color {
  background-color: white;
  border: 1px solid black;
  height: 24px;
  width: 24px;
  display: inline-block;
  line-height: var(--form_control_height1);
  text-align: center;
}



.div_table_team_relay_scores .table tbody tr.tr_match td {
  vertical-align: middle;
  font-size: 18px;
}
.div_table_team_relay_scores .table tbody tr {
  height: var(--data_table_tbody_tr_height2);
}
.div_table_team_relay_scores .table tbody tr:nth-of-type(odd) {
/*  background-color: var(--data_table_tbody_row_odd_background2);*/
}
.div_table_team_relay_scores .table tbody tr:nth-of-type(even) {
/*  background-color: var(--data_table_tbody_row_even_background2);*/
}




.div_table_running_scores .sub_title1 {
  font-size: 26px;
  line-height: var(--form_control_height1);
}

.div_table_running_scores table.table2 {
}
.div_table_running_scores table.table2.invert_color {
  filter: invert(1);
}


.div_table_running_scores table.table2 tbody tr.tr_match {
}
.div_table_running_scores table.table2 tbody tr#trRunningMatch_template.tr_match {
  display: none;
}

.div_table_running_scores .table tbody tr.tr_match td {
  vertical-align: middle;
  /*  font-size: 18px;*/
  font-size: 30px;
  font-weight: bold;
}
.div_table_running_scores .table tbody tr.tr_match td.team_1_score,
.div_table_running_scores .table tbody tr.tr_match td.team_2_score {
  font-size: 80px;
}
.div_table_running_scores .table tbody tr.tr_match td.match_datetime {
  font-size: 16px;
}

.div_table_running_scores .group_color {
  background-color: white;
  border: 1px solid black;
  height: 24px;
  width: 24px;
  display: inline-block;
  /*  line-height: var(--form_control_height1);*/
  line-height: 24px;
  text-align: center;
  font-weight: bolder;
  color: white;
  text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;
}
.div_table_running_scores #div_running_indicator {
  font-size: 30px;
  color: gold;
}





.div_sub_page {
  margin-top: 56px;
}
.div_sub_page.not_active {
  display: none;
}
.div_sub_page .div_section {
}
.div_sub_page .div_section.not_active {
  display: none;
}





.floating_nav_menu {
  display: table;
  height: 74px;
  background-color: rgba(0, 0, 0, 0.25);
  padding-left: 10px;
  padding-right: 10px;
  /*  z-index: 20;*/
  z-index: var(--z_index_floating_nav_menu);
}
.floating_nav_menu button {
  float: right;
  padding-right: 10px;
  border: none;
  background-color: transparent;
}
.floating_nav_menu i {
  font-size: 24px;
  color: rgb(0, 195, 54);
}
.floating_nav_menu2 {
  display: table;
  height: 74px;
  background-color:  rgb(0, 195, 54);
  padding-left: 10px;
  padding-right: 10px;
  /*  z-index: 20;*/
  z-index: var(--z_index_floating_nav_menu);
}
.floating_nav_menu2 button {
  float: right;
  padding-right: 10px;
  border: none;
  background-color: transparent;
}
.floating_nav_menu2 i {
  font-size: 24px;
  color: white;
}

.floating_action_button {  }
.floating_action_button.share { }
.floating_action_button.share .main {
  display: block;
  width: var(--fab_share_main_diameter2);
  height: var(--fab_share_main_diameter2);
  background: #ff9100;
  /*  position: absolute;*/
  position: fixed;
  /*  top: 300px;*/
  bottom: var(--fab_share_bottom2);
  /*  left: 50%;*/
  right: var(--fab_share_right2);
  /*  z-index: 999;*/
  z-index: var(--z_index_floating_action_button);
  text-align: center;
  overflow: hidden;
  line-height: 65px;
  font-size: 1.5em;
  color: #fff;
  -moz-box-shadow: 0px 3px 9px rgba(0,0,0,.5);
  -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.5);
  box-shadow: 0px 3px 9px rgba(0,0,0,.5);
  border-radius: 50px;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.floating_action_button.share .main:hover {
  cursor:pointer;
}
.floating_action_button.share .secondary {
  /*  position: absolute;*/
  position: fixed;
  width: var(--fab_share_secondary_diameter2);
  height: var(--fab_share_secondary_diameter2);
  color: #fff;
  border-radius: 50px;
  text-align: center;
  line-height: 49px;
  font-size: 1.5em;
  /*  top: 300px;*/
  /*  bottom: var(--fab_share_bottom2);*/
  bottom: calc(var(--fab_share_bottom2) + (var(--fab_share_main_diameter2) - var(--fab_share_secondary_diameter2)) );
  /*  left: 50%;*/
  right: calc(var(--fab_share_right2) + (var(--fab_share_main_diameter2) - var(--fab_share_secondary_diameter2)) );
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-box-shadow: 0px 3px 9px rgba(0,0,0,.2);
  box-shadow: 0px 3px 9px rgba(0,0,0,.2);
  /*  -webkit-transition: transform  .3s ease-in-out;*/
  -webkit-transition: transform  .1s ease-in-out;
  /*  transition: transform .3s ease-in-out;*/
  transition: transform .1s ease-in-out;
  background-color: grey;
}
.floating_action_button.share .secondary:hover {
  cursor:pointer;
}
.floating_action_button.share .secondary i {
  display:none;
}
.floating_action_button.share .secondary.phone {
  background-position: 100px 100px;
  background-repeat: no-repeat;
  background: linear-gradient(to left, var(--second_accent2) 0%, var(--theme2) 100%);
}
.floating_action_button.share .secondary.sms {
  background-image: radial-gradient(at top right, red, green, blue);
}
.floating_action_button.share .secondary.whatsapp {
  background-color: var(--invite_friends_whats_app_background2);
}
.floating_action_button.share .secondary.telegram {
  background-color: var(--invite_friends_telegram_background2);
}
.floating_action_button.share .secondary.facebook {
  background:#2196f3;
}
.floating_action_button.share .secondary.twitter {
  background:#00e5ff;
}
.floating_action_button.share .secondary.instagram {
  /*  background:#6a1b9a;*/
  /*display: inline-block;
  width: 250px;
  height: 250px;
  text-align: center;
  border-radius: 40px;*/
  color: #fff;
  font-size: 30px;
  /*  line-height: 50px;*/
  vertical-align: middle;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);
}
.floating_action_button.share .secondary.email {
}








.floating_bottom_menu {
  padding-top: 12px;
  padding-left: 0px;
  padding-right: 0px;
  height: 60px;
  margin: 0 0px 0px 0px;
  background-color: #FFF;
  box-shadow: 1px 3px 6px 0px rgba(130, 138, 144, 1);
  color: var(--text_primary2);
}


/*.floating_bottom_menu button, .floating_bottom_menu a {
  color: var(--primary);
}*/
.floating_bottom_menu .button_bottom_menu {
  color: grey;
  cursor: pointer;
}


.floating_bottom_menu .floating_button1 {
  text-transform: uppercase;
}

/*
.floating_bottom_menu .bottom_menu {
  height: 100%;
  float: left;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
}
*/


/*.floating_bottom_menu .bottom_menu.active {*/
.floating_bottom_menu .button_bottom_menu.active {
  color: var(--primary);
}
/*.floating_bottom_menu .bottom_menu img {
  width: auto;
  height: 33px;
  margin-bottom: 3px;
}*/
.floating_bottom_menu .bottom_menu_icon {
  font-size: 18px;
}
/*.floating_bottom_menu .bottom_menu_icon img {
  width: 18px; height: 18px;
}*/
.floating_bottom_menu .button_bottom_menu .bottom_menu_name {
  /*color: var(--text_primary2);*/
  color: grey;
  margin-top: -1px;
  font-size: 10px;
}
.floating_bottom_menu .button_bottom_menu.not_active .bottom_menu_name {
  color: var(--floating_bottom_menu_color2);
}

.floating_bottom_menu .button_bottom_menu.active .bottom_menu_name {
  color: var(--primary);
}

.div_animation_play_sound {
  position: fixed; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  font-size: 3rem; 
  /*z-index: 9999999; */
  z-index: var(--z_index_animation_play_sound); 
  pointer-events: none; 
  animation: soundFeedback 0.8s ease-out forwards;
}










.install_container4 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  line-height: normal;
  display: none;
  z-index: var(--z_index_install_container);

  /*width: 50%;*/
  /*margin-left: 50%;*/
}

/*.install_container4 .inner_box {*/
.install_container4 .outer_box {
  margin: 12px 14px 12px 14px;
  /*margin: 140px 14px 12px 14px;*/
  height: 60px;
  border-radius: 14px;
  background-color: var(--install_background2);
  /*background: #0575E6;*/

  box-shadow: -2px 1px 19px 0px rgba(0, 0, 0, 0.15);

  color: var(--install_text2);
  padding: 0;
}
.install_container4 .outer_box .inner_box {
}

.install_container4 .outer_box .inner_box .x_button {
  background-color: transparent;
  border: 0;
  font-size: 25px;
  cursor: pointer;
  z-index: var(--z_index_install_x_button);
}
.install_container4 .outer_box .inner_box .main {
  /*  margin-top: 8px;*/
}
.install_container4 .outer_box .inner_box .main .message {
  padding-left: 29px;
  font-size: 11px;
}

@media (max-width:400px) {
  .install_container4 .outer_box .inner_box .main .message {
    font-size: 11px;
  }
}

.install_container4 .outer_box .inner_box .main .install_button {
  height: 25px;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  background-color: var(--install_button_background2);
  color: var(--install_text2);

  display: flex;
  width: 100%;
  padding: 13px 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;

  border-radius: var(--button_small_border_radius);
  border: 0;
}

.install_container4 .vertical_align_middle {
  line-height: 60px;
  height: 60px;
  text-align: left;
  padding-right: 5px;
}

.install_container4 .vertical_align_middle span {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

#install_container4 {
  opacity: 1;
  transition: opacity 0.5s linear;
}

#install_container4.hide {
  opacity: 0;
}


.notification_show_animation {
  transform: translateY(-75px);
  /*transform: translateY(-163px);*/
  /*transform: translateY(-202px);*/
  animation: notification_slide_down 0.5s 0.5s 1 ease forwards;
}
.notification_hide_animation {
  transform: translateY(0px);
  animation: notification_slide_up 0.5s 0.5s 1 ease forwards;
}

@keyframes notification_slide_down {
  0% { transform: translateY(-75px); }
  /*0% { transform: translateY(-163px); }*/
  /*0% { transform: translateY(-202px); }*/
  100% { transform: translateY(0px); }
}

@keyframes notification_slide_up {
  0% { transform: translateY(0px); }
  100% { transform: translateY(-75px); }
  /*100% { transform: translateY(-202px); }*/
}





.json_file_menu {
  padding-top: 17px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--default_border2);
}
.json_file_menu.not_active {
  display: none;
}
.json_file_menu .section_title {
  min-height: 33px;
  padding-right: 17px;
}
.json_file_menu .section_title .title {
  color: var(--text_second_accent2);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.json_file_menu .section_title .button_right {
}
.json_file_menu .section_title .button_right.not_active {
  visibility: hidden;
}
.json_file_menu .section_description {
}
.json_file_menu .section_description.not_active {
  display: none;
}
.div_json_file .json_file_search_section {
  min-height: 60px;
}
.div_json_file .json_file_search_section .search_title {
  color: var(--text_second_accent2); font-size: 20px; font-weight: 600; line-height: normal;
}


.json_file_menu.menu_template {
  display: none;
}








.cropme_image_manipulation2 {
}
.cropme_image_manipulation2 .cropme_inner_image_manipulation {
  height: 100vh;
  overflow-y: hidden;
}
.cropme_image_manipulation2 .cropme_container {
  height: inherit;
  width: 100%;
}
.cropme_image_manipulation2 .cropme_div_buttons_image_manipulation {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.cropme_image_manipulation2 .button_image_manipulation {
  width: var(--image_manipulation_button_height);
  height: var(--image_manipulation_button_height);
  padding: 0;
}
.cropme_image_manipulation2 .button_image_manipulation img {
  width: var(--image_manipulation_button_height);
  height: var(--image_manipulation_button_height);
}
.cropme_image_manipulation2 .cropme_dropdown_button_image_manipulation  {
  background: none;
  padding: 0;
  border: 0;
}
.cropme_image_manipulation2 .cropme_dropdown_button_image_manipulation img {
  width: var(--image_manipulation_button_height);
  height: var(--image_manipulation_button_height);
}
.cropme_image_manipulation2 ul.dropdown_expanded_area_image_manipulation {
  background-color: rgba(255, 255, 255, 0.5);
  list-style: none !important;
  /*display: block;*/
}
.cropme_image_manipulation2 ul.dropdown_expanded_area_image_manipulation li {
  padding: 0 5px;
  margin: 5px 0;
  list-style: none !important;
  font-size: 12px;
}
.cropme_image_manipulation2 ul.dropdown_menu li .dropdown_item {
}
.cropme_image_manipulation2 ul.dropdown_menu li.active {
  background-color: var(--dark_green_button_background);
}


.cropme_image_manipulation2 .button_fa_manipulation {
  font-size: 24px;
  color: white;
  border-radius: 50%;
  background-color: #828282;
  padding: 0px;
  height: 34px;
  line-height: 34px;
  width: 34px;
}
.cropme_image_manipulation2 .cropme_container .cropme-container .viewport {
  border-top: 2px solid white !important;
  border-bottom: 2px solid white !important;
}










/*
.cropper_container .btn {
  padding-left: .75rem;
  padding-right: .75rem;
}
.cropper_container label.btn {
  margin-bottom: 0;
}
.cropper_container .d-flex > .btn {
  flex: 1;
}
.cropper_container .img-container {
  background-color: #f7f7f7;
  text-align: center;
  width: 100%;
  margin-bottom: 1rem;
  min-height: 200px;
  height: 100%;
}
@media (min-width: 768px) {
  .cropper_container .img-container {
    min-height: 497px;
  }
}
.cropper_container .img-container > img {
  max-width: 100%;
  height: 100%;
}

.cropper_image_manipulation2 ul.dropdown_menu li .dropdown_item {
}
.cropper_image_manipulation2 ul.dropdown_menu li.active {
  background-color: var(--dark_green_button_background);
}
.cropper_image_manipulation2 .cropper_inner_image_manipulation {
  height: 100vh;
  overflow-y: hidden;
}
.cropper_image_manipulation2 .cropper_container {
  height: inherit;
  width: 100%;
}
.cropper_image_manipulation2 .cropper_div_buttons_image_manipulation {
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.cropper_image_manipulation2 .cropper_button_image_manipulation,
.cropper_image_manipulation2 .cropper_button2_image_manipulation
{
  width: var(--image_manipulation_button_height);
  height: var(--image_manipulation_button_height);
  padding: 0;
}
.cropper_image_manipulation2 .cropper_button_image_manipulation img,
.cropper_image_manipulation2 .cropper_button2_image_manipulation img
{
  width: var(--image_manipulation_button_height);
  height: var(--image_manipulation_button_height);
}
.cropper_image_manipulation2 .cropper_dropdown_button_image_manipulation {
  background: none;
  padding: 0;
  border: 0;
}
.cropper_image_manipulation2 .cropper_dropdown_button_image_manipulation img {
  width: var(--image_manipulation_button_height);
  height: var(--image_manipulation_button_height);
}
.cropper_image_manipulation2 ul.cropper_dropdown_expanded_area_image_manipulation {
  background-color: rgba(255, 255, 255, 0.5);
  list-style: none !important;
}
.cropper_image_manipulation2 ul.cropper_dropdown_expanded_area_image_manipulation li {
  padding: 0 5px;
  margin: 5px 0;
  list-style: none !important;
  font-size: 12px;
}
.cropper_image_manipulation2 .cropper_button_fa_manipulation {
  font-size: 24px;
  color: white;
  border-radius: 50%;
  background-color: #828282;
  padding: 0px;
  height: 34px;
  line-height: 34px;
  width: 34px;
}
*/




.modal .full_image_div_buttons {
  background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0px, rgba(0, 0, 0, 0.3) 100%);
}
.modal .button_modal_fullscreen_back .image_back {
  filter: none;
  border-radius: 50%;
  padding: 4px;
  background-color: var(--text_dark_grey2);
}


.modal .full_image_button {
  color: var(--default_link2);
}




.offcanvas.off_canvas.off_canvas_bottom {
}
.offcanvas.off_canvas.off_canvas_bottom.ocv_choose_upload_image_source {
  height: 147px;
}
.offcanvas.ocv_choose_upload_image_source .modal_button img {
  width: 52px;
  height: 52px;
}
.offcanvas.ocv_choose_upload_image_source .modal_button .button_text {
  color: var(--default_link2);
  font-size: 14px;
  font-weight: 500;
}


.offcanvas.off_canvas.off_canvas_bottom.ocv_choose_upload_image_source .offcanvas_body {
  padding: 0;
}
.offcanvas.off_canvas.off_canvas_bottom.ocv_choose_upload_image_source .option1 {
  height: 46px;
  line-height: 46px;
  border-bottom: 1px solid var(--upload_chooser_border2)
}

.offcanvas.off_canvas.off_canvas_bottom.ocv_choose_upload_image_source .option1_last {
  height: 54px;
  line-height: 54px;
}








.toggle_reveal_password {
  /*  margin-left: -32px;*/
  /*  margin-top: 18px;*/
  cursor: pointer;
  /*  position: absolute;*/
  position: relative;
  border: 0;
  background-color: transparent;
  /*  color: grey;*/
  color: var(--second_accent2);
  /*  top: -35px;*/
  /*  top: -33px;*/
  top: calc(var(--size_input_height) * -1);
  /* right: -49px; */
  /*  right: calc(33px - 100%);*/
  right: calc(var(--size_input_height) - 100%);
  width: var(--size_input_height);
  height: var(--size_input_height);
  line-height: var(--size_input_height);
  text-align: center;
  /*  z-index: 5;*/
  z-index: var(--z_index_toggle_reveal_password);
  padding: 0;
  /*margin-top: 5px;*/
  margin-top: 3px;
}









.home_round_button {
  /*position: absolute;
  top: 20px;*/
  /*right: 20px;*/

  width: 40px;
  height: 40px;
  border-radius: 50%;
  /*background: rgba(255,255,255,0.2);*/
  /*background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);*/
  /*background: linear-gradient(135deg, #0c4a67 0%, #00aeff 100%);*/
  background: linear-gradient(135deg, #06358b  0%, #0d6efd 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 24px;

  position: fixed;
  top: 0;
  left: 0;
  margin-left: 12px;
  margin-top: 12px;
  z-index: var(--z_index_title_back_button1);
}

.home_round_button:active, .home_round_button.btn:active, .home_round_button:hover, .home_round_button.btn:hover {
  transform: scale(1.1);
  /*background: rgba(255,255,255,0.3);*/
  opacity: 0.2;
}


.div_hr_or {
  /*relative text-center flex flex-col justify-center align-center h-10 my-xs*/
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 2.5rem;
  margin-top: .8rem;
  margin-bottom: .8rem;
}
.hr_or {
  /*h-px bg-zinc-200 absolute top-1/2 left-0 right-0 bg-zinc-800*/
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.or1 {
  /*px-md pb-xxxxs relative mx-auto text-xs bg-body*/
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: .125rem;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-size: .8125rem;
  background-color: var(--background1);
}


.modal_content3 {
  animation: popIn 0.3s ease;
  color: black;
}
@keyframes popIn {
  from { transform: scale(0.9); opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}




@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeOutDown {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(20px); }
}
.animate__fadeInUp { animation: fadeInUp 0.5s ease forwards; }
.animate__fadeOutDown { animation: fadeOutDown 0.5s ease forwards; }




/* 251009_171655 - BELOW ARE unreviewed class names/codes */





.header3 {
  /*background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);*/
  background: linear-gradient(135deg, var(--home_gradient1_background2) 0%, var(--home_gradient2_background2) 100%);
  /*padding: 50px 20px 30px;*/
  padding: 16px 20px 30px;
  color: white;
  position: relative;
  overflow: hidden;
}

.header3::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>');*/
  /*background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.4)"/></svg>');*/
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><circle cx="10" cy="10" r="2" fill="rgba(255,255,255,0.9)"/></svg>');

  /*background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><circle cx='10' cy='10' r='3' fill='rgba(255,255,255,0.4)'/></svg>");*/
    /*background-size: 40px 40px;*/
    background-size: 20px 20px;
    /*background-size: 120px 120px;*/

  animation: float3 20s infinite linear;
}

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

.header3-content {
  position: relative;
  z-index: 2;
  /*margin-top: 20px;*/
}

.profile-btn {
  position: absolute;
  /*top: 50px;*/
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: var(--z_index_home_profile_button);
}

.profile-btn:hover {
  transform: scale(1.1);
  background: rgba(255,255,255,0.3);
}

.logo3 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.tagline {
  font-size: 1.1rem;
  opacity: 0.9;
  margin-bottom: 20px;
}

.streak-info {
  /*background: rgba(255,255,255,0.2);*/
  border-radius: 20px;
  /*padding: 10px 15px;*/
  padding: 6px 15px;
  /*backdrop-filter: blur(10px);*/
  border: 1px solid rgba(255,255,255,0.3);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.main3-content {
  padding: 20px;
}

.page3 {
  display: none;
}

.page3.active {
  display: block;
}

.menu3-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 30px;
}

.menu3-card {
  background: white;
  border-radius: 20px;
  padding: 25px 15px;
  text-align: center;
  box-shadow: 0 8px 25px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.menu3-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, transparent 0%, rgba(79, 172, 254, 0.1) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.menu3-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0,0,0,0.2);
}

.menu3-card:hover::before {
  opacity: 1;
}

.menu3-icon {
  font-size: 2.5rem;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.menu3-title {
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  position: relative;
  z-index: 2;
}

.menu3-subtitle {
  font-size: 0.8rem;
  color: #666;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}

.progress3-section {
  background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
  border-radius: 20px;
  padding: 20px;
  color: white;
  margin-bottom: 20px;
}

.progress3-title {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 15px;
}

.progress3-bar {
  background: rgba(255,255,255,0.3);
  border-radius: 10px;
  height: 8px;
  overflow: hidden;
  margin-bottom: 10px;
}

.progress3-fill {
  background: white;
  height: 100%;
  border-radius: 10px;
  width: 65%;
  transition: width 0.5s ease;
}

.progress3-text {
  font-size: 0.9rem;
  opacity: 0.9;
}

@keyframes soundFeedback {
  0% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }
}



/*.white_button:active, .white_button.btn:active, .white_button:hover, .white_button.btn:hover {
  color: var(--button_text2);
  background-color: var(--button_hover_background2);
  border-color: var(--button_hover_border_color2);
}*/






  /* Placeholder native ad styling for TEST MODE */
  .glot-native-ad, .glot-sticky-ad {
    border: 1px dashed #cbd5e1;
    background: repeating-linear-gradient(135deg, #f8fafc, #f8fafc 10px, #f1f5f9 10px, #f1f5f9 20px);
    /*border-radius: 14px;*/
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #334155;
    margin-bottom: 4px;
  }
  .glot-native-ad .ad-label, .glot-sticky-ad .ad-label {
    font-size: 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    background: #e2e8f0;
    color: #475569;
    padding: 2px 6px;
    border-radius: 999px;
  }
  .glot-native-ad .ad-title {
    font-weight: 600;
    font-size: 0.95rem;
  }
  .glot-native-ad .ad-desc {
    font-size: 0.85rem;
    color: #64748b;
  }
  .glot-native-ad .ad-cta {
    margin-left: auto;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid #94a3b8;
    background: white;
    font-size: 0.85rem;
    cursor: pointer;
  }
  .native-ad, .menu-card.native-ad, .word-card.native-ad, .note-item.native-ad {
    opacity: 0.98;
  }
  /* Reserve height for real ads to avoid CLS */
  .adsense-box { min-height: 120px; }
  /* Sticky bottom container */
  .glot-sticky-wrap {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 78px; /* above your bottom nav */
    width: 390px;
    z-index: 10000;
    display: none;
  }
  @media (max-width: 430px) {
    .glot-sticky-wrap { width: calc(100% - 20px); left: 10px; transform: none; }
  }
  .glot-sticky-inner {
    background: #ffffff;
    border-radius: 14px;
    box-shadow: 0 12px 28px rgba(2,8,23,0.15);
    padding: 8px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .glot-sticky-close {
    margin-left: auto;
    border: 0;
    background: transparent;
    font-size: 18px;
    cursor: pointer;
    opacity: .7;
  }




/*
new UI temp
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
            overflow-x: hidden;
        }
        .container {
            max-width: 390px;
            margin: 0 auto;
            background: white;
            min-height: 100vh;
            position: relative;
            box-shadow: 0 0 30px rgba(0,0,0,0.3);
        }


        .bottom-nav {
            position: fixed;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 390px;
            background: white;
            border-radius: 25px 25px 0 0;
            padding: 15px 20px 25px;
            box-shadow: 0 -5px 25px rgba(0,0,0,0.1);
            display: flex;
            justify-content: space-around;
        }

        .nav-item {
            text-align: center;
            cursor: pointer;
            padding: 8px;
            border-radius: 15px;
            transition: all 0.3s ease;
            flex: 1;
        }

        .nav-item:hover {
            background: rgba(79, 172, 254, 0.1);
        }

        .nav-item.active {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            color: white;
        }

        .nav-icon {
            font-size: 1.5rem;
            margin-bottom: 3px;
        }

        .nav-text {
            font-size: 0.7rem;
            font-weight: 500;
        }

        .dropdown {
            margin-bottom: 20px;
        }

        .dropdown select {
            width: 100%;
            padding: 15px;
            border-radius: 15px;
            border: 2px solid #e0e0e0;
            font-size: 1rem;
            background: white;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .dropdown select:focus {
            outline: none;
            border-color: #4facfe;
            box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.1);
        }

        .alphabet-table {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

        .alphabet-table table {
            width: 100%;
            border-collapse: collapse;
        }

        .alphabet-table th {
            background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            color: white;
            padding: 15px;
            font-weight: 600;
        }

        .alphabet-table td {
            padding: 15px;
            border-bottom: 1px solid #f0f0f0;
            cursor: pointer;
            transition: background 0.2s ease;
        }

        .alphabet-table td:hover {
            background: rgba(79, 172, 254, 0.1);
        }

        .search-box {
            margin-bottom: 20px;
        }

        .search-box input {
            width: 100%;
            padding: 15px 20px;
            border-radius: 25px;
            border: 2px solid #e0e0e0;
            font-size: 1rem;
            transition: all 0.3s ease;
        }

        .search-box input:focus {
            outline: none;
            border-color: #4facfe;
            box-shadow: 0 0 0 3px rgba(79, 172, 254, 0.1);
        }

        .word-card {
            background: white;
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 15px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .word-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.15);
        }

        .word-chinese {
            font-size: 1.8rem;
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
        }

        .word-translation {
            font-size: 1.1rem;
            color: #666;
            margin-bottom: 5px;
        }

        .word-pinyin {
            font-size: 0.9rem;
            color: #4facfe;
            font-style: italic;
        }

        .back-btn {
            position: absolute;
            top: 60px;
            left: 20px;
            background: rgba(255,255,255,0.2);
            border: none;
            color: white;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }

        .back-btn:hover {
            background: rgba(255,255,255,0.3);
            transform: scale(1.1);
        }

        .illustration-card {
            background: white;
            border-radius: 20px;
            padding: 25px;
            margin-bottom: 20px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            text-align: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .illustration-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }

        .illustration-emoji {
            font-size: 3rem;
            margin-bottom: 15px;
        }

        @media (max-width: 430px) {
            .container {
                max-width: 100%;
            }
            .bottom-nav {
                width: 100%;
            }
        }

*/