/* || FORM VARIABLES */
/*Colors*/
/*Radio button*/
/*Fonts*/
/*Sizes*/
/*---------------------------------------------------------------------------------*/
/*--POSITIONING--*/
/* || FORM VARIABLES */
/*Colors*/
/*Radio button*/
/*Fonts*/
/*Sizes*/
/*---------------------------------------------------------------------------------*/
/*--POSITIONING--*/
html[data-theme=dark] .tb_img img {
  filter: invert(1);
}
html[data-theme=dark] .toolbox_item_subitem img {
  filter: invert(1);
}
html[data-theme=dark] .latitude_picture {
  filter: invert(1);
}
html[data-theme=dark] .longitude_picture {
  filter: invert(1);
}

@media only screen {
  /* || FORM VARIABLES */
  /*Colors*/
  /*Radio button*/
  /*Fonts*/
  /*Sizes*/
  /*---------------------------------------------------------------------------------*/
  /*--POSITIONING--*/
  /* || FORM VARIABLES */
  /*Colors*/
  /*Radio button*/
  /*Fonts*/
  /*Sizes*/
  /*---------------------------------------------------------------------------------*/
  /*--POSITIONING--*/
  header, .profile_header {
    background-color: #eaeaea;
    text-align: right;
    padding-right: 3px;
    font-size: 13px;
    color: #656565;
    height: 20px;
    line-height: 20px;
  }
  html, body {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
    margin: 0px;
    background-color: white;
    font-family: var(--pro_default_font);
    color: var(--text-primary);
    font-size: 10pt;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .fake_pwd {
    -webkit-text-security: disc;
  }
  .ctx_container {
    pointer-events: all;
    z-index: 2000;
  }
  .prosyminit {
    position: absolute;
    font-family: prosym;
    pointer-events: none;
    opacity: 0;
    top: 0;
    left: 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
  }
  input[type=search] {
    font-size: 14px;
    border-radius: 3px;
    box-sizing: border-box;
    outline: none;
    border: 1px solid var(--border-default);
    transition: border-color 0.3s ease;
    padding: 6px;
    box-sizing: border-box;
  }
  input[type=search]:focus {
    border-radius: 4px;
    border: 1px solid var(--input-border-focus);
  }
  input[type=checkbox] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    padding: 0px;
    margin: 0px;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*border: 1px solid var(--border-strong);*/
    border: 1px solid var(--input_checkbox_border);
    border-radius: 2px;
    background-color: white;
    transition: background-color 0.3s, border 0.3s;
    outline: none;
  }
  input[type=checkbox]:checked {
    background-image: url(../images/basic/checked.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  input[type=checkbox]:disabled {
    background-color: var(----color-gray-100);
    border: 1px solid #888;
    opacity: 0.7;
  }
  .fake_checkbox {
    width: 13px;
    height: 13px;
    padding: 0px;
    margin: 0px;
    border: 1px solid var(--input_checkbox_border);
    border-radius: 2px;
    background-color: white;
    transition: background-color 0.3s, border 0.3s;
  }
  .fake_checkbox_checked {
    background-image: url(../images/basic/checked.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .fake_checkbox_checked_null {
    background-image: url(../images/basic/checked_null.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #hidden_actions {
    display: none;
  }
  #program_body {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
  }
  #vm_container {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow: hidden;
  }
  .app_std_header .has_win_top {
    top: var(--pro_legend_top) !important;
  }
  .app_thin_header .has_win_top {
    top: 51px !important;
  }
  .win_top_cover {
    position: absolute;
    height: var(--pro_legend_top) !important;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: all !important;
    z-index: 10000;
  }
  .win_top_none {
    position: absolute;
    height: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    pointer-events: none;
  }
  .top_hover {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: unset;
    left: 0px;
    width: 100px;
    height: 10px;
    background-color: transparent;
    overflow: visible;
  }
  .top_hover_mobile {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: unset;
    left: 0px;
    width: 100px;
    height: 15px;
    background-color: transparent;
    overflow: visible;
  }
  .start_container {
    position: absolute;
    top: -1px;
    right: unset;
    bottom: unset;
    left: 0px;
    height: var(--pro_header_height);
    width: 100px;
    z-index: 1000;
    transition: top 0.3s;
  }
  .start_container_hidden {
    top: var(--pro_header_height-minus);
  }
  .start_container_background {
    background-color: whitesmoke;
    border-bottom: 4px solid var(--input-border-focus);
    cursor: pointer;
  }
  .start_container_background .start_container_transparence {
    display: block;
  }
  /*LIST*/
  /* -------------------------------------------------------------------------------------------
      Standard form boxes
     ------------------------------------------------------------------------------------------- */
}
@media only screen and (display-mode: fullscreen) {
  .start_container_background {
    display: none;
  }
}
@media only screen {
  .start_container_transparence {
    position: absolute;
    bottom: -15px;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color: transparent;
    display: none;
  }
  .start_logo {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100px;
    background-image: url(../images/protok/logoTop.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: background-color 0.2s;
  }
}
@media only screen and (hover: hover) {
  .start_logo:hover {
    background-color: var(--color-whitesmoke);
  }
}
@media only screen {
  .start_list {
    position: absolute;
    top: var(--pro_header_height);
    right: unset;
    bottom: unset;
    left: 0px;
    min-height: 100px;
    min-width: 300px;
    background-color: var(--color-white);
    border-top: 1px solid var(--border-default);
    border-bottom: 1px solid var(--border-default);
    border-right: 1px solid var(--border-default);
    border-radius: 0px 2px 2px 0px;
    padding: 2px;
    display: none;
    pointer-events: all !important;
  }
  .start_list .start_list_hbar {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 35px;
    background-color: var(--color-whitesmoke);
  }
  .start_list .icon_and_label_item_disabled {
    pointer-events: none;
    opacity: 0.6;
  }
  .start_list .icon_and_label_item_selected {
    background-color: var(--select-hover-bg);
  }
  .start_list .icon_and_label_item_selected:hover {
    background-color: var(--select-hover-bg) !important;
  }
  .start_list .icon_and_label_item {
    position: relative;
    height: 35px;
    transition: background-color 0.2s;
  }
  .start_list .icon_and_label_item:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .start_list .icon_and_label_item div:first-child {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: 0px;
    left: 0px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .start_list .icon_and_label_item div:last-child {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: unset;
    left: 40px;
    line-height: 35px;
    font-size: 9pt;
  }
  .start_list .icon_and_label_menu_item {
    position: relative;
    height: 35px;
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
    justify-content: left;
    color: var(--text-secondary);
  }
  .start_list .icon_and_label_menu_item:hover {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .start_list .icon_and_label_menu_item .menu_item_c_1 {
    width: 30px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    pointer-events: none;
  }
  .start_list .icon_and_label_menu_item .menu_item_c_1 img {
    width: 22px;
  }
  .start_list .icon_and_label_menu_item .menu_item_c_2 {
    height: 35px;
    white-space: nowrap;
    line-height: 35px;
    padding-right: 15px;
    pointer-events: none;
  }
  .start_list .icon_and_label_menu_item .menu_item_c_3 {
    height: 35px;
    white-space: nowrap;
    line-height: 35px;
    padding-right: 45px;
    pointer-events: none;
  }
  .start_list .icon_and_label_menu_item_c {
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 1 0 L 4 3, 1 6'/></svg>");
    background-size: 8px;
    padding-right: 35px;
  }
  .start_list .start_subitems_container {
    z-index: 2;
    position: absolute;
    border: 1px solid var(--border-default);
    border-radius: 0px 2px 2px 0px;
    left: 100%;
    top: 0px;
    background-color: var(--color-white);
    padding: 2px;
    display: inline-block;
    min-width: 200px;
  }
  .start_list .list_container {
    margin-bottom: 60px;
  }
  .start_list .list_container.no_logoff {
    margin-bottom: 0;
  }
  .start_list.no_logoff {
    min-height: auto;
    min-width: auto;
  }
  .start_list.no_logoff .start_list_hbar {
    display: none;
  }
  .start_list .log_off {
    position: absolute;
    top: unset;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 50px;
    background-color: lightgray;
    display: block;
    line-height: 50px;
    text-decoration: none;
    color: white;
    transition: background-color 0.2s;
    pointer-events: all !important;
  }
  .start_list .log_off:hover {
    background-color: #ccc;
  }
  .start_list .log_off .image {
    position: absolute;
    height: 30px;
    width: 30px;
    left: 2px;
    display: inline-block;
  }
  .start_list .log_off .log_off_text {
    margin-left: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gbl_horizontal {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .tdp_outline {
    width: 30px !important;
    height: 18px !important;
    margin: 0px !important;
    padding: 1px !important;
    padding-left: 4px !important;
  }
  .fill_parent {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .insensitive_fill {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    overflow: hidden;
  }
  .none_events {
    pointer-events: none;
  }
  .flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .flex_left_center {
    display: flex;
    align-items: center;
  }
  .all_events {
    pointer-events: all;
  }
  .gbl_overflow_hidden {
    overflow: hidden;
  }
  .gbl_info_cursor td {
    cursor: help !important;
  }
  .all_events {
    pointer-events: all;
  }
  .app_gbl_wait {
    cursor: wait;
  }
  .ctx_window {
    min-width: 150px;
  }
  .toast_container {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 9999;
  }
  .toast_container .toast {
    align-items: center;
    justify-content: center;
    position: relative;
    display: inline-flex;
    min-width: 200px;
    max-width: 80%;
    /*font-weight: 500;*/
    padding: 10px 10px;
    padding-right: 20px;
    font-weight: 400;
    border-radius: 1px;
    text-align: center;
    font-size: 11pt;
    animation: fadeInOut 3s ease-in-out forwards;
  }
  .toast_container .toast_image {
    float: left;
    margin-right: 10px;
    /*            background-color: white;
    border-radius: 12px;*/
    padding: 4px;
    flex-shrink: 0;
  }
  .toast_container .toast.success {
    background-color: whitesmoke;
    color: #555;
  }
  .toast_container .toast.warning {
    background-color: #ffdddd;
    color: #555;
  }
  @keyframes fadeInOut {
    0% {
      opacity: 0;
    }
    33.33% {
      opacity: 1;
    }
    66.66% {
      opacity: 1;
    }
  }
  .app_window {
    position: absolute;
    pointer-events: all;
    background-color: var(--color-white);
    /*        border: 1px solid var(--border-default);*/
    /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);*/
  }
  .app_window_hidden {
    position: absolute;
    pointer-events: all;
    background-color: white;
    height: 27px;
  }
  .app_window_header {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: unset;
    left: 0px;
    height: 25px;
    background-color: var(--bg-app);
    display: grid;
    grid-template-columns: auto min-content;
  }
  .app_window_body {
    position: absolute;
    top: 25px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  .app_window_header_label {
    padding-left: 7px;
    line-height: 25px;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-gray-500);
    font-size: 9pt;
  }
  .app_window_header_actions {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: right;
  }
  .app_window_header_close {
    width: 25px;
    height: 25px;
    pointer-events: all;
    background-image: url(../images/basic/cancel_dark.png);
    background-size: 17px;
    background-position: center center;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
  }
  .app_window_header_close:hover {
    background-color: var(--color-danger);
    background-image: url(../images/basic/cancel_white.png);
  }
  .app_window_legend_close {
    position: absolute;
    right: 0px;
    top: 0px;
  }
  .app_window_header_hide {
    width: 25px;
    height: 25px;
    pointer-events: all;
    background-image: url(../images/basic/minimize.png);
    background-size: 17px;
    background-position: center center;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
  }
  .app_window_header_hide:hover {
    background-color: lightgray;
    background-image: url(../images/basic/minimize_white.png);
  }
  .app_window_header_show {
    width: 25px;
    height: 25px;
    pointer-events: all;
    background-image: url(../images/basic/maximize.png);
    background-size: 17px;
    background-position: center center;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
  }
  .app_window_header_show:hover {
    background-color: lightgray;
    background-image: url(../images/basic/maximize_white.png);
  }
  .app_window_header_dock_right {
    width: 25px;
    height: 25px;
    pointer-events: all;
    background-image: url(../images/basic/dockr.png);
    background-size: 17px;
    background-position: center center;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
  }
  .app_window_header_dock_right:hover {
    background-color: lightgray;
    background-image: url(../images/basic/dockrw.png);
  }
  .app_window_header_maximize {
    width: 25px;
    height: 25px;
    pointer-events: all;
    background-image: url(../images/basic/maximize.png);
    background-size: 17px;
    background-position: center center;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
  }
  .app_window_header_maximize:hover {
    background-color: lightgray;
    background-image: url(../images/basic/maximize_white.png);
  }
  .app_window_header_restore_down {
    width: 25px;
    height: 25px;
    pointer-events: all;
    background-image: url(../images/basic/maximize_not.png);
    background-size: 17px;
    background-position: center center;
    transition: background-color 0.3s;
    background-repeat: no-repeat;
  }
  .app_window_header_restore_down:hover {
    background-color: lightgray;
    background-image: url(../images/basic/maximize_not_white.png);
  }
  .app_window_n {
    position: absolute;
    top: -5px;
    right: 0px;
    bottom: unset;
    left: 0px;
    height: 5px;
    color: transparent;
    cursor: n-resize;
  }
  .app_window_ne {
    position: absolute;
    top: -5px;
    right: unset;
    bottom: unset;
    left: 100%;
    color: transparent;
    cursor: ne-resize;
    width: 5px;
    height: 5px;
  }
  .app_window_e {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: 0px;
    left: 100%;
    color: transparent;
    cursor: e-resize;
    width: 5px;
  }
  .app_window_se {
    position: absolute;
    top: 100%;
    right: unset;
    bottom: unset;
    left: 100%;
    color: transparent;
    cursor: se-resize;
    width: 5px;
    height: 5px;
  }
  .app_window_s {
    position: absolute;
    top: 100%;
    right: 0px;
    bottom: unset;
    left: 0px;
    height: 5px;
    color: transparent;
    cursor: s-resize;
  }
  .app_window_sw {
    position: absolute;
    top: 100%;
    right: unset;
    bottom: unset;
    left: -5px;
    color: transparent;
    cursor: sw-resize;
    width: 5px;
    height: 5px;
  }
  .app_window_w {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: 0px;
    left: -5px;
    color: transparent;
    cursor: w-resize;
    width: 5px;
  }
  .app_window_nw {
    position: absolute;
    top: -5px;
    right: unset;
    bottom: unset;
    left: -5px;
    color: transparent;
    cursor: nw-resize;
    width: 5px;
    height: 5px;
  }
  .app_window_large .app_window_header_label {
    line-height: 40px;
    font-size: 11pt;
    font-weight: 500;
    left: 12px;
  }
  .app_window_large .app_window_header {
    height: 40px;
  }
  .app_window_large .app_window_body {
    top: 40px;
  }
  .app_window_large .app_window_header_hide {
    width: 40px;
    height: 40px;
  }
  .app_window_large .app_window_header_dock_right {
    width: 40px;
    height: 40px;
  }
  .app_window_large .app_window_header_show {
    width: 40px;
    height: 40px;
  }
  .app_window_large .app_window_header_close {
    width: 40px;
    height: 40px;
  }
  .app_window_as_form .app_window_header_label {
    line-height: 36px;
    font-size: 11pt;
    font-weight: 500;
    left: 10px;
  }
  .app_window_as_form .app_window_header {
    height: 36px;
    background-color: white;
    border: 12px solid var(--color-whitesmoke);
  }
  .app_window_as_form .app_window_body {
    top: 60px;
  }
  .app_window_as_form .app_window_header_hide {
    width: 36px;
    height: 36px;
  }
  .app_window_as_form .app_window_header_dock_right {
    width: 36px;
    height: 36px;
  }
  .app_window_as_form .app_window_header_show {
    width: 36px;
    height: 36px;
  }
  .app_window_as_form .app_window_header_close {
    width: 36px;
    height: 36px;
  }
  .app_window_as_form_h {
    height: 62px;
  }
  .app_windo_not_resizable .app_window_n {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_ne {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_e {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_se {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_s {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_sw {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_w {
    pointer-events: none;
  }
  .app_windo_not_resizable .app_window_nw {
    pointer-events: none;
  }
  .app_window_header_docked_right {
    left: unset !important;
    top: 0px !important;
    right: 0px !important;
  }
  .app_window_docked_right {
    height: unset !important;
    top: 0px !important;
    bottom: 0px !important;
    right: 0px !important;
    left: unset !important;
  }
  .app_window_docked_right .app_window_n {
    pointer-events: none;
  }
  .app_window_docked_right .app_window_ne {
    pointer-events: none;
  }
  .app_window_docked_right .app_window_e {
    pointer-events: none;
  }
  .app_window_docked_right .app_window_se {
    pointer-events: none;
  }
  .app_window_docked_right .app_window_s {
    pointer-events: none;
  }
  .app_window_docked_right .app_window_sw {
    pointer-events: none;
  }
  .app_window_docked_right .app_window_nw {
    pointer-events: none;
  }
  .app_window_is_maximized {
    top: 0px !important;
    left: 0px !important;
    width: unset !important;
    height: unset !important;
    right: 0px !important;
    bottom: 0px !important;
  }
  .app_window_is_maximized .app_window_header_label {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_n {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_ne {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_e {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_se {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_s {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_sw {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_w {
    pointer-events: none !important;
  }
  .app_window_is_maximized .app_window_nw {
    pointer-events: none !important;
  }
  .window_selected {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /*border: 1px solid var(--pro_window_selected);*/
    border: 1px solid var(--color-gray-300);
  }
  .window_not_selected {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    border: 1px solid var(--color-gray-300);
  }
  .edit_window {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: all;
  }
  .resize_window {
    position: absolute;
    top: -3px;
    right: 0px;
    bottom: unset;
    left: 0px;
    color: transparent;
    background-color: transparent;
    cursor: n-resize;
    height: 5px;
    pointer-events: all;
  }
  .profile_selection {
    display: flex;
    justify-content: center;
    padding: unset;
    align-items: center;
    background-color: var(--pro_abs_bg);
    flex-wrap: wrap;
    padding: 5px;
  }
  .profile_selection .profile_selection_container {
    display: flex;
    justify-content: center;
    padding: unset;
    align-items: center;
    flex-direction: column;
    flex-grow: 4;
    min-width: 300px;
  }
  .profile_selection .profile_filter_row {
    display: flex;
    justify-content: center;
    padding: unset;
    align-items: center;
    width: 100%;
    margin-top: 6px;
  }
  .profile_selection .confirm_btn {
    display: flex;
    justify-content: center;
    padding: unset;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
  }
  .profile_selection_flat {
    overflow-y: auto;
  }
  .profile_selection_flat .profile_body {
    padding: 10px;
  }
  .profile_selection_flat .row {
    transition: background-color 0.2s;
    cursor: pointer;
    margin: 1px;
    position: relative;
    height: 50px;
    overflow: hidden;
    color: #333;
    border-radius: 0px;
    display: flex;
  }
  .profile_selection_flat .row:hover {
    background-color: #e4faff;
  }
  .profile_selection_flat .row:active {
    background-color: #00d2ff !important;
    color: white !important;
  }
  .profile_selection_flat .row:active span {
    color: white;
  }
  .profile_selection_flat .row:active:hover {
    background-color: #00d2ff !important;
  }
  .profile_selection_flat h1 {
    font-size: 10pt;
    margin: 0px;
    margin-top: 5px;
    font-weight: 500;
  }
  .profile_selection_flat .image {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: 0px;
    left: 0px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile_selection_flat .image img {
    width: 60px;
    height: 32px;
  }
  .profile_selection_flat .title {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 100px;
    padding-top: 12px;
  }
  .profile_selection_flat .title span {
    font-weight: unset !important;
    font-size: 11pt;
    color: #666;
  }
  .profile_selection_flat .profile_selected {
    background-color: #00d2ff !important;
    color: white !important;
  }
  .profile_selection_flat .profile_selected span {
    color: white;
  }
  .profile_selection_flat .profile_selected:hover {
    background-color: #00d2ff !important;
  }
  .profile_header {
    text-align: right;
    padding-right: 10px;
  }
  .profile_header span {
    font-weight: 600;
  }
  .icon_and_label_list {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    overflow-y: auto;
    padding: 5px;
  }
  .icon_and_label_list .icon_and_label_item {
    position: relative;
    height: 30px;
    transition: background-color 0.2s;
  }
  .icon_and_label_list .icon_and_label_item:hover {
    background-color: lightblue;
  }
  .icon_and_label_list .icon_and_label_item div:first-child {
    position: absolute;
    top: 0px;
    right: unset;
    bottom: 0px;
    left: 0px;
    display: flex;
    width: 30px;
    align-items: center;
    justify-content: center;
  }
  .icon_and_label_list .icon_and_label_item div:last-child {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: unset;
    left: 30px;
    line-height: 30px;
    font-size: 9pt;
  }
  .footer_window_context_header {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: unset;
    left: 0px;
    height: 32px;
    background-color: var(--bg-surface);
    line-height: 30px;
    padding-left: 5px;
    color: var(--bg-surface_text);
    font-weight: 500;
  }
  .footer_window_context_body {
    position: absolute;
    top: 32px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    bottom: 0px;
    background-color: white;
  }
  .footer_window_bar_space {
    bottom: 30px !important;
  }
  .footer_window_items_bar {
    position: absolute;
    top: unset;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 30px;
    display: grid;
    gap: 1px;
    grid-template-columns: min-content auto;
    background-color: #eaeaea;
  }
  .footer_window_items_bar .i_container .i_container_items {
    display: flex;
    gap: 1px;
  }
  .footer_window_items_bar .i_container .item {
    position: relative;
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
    padding-right: 10px;
    width: 180px;
    border-bottom: 3px solid var(--color-lightblue);
    cursor: pointer;
    transition: background-color 0.2s, border 0.2s;
    background-color: transparent;
    font-size: 9pt;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .footer_window_items_bar .i_container .item:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .footer_window_items_bar .i_container .selected {
    background-color: rgba(0, 0, 0, 0.07);
  }
  .footer_window_items_bar .i_container_status {
    display: grid;
  }
  .footer_window_item {
    /*@include position(absolute, 0px, unset, 0px, 100%);*/
    position: absolute;
    top: 0px;
    right: unset;
    bottom: 0px;
    left: unset;
    width: 100%;
    transition: left 0.3s;
    background-color: white;
    /*overflow: hidden;*/
  }
  .footer_window_item_top_border {
    border-top: 1px solid white;
  }
  .footer_window_item_selected {
    left: 0px !important;
  }
  .std_form_button {
    outline: none;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: transparent;
    height: 30px;
    min-width: 30px;
    margin: 0px;
    padding: 0px;
    transition: background-color 0.2s, border 0.2s, opacity 0.2s;
    cursor: pointer;
    margin: 1px;
  }
  .std_form_button:hover {
    border: 1px solid #DBE5ED;
    background-color: rgba(0, 0, 0, 0.02);
  }
  .std_form_button:active {
    border: 1px solid #DBE5ED;
    background-color: rgba(0, 0, 0, 0.05);
  }
  .std_required {
    /*border-color: #FF0000 !important;*/
    background-color: rgba(255, 0, 0, 0.05) !important;
  }
  .std_alert_text {
    color: red !important;
  }
  .std_disabled {
    pointer-events: none;
    opacity: 0.5;
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
  }
  .std_transparent {
    pointer-events: none;
    opacity: 0;
  }
  .std_form_wait {
    cursor: wait !important;
  }
  .inner_disabled {
    pointer-events: none;
  }
  .inner_disabled span {
    opacity: 0.7;
    -webkit-filter: grayscale(40%);
    filter: grayscale(40%);
  }
  .std_async_operation {
    opacity: 0.5;
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
    cursor: wait;
  }
  .std_tab_item {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    height: 24px;
    line-height: 24px;
    border-radius: 3px 3px 0px 0px;
    border: 1px;
    border-style: solid;
    border-color: #bbbbbb;
    border-bottom: hidden;
    background-image: linear-gradient(#e0e0e0, whitesmoke, white);
    color: rgb(85, 85, 85);
    font-size: 9pt;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    transition: color 0.2s, background-image 0.2s;
    margin-right: -1px;
  }
  .std_tab_item:hover {
    color: #777;
  }
  .std_tab_item_selected {
    background-image: linear-gradient(white, white);
    height: 25px;
    color: black;
  }
  .gbl_flex_left {
    display: flex;
  }
  .gbl_flex_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .up_down_value {
    position: relative;
    height: 30px;
    width: 22px;
  }
  .up_down_value .btn {
    position: absolute;
    left: 2px;
    right: 2px;
    width: calc(100% - 4px);
    margin: 0px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
    transition: background-color 0.2s;
  }
  .up_down_value .btn:hover {
    background-color: whitesmoke;
  }
  .up_down_value .btn:active {
    background-color: #e9e9e9;
  }
  .up_down_value .up {
    height: calc(50% - 3px);
    top: 3px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='rgb(70,70,70)' d='M 0 4 L 3 1, 6 4 Z'/></svg>");
  }
  .up_down_value .down {
    height: calc(50% - 3px);
    bottom: 3px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='rgb(70,70,70)' d='M 0 1 L 3 4, 6 1 Z'/></svg>");
  }
  .form_body {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 40px;
    overflow-y: auto;
  }
  .form_footer {
    position: absolute;
    height: 40px;
    left: 5px;
    right: 5px;
    bottom: 0px;
    display: flex;
    justify-content: right;
    align-items: center;
    background-color: white;
  }
  .form_block_header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 22px;
    line-height: 22px;
    background-color: var(--bg-surface);
    color: #676767;
    font-size: 9pt;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
  }
  .form_block_body {
    position: absolute;
    top: 22px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: white;
  }
  .chkbox_link_row_group .chkbox_link_row_group_desc {
    font-weight: 500;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11pt;
  }
  .chkbox_link_row_group .chkbox_link_row_group_items_g {
    padding-left: 5px;
  }
  .chkbox_link_row {
    height: 22px;
    /*        display: flex;
    align-items: center;
    justify-content: left;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .chkbox_link_row input[type=checkbox] {
    /* margin-top: 1px;*/
    margin-right: 3px;
    vertical-align: middle;
  }
  .chkbox_link_row .fake_checkbox {
    float: left;
    margin-top: 2px;
    margin-right: 4px;
  }
  .lookup_values {
    position: relative;
    max-height: 300px;
    min-height: 24px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    padding: 3px;
    padding-left: 6px;
    border-radius: 3px;
    background-color: white;
    transition: border 0.3s;
    outline: none;
  }
  .lookup_values:focus {
    border: 1px solid var(--input-border-focus);
  }
  .lookup_values_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .nested_link_row {
    height: 24px;
    position: relative;
    padding-right: 28px;
    padding-left: 5px;
    padding-top: 7px;
    transition: background-color 0.3s;
    margin-right: 0px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: #f9f9f9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nested_link_row:hover {
    background-color: var(--select-bg);
  }
  .nested_link_row .toolbox_item {
    position: absolute;
    right: 1px;
    top: 1px;
    left: unset;
    width: 27px;
    height: 27px;
  }
  .nav_button_prev {
    background-image: url(../images/basic/nav_btn_prev.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    transition: background-color 0.3s;
    background-color: transparent;
    border-radius: 1px;
    cursor: pointer;
  }
  .nav_button_prev:hover {
    background-color: var(--bg-surface_hover);
  }
  .upload_progress_box {
    height: 10px;
    width: 100%;
    background-color: whitesmoke;
    padding: 1px;
  }
  .upload_progress {
    height: 10px;
    background-color: var(--input-border-focus);
  }
  .modal_bg {
    background-color: rgba(0, 0, 0, 0.1);
    pointer-events: all !important;
  }
  .modal_disabled {
    pointer-events: none !important;
  }
  .alert_bg {
    background-color: rgba(0, 0, 0, 0.1);
  }
  .alert_container {
    pointer-events: all;
    z-index: 2001;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .alert_container .alert_component {
    background-color: whitesmoke;
    width: auto;
    max-width: 450px;
    min-width: 350px;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
  }
  .alert_container .alert_component .alert_loading {
    height: 100px;
    padding: 10px;
  }
  .alert_container .alert_component .alert_loading .alert_loading_rotation {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /* Safari */
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .alert_container .alert_component .alert_component_title {
    position: relative;
    padding: 5px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: rgba(255, 0, 0, 0.35);
    font-size: 11pt;
    font-weight: 500;
    color: white;
  }
  .alert_container .alert_component .alert_component_title_green {
    background-color: rgba(0, 200, 0, 0.35);
  }
  .alert_container .alert_component .alert_component_body {
    color: #555;
  }
  .alert_container .alert_component .alert_component_body_msg {
    padding: 12px;
    min-height: 70px;
    max-height: 400px;
    overflow: auto;
    overflow-wrap: break-word;
  }
  .alert_container .alert_component .alert_component_body_msg .alert_component_input {
    margin-top: 10px;
  }
  .alert_container .alert_component .alert_component_body_msg .alert_component_input .incorrect_pwd {
    border: 1px solid red !important;
  }
  .alert_container .alert_component .alert_component_body_msg .alert_component_input input[type=text] {
    outline: none;
    border: 1px solid lightgray;
    border-radius: 2px;
    padding: 5px;
    width: calc(100% - 20px);
  }
  .alert_container .alert_component .alert_component_body_msg .alert_component_input .alert_component_input_label {
    margin-bottom: 3px;
    font-weight: 500;
  }
  .alert_container .alert_component .alert_component_body_msg .alert_component_input textarea {
    outline: none;
    border: 1px solid lightgray;
    border-radius: 2px;
    padding: 5px;
    resize: none;
    width: calc(100% - 20px);
    height: 100px;
    font-family: var(--pro_default_font);
  }
  .alert_container .alert_component .alert_component_body_btn {
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 2px;
    height: 31px;
    position: relative;
  }
  .alert_container .alert_component .alert_component_body_btn .alert_component_body_copy {
    position: absolute !important;
    left: 1px;
    bottom: 0px;
    height: 35px;
    width: 35px;
  }
  .alert_container .alert_component .alert_component_body_btn .commit_btn_disabled {
    opacity: 0.6;
    pointer-events: none;
  }
  .alert_container .alert_component.is-multiline {
    width: 600px;
    max-width: 90vw;
  }
  .alert_container .alert_component.is-multiline .alert_component_input textarea {
    height: 250px;
    resize: none;
    white-space: pre;
    overflow: auto;
    tab-size: 4;
  }
  .pro_combo {
    position: relative;
    font-size: 10pt;
  }
  .pro_combo .pro_combo_input_nullable {
    position: absolute;
    top: 2px;
    width: 15px;
    right: 17px;
    bottom: 2px;
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 0 0 L 6 6 M 0 6 L 6 0'/></svg>");
    cursor: pointer;
  }
  .pro_combo .pro_combo_input {
    /*border: 1px solid $borderCol;*/
    height: 32px;
    line-height: 25px;
    border-radius: 3px 3px;
    outline: none;
    transition: border 0.3s;
    background-position: right 6px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 0 1 L 3 4, 6 1'/></svg>");
    background-size: 8px;
    background-color: white;
  }
  .pro_combo .pro_combo_input input[type=text] {
    position: relative;
    height: 28px;
    padding-left: 5px;
    /*                padding-right: 22px;
    width: calc(100% - 29px) !important;*/
    font-size: unset !important;
    font-family: unset !important;
    background-color: transparent !important;
    border: 1px solid #e0e0e0;
    border-radius: 3px 3px;
    outline: none;
    transition: border 0.3s;
  }
  .pro_combo .pro_combo_input input[type=text]:focus {
    border: 1px solid var(--input-border-focus);
  }
  .pro_combo .pro_combo_input .pro_combo_input_selected {
    position: absolute;
    top: 4px;
    left: 6px;
    right: 20px;
    bottom: 2px;
    pointer-events: none;
  }
  .pro_combo .pro_combo_input .pro_combo_placeholder {
    position: absolute;
    top: 4px;
    left: 6px;
    right: 20px;
    bottom: 2px;
    pointer-events: none;
  }
  .pro_combo .pro_combo_input .pro_combo_placeholder span {
    color: var(--text-primary5);
  }
  .pro_combo .pro_combo_input .pro_combo_nullable_margin {
    right: 40px;
  }
  .pro_combo .pro_combo_input .pro_combo_normal_input_margin {
    padding-right: 22px;
    width: calc(100% - 29px) !important;
  }
  .pro_combo .pro_combo_input .pro_combo_nullable_input_margin {
    padding-right: 37px !important;
    width: calc(100% - 44px) !important;
  }
  .pro_combo .pro_combo_input .pro_combo_click_down {
    position: absolute;
    top: 0px;
    width: 20px;
    right: 0px;
    bottom: 0px;
    cursor: pointer;
  }
  .pro_combo .pro_combo_input .pro_combo_item_template {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    transition: background-color 0.3s;
  }
  .pro_combo .pro_combo_input .pro_combo_item {
    padding-left: 5px;
    padding-right: 5px;
    transition: background-color 0.3s;
    font-size: 10pt;
  }
  .pro_combo .pro_combo_input .pro_combo_item:hover {
    background-color: var(--list-hover-bg);
  }
  .pro_combo .pro_combo_input .pro_combo_item_sel {
    background-color: var(--list-selected-bg);
  }
  .pro_combo .pro_drop_down {
    position: relative;
    left: 0px;
    width: calc(100% - 2px);
    top: 0px;
    border: 1px solid #999;
    border-radius: 3px 3px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    background-color: white;
    margin-bottom: 10px;
  }
  .pro_combo .pro_drop_down_empty {
    height: 100px;
  }
  .pro_combo .pro_drop_down_loading {
    opacity: 0.6;
    pointer-events: none;
  }
  .pro_combo .combo_loader {
    pointer-events: none;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    /* Safari */
  }
  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
    }
  }
  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .pro_color {
    position: relative;
  }
  .pro_color input[type=color] {
    border: 1px solid transparent;
    height: 35px;
    width: 35px;
    background-color: white;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
  }
  .pro_select_item_template_icon img {
    max-width: 20px;
    max-height: 20px;
    vertical-align: middle;
    margin-right: 2px;
  }
  .app_shift_down .pro_select_complex .pro_select_input .is_favorite_item .pro_select_item_template {
    color: blue;
    background-image: url(../images/basic/fav_star.png);
    background-size: 15px;
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding-right: 20px;
    /*                                    &::before {
                                content: '';
                                background-image: url(../images/basic/fav_star.png);
                                background-size: 15px;
                                background-position: center center;
                                background-repeat: no-repeat;
                                width: 15px;
                                height: 15px;
                                display: inline-block;
                                margin-right: 5px;
                            }*/
  }
  .pro_select {
    position: relative;
  }
  .pro_select .pro_select_fav_container {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid lightgray;
  }
  .pro_select .pro_select_fav_container .pro_select_fav_item {
    padding-left: 5px;
    padding-right: 25px;
    transition: background-color 0.3s;
    min-height: 25px;
    line-height: 25px;
    background-image: url(../images/basic/fav_icon.png);
    background-size: 15px;
    background-position: right 5px center;
    background-repeat: no-repeat;
  }
  .pro_select .pro_select_fav_container .pro_select_fav_item:hover {
    background-color: var(--list-hover-bg);
  }
  .pro_select .pro_select_input {
    position: relative;
    border: 1px solid var(--color-gray-250);
    height: 30px;
    line-height: 25px;
    border-radius: 3px 3px;
    outline: none;
    transition: border 0.3s;
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 0 1 L 3 4, 6 1'/></svg>");
    background-size: 8px;
    background-color: var(--input-bg);
  }
  .pro_select .pro_select_input:focus {
    border: 1px solid var(--input-border-focus);
  }
  .pro_select .pro_select_input .pro_select_input_selected {
    position: absolute;
    top: 2px;
    left: 7px;
    right: 35px;
    bottom: 2px;
  }
  .pro_select .pro_select_input .pro_select_input_nullable {
    position: absolute;
    top: 2px;
    width: 15px;
    right: 17px;
    bottom: 2px;
    background-size: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6'><path stroke-width='1.2' fill='transparent' stroke='rgb(70,70,70)' d='M 0 0 L 6 6 M 0 6 L 6 0'/></svg>");
    cursor: pointer;
  }
  .pro_select .pro_select_input .pro_select_item_template {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    transition: background-color 0.3s;
  }
  .pro_select .pro_select_input .pro_select_item {
    padding-left: 5px;
    padding-right: 5px;
    transition: background-color 0.3s;
    min-height: 25px;
    line-height: 25px;
  }
  .pro_select .pro_select_input .pro_select_item:hover {
    background-color: var(--list-hover-bg);
  }
  .pro_select .pro_select_input .pro_select_item_sel {
    background-color: var(--list-selected-bg);
  }
  .pro_select .pro_select_input .pro_select_group_desc {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    position: relative;
    /*Dodano za collaps*/
  }
  .pro_select .pro_select_input .pro_select_group_desc span {
    margin-left: 15px;
  }
  .pro_select .pro_select_input .pro_select_group_desc .s_group_expanded {
    position: absolute;
    top: 8px;
    left: 3px;
    width: 12px;
    height: 12px;
    background-image: var(--gbl_icon_down);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    transition: opacity 0.3s;
  }
  .pro_select .pro_select_input .pro_select_group_desc .s_group_collapsed {
    position: absolute;
    top: 8px;
    left: 3px;
    width: 12px;
    height: 12px;
    background-image: var(--gbl_icon_right);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    transition: opacity 0.3s;
  }
  .pro_select .pro_select_input .pro_select_group .pro_select_item {
    /*padding-left: 15px;*/
    /*Dodano za collaps*/
    padding-left: 30px;
  }
  .pro_select .pro_drop_down {
    /* position: relative;*/
    position: absolute;
    left: -1px;
    width: 100%;
    top: 31px;
    border: 1px solid var(--border-default);
    border-radius: 3px 3px;
    /*max-height: 300px;*/
    overflow-y: auto;
    z-index: 1000;
    background-color: var(--input-bg);
    /*margin-bottom: 10px;*/
  }
  .pro_select .pro_choice_drop_down {
    position: absolute;
    top: 31px;
    border: 1px solid var(--border-default);
    border-radius: 3px 3px;
    overflow-y: auto;
    z-index: 1000;
    background-color: var(--input-bg);
    min-width: calc(100% - 2px);
  }
  .pro_select .pro_choice_drop_down .pro_select_group_desc {
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    position: relative;
    /*Dodano za collaps*/
  }
  .pro_select .pro_choice_drop_down .pro_select_group_desc span {
    margin-left: 15px;
  }
  .pro_select .pro_choice_drop_down .pro_select_group_desc .s_group_expanded {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 12px;
    height: 12px;
    background-image: var(--gbl_icon_down);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    transition: opacity 0.3s;
  }
  .pro_select .pro_choice_drop_down .pro_select_group_desc .s_group_collapsed {
    position: absolute;
    top: 4px;
    left: 3px;
    width: 12px;
    height: 12px;
    background-image: var(--gbl_icon_right);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    transition: opacity 0.3s;
  }
  .pro_select .pro_choice_drop_down .pro_select_item {
    padding-left: 5px;
    padding-right: 5px;
    transition: background-color 0.3s;
    min-height: 25px;
    line-height: 25px;
  }
  .pro_select .pro_choice_drop_down .pro_select_item:hover {
    background-color: var(--list-hover-bg);
  }
  .pro_select .pro_choice_drop_down .pro_select_item .pro_select_item_template {
    white-space: nowrap;
    transition: background-color 0.3s;
  }
  .pro_select .pro_choice_drop_down .pro_select_item_sel {
    background-color: var(--list-selected-bg);
  }
  .pro_select .pro_choice_drop_down .pro_select_group .pro_select_item {
    /*padding-left: 15px;*/
    /*Dodano za collaps*/
    padding-left: 30px;
  }
  .pro_select .pro_drop_down_rev {
    top: unset !important;
    bottom: 31px;
  }
  .pro_select .pro_drop_down_disabled {
    opacity: 0;
    pointer-events: none;
  }
  .pro_list_view {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .pro_list_view .pro_list_view_container {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_list {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 17px;
    bottom: 0px;
    overflow-y: hidden;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_list .pro_list_view_item_template {
    padding: 2px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_list .pro_list_view_item {
    padding-left: 5px;
    padding-right: 5px;
    transition: background-color 0.3s;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_list .pro_list_view_item:hover {
    background-color: var(--list-hover-bg);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_list .pro_list_view_item_sel {
    background-color: var(--list-selected-bg);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_list .pro_list_view_item_sel:hover {
    background-color: var(--list-selected-bg);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 17px;
    background-color: var(--pro_abs_bg);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_scroll_c {
    position: absolute;
    top: 17px;
    left: 0px;
    right: 0px;
    bottom: 17px;
    background-color: #fcfcfc;
    overflow: hidden;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_scroll_c .lv_scroll_indicatort {
    position: absolute;
    left: 4px;
    right: 4px;
    background-color: #8b8b8b;
    border-radius: 5px;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_scroll_c .lv_scroll_indicatort:hover {
    background-color: #636363;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_scroll_c .lv_scroll_indicatort:active {
    background-color: #636363;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_top_btn {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 17px;
    width: 17px;
    background-image: url(../images/basic/scroll_top_1.png);
    background-position: center center;
    background-repeat: no-repeat;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_top_btn:hover {
    background-image: url(../images/basic/scroll_top_2.png);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_top_btn:active {
    background-image: url(../images/basic/scroll_top_3.png);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_bottom_btn {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 17px;
    width: 17px;
    background-image: url(../images/basic/scroll_bottom_1.png);
    background-position: center center;
    background-repeat: no-repeat;
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_bottom_btn:hover {
    background-image: url(../images/basic/scroll_bottom_2.png);
  }
  .pro_list_view .pro_list_view_container .pro_list_view_scroll .lv_bottom_btn:active {
    background-image: url(../images/basic/scroll_bottom_3.png);
  }
  .pro_simple_list {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px solid var(--border-default);
    border-radius: 2px;
    background-color: white;
    padding: 1px;
    overflow-y: auto;
    background-color: var(--color-white);
  }
  .pro_simple_list .pro_list_item {
    transition: background-color 0.2s, border 0.1s;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: white;
  }
  .pro_simple_list .pro_list_item:hover {
    background-color: var(--list-selected-bg_hover);
  }
  .pro_simple_list .pro_list_item_selcted {
    background-color: var(--list-selected-bg);
  }
  .pro_simple_list .pro_list_item_selcted:hover {
    background-color: var(--list-selected-bg);
  }
  .pro_simple_list .list_item_item_over_t {
    border-top: 10px solid var(--bg-app);
  }
  .pro_simple_list .list_item_item_over_b {
    border-bottom: 10px solid var(--bg-app);
  }
  .pro_simple_list_drag {
    background-color: var(--bg-app);
  }
  .map_shortcut_btn {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background-color: rgba(250, 250, 250, 0.8);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: all;
  }
  .map_shortcut_btn img {
    min-width: 25px;
  }
  .pro_button_horizontal {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
  }
  .pro_button_horizontal img {
    margin-right: 5px;
  }
  .pro_button_vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .pro_button_vertical img {
    margin-bottom: 5px;
  }
  .pro_button_vertical .pro_button_view_label {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
  }
  .pro_button_view {
    border: 1px solid transparent;
    border-radius: 2px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    padding: 3px;
    margin: 1px;
  }
  .pro_button_view_click {
    transition: background-color 0.2s, border 0.2s, opacity 0.2s;
    cursor: pointer;
  }
}
@media only screen and (hover: hover) {
  .pro_button_view_click:hover {
    border: 1px solid var(--pro_abs_hover_b);
    background-color: var(--pro_abs_hover_bg);
  }
  .pro_button_view_click:active {
    background-color: var(--pro_abs_click_bg);
  }
}
@media only screen {
  .pro_button_view_selected {
    border: 1px solid var(--pro_abs_hover_b);
    background-color: var(--pro_abs_hover_bg);
  }
  .pro_check_button {
    border: 1px solid transparent;
    transition: background-color 0.2s, border 0.2s, opacity 0.2s;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (hover: hover) {
  .pro_check_button:hover {
    border: 1px solid var(--pro_abs_hover_b2);
    background-color: var(--pro_abs_hover_bg);
  }
  .pro_check_button:active {
    background-color: var(--pro_abs_click_bg);
  }
}
@media only screen {
  .pro_check_button_selected {
    border: 1px solid var(--pro_abs_hover_b);
    background-color: var(--pro_abs_active_bg);
  }
}
@media only screen and (hover: hover) {
  .pro_check_button_selected:hover {
    border: 1px solid var(--pro_abs_hover_b2);
    background-color: var(--pro_abs_active_bg);
  }
  .pro_check_button_selected:active {
    background-color: var(--pro_abs_click_bg);
  }
}
@media only screen {
  .pro_std_table {
    border: 1px solid lightgray;
    overflow: hidden;
    background-color: white;
    display: grid;
    grid-template-rows: min-content auto;
    border-radius: 2px;
  }
  .pro_std_table .col_drag {
    position: absolute;
    right: -2px;
    top: 0px;
    bottom: 0px;
    width: 5px;
    background-color: transparent;
    cursor: ew-resize;
  }
  .pro_std_table .table_header {
    height: 37px;
    background: linear-gradient(#fcfcfc, #eaeaea);
    border-bottom: 1px solid lightgray;
    display: grid;
  }
  .pro_std_table .table_header .h_col {
    position: relative;
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid lightgray;
    display: flex;
    align-items: center;
  }
  .pro_std_table .table_header .h_col:last-child {
    border-right: unset;
  }
  .pro_std_table .table_header .h_col span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pro_std_table .table_body {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .pro_std_table .table_body .b_row {
    display: grid;
    border-bottom: 1px solid #eee;
    height: 35px;
  }
  .pro_std_table .table_body .b_row .b_col {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid #eee;
    display: flex;
    align-items: center;
  }
  .pro_std_table .table_body .b_row .b_col:last-child {
    border-right: unset;
  }
  .pro_std_table .table_body .b_row .b_col span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pro_std_table .table_no_data {
    color: #777;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .app_form_box {
    position: relative;
    background-color: var(--bg-app);
    border: 1px solid var(--border-default);
    border-radius: 2px;
    height: calc(100% - 2px);
  }
  .app_form_field {
    background-color: white;
    border: 1px solid var(--border-default);
    border-radius: 2px;
    height: calc(100% - 2px);
  }
  .app_form_box_hb {
    display: grid;
    grid-template-rows: min-content auto;
  }
  .app_form_box_padding {
    padding: 2px;
  }
  .app_form_box_padding_10 {
    padding: 10px;
  }
  .app_form_box_padding_20 {
    padding: 20px;
  }
  .app_std_form_css input[type=text] {
    border: 1px solid var(--border-default);
    height: 26px;
    border-radius: 3px;
    outline: none;
    transition: border 0.3s;
    width: calc(100% - 9px);
    padding-left: 5px;
    background-color: white;
    color: var(--text-primary);
    font-family: var(--pro_default_font);
  }
  .app_std_form_css input[type=text]:focus {
    border: 1px solid var(--input-border-focus);
  }
  .app_std_form_css input[type=color] {
    border: 0px solid transparent;
    height: 22px;
    width: 22px;
    background-color: transparent;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
  }
  .app_std_form_css input[type=date] {
    border: 1px solid var(--border-default);
    height: 26px;
    border-radius: 3px;
    outline: none;
    transition: border 0.3s;
    background-color: white;
    width: calc(100% - 7px);
    padding-top: 3px;
    padding-bottom: 2px;
    color: var(--text-primary);
    padding-left: 5px;
    font-family: var(--pro_default_font);
  }
  .app_std_form_css input[type=date]:focus {
    border: 1px solid var(--input-border-focus);
  }
  .pro_color_picker_component {
    width: 20px;
    height: 20px;
    font-weight: normal;
  }
  .pro_color_picker_component .pro_pcp_editable {
    background-color: white;
    color: #676767;
    border: 1px solid #e0e0e0;
    outline: none;
    border-radius: 2px;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 9pt;
    transition: border 0.3s;
  }
  .pro_color_picker_component .pro_pcp_editable:focus {
    border: 1px solid #00d2ff;
  }
  .pro_color_picker_component .pro_pcp_color {
    width: 20px;
    height: 20px;
    border-radius: 2px;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 2px;
  }
  .pro_color_picker_component .pro_pcp_box {
    width: 320px;
    height: 180px;
    position: fixed;
    margin-top: 1px;
    background-color: var(--bg-app);
    z-index: 1;
    border: 1px solid var(----color-gray-100);
    border-radius: 2px;
    display: grid;
    gap: 5px;
    grid-template-columns: min-content auto;
    padding: 4px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_box_tab {
    position: relative;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_box_tab_label {
    padding: 2px;
    padding-top: 5px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_box_canvas {
    width: calc(100% - 2px);
    height: 130px;
    cursor: crosshair;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_rgb {
    display: grid;
    grid-template-columns: min-content min-content min-content;
    margin-top: 3px;
    margin-bottom: 3px;
    gap: 10px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_rgb .pro_pcp_editable {
    width: 30px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_num_item {
    display: grid;
    gap: 2px;
    grid-template-columns: 12px min-content;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_num_item div:first-child {
    text-align: right;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_hex {
    display: grid;
    grid-template-columns: 11px auto;
    align-items: center;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_hex span {
    text-align: right;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_hex .pro_pcp_editable {
    width: 55px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_color_grid {
    padding: 2px;
    display: grid;
    gap: 0px;
    grid-template-columns: min-content min-content min-content min-content min-content min-content;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_color_grid_item_border {
    border: 1px solid transparent;
    padding: 1px;
    border-radius: 1px;
    width: 14px;
    height: 14px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_color_grid_item_selected {
    border: 1px solid #999;
    background-color: white;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_color_grid_item {
    height: 100%;
    cursor: pointer;
    border-radius: 2px;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_box_tab_items {
    position: absolute;
    left: 1px;
    top: 0px;
    right: 0px;
    height: 31px;
    display: flex;
    align-items: flex-end;
    padding-left: 5px;
    z-index: 1;
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_box_tab_item {
    height: 24px;
    margin-bottom: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 9pt;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin-right: -1px;
    border-radius: 3px 3px 0px 0px;
    color: #666;
    cursor: pointer;
    background: linear-gradient(white, #e4e4e4);
  }
  .pro_color_picker_component .pro_pcp_box .pro_pcp_box_tab_item_selected {
    background: white;
    color: black;
    margin-bottom: 0px;
    height: 25px;
  }
  .std_collapsed_state {
    opacity: 0;
    pointer-events: none;
  }
  .pro_submit_btn {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 22px;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-left: 10px;
  }
  .pro_submit_btn:hover {
    background-color: #eee;
  }
}
@media only screen and (max-width: 810px) {
  /* 
      For tablets: 
  */
  .app_window_hidden {
    top: 0px !important;
    left: 0px !important;
    width: unset !important;
    height: 27px !important;
    right: 0px !important;
  }
  .app_window {
    top: 0px !important;
    left: 0px !important;
    width: unset !important;
    height: unset !important;
    right: 0px !important;
    bottom: 0px !important;
  }
  .app_window_header_label {
    pointer-events: none !important;
  }
  .app_window_n {
    pointer-events: none !important;
  }
  .app_window_ne {
    pointer-events: none !important;
  }
  .app_window_e {
    pointer-events: none !important;
  }
  .app_window_se {
    pointer-events: none !important;
  }
  .app_window_s {
    pointer-events: none !important;
  }
  .app_window_sw {
    pointer-events: none !important;
  }
  .app_window_w {
    pointer-events: none !important;
  }
  .app_window_nw {
    pointer-events: none !important;
  }
  /*    .top_hover {
          height: 20px;
      }

      .start_container_hidden {
          pointer-events: none;
      }*/
}
@media only screen and (min-width: 4080px) {
  .app_has_footer_win .app_footer_root {
    left: 50% !important;
  }
  .app_has_footer_win .footer_window_item {
    height: unset !important;
    top: 0px !important;
  }
  .app_has_footer_win .resize_window {
    pointer-events: none;
  }
  .alert_container {
    left: 50% !important;
  }
}
.pro_layout {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}