.custom_badge {
  background-color: #ff8839;
  color: #FFFFFF;
  border-radius: 11px;
  font-size: 12px;
  height: 22px;
  min-width: 22px;
  box-sizing: border-box;
  padding: 0px 4px;
  text-align: center;
  line-height: 22px;
  position: relative;
  right: 0;
  top: -6px;
}

.custom_header {
    font-size: 12px;
    font-weight: 300;
}

.webix_uploader button {
  background: #F4F5F9 !important;
  color: #1CA1C1 !important;
}

.webix_slider_box {
  margin-top: -4px;
}

.highlight {
    background-color:#FFBBBB;
}

.highlight.webix_row_select {
    background-color:#FF9999 !important;
}

.red {
    background-color:#FFBBBB;
}

.red.webix_row_select {
    background-color:#FFAAAA !important;
}

.red input {
    background-color:#FFBBBB;
}

.green {
    background-color:#BBFFBB;
}

.green.webix_row_select {
    background-color:#AAFFAA !important;
}

.green input {
    background-color:#BBFFBB;
}

.yellow {
    background-color:#FFFFBB;
}

.yellow.webix_row_select {
    background-color:#FFFFAA !important;
}

.yellow input {
    background-color:#FFFFBB;
}


body.webix_full_screen {
    background-image: url("../img/nautical-map.jpg");
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
}

.bold {
    font-weight: bold
}

.leaflet-container.crosshair-cursor-enabled {
    cursor: crosshair;
}

.leaflet-pane {
    z-index: 100;
}

/* change some font sizes */

.webix_view {
    font-size: 14px
}

.webix_el_text input, .webix_el_search input, .webix_el_combo input, .webix_el_datepicker input, .webix_el_colorpicker input {
    font-size: 14px;
}

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

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

.webix_popup_text {
    font-size: 14px;
}


.reject_button .webix_el_box button {
    background-color:#FF8888 !important;
}

.accept_button .webix_el_box button {
    background-color:#88FF88 !important;
}


.my_textarea_monospace .webix_inp_textarea { 
    font-family: monospace;
    white-space: pre; 
    overflow-y: scroll; 
    overflow-x: scroll;
}
