@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
        
        * {
          font-size: 12px;
          padding: 0;
          margin: 0;
          outline: none;
        }
        html, body, #map {
            height: 100%;
            margin: 0px;
            overflow: hidden;
            font-size: 12px;
            font-family: Roboto;
        }
        div.has-columns::after {
          content: '';
          display: block;
          clear: both;
        }
        div#sidebar,div#menubar{
          display: none
        }
        div#menubar, div#menubar .menu-left, div#menubar .menu-right{
          height:54px;
          background: #FCFCFE;
        }
        div#menubar .menu-left{
          float:left;
        }
        div#menubar .menu-right{
          float:right;
        }
        div#map, div#map-container{
            z-index: 1;
        }
        div#mapholder{
          position: absolute;
            border: solid 3px #E3E8F1;
            /*border-bottom: none;*/
            border-right: none;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
            overflow: hidden;
            transition: all 0.5s;    
        }
        ul{
            list-style-type: none;
            margin:0;
            padding:0
        }
        input{
            outline: none;
        }
        table {
          border-collapse: collapse;
        }
        .vertical-align-middle{
            position: relative;
            top: 50%;    
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .unselectable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;

  /*
    Introduced in IE 10.
    See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}
        .application-logo{
  margin-right:30px; 
  position: relative;
  z-index: 4;
}
        /*------OVERRIDE------*/
        .leaflet-top{
  width:100%;
}
        .leaflet-right.leaflet-bottom .gmxzoom-container {
  background: #FFFFFF;
  border: 1px solid #E3E8F1;
  box-sizing: border-box;
  border-radius: 10px;
  width: 38px;
  height: 99px;
  padding: 1px 5px 0;
  color: #6B707B;
  box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
  top: -94px;
  transition: all 0.5s;   
}
        .leaflet-right.leaflet-bottom .gmxzoom-container.up{
  top: -144px;
}
        .leaflet-right.leaflet-bottom .leaflet-gmx-iconSvg-boxzoom-dashed-rounded.up{
  top: -34px;
}
        .leaflet-right.leaflet-bottom .gmxzoom-container.super{
  top: -244px;
}
        .leaflet-right.leaflet-bottom .leaflet-gmx-iconSvg-boxzoom-dashed-rounded.super{
  top: -134px;
}
        .gmxzoom-container a.leaflet-control-zoom-out, 
.gmxzoom-container a.leaflet-control-zoom-in{
  width: 26px !important;
  height: 32px !important;
  line-height: 32px !important;
  background: none !important;
  border-bottom: 1px solid #E3E8F1;
  font-size: 18px;
}
        .gmxzoom-container a.leaflet-control-zoom-out{
  border-top: 1px solid #E3E8F1;
  border-bottom: none;
}
        .gmxzoom-container a.leaflet-control-zoom-in{
  border-bottom: 1px solid #E3E8F1;
}
        .gmxzoom-info {
  padding-top: 4px;
  padding-bottom: 2px;
}
        .leaflet-right.leaflet-bottom .leaflet-gmx-iconSvg-boxzoom-dashed-rounded{
width: 38px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    top: 14px;
    color: #6B707B;
    box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    transition: all 0.5s;   
}
        .leaflet-gmx-iconSvg-active {
  fill: #488BF0;
}
        a.leaflet-control.leaflet-gmx-logo{
  width: 75px;
  height: 20px;
  background-position-x: 3px;
  background-position-y: 1px;
  background-color: white;
  bottom: -10px;
}
        .leaflet-bottom .leaflet-control {
  margin-bottom: 9px;
}
        /*--------------------*/
        .gmxPopup div p {
          margin: 2px 0px;
      }
        /*---------------------*/
        .leaflet-popup-content-wrapper .leaflet-popup-content {
        max-height: 400px;
        max-width: 480px;
        overflow: auto;
    }
        /*-------------------*/
        .switch-slider {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    width: 28px;
    height: 16px;
  }
        /* Hide default HTML checkbox */
        .switch-slider input {
    display: none;
  }
        /* Svg checkbox */
        .svg-checkbox input{
    display:none
  }
        .svg-checkbox input ~ div:first-of-type{
    display:none
  }
        .svg-checkbox input ~ div:nth-of-type(2){
    display:block
  }
        .svg-checkbox input:checked ~ div:first-of-type{
    display:block
  }
        .svg-checkbox input:checked ~ div:nth-of-type(2){
    display:none
  }
        /* The slider */
        .switch-slider .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #E3E8F1;
    -webkit-transition: .4s;
    transition: .4s;
  }
        .switch-slider .slider:before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 1px 1px 1px rgba(107, 112, 123, 0.3);
  }
        .switch-slider input:checked + .slider {
    background-color: #488BF0;
  }
        .switch-slider input:focus + .slider {
    box-shadow: 0 0 1px #488BF0;
  }
        .switch-slider input:checked + .slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
  }
        /* Rounded slider */
        .switch-slider .slider.round {
    border-radius: 16px;
  }
        .switch-slider .slider.round:before {
    border-radius: 50%;
  }
        .switch-slider-description{
  margin-left: 5px;
  }
        .inputStyle {
  border: 1px solid #AFC0D5;
  background-color: #FFFFFF;
  height: 14px;
  padding: 2px;
  margin: 1px 3px;
}
        .inputStyle.inputShortWidth {
  width: 35px;
}
        .inputStyle.inputFullWidth {
  width: 100%;
  box-sizing: border-box;
  height: 20px;
  margin-right: 0px;
  margin-left: 0px;
}
        .inputStyle:disabled {
  color: #545454;
  background-color: #EBEBE4;
}
        .edit-obj-input {
  width: 100%;
}
        .obj-edit-proptable {
  width: 100%;
}
        .obj-edit-proptable tr td:first-child {
  width: 100px;
}
        .obj-edit-canvas {
  padding-right: 15px;
  overflow: hidden !important;
}
        .ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}
        .ui-timepicker-div dl {
  text-align: left;
}
        .ui-timepicker-div dl dt {
  height: 25px;
  margin-bottom: -25px;
}
        .ui-timepicker-div dl dd {
  margin: 0 10px 10px 65px;
}
        .ui-timepicker-div td {
  font-size: 90%;
}
        .ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}
        .buttonLink {
  text-decoration: underline;
  cursor: pointer;
  font-size: 12px;
}
        .ais_highlight-icon{
  pointer-events: none !important;
}
        /*----------------*/
        .calendar-manager{
  display:none;
  overflow:visible !important;
}
        .calendar-manager .content{
  padding:0 !important
}
        .calendar-manager .footer{
  display:none
}
        .calendar-manager .footer.sync{
  display:table
}
        .calendar-manager .sync-calendars{
  padding: 10px 15px;
}
        .calendar-manager .calendar{
  padding: 5px 18px 5px 15px;
  border-top:solid 1px #E3E8F1;
}
        .calendar-manager .calendar>div:first-of-type{
height:20px;
padding-left: 5px;
}
        .calendar-manager .calendar label{
margin-right:5px;
}
        .calendar-manager .calendar.sync label{
display: block;
}
        .calendar-manager .calendar label svg use{
color: #488BF0
}
        .calendar-manager .calendar label.disabled{
opacity:0.5;
pointer-events: none;
}
        .calendar-manager #mapCalendar.calendar{
  border-top:none;
  margin-top: 15px;
}
        .calendar-manager .sync-calendars{
  border-bottom:solid 4px #E3E8F1;
  border-radius: 4px;
}
        .calendar-manager input{
  width:65px;
  height: 23px;
  border-radius: 4px;
  border: solid 1px white;
}
        .calendar-manager .CalendarWidget input.active
{
  border: solid 1px white;
}
        .calendar-manager .input-frame{
  border-radius: 4px;
  border: solid 1px white;
  width: 115px;
}
        .calendar-manager .input-frame.active{
  border: solid 1px #B3B9C5;
}
        .calendar-manager .CalendarWidget .icon-left-open svg, 
.calendar-manager .CalendarWidget .icon-right-open svg{
  margin: 0px;
  position: relative;
    top: 2px;
}
        .calendar-manager .CalendarWidget .icon-right-open{
  margin-left: 2px;
}
        .calendar-manager .calendar .default-date-icon{
visibility: hidden;
}
        .calendar-manager .calendar:hover .default-date-icon{
visibility: visible;
}
        /*----------------*/
        .chooser-buttons .chooser-button:first-of-type{
  border-radius: 8px 0px 0px 8px;
}
        .chooser-buttons .chooser-button:last-of-type{
  border-radius: 0px 8px 8px 0px;
  border-right: 1px solid #E3E8F1;
}
        .chooser-button{
  border: 1px solid #E3E8F1;
  border-right: none;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  float:left;
  cursor: pointer;
  text-align: center;
}
        .chooser-button.active{
  border-color: #488BF0;
  border-right: 1px solid #488BF0;
  background: #488BF0;
  color:#fff
}
        .chooser-button.active + .chooser-button{
  border-left: none;
}
        .chooser-button.active + .chooser-button:first-of-type{
  border-left: 1px solid #E3E8F1;
}
        /*---------------------------------------------*/
        .gmx-dialog{
    overflow:hidden !important;
    background: #FCFCFE !important;
    border: 2px solid #E3E8F1 !important;
    border-radius: 5px !important;
    font-family: Roboto, sans-serif !important;
}
        .gmx-dialog .ui-widget-header{
  background: none;
}
        .gmx-dialog .ui-widget-content{
  overflow: hidden !important;
}
        .gmx-dialog .ui-dialog-titlebar-close.ui-state-hover,
.gmx-dialog .ui-dialog-titlebar-close{
    border: none !important;
    background: none !important; 
    background-repeat: no-repeat !important;
    background-position: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 0.3C13.3 -0.1 12.7 -0.1 12.3 0.3L7 5.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L5.6 7L0.3 12.3C-0.1 12.7 -0.1 13.3 0.3 13.7C0.5 13.9 0.7 14 1 14C1.3 14 1.5 13.9 1.7 13.7L7 8.4L12.3 13.7C12.5 13.9 12.8 14 13 14C13.2 14 13.5 13.9 13.7 13.7C14.1 13.3 14.1 12.7 13.7 12.3L8.4 7L13.7 1.7C14.1 1.3 14.1 0.7 13.7 0.3Z' fill='%236B707B'/%3E%3C/svg%3E%0A") !important;
    right: 18px !important;
    top: 18px !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
}
        .gmx-dialog .ui-dialog-titlebar-close.ui-state-hover .ui-icon,
.gmx-dialog .ui-dialog-titlebar-close .ui-icon{   
    background-image: none;
}
        .gmx-dialog .standard-content{
  border:none;
  border-top: solid 4px black;
  border-radius: 4px 4px 0px 0px;
  margin-top: 5px;
  padding: 0px 15px 15px 15px; 
}
        .gmx-dialog .standard-content>div{
  margin-top:15px
}
        .gmx-dialog .standard-content .button{
    width: 109px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 23px;
    text-align: center;
    line-height: 46px;
    /*height: 100%;*/
    margin-left: 10px;
    cursor: pointer;
}
        .gmx-dialog .standard-content .button.disabled{
    border: 1px solid blue;
}
        .gmx-dialog .standard-content table td{
  padding: 10px 0px 0px 10px;
  white-space: nowrap;
}
        .gmx-dialog .standard-content table tr td:first-of-type{
  padding-left: 0;
}
        .gmx-dialog .standard-content .scm-input-text{
  margin: 0;
}
        /*--------------------------------------------*/
        .scm-input-text{
  background-color: #fff;
  width: 300px;
  border: 1px solid #E3E8F1;
  margin-right: 15px;
  border-radius: 10px;
  padding: 14px 10px;
}
        .scm-input-text input{
  width: 100%;
  border: none;  
  background: transparent;
  font-weight:500;
  font-family: Roboto !important;
  line-height: 14px;
}
        /*--------------------------------------------*/
        .scm-context-menu{
  display: none;
  position:absolute;
  background-color: #fff;
  border: solid 1px #bbb;
  cursor: pointer;
  width: 165px;
  z-index:1000;
  }
        .scm-context-menu div{
      padding: 5px;
      overflow:hidden;
  }
        .scm-context-menu div span{
      margin-left: 5px;
  }
        .scm-context-menu div.command:hover{
      background-color: #bbb;
  }
        /*---------------SCALE---------------------*/
        .leaflet-gmx-location{
  background: white;
  padding-left: 5px;
  padding-right: 10px;
  margin-right: 0 !important;
}
        /*---------------COMMON CONTROLS----------------------*/
        .key-buttons span.left{
  border-radius: 8px 0px 0px 8px; 
}
        .key-buttons span.right{
  border-radius: 0px 8px 8px 0px;
}
        .key-buttons span{
  cursor: pointer;
  border: 1px solid #E3E8F1;
  padding: 5px 12px 5px 12px;
}
        .key-buttons span.on{
  background-color: #488BF0;
  color: white;
  border: 1px solid #488BF0;
}
        .integrated.calendar input{
  width: 65px;
  padding: 12px;
  border: 1px solid #E3E8F1;
  border-radius: 10px;
}
        /*---------------COMMON----------------------*/
        .clickable{
  cursor:pointer;
}
        .disabled{
  cursor: default;
}
        .highlight-color-hover:hover,
.highlight-color:hover,
.highlight-color:hover svg,
.highlight-color:hover label{
color:#488BF0 !important
}
        .bright-color{
  color:#488BF0 !important
}
        .highlight-hot-color:hover{
color:#fc4f4f;
}
        .highlight-cold-background-hover:hover{
  background:#F3F6FB;
}
        .highlight-cold-background{
  background:#F3F6FB;
}
        .hot-color{
color:#fc4f4f;
}
        .hot-background{
  background:#fc4f4f !important;
}
        .dark-color{
color: #40434A !important
}
        .light-color{
color: #6B707B !important
}
        .shadow-color,
.shadow-color-placeholder::placeholder{
  color: #9AA1AE !important;
}
        .disabled-color,
.disabled-color::placeholder{
  color:#E3E8F1 !important;
}
        .light-border,
.light-border-color{
border-color: #E3E8F1!important
}
        .shadow-background{
  background: #E3E8F1 !important;
}
        .bright-background,
.bright-background-color{
  background-color:#488BF0 !important;
  color: white
}
        .pale-background,
.pale-background-color{
  background-color: #FFF;
}
        .active-color{
color: #f57c00;
}
        .light-background,
.light-background-color{
  background-color: #FCFCFE !important;
}
        .marker-light-color{
  color:#B3B9C5 !important;
}
        .scroll-thin .mCSB_container {
  margin-right: 12px;
}
        .scroll-thin .mCSB_dragger_bar{
  /*background-color: #C7CDD7;*/
  border-radius: 6px;
}
        .scroll-thin .mCSB_draggerRail
{
  /*background-color:#E3E8F1;*/
  border-radius: 6px;
}
        .scroll-inside .mCSB_container{
  margin-right: 0 !important;
}
        /*-----WINDY-----*/
        #windy-app-promo,
#map #logo-wrapper,
#map #embed-zoom,
#map #mobile-ovr-select,
#map #bottom,
#map #embed-zoom,
#map #mobile-ovr-select,
#map #bottom {
    display: none !important;
}
        #map #map-container .leaflet-overlay-pane .isolines-layer{pointer-events:none}
        #map #map-container .leaflet-tile-pane .sea-mask-layer{
  z-index:16 !important;
  pointer-events:none
}
        #map #map-container .leaflet-tile-pane .particles-layer{
  z-index:15 !important;
  pointer-events:none
}
        #map #map-container .picker-link.iconfont.tooltip-right.shy,
#map #map-container .picker-content .iconfont{
  display:none
}


.scm-loaderStatus{
    position: relative;
    left:50%;
    width: 180px;
    height: 38px;
    background-color: white;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-left:-100px !important;
}

.animated-spiner-label{
    float: left;
    font-size: 14px;
    line-height: 38px;
    margin-left: 20px;
    color: #6B707B;
}

.scm-loaderStatus .animated-spiner{
    height: 12px;
    margin-left: 140px;
    width: 16px;
    margin-top: 12px;
}


.scm-loaderStatus .animated-spiner .dash-center {
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 5px;
    height: 4px;
    width: 2px;
    background-color: #6B707B;
    float: left;    
    -webkit-animation: 0.5s linear 0s infinite alternate move_center;
       -moz-animation: 0.5s linear 0s infinite alternate move_center;
         -o-animation: 0.5s linear 0s infinite alternate move_center;
            animation: 0.5s linear 0s infinite alternate move_center;
  } 
  
.scm-loaderStatus .animated-spiner .dash {
    height: 12px;
    width: 2px;
    background-color: #6B707B;
    float: left;
    -webkit-animation: 0.5s linear 0s infinite alternate move_sides;
       -moz-animation: 0.5s linear 0s infinite alternate move_sides;
         -o-animation: 0.5s linear 0s infinite alternate move_sides;
            animation: 0.5s linear 0s infinite alternate move_sides;
  }
 
    @-webkit-keyframes move_sides { from { height:12px; margin-top: 0; opacity: 1;} to { height:4px; margin-top: 4px; opacity: 0.1;}  }
    @-moz-keyframes move_sides { from { height:12px; margin-top: 0; opacity: 1;} to { height:4px; margin-top: 4px; opacity: 0.1;}  }
    @-o-keyframes move_sides { from { height:12px; margin-top: 0; opacity: 1;} to { height:4px; margin-top: 4px; opacity: 0.1;}  }
    @keyframes move_sides { from { height:12px; margin-top: 0; opacity: 1;} to { height:4px; margin-top: 4px; opacity: 0.1;}  }
 
    @-webkit-keyframes move_center { from { height:4px; margin-top: 4px; opacity: 0.1;} to { height:12px; margin-top: 0; opacity: 1;}  }
    @-moz-keyframes move_center { from { height:4px; margin-top: 4px; opacity: 0.1;} to { height:12px; margin-top: 0; opacity: 1;}  }
    @-o-keyframes move_center { from { height:4px; margin-top: 4px; opacity: 0.1;} to { height:12px; margin-top: 0; opacity: 1;}  }
    @keyframes move_center { from { height:4px; margin-top: 4px; opacity: 0.1;} to { height:12px; margin-top: 0; opacity: 1;}  }
        .scm-cursor-position{
    margin: 0 !important;
    padding: 0 5px;
    background: #fff;
    transition: all 0.5s;
    /*width:190px;*/
    overflow: hidden;
    height:19px
}
.scm-cursor-position .icon{
    float: left; 
    margin-right: 4px
}
.scm-cursor-position .coordinates{
    line-height: 20px;
    float: left;
    width: 165px;
}
.scm-cursor-position .changer{
    height: 19px;
    float: right;
}

.scm-copyright-window{
    display: none;
    position: absolute;
    bottom: 22px;
    z-index: 1000;
    transition: all 0.5s ease 0s;
    margin: 0 !important;
    cursor: auto !important;
}
.CalendarWidget input[type='text']{
    /* width:70px; */
    /* text-align: center; */

    /* font-weight: 700; */
    /* padding: 12px; */
    /* border-radius: 3px; */
    /* border: 1px solid #ddd; */
}
.CalendarWidget .icon-left-open svg, 
.CalendarWidget .icon-right-open svg{
    width: 10px;
    height: 10px;
    top: 6px;
    margin: 5px;
    cursor: pointer;
}
.CalendarWidget .default-date-icon{
    cursor: pointer;
    width: 16px;
    height: 16px;
    top: 8px;
    margin: 5px;
}
.CalendarWidget #ui-datepicker-div{
    z-index: 1000 !important;
}

.ui-datepicker-today.ui-datepicker-current-day .ui-state-active{
    font-weight: 700;
    color: currentColor;
}
.ui-datepicker-current-day .ui-state-active{
    font-weight: 700;
    color: currentColor;
}

.time-picker{
    background-color: white;
    position:absolute;
    z-index: 3;
    border: 1px solid #E3E8F1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding:6px 0px 5px 0px;
}
.time-picker .content .moment{
    padding:0 6px;
    cursor: pointer;
    border: 1px solid #fff;
}
.time-picker .content .moment:hover,
.time-picker .content .moment.selected{
    border: 1px solid #488BF0;
}
.time-picker .mCSB_container{
    margin-right:7px !important;
}
.time-picker .mCSB_draggerRail,.time-picker .mCSB_dragger_bar{
    border-radius: 4px;
}
.CalendarWidget .time{
    border-left: 1px solid #B3B9C5;
    padding-left: 6px
}


.options-picker *{
    color: #40434A;
}
.options-picker .header *,
.options-picker .footer *{
  color: #6B707B;
}
.options-picker{
    background: #FFFFFF;
    border: 1px solid #E3E8F1;
}
.options-picker .divider div{  
  border-top: 1px solid #E3E8F1;
}
/*--------------------------------*/
.options-picker{
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    position:absolute; 
    z-index: 2;
    margin-left: -4px;
  }
  .options-picker .header{
    width:100%;
  }
  .options-picker .header td{
    vertical-align: top;
    padding: 15px 11px 0 20px;
  }
  .options-picker .header .icon{
    float:left;
    width:24px;
    height:24px;
    text-align: center;
  }
  .options-picker .header .title{
    line-height:24px;
    font-weight:600;
    text-align: left;
  }
  .options-picker .header .icon~.title{
    padding-left: 28px
  }
  .options-picker .header .close{
    cursor:pointer;
    width:24px;
    height:24px;
    text-align: center;
    float: right;
  }
  .options-picker>.content{
    padding: 5px 15px 15px;
    display: none;
  }
  .options-picker .footer{
    padding-bottom:15px;
  }
  .options-picker .divider{  
    padding: 14px 20px 14px 20px;
  }
  .options-picker .divider div{  
    width: 260px;
  }

  .options-picker button:focus{
    border: dashed 1px #E3E8F1;
  }.filter .preferences{
    width:16px;
    height:19px;  
    border: none;
    box-shadow: none;
    cursor: pointer;
}

.preferences{
    background-color: white;
    height: 180px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    width: 170px;
}

.preferences div.section{
    padding: 15px 12px 15px 12px;
}
.preferences .line{
    padding: 5px 20px 5px 20px;
    cursor: pointer;
}
.preferences .checkbox{
    float: left;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' rx='3' ry='3' width='12' height='12' fill='%2348aff1' stroke='%23ccc' stroke-width='1'/%3E%3C/svg%3E") no-repeat 0px 0px;  
    padding-right: 0;
}

.preferences .checkbox.checked{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' rx='3' ry='3' width='12' height='12' fill='%2348aff1' stroke='%23ccc' stroke-width='1'/%3E%3Cline x1='3' x2='5' y1='5' y2='8' stroke='white' fill='transparent' stroke-width='2'/%3E%3Cline x1='5' x2='9' y1='8' y2='3' stroke='white' fill='transparent' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0px 0px;  
}

.preferences .checkbox.disabled{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' rx='3' ry='3' width='12' height='12' fill='%23ddd' stroke='%23ccc' stroke-width='1'/%3E%3Cline x1='3' x2='5' y1='5' y2='8' stroke='white' fill='transparent' stroke-width='2'/%3E%3Cline x1='5' x2='9' y1='8' y2='3' stroke='white' fill='transparent' stroke-width='2'/%3E%3C/svg%3E") no-repeat 0px 0px;  
}

.preferences .radio svg:first-child,
.preferences .radio.checked svg:last-child{
    display: block;
    float: left;
}
.preferences .radio svg:last-child,
.preferences .radio.checked svg:first-child{
    display: none;
    float: left;
}

.preferences .label{
    float: left;
    margin-left: 6px;
}
.preferences .icon{
    float: left;
    margin-left: 5px;
}
.preferences .line::after{
    clear: both; 
    content: "";   
    display: block;
}

.filter{
    background-color: #fff;
    padding-top: 9px;
    padding-bottom: 9px;
    width: 300px;
    border: 1px solid #E3E8F1;
    margin-top: 8px;
    margin-right: 15px;
    border-radius: 10px;
    text-align: left;
  }
  .filter div{
      float:right;
      margin-right:14px;
  }
  .filter div.searchremove {
    border-right: solid 1px #ddd;
    margin-top: -3px;
    height: 22px;
    padding-top: 3px;
    padding-right: 15px;
    /*color: #40434A;*/
    color:#6B707B;
}
  .filter input{
    width: 70%;
    padding-left: 10px;
    border: none;  
    background: transparent;
    text-transform: uppercase;
    font-weight:500;
    line-height: 18px;
    color:  #6B707B;
    font-family: Roboto;
  }
  .filter input::placeholder{
      color:#B3B9C5;
      font-family: Roboto;
  }
  .filter input::-webkit-input-placeholder { /* WebKit browsers */
      text-transform: none;
  }
  .filter input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      text-transform: none;
  }
  .filter input::-moz-placeholder { /* Mozilla Firefox 19+ */
      text-transform: none;
  }
  .filter input:-ms-input-placeholder { /* Internet Explorer 10+ */
      text-transform: none;
  }
  .filter input::placeholder { /* Recent browsers */
      text-transform: none;
  }
  .filter .remove{
    display: none;
    margin-top:2px;
    cursor: pointer;
  }
  .filter i{
    font-size:16px;
  }

  .suggestions{
    background-color: white;
    position:absolute;
    display:none;
    border: 1px solid #E3E8F1;
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
    padding-top:0px !important;
    padding-bottom: 8px !important;
}
.suggestions .mCSB_scrollTools{
    margin-top:3px !important;
    margin-bottom: 0px !important;
    border-radius: 10px !important;
    width:6px !important;
}
.suggestions .mCSB_container {
    margin-right: 0px !important;
}
.suggestions .mCSB_draggerRail,
.suggestions .mCSB_dragger_bar{
    border-radius: 5px;
    width: 5px !important;
}
.suggestions .mCSB_draggerRail{
    border-radius: 8px;
    width: 5px !important;
}
.suggestions .suggestion{
    padding: 5px;
    padding-left: 10px;
    /*border-top: solid 1px #E3E8F1;*/
    cursor: pointer;
    padding-right:10px;
}
/*.suggestions .suggestion.selected{
    background-color: #fafafa;
}*/
.suggestions .suggestion span{
    font-size: 10px;
    opacity: 0.6;
}


.user{
    height:54px;
}
.user .login-but{
    margin-top:10px;
    margin-right:10px;
    width:80px;    
    height: 32px;
}
.user .login-but div{
    float: left;
    margin-left: 10px;
    line-height: 32px;
    font-weight: 700;
    color: #40434A;
}
.user .login-but, .user .logout-but{
    cursor: pointer;
}
.user .account{
    color: #757575;
    height: 54px;
}
.user .account tr{
    height: 54px;
}
.user .account td{
    padding-right: 10px;
}
.user .account .login{
    text-align: right;
    font-weight: 700;
    color:#40434A;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
}
.user .account .company{
    text-align: right;
    font-size: 10px;
    color:#9AA1AE;
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
}

@media (max-width: 1024px) {
    .user .account .login{
        max-width: 120px;
    }
    .user .account .company{
        max-width: 120px;
    }
}
@media (max-width: 960px) {
    .user .account .login{
        display:none;
    }
    .user .account .company{
        display:none;
    }
}

.user .login-icon{
    color: #5278c3;
    width: 31px;
    height: 31px;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
}
.user .login-icon:hover, .user .login-icon.active{
    border: 1px solid #488BF0;
}
.user .profile-menu .login-icon{
    cursor: default;
}
/*-----------------------------------*/
.user .profile-menu{
    display: none;
}
.user.active .profile-menu{
    display: block;
}

.profile-menu .content{
    padding-left:40px;
}
.profile-menu .content div{
    font-size:10px;
}
.profile-menu .content div:first-of-type{
    font-size:14px;
    font-weight:600;
}
.profile-menu .header .login-icon{
    float:left;
}
.profile-menu .header .login-icon:hover{
    border-color:#E3E8F1;
}
.profile-menu .header .login-icon svg:last-of-type{
    display:none;
}
/*
.profile-menu .header .login-icon:hover svg:first-of-type{
    display:none;
}
.profile-menu .header .login-icon:hover svg:last-of-type{
    display:inline;
}
*/
.profile-menu{
    color: #6B707B
}
.profile-menu .command{
    width:250px;
    height: 34px;
    overflow: hidden;
    color: #6B707B;
    font-weight:600;
    cursor: pointer;
}
.profile-menu .command div{
    float:left;
    height: 34px;
    line-height: 34px;
}
.profile-menu .command:hover div.icon use{
    color:#488BF0
}
.profile-menu .command div.icon{
    width: 54px;
    text-align: center;
    line-height: 0;
    color:#B3B9C5;
};


div#sidebar {
    width: 54px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 54px;
    background-color: #fff;
    transition: all 0.5s;    
}div#sidebar .stopper{
    position: absolute;
    left: 54px;
    width: 180px;
}
div#sidebar.expanded {
    width: 234px;
}
div#sidebar.expanded .sidebar-pane{
    left: 234px;
}
div#sidebar .labels-button{
    position: absolute;
    bottom:15px;
    left:14px;
    width:26px;
    height:26px;
    color: #6B707B;
    background: #E3E8F1;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
}
div#sidebar .labels-button:hover{
    background: #6B707B;
    color: #E3E8F1;
}
div#sidebar .labels-button svg{
    width:8px;
    height:8px;
    transform: translateY(-7px);
}
div#sidebar.expanded .labels-button svg{
    transform: rotate(-180deg) translateY(7px);
}
div.sidebar-tabs {
    width: 54px;
    height: 100%;
    background: #FCFCFE;
}
div.sidebar-tab {
    width: 234px;
    height: 54px;
    cursor:pointer;
    color: #6B707B;
}
div.sidebar-tab.active {
    color: #488BF0;
}

div.sidebar-tab:hover {
  color: #488BF0;
}

div.sidebar-tab div.icon {
    width:42px;
    height:42px;
    background: none;
    margin-top: 6px;
    margin-left: 6px;
    border-radius: 21px;

    float: left; width: 42px; text-align: center;
}

div.sidebar-tab div.icon .flash{
width: 8px;
height: 8px;
background: red;
position: relative;
left: 23px;
top: -17px;
border-radius: 10px;
border: 2px solid white;
opacity:0;
}

div.sidebar-tab div.icon .flag{
position: relative;
    width: 22px;
    height: 22px;
    /*background: #6B707B;*/
    left: -24px;
    top: -25px;
    border-radius:4px;
}
div.sidebar-tab.active div.icon .flag/*,div.sidebar-tab:hover div.icon .flag*/
{
    background: #488BF0;
}

div.sidebar-tab div.label {
    float:left;
    width:130px;
    line-height: 42px;
    margin-top: 6px;
    margin-left: 6px;
    font-size: 14px;
    font-weight: 500;
    overflow-x: hidden;
    white-space: nowrap;
}

div.sidebar-pane {
    width: 360px;
    position: absolute;
    left: 54px;
    top: 0;
    z-index: 2;
    border: solid 3px #E3E8F1;
    /*border-bottom: none;*/
    border-right: none;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.5s;
}
div#sidebar.active .sidebar-insets{
    left: 0;
}
div.sidebar-insets {
background-color: white;
    height: 100%;
    position: absolute;
    left: -360px;
    transition: all 0.5s;
    pointer-events: all;
}
div.sidebar-inset {
    width: 360px;
    height: 100%;
    display: none
}
div.sidebar-inset.active {
    display: block;
}
div.sidebar-tabs svg{
    fill:currentColor;
    width: 20px;
    height: 20px;
    position: relative;
    top: 11px;
}



.sidebar-pane .mCSB_scrollTools{
    width: 8px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
  .sidebar-pane .mCSB_scrollTools .mCSB_draggerRail {
    width: 7px;
    border-radius: 16px;
  }
  .sidebar-pane .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px;
    border-radius: 16px;
  }
  .mCSB_inside > .mCSB_container {
    margin-right: 10px;
}

div#menubar .section{
    float:left;
    
}
#menubar .buttons-group .button{
    float:left;
    height: 36px;
    color: #6B707B;
    width: 32px;
    text-align: center;
}
#menubar .buttons-group .button{
    cursor: pointer;
}
#menubar .buttons-group .divider{
    float:left;
    border-left:solid 1px #E3E8F1; 
    height:26px;
    margin: 0 4px 0 4px;
}
#menubar .buttons-group .button:hover, 
#menubar .buttons-group .button.active{
    color:#488BF0
}
#menubar .button .options-picker{
    display:none
}
#menubar .button.active .options-picker{
    display:block
}
#menubar .buttons-group{
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 10px;
    height: 38px;
    margin: 0 8px 0 8px;
    padding: 0 8px 0 8px;
    z-index: 3;
}
@media (max-width: 1280px) {
    #menubar .buttons-group{
        width: 46px;
        padding: 0;
    }
    #menubar .buttons-group .button{
        display: none;
        width: 44px;
    }
    #menubar .buttons-group .button:first-of-type{
        display: block;
        background: transparent !important;
    }
    #menubar .buttons-group:hover .button{
        display: block;
    }
    #menubar .buttons-group.active .button,
    #menubar .buttons-group.active:hover .button{
        display: none !important;
    }
    #menubar .buttons-group.active .button.active{
        display: block !important;        
        background: transparent !important;
    }
    .notifications{
        width:30px !important;
    }
    table.login td:first-of-type{
        display:none
    }/**/
}
@media (max-width: 854px) {
    #menubar .filter{
        width: 170px;
    }
    #menubar .filter input{
        width: 60%;
    }
    .suggestions .suggestion span{
        font-size: 8px;
    }
    #menubar .filter .search{
        width: 14px; height: 14px;
    }
    #menubar .filter div.searchremove {
        margin-top: -4px;
        height: 20px;
        padding-top: 6px;
        padding-right: 8px;
    }
    #menubar .filter .preferences {
        width: 14px;
    }    
    #menubar .filter div {
        margin-right: 8px;
    }
}.hamburger {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity,filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
  }
  
  .hamburger-box {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 54px;
    margin-left: 18px;
  }
  
  .hamburger-inner {
    top: 50%;
    display: block;
    margin-top: 0;
  }
  
  .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 15px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #6c757d;
  }
  
  .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: #6c757d;
  }
  
  .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    width: 14px;
  }
  
  .hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: "";
  }
  
  .hamburger.is-active .hamburger-inner:before {
    top: 0;
    transition: top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    transform: translate3d(-4px,-3px,0) rotate(-45deg) scaleX(.7);
  }
  
  .hamburger .hamburger-inner:before {
    transition: top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
  }
  
  .hamburger-inner:before {
    top: -6px;
  }
  
  .hamburger.is-active .hamburger-inner:after {
    bottom: 0;
    transition: bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;
    /*transform: translate3d(-4px,5px,0) rotate(45deg) scaleX(.7);*/
    transform: translate3d(-4px,3px,0) rotate(45deg) scaleX(.7);
  }
  
  .hamburger .hamburger-inner:after {
    transition: bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1);
  }
  
  .hamburger-inner:after {
    bottom: -6px;
  }

  .hamburger-panel{
    transition: all 0.5s; 
    position: absolute; 
    z-index:4; 
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 8px 0px
  }
  .hamburger-panel .content{
    margin-top: 60px;
    width: 100%;
  }
  .hamburger-panel .content .command{
    width:230px;
    height: 60px;
    margin: 0 auto;
  }
  .hamburger-panel .content .icon{
    float: left;
    margin-right: 15px;
  }
  .hamburger-panel .content .icon div{ 
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background-color: currentColor;
    border-radius: 5px;
  }
  .hamburger-panel .content .icon div span{ 
    color: white;
  }
  .hamburger-panel .content .label{
    float: left;
    line-height: 60px;
    font-weight: 600;
    font-size: 14px;
    font-size: 14px;
  }  
  .hamburger-panel .content .label span{
    font-size:14px
  }.maptool.base-layers.leaflet-control-layers-expanded{
    padding:0
}
.maptool.base-layers.button{
    width:38px;
    height:38px;
    background: #FFFFFF;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    top: 50%;
    transform: translateY(-90px);
    color: #6B707B;
    box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}
.maptool.base-layers.button svg{
    cursor: pointer;
}
.maptool.base-layers.button .options-picker{
    display: none;
}
.maptool.base-layers.button:hover,
.maptool.base-layers.button.active{
    color:#488BF0
}
.maptool.base-layers.button.active .options-picker{
    display: block;
}
.base-layers .options-picker .close .vertical-align-middle{  
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
}
.base-layers .options-picker .leaflet-control-layers{
    padding:5px 15px 15px;
    border:none;
    color: #6B707B
}
.base-layers .options-picker form label div{
    background-color: #fff;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 23px;
    height: 46px;
    line-height: 46px;
    margin-top: 10px;
    padding-left: 18px;
    text-align:left;
}
.base-layers .options-picker form label div span{
padding-left: 16px;
}.overlays-dragable.option{
    background-color: #fff;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 23px;
    height: 46px;
    line-height: 46px;
    /*margin-top: 10px;*/
    margin-right: 10px;
    padding-left: 18px;
    text-align:left;
    overflow: hidden;
    white-space: nowrap;
}
.overlays-dragable.option.foo{
    background: #E3E8F1;
}
.overlays .options-picker .spacer{
    height: 2px;  margin-right: 10px;
    margin-top: 4px; margin-bottom: 4px;
    background-image: none !important;
    opacity:0;
}
.overlays-dragable.option label{
    margin-left: 0;
    margin-right: 10px;
    transform: translateY(-2px);
}
.overlays .content{
    max-height: 345px;
    padding: 5px 6px 15px 16px
}.leaflet-control {
	cursor: pointer;
}

.polyline-measure-unicode-icon {
	font-size: 19px;
	font-weight: bold;
}

a.polyline-measure-clearControl:active {
	background-color: #f88;
}

.polyline-measure-tooltip {
	font: 10px Arial, Helvetica, sans-serif;
    line-height: 10px;
	background-color: rgba(255, 255, 170, 0.7);
    border-radius: 3px;
	box-shadow: 1px 1px 4px #888;
	margin: 0;
	padding: 2px;
	width: auto !important;
	height: auto !important;
	white-space: nowrap;
    text-align: right;
}

.polyline-measure-tooltip-end {
	background-color: rgba(255, 255, 40, 0.7);
}

.polyline-measure-tooltip-total {
	color: #006;
    font-weight: bold;
}

.polyline-measure-tooltip-difference {
	color: #060;
	font-style: italic;
}

.polyline-measure-popupTooltip {
	font: 11px Arial, Helvetica, sans-serif;
    line-height: 11px;
}

/*
	add for Geomixer
*/

.leaflet-marker-icon.polyline-measure-tooltip.leaflet-zoom-animated {
    line-height: 16px;
    font-size: 12px;
}
a#unitControlId {
    color: blue;
    font-weight: bold;
}
.polylineMeasure svg.svgIcon {
    width: 24px;
    height: 24px;
    margin-top: 4px;
}

.polylineMeasure .active svg.svgIcon {
    fill: #f57c00;
}.ruler .unit-buttons .unit-button:first-of-type{
    border-radius: 8px 0px 0px 8px;
}
.ruler .unit-buttons .unit-button:last-of-type{
    border-radius: 0px 8px 8px 0px;
    border-right: 1px solid #E3E8F1;
}
.ruler .unit-button{
    border: 1px solid #E3E8F1;
    border-right: none;
    white-space: nowrap;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    float:left;
    cursor: pointer;
}

.ruler .unit-button.active{
    border-color: #488BF0;
    border-right: 1px solid #488BF0;
    background: #488BF0;
    color:#fff
}
.ruler .unit-button.active + .unit-button{
    border-left: none;
}
.ruler .unit-button.active + .unit-button:first-of-type{
    border-left: 1px solid #E3E8F1;
}.gridConfigEditor .colorSelector {
  border: 1px solid #000000;
}
.gridStepInput {
  border: 1px solid #E3E8F1;
}
.gridStepConfigHolder1,
.gridStepConfigHolder2{
  border-top: 1px solid #E3E8F1;
}
.gridStepConfigHolder1{
  border-right: 1px solid #E3E8F1;
}
.gridStepConfigHolder1:hover button,
.gridStepConfigHolder2:hover button{
  color:#488BF0
}
/*---------------------------------*/
.grid-editor .content{
  padding: 0
}
.grid-config .editor{
  padding-top: 10px;
}
.grid-config table.switch{
  text-align: left;
}
.grid-config table.switch td:first-of-type{
  width:64px;
  padding-left: 15px;
}
.grid-config .chooser-button{
  width:50px;
}
.gridConfigEditor{
  text-align: left;
}
 #gridStepUnitsDegrees,
 #gridStepUnitsKilometers,
 #gridFormatDD,
 #gridFormatDM,
 #gridFormatDMS {
     margin: 0px 2px 0px 0px;
 }

 .gridConfigTable td{
  padding: 5px 0;
 }
 .gridConfigTable td:first-of-type{
   white-space: nowrap;
   padding-right: 15px;
   padding-left: 20px;
   width:70px;
 }

.gridConfigTable .bigEmptyTableRow {
    height: 10px;
}

.gridConfigLeftMenu {
    position: relative;
    padding: 3px 0px 3px 7px;
}

.gridSettingsTitle {
    margin: 0px 4px;
}

.gridUnitsLabel,
.gridFormatLabel {
  margin: 0px 9px 0px 0px;
  vertical-align: middle;
}

.gridFormatConfig .rc_select{
  border-radius: 8px;
  padding:8px 10px;
  width: 170px;
}

.gridStepInput {
  width: 65px;
  height: 28px;
  margin: 0;
  border-radius: 8px;
  padding-left: 15px;
}

.gridStepButton {
  border: none;
  background: none;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

/***********************************/

.colorIcon {
    height: 13px;
    margin: 0px 3px 0px 4px;
    position: relative;
    width: 9px;
    border: none;
    cursor: pointer;
    font-size: 0px;
  }
  
  .borderIcon {
    height: 11px;
    position: absolute;
    width: 7px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 0px;
    top: 0px;
    left: 0px;
  }
  
  .fillIcon {
    height: 11px;
    margin: 0px;
    border: none;
    position: absolute;
    width: 7px;
    font-size: 0px;
    top: 1px;
    left: 1px;
  }

  .gridConfigEditor .colorSelector {
    border-radius: 8px;
    width: 48px;
    height: 28px;
    position: relative;
    float:left;
}
.gridConfigEditor .show-grid{
  float:left;
  margin-top: 8px;
  margin-left: 20px;
  cursor: pointer;
}

.gridStepConfigHolder1,
.gridStepConfigHolder2{
  width:50%;
  text-align:center;
  height: 48px;
}



  

  
  
  .scm-option-list{
    border: 1px solid #DDD;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #fff;
    display:none;
    position:absolute;
    z-index:2;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    max-height: 400px;
    padding-bottom:8px
}

.scm-option-list .mCSB_scrollTools{
    margin-top:3px !important;
    margin-bottom: 0px !important;
    border-radius: 10px !important;
    width:6px !important;
}
.scm-option-list .mCSB_container {
    margin-right: 0px !important;
}
.scm-option-list .mCSB_draggerRail,
.scm-option-list .mCSB_dragger_bar{
    border-radius: 5px;
    width: 5px !important;
}
.scm-option-list .mCSB_draggerRail{
    border-radius: 8px;
    width: 5px !important;
}
.scm-option{
    padding: 5px 0 5px 15px;
    cursor: pointer;
}
.scm-option.selected, .scm-option.selected:hover{
    background-color: #ccc;
}
.scm-option:hover{
    background-color: #ddd;
}
.scm-select{
    background-color: #fff;
    padding: 14px;
    border: 1px solid #E3E8F1;
    margin-top: 0;
    border-radius: 10px;
    width: 160px;
    cursor: pointer;
}
.scm-select table{
    margin-bottom: 0 !important;
    width: 100%;
}
.scm-select td{
    padding: 0 !important;
}
.scm-select td:last-of-type{
    width:1% !important;
}
.scm-select .group_name{    
    font-weight: 700;
}
.scm-select .arrow-open, .scm-select .arrow-close{    
    float: right
}
.scm-select .arrow-open svg, .scm-select .arrow-close svg{ 
    width: 8px;
    height: 8px;
    margin-top:2px;
}
.scm-select .arrow-open .arrow-down, .scm-select .arrow-close .arrow-up{    
    display: block;
}
.scm-select .arrow-open .arrow-up, .scm-select .arrow-close .arrow-down{    
    display: none;
}
.wind-hour {
    padding: 0px 2px;
    background-color: #DDD;
    border: 1px solid #808080;
    cursor: pointer;
    margin: 1px;
}

.wind-active-hour {
    background-color: #AAA;
    border: 1px solid #000;
}
 .user-object-manager{
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #E3E8F1;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    cursor: default;
  }
   .user-object-manager table{
    margin:0;
    width: 100%;
  }
   .user-object-manager table td.unroll{
    width: 16px;
    cursor: pointer;
    line-height: 10px;
  }
  .user-object-manager table td.unroll:hover{
      color:#48aff1;
  }
   .user-object-manager table td.clean{
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: underline;
    cursor: pointer;
    line-height: 12px;
  }
   .user-object-manager .content{
    margin-left: 0px;
    margin-top: 10px;
  }
   .user-object-manager.grid-config .content{
    margin-left: 8px;
  }
  
  .user-object-manager.user-object-list .content{
    max-height: 110px;
  }
  
  .user-object-manager.user-object-list .row{
      width: 260px;
      height: 24px;
      line-height: 24px;
  }
  .user-object-manager.user-object-list .icon{
  width: 18px;
  padding-top: 5px;
  }
  
  .user-object-manager.user-object-list .type{
      text-decoration: none;
      cursor: pointer;
      padding-left: 2px;
      margin-right: 5px;
      width: 220px;
      white-space: nowrap;
      overflow: hidden;
  }
  .user-object-manager.user-object-list .type:hover{
    text-decoration: underline;
  }
  .user-object-manager.user-object-list .summary{
      width: 240px;
      margin-right:5px;
      cursor: text;
      font-size: 10px;    
      margin-left: 20px;
      line-height: 12px;
  }
  .user-object-manager.user-object-list .switch, .user-object-manager.user-object-list .delete{
    cursor: pointer;
  }
  .user-object-manager.user-object-list .delete svg{
      width:10px;
      height:10px;
  }
  .user-object-manager.user-object-list .row div{
    float: left
  };
  .user-object-manager.user-object-list .row::after{
    display: block;
    content: '';
    clear: both;
  }
  
 .user-object-manager.user-object-list .download{
    margin-top: 5px;
  }
 .user-object-manager.user-object-list .download span{
    margin: 2px;
    cursor: pointer;
    text-decoration: underline;
    padding: 2px 5px;
  }
  .user-object-manager .options-picker{    
    overflow: hidden;
    right: 10px;    
    top: 35px;
    padding: 10px 0;
    display: none;
    line-height: 14px;
    cursor: default;
  }  
  .user-object-manager .options-picker .option{
    white-space: nowrap;;
    padding: 5px 10px;
    cursor: pointer;
  } 
  .user-object-manager .options-picker span{
    margin-left: 10px;
  }
  .user-object-manager .options{
  width: 10px;
  padding-left: 10px;
  line-height: 10px;
  cursor: pointer;
  }  
  .user-object-manager .options.active .options-picker{
    display: block;
  }
  .user-object-manager .caption .count{
    margin-left: 10px;
    padding: 2px 10px;
    border-radius: 8px;
  }
  .user-object-manager .count-flash{    
    position: absolute;
    top: -6px;
    right: 28px;
    padding: 0 5px;
    line-height: 16px;
    border-radius: 5px;
    display:none;
  }

  
.user-object-manager .mCSB_scrollTools{
  margin-top:3px !important;
  margin-bottom: 0px !important;
  border-radius: 10px !important;
  width:6px !important;
}
.user-object-manager .mCSB_container {
  margin-right: 6px !important;
}
.user-object-manager .mCSB_draggerRail,
.user-object-manager .mCSB_dragger_bar{
  border-radius: 5px;
  width: 5px !important;
}
.user-object-manager .mCSB_draggerRail{
  border-radius: 8px;
  width: 5px !important;
}.drawing-style-editor .colorSelector {
    height: 14px;
    margin: 2px;
    position: relative;
    width: 14px;
    border: 1px solid #000000;
    border-radius: 3px;
}.notifications{
    width: 54px;
    padding-top: 13px;
    text-align: center;
    cursor: pointer;
}
.notifications .header .add {
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    float: right;
    cursor: pointer;
}
.notifications .header .title{
    font-weight: 500;
}
.notifications .notification .author{
    text-align: left;
    min-width: 150px;
}
.notifications .notification .author span{
    font-size: 10px;
    line-height: 12px;
}
.notifications .notification .author span:first-child{
    font-weight: 600;
}
.notifications .notification .icon{
    height: 16px;
    float:left;
}
.notifications .notification .theme{
float:left;
height: 16px;
font-size: 14px;
padding-left: 5px;   
width: 150px;
text-align: left;
}

.notifications .notification .date{
    height: 12px;
    margin-bottom: 14px;
    border-bottom: solid 1px #E3E8F1;
}
.notifications .notification .date span{
    line-height: 24px;
    background: white;
    padding: 0 10px;
    color: #9AA1AE;
    font-weight: 500;
}
.notifications .notification .time,
.notifications .notification .theme{
    font-weight: 600;
}
.notifications .notification .time{
float:right;
text-align: right;
}
.notifications .notification.editorial .theme,
.notifications .notification.editorial .icon svg path{
    color: #A840D9;
}
.notifications .notification.administrative .theme,
.notifications .notification.administrative .icon svg path{
    color:#F28B12
}
.notifications .notification .msg{
    padding: 12px 10px;
    background: #F7FAFF;
    border-radius: 6px;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 12px;
}
.notifications .notification .msg.important{
    background: #FDF7F1;
}
.notifications .notification .showonmap{
    margin-top: 4px;
    font-weight: 600;
    cursor:pointer
}
.notifications .options-picker>.content {
    padding-right: 5px;
}
.notifications .options-picker>.content .mCSB_container {
    margin-right: 12px;
}
.notifications .options-picker>.content .mCSB_dragger_bar{
    /*background-color: #C7CDD7;*/
    border-radius: 6px;
}
.notifications .options-picker>.content .mCSB_draggerRail
{
    /*background-color:#E3E8F1;*/
    border-radius: 6px;
}

.notifications.button .flash
{
    opacity: 0;
    width: 8px;
    height: 8px;
    position: relative;
    left: 12px;
    top: -27px;
    border-radius: 10px;
    border: 2px solid white;
}

/*-------------------------------*/
.notification-editor{
    border:none;
    border-top: solid 4px black;
    border-radius: 4px 4px 0px 0px;
    margin-top: 5px;
    padding: 15px;
}
.notification-editor>div{
    margin-top:10px
}
.notification-editor .input-text{
    background-color: #fff;
    border: 1px solid blue;
    margin-right: 0px;
    border-radius: 4px;
    text-align: left;
    padding: 9px 10px;
}
.notification-editor>div.has-columns .input-text{
width: 160px;
}

.notification-editor .input-text textarea{
    height: 7em;
    resize: none;
}
.notification-editor .input-text textarea,
.notification-editor .input-text input[type="text"]{
    width:100%;
    border:none;
}
.notification-editor .button{
    width: 109px;
    height: 46px;
    background: #FFFFFF;
    border-radius: 23px;
    text-align: center;
    line-height: 46px;
    /*height: 100%;*/
    margin-left: 10px;
    cursor: pointer;
}
.notification-editor .button.disabled{
    border: 1px solid blue;
}
.notification-editor .warning{
    font-size:10px;
    padding-left:5px
}

  .ais-tabs *{
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
  }
  .ais-tabs{
    width: 100%;
  }
  .ais-tab{
    text-align: center;
    cursor:pointer;
    background-color: #E3E8F1;
    color: #40434A;
    line-height: 20px;
  }
  .ais-tab div{
    padding:11px 0 15px 0;
    font-family: 'Roboto', sans-serif;
    font-weight:500;
    font-size:15px;    
    border-top: solid #E3E8F1 4px;
    border-radius: 4px 4px 0 0;
    line-height: 21px;
  }
  .ais-tab.active div{
    border-top: solid #488BF0 4px;
    background-color: #fff;
  }
.start-screen{
  width:100%;
}
.start-screen td{
  text-align: center;
}
.start-screen td div{
  opacity: 0.3;
  font-size: 18px;
}


.ais-panel-footer{
  border-top: 4px solid #E3E8F1;
  border-radius: 4px 4px 0 0;
}

.ais-legend-switch{
  width: 100%;
  color: #40434A;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #E3E8F1;
}
.ais-legend-switch td{
  padding: 16px;
  padding-left: 0;
  line-height: 20px;
}
.ais-legend-switch td.show_info{
  padding-top: 14px;
  cursor: pointer;
}
.ais-legend-switch td.show_info svg{
  -webkit-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transform: translateY(4px);
}
.ais-legend-switch td span{
  padding: 6px 12px 6px 12px;
  cursor: pointer;
}
.ais-legend-switch td span.label{
  cursor: default;
}
.ais-legend-switch td span.on{
background-color: #488BF0;
color: white;
border-radius: 13px;
}
.ais-legend-switch td span.info{
background-color: white;
color: #488BF0;
border-radius: 16px;
padding: 2px 8px 3px 9px;
font-weight: 600;
margin: 25px;
}

/*---------------LEGEND----------------------*/
.options-picker.ais-legend-info>.content{
  padding: 5px 0 15px 15px;
}
.ais-legend-info .colors,
.ais-legend-info .movement-colors{
  width:100%
}
.ais-legend-info td.length-icon{
text-align: center;
}
.ais-legend-info .colors td,
.ais-legend-info .movement-colors td{
  padding-right: 14px;
  height:25px;
}
.ais-legend-info .colors td.color,
.ais-legend-info .movement-colors td.color{
  width:1px
}


.ais-legend-info .movement td{
  padding: 8px 0px 8px 5px;
}
.ais-legend-info .movement td:nth-of-type(2n){
  padding-right: 10px;
}

.ais-legend-info .clickable{
  cursor: pointer;
}

.leaflet-aistracks-layer{
  pointer-events: none;
}

.ais-vessel-baloon table{
  border-style: solid;
  border-width: 1px;
  opacity: 0.8;
      border-radius: 6px;
    display: block;
    width: fit-content;

}
.ais-vessel-baloon td{
  padding: 2px 8px;
  white-space: nowrap;
  font-size: 11px;
}

.scm-map-contextmenu>div{
  background:white; 
  padding: 2px 0px;
  box-shadow: 3px 3px 2.8px 0.05px rgba(0, 0, 0, 0.5); 
  border: 1px solid #ccc;
  width: 170px;
}
.scm-map-contextmenu .command{
  padding: 2px 12px;
}
.scm-map-contextmenu .command:hover{  
  background: #ccc;
}
          .vessel-flag{
  border: 1px solid #ddd;
}

.ais-view * {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.ais-view{
    margin:0;
}
.ais-view .ais-vessels{
  color:#394b59;
}
  .ais-view .ais-vessels .msg{
    text-align: center;
    font-weight:500;
    margin-top:15px;
  }

  .ais-view div.refresh{
    /*background-color: #EEE;
    margin-left:10px;
    border:1px solid #DDD;
    border-radius: 2px;*/
    height: 22px;
    width: 22px;
    text-align: center;
    margin-top:2px;
  }
  .ais-view div.refresh .reload{
    display:block;
  }
  .ais-view div.refresh div{
    display:none;
  }
  .ais-view div.refresh div img{
    margin-top:3px;
  }
  .ais-view div.refresh div{
    height: 22px;
    width: 22px;
  }
  .ais-view div.refresh i{
    vertical-align: middle;
    line-height:20px;
    font-size:11px
  }
  .myfleet_view div.refresh{
    margin-left:0px;
  }
  .ais-view.search_view select{
    -webkit-appearance: none;
    -moz-appearance: none;
    
    background: transparent;
    border: none;
  
    padding-right: 22px;
    padding-left: 6px;
    font-size:11px;
    position: relative;
    top: -19px;
    width: 120px;
  }
  .ais-view.search_view select::-ms-expand {
          display: none;
  }
  .ais-view i.icon-down-dir{  
    position: relative;
    top: 4px;
  }
  .ais-view.search_view select option{
    font-size:11px;
    /*padding-left: 6px;*/
  }
  .ais-view .instruments{
    width: 360px;
    background-color: #fff;
    color: #6B707B
  }
  .ais-view .instruments .label,  
  .ais-view .instruments .switch-slider-description{
    color: #40434A;
    font-weight: 500;
  }
  .ais-view .instruments td{
      padding:15px;
    }
  
  .ais-view .instruments .count{
      width:90%;
      color: #CCC;
      padding-left: 10px;
    }
  
    .ais-view .calendar{
      margin-bottom:10px;
    }
  
    .ais-view .calendar td{
      padding:0;
    }
  
.ais-view .results{
    width:100%;
    /*background-color: #f5f8fa;*/
    border-bottom: solid 1px #e1e8ed;
    color:#40434A;
    font-weight: 500;
    opacity:0.8;
}
.ais-view .results td{
    padding:6px;
    font-weight: 500;
}
.ais-view .results td span{
    font-weight: 500;
}
.ais-view .results td:nth-of-type(1){
    padding-left:10px;
    width:98%;
}
.ais-view .results .refresh{
    margin-bottom:0;
}

.ais-view .results .groups table{
  margin-bottom: 10px;
  width: 10%;
}
.ais-view .results .groups td{
  padding:0;
}
.ais-view .results .groups td:nth-of-type(1){
  padding-left:25px;
  padding-right:10px;
  width: 1%;
}
.ais-view .results .groups .group_name{
  width:220px;
}

  .ais-view .ais_vessel{
    border: solid 1px #fff;
    border-bottom: solid 1px #e1e8ed;
    padding:10px;
    padding-left:9px;
    cursor:pointer;
    height: 30px;
    color: #40434A;
  }
  .ais-view .ais_vessel:hover{
    border: solid 1px #488BF0;
  }
  .ais-view .ais_vessel .position{
      font-weight:500;
      height: 15px;
  }
  .ais-view .ais_vessel .date{
    opacity:0.8;
  }
  .ais-view .ais_vessel div.info{
    cursor:pointer;
  }  
  .ais-view .ais_vessel div.info img{
    margin-left: 10px;
    visibility: hidden;
  }
  .ais-view .ais_vessel:hover div.info img{
    visibility: visible;
  }
  /*
  .ais-view .ais_vessel div.history{
    width: 20px;
    text-align:center;
    cursor:pointer;
  }
  */
  .ais-view .ais_vessel:first-of-type{
    margin-top:0;
  }
  .ais-view .ais_vessel table{
    width: 100%
  }
  .ais-view .ais_vessel table td:first-of-type{
    width: 75%
  }
  .ais-view .ais_vessel table td:first-of-type div{
    overflow: hidden;
  }
  .ais-view .ais_vessel table td:first-of-type div:nth-of-type(2){
    font-size: 10px;
    opacity: 0.8;
  }
  .ais-view .ais_vessel table td:nth-of-type(2){
    padding-right:10px
  }
  .ais-view .ais_vessel table td:nth-of-type(3){
    padding-right:10px
  }
  .ais-view .ais_vessel table td:nth-of-type(3) div{
    width:30px;
    text-align: center;
  }

/*  	
.ais-view .mCSB_scrollTools .mCSB_draggerRail{
    width:6px;
}

.ais-view .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:6px;
}
*/

.ais-view .rotateimg15 {
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
.ais-view .rotateimg30 {
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}
.ais-view .rotateimg45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ais-view .rotateimg60 {
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  transform: rotate(60deg);
}
.ais-view .rotateimg75 {
  -webkit-transform: rotate(75deg);
  -moz-transform: rotate(75deg);
  -ms-transform: rotate(75deg);
  -o-transform: rotate(75deg);
  transform: rotate(75deg2);
}
.ais-view .rotateimg90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ais-view .rotateimg105 {
  -webkit-transform: rotate(105deg);
  -moz-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  -o-transform: rotate(105deg);
  transform: rotate(105deg);
}
.ais-view .rotateimg120 {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}
.ais-view .rotateimg135 {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.ais-view .rotateimg150 {
  -webkit-transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  -o-transform: rotate(150deg);
  transform: rotate(150deg);
}
.ais-view .rotateimg165 {
  -webkit-transform: rotate(165deg);
  -moz-transform: rotate(165deg);
  -ms-transform: rotate(165deg);
  -o-transform: rotate(165deg);
  transform: rotate(165deg);
}
.ais-view .rotateimg180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ais-view .rotateimg195 {
  -webkit-transform: rotate(195deg);
  -moz-transform: rotate(195deg);
  -ms-transform: rotate(195deg);
  -o-transform: rotate(195deg);
  transform: rotate(195deg);
}
.ais-view .rotateimg210 {
  -webkit-transform: rotate(210deg);
  -moz-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  -o-transform: rotate(210deg);
  transform: rotate(210deg);
}
.ais-view .rotateimg225 {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
.ais-view .rotateimg240 {
  -webkit-transform: rotate(240deg);
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
}
.ais-view .rotateimg255 {
  -webkit-transform: rotate(255deg);
  -moz-transform: rotate(255deg);
  -ms-transform: rotate(255deg);
  -o-transform: rotate(255deg);
  transform: rotate(255deg);
}
.ais-view .rotateimg270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.ais-view .rotateimg285 {
  -webkit-transform: rotate(285deg);
  -moz-transform: rotate(285deg);
  -ms-transform: rotate(285deg);
  -o-transform: rotate(285deg);
  transform: rotate(285deg);
}
.ais-view .rotateimg300 {
  -webkit-transform: rotate(300deg);
  -moz-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  -o-transform: rotate(300deg);
  transform: rotate(300deg);
}
.ais-view .rotateimg315 {
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}
.ais-view .rotateimg330 {
  -webkit-transform: rotate(330deg);
  -moz-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  -o-transform: rotate(330deg);
  transform: rotate(330deg);
}
.ais-view .rotateimg345 {
  -webkit-transform: rotate(345deg);
  -moz-transform: rotate(345deg);
  -ms-transform: rotate(345deg);
  -o-transform: rotate(345deg);
  transform: rotate(345deg);
}

.ais-view input:checked + .switch-slider {
  background-color: #488BF0;
}
.ais-view.myfleet_view .ais_vessel table td:first-of-type{
  width:8%;
}
.ais-view.myfleet_view table.results td:nth-of-type(1){
  width:1%;
}
.ais-view.myfleet_view table.results td:nth-of-type(2){
  width:90%;
}
.ais-view.myfleet_view .ais_vessel .course{
  display:block;
}
.ais-view.myfleet_view .ais_vessel .date{
  display:block;
}
.ais-view.myfleet_view .ais_vessel:hover .course{
  display:none;
}
.ais-view.myfleet_view .ais_vessel:hover .date{
  display:none;
}
.ais-view.myfleet_view .ais_vessel .info{
  display:none;
}
.ais-view.myfleet_view .ais_vessel:hover .info{
  display:block;
}
.ais-view.myfleet_view .ais_vessel .exclude{
  display:none;
  margin-right: 5px;
}
.ais-view.myfleet_view .ais_vessel:hover .exclude{
  display:block;
}

.ais-view.myfleet_view .ais_vessel:hover .exclude:hover{
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='12' y2='12' style='stroke:%23ff0000;stroke-width:2px'/%3E%3Cline x1='0' y1='12' x2='12' y2='0' style='stroke:%23ff0000;stroke-width:2px'/%3E%3C/svg%3E") no-repeat;
}
.ais-view.myfleet_view .ais_vessel .position{
  width: 190px;
  overflow-x: hidden;
  white-space: nowrap;
}
.ais-view.myfleet_view .ais_vessel table td:nth-of-type(2){
  padding-right: 0;
}
.ais-view.myfleet_view .ais_vessel table td:nth-of-type(3){
  padding-right: 20px;
}
.ais-view.myfleet_view .ais_vessel table td:nth-of-type(4){
  padding-right: 10px;
}

/*----------------------*/
.ais-view .upout svg{
  width: 8px;
  height: 8px;
  margin: 5px;
  }
  .ais-view .upout.icon-right-open svg:first-of-type{
      display: block;
  }
  .ais-view .upout.icon-right-open svg:last-of-type{
      display: none;
  }
  .ais-view .upout.icon-down-open svg:first-of-type{
      display: none;
  }
  .ais-view .upout.icon-down-open svg:last-of-type{
      display: block;
  }
/*----------------------*/

.ais-view.screensearch_view .filter{
  padding: 12px 0;
}.ais-vessel-card{
  background: #FCFCFE;
  border: 2px solid #E3E8F1 !important;
  border-radius: 5px;
}
.ais-vessel-card .ui-dialog-titlebar{
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
.ais-vessel-card.ui-dialog{
  overflow: hidden;
}

.ais_myfleet_dialog *{
  font-family: 'Roboto', sans-serif;  
  font-weight: 400;
}
.ais_info_dialog_titlebar *{
  font-family: 'Roboto', sans-serif;  
  font-weight: 500;
}

.ais_myfleet_dialog .vessel_prop {
  margin-bottom: 5px;
  line-height: 18px;
  font-size: 13px;
  width:140px;
}
.ais_myfleet_dialog .vessel_prop.value {
  margin-left:0;
  font-weight:bold;
  width:100%;
}
.ais_myfleet_dialog .vessel_prop.vname{
  margin-bottom: 0;
  width:100%;
  white-space: nowrap;
}
.ais_myfleet_dialog .vessel_prop.vname div{
  float: left;
  line-height: 20px;
  font-weight: 500;
  overflow: hidden;
  max-width: 80%;
}
.ais_myfleet_dialog .vessel_prop.vname img{
  float: left;
  margin-left: 10px;
  width: 24px
}
.ais_myfleet_dialog .vessel_prop.vname svg{
  float: left;
  margin-left: 10px;
  margin-top: 2px;
}
.ais_myfleet_dialog .vessel_prop.altvname{
  width:100%;
  font-weight: 500;
  overflow: hidden;
}
.ais_myfleet_dialog .vessel_prop .small{
  font-size: 11px;
  line-height: normal;
}
.ais_myfleet_dialog .vessel_prop.coordinates{
	width:160px
}
.ais_myfleet_dialog .content div.summary {
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 15px;
  font-weight: bold;
}
.ais_myfleet_dialog .menubuttons {
  text-align: center;
  position: relative;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ais_myfleet_dialog .menubuttons::after {
    content: "";
    clear: both;
    display: table;
}
.ais_myfleet_dialog .buttons div.button {
  width:30px;
  height:30px;
  background-position: center;
  background-repeat: no-repeat;   
  cursor:pointer;
  margin-top: 12px;
  margin-left: 8px;
  border-radius: 3px;
}
.ais_myfleet_dialog .buttons div.ais.button.active{
  color: #488BF0; 
  background-color: #f5f8fa; 
  background-position: center;
  background-repeat: no-repeat;
  padding:0;
}
.ais_myfleet_dialog .buttons div.button.disabled{
  color: #ced9e0; 
  background-position: center;
  background-repeat: no-repeat;
  cursor: default;
}
.ais_myfleet_dialog .buttons div.button.disabled:hover{
  color: #ced9e0; 
  background-position: center;
  background-repeat: no-repeat;
  cursor: default;
}
.ais_myfleet_dialog .buttons div.button:hover {
  color: #488BF0; 
  background-position: center;
  background-repeat: no-repeat;
}
.ais_myfleet_dialog .buttons .progress{
  padding-top:6px;
}

.ais_myfleet_dialog .addremove.disabled i{
  color: #000;
}
.ais_myfleet_dialog .photo{
  height:150px;
}
.ais_myfleet_dialog .photo div{
  width:178px;
  height:110px;
  background: url(//maps.kosmosnimki.ru/api/plugins/AIS/AISSearch/svg/no-image.svg) no-repeat center center;
  background-color: #ced9e0;
  background-size: 48px 48px;
}
.ais_myfleet_dialog .photo img{
  width:178px;
}
.ais_myfleet_dialog .column1 {
    float: left;
    padding-top: 12px;
    padding-left: 20px;
    padding-right: 15px;
    width: 185px;
}
.ais_myfleet_dialog .column2 {
    float: left;
    padding-top: 12px;
    width: 340px;
}
.ais_myfleet_dialog .column3 {
    float: left;
    width: 45px;
	border-left: solid 1px #d8e2e4;
  height: 170px;
  margin-top: 12px;
}
.ais_myfleet_dialog::after {
    content: "";
    clear: both;
    display: table;
}

.ais_info_dialog_titlebar{
	width:100%;
}
.ais_info_dialog_titlebar td{
	border-bottom:solid 1px #d8e2e4;
}
.ais_info_dialog_titlebar td div.date{
	padding:0 20px 0 20px;	
	width: 180px;	
	font-size:12px;
	font-weight:normal;
}
.ais_info_dialog_titlebar td div.date span{
	font-size:12px;
	font-weight:normal;
	cursor: text;
}
.ais_info_dialog_titlebar td div.date span.utc{
	font-weight:bold;
	font-size:12px;
}

.ais_info_dialog_titlebar td div.date span.local{
	font-size:10px;
}

.ais_info_dialog_titlebar td div.choose{
  width: auto;
  white-space: nowrap;
  padding: 10px 1rem;

	/* padding-top:15px;
	padding-bottom:11px;
	width:170px; */
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin:0;
  cursor: pointer;
}

.ais_info_dialog_titlebar td span.chooser{
  cursor:pointer;
  font-size:14px;
  font-weight:bold;	
}

/*.ais_info_dialog_titlebar td div.choose:hover,*/
.ais_info_dialog_titlebar td div.choose.done{
	color: #488BF0;
}
.ais_info_dialog_titlebar .chooser-highlight{
  border-top: solid 4px transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ais_info_dialog_titlebar div.choose.done~.chooser-highlight{
  border-color:#488BF0;
}

.chooser{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ais_info_dialog_titlebar td:nth-of-type(4){
	border-right:none;
	width: 150px;
	text-align: center;
	cursor: default
}
.ais_info_dialog_titlebar #closebut{
  cursor: pointer;
}
.ais_info_dialog_close-button{
            display: inline-block;
            width:12px;
            height:12px;            
            cursor: pointer;
            background-position: 0px 0px;
            z-index: 1000;
			margin-top: 1px;
        } 

.ais_refresh{
	cursor:pointer;
	color: #384b50;
	padding-right:5px;
}
.ais_refresh:hover{
	color: #488BF0;
}

.ui-dialog .ui-dialog-content{
  padding: 0
}
.ui-widget-header{
  border: none
}
.ui-dialog{
  padding: 0
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0;
}
.float_view .special {
    /*width: 500px;
    height: 280px;    
    width: 300px;
    height: 170px;*/
    width: 400px;
    height: 225px;
    cursor: move;
    border: none;
    opacity: 0.7;
    background: url(//maps.kosmosnimki.ru/api/plugins/AIS/AISSearch/svg/no-image.svg) no-repeat center center #555;
}

.float_view .logos{
    position:absolute; 
    left:0; 
    top:0;
    background-color: white;
}

.float_view .logos td{
    text-align: center;
    padding: 2px;
}

.float_view .logos img{
    height:30px;
}

.float_view .logos.zoomed_in img{
    height:40px;
    cursor: zoom-out;
}

.float_view .zoomed_in {
    cursor: zoom-out;
}

.float_view img {
    position:absolute;
    cursor: move;
}


.vessel-info-page *{
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
}
.vessel-info-page .column2 .ais td.link {
    text-decoration: underline;
    cursor: pointer;
}

        .vessel-info-page.overlay{
            position: absolute;
            left:0;
            top:0;
            width:100%;
            height:100%;
            background-color: rgba(20,20,20,0.9);
            z-index:11000;
        }
        .vessel-info-page.overlay td{
            border:none;
            padding:0;
        } 

        .vessel-info-page.container{
            margin: auto;
      
            font-family: 'Open Sans', sans-serif;     
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
            width:70%;
            border: none 1px white;
            display: none;
            
        }   
 
        .vessel-info-page .column1{
            width:1%;
            color: #f5f8fa;
        }      
        .vessel-info-page.container .column1 table{
            width:275px;
            background-color: #394b59;
            height:100%;
        }
        .vessel-info-page .column1 td{
            border:none;
            vertical-align: top;
        } 
        .vessel-info-page .column1 td.frame{
            vertical-align: bottom
        } 
        .vessel-info-page .column1 .cell{
            width:240px;
            padding: 16px 16px;
            border-left:solid 5px #394b59;
            color: #f5f8fa;
        }
        .vessel-info-page .column1 .cell .icon{
            float:left;
            margin-right:10px
        } 
        .vessel-info-page .column1 .title{
            height:64px;
            border-bottom: solid 1px #5c7080;
            font-weight:bold;
        }
        .vessel-info-page .column1 .title .cell{
            font-size:14px;
        }  
        .vessel-info-page .column1 .title .timestamp{
            font-size: 10px;
            font-weight:normal;
        }
        .vessel-info-page .column1 .title .timestamp .small{
            font-size: 10px;
            font-weight:normal;
        }
        .vessel-info-page .column1 .title .timestamp br{
            display:none;
        }	
        .vessel-info-page .column1 .menu-item{
            line-height:14px;
            cursor: pointer;
            font-size:14px;
            color:#b7c4cf
        } 
        .vessel-info-page .column1 .menu-item img{
            visibility: visible
        }
        .vessel-info-page .column1 .menu-item.active{
            border-left:solid 5px #3ca1d0;
            background-color: #30404d;
            color:#f5f8fa
        }
        .vessel-info-page .column1 .menu-item svg path{
            fill: #b7c4cf;
        }
        .vessel-info-page .column1 .menu-item svg circle{
            fill: #b7c4cf;
        }
        .vessel-info-page .column1 .menu-item svg rect{
            fill: #b7c4cf;
        }
        .vessel-info-page .column1 .menu-item svg polygon{
            fill: #b7c4cf;
        }
        .vessel-info-page .column1 .menu-item.active svg path{
            fill: #f5f8fa;
        }
        .vessel-info-page .column1 .menu-item.active svg circle{
            fill: #f5f8fa;
        }
        .vessel-info-page .column1 .menu-item.active svg rect{
            fill: #f5f8fa;
        }
        .vessel-info-page .column1 .menu-item.active svg polygon{
            fill: #f5f8fa;
        }

        .vessel-info-page .column1 .menu-item:hover{
            border-left:solid 5px #3ca1d0;
            background-color: #30404d;
        }
        .vessel-info-page .column1 .menu-item .counter{
           display:none;
           font-size: 10px;
           border-radius: 4px;
           padding:2px 7px 2px 7px;
           background-color: #3ca1d0;
           border:none;
           color: white;
           margin-left:10px;
        }
        .vessel-info-page .column1 .photo{
            width:275px;
            height: 190px;
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            background-color: #30404d;
        }  
        .vessel-info-page .column1 .photo img{
            max-height: 140px;
        }

        .vessel-info-page.container .column2{
            vertical-align: top;
            min-width: 670px;
        }

        .vessel-info-page .column2 .galery{
            background-color: white;
            display: none;
            padding-left:80px;
        }
        .vessel-info-page .column2 .galery::after{
            content: "";
            clear:both;
        }
        .vessel-info-page .column2 .galery .photo{
            float:left;
            width: 180px;
            height:180px;
            border: solid 1px #738694;
            border-radius: 10px;
            margin:40px 40px 20px 0;
            background-size: 300px;
            background-repeat: no-repeat;
            background-position: center;
            vertical-align: middle;
            text-align: center;
            display: table-cell;
            cursor:pointer;
        }  

        .vessel-info-page .column2 .register{
            background-color: white;
            display: none;
        }
        .vessel-info-page .column2 .register .caption{
            height:64px;
            border-bottom:solid 1px #e1e8ed;
        }
        .vessel-info-page .column2 .register .caption table{
			width:100%;
			height:100%;
		}
        .vessel-info-page .column2 .register .caption td{	
			padding-left:40px
		}		
        .vessel-info-page .column2 .register .menu{
            height:0;
            margin-right:10px;
        }
        .vessel-info-page .column2 .register .menu div{
            position:relative;
            top:0px;
            z-index: 1000;
            border:none 1px blue;
            background-color: #f5f8fa;
        }
        .vessel-info-page .column2 .register .menu table{
            margin:0 20px 0 5px;
            border: none 1px black;
        }
        .vessel-info-page .column2 .register .menu table td {
            white-space:nowrap;
            font-weight:bold;
        }
        .vessel-info-page .column2 .register .menu table td div {
            padding: 10px 0 10px 0;
            margin: 0 5px 0 30px;
            border-top: solid 3px #f5f8fa;
            cursor:pointer;
            font-size:14px;
            color:#738694;
            font-size:12px;
        }
        .vessel-info-page .column2 .register .menu table td div.active {
            border-top: solid 3px #3ca1d0;
            color:#3ca1d0;
        }
        .vessel-info-page .column2 .register .menu table td div:hover {
            border-top: solid 3px #3ca1d0;
        }
        .vessel-info-page .column2 .register .content{
            padding-left: 80px;
            height:360px;
            overflow:hidden;
            background-color: #f5f8fa;
            color:#5c7080;
        }
        .vessel-info-page .column2 .register .content  div.article{
            margin-top: 60px;
        }
        .vessel-info-page .column2 .register .content  div.group{
            margin-top: 20px;
            font-weight:bolder;
            font-size:14px;
        }
        .vessel-info-page .column2 .register .content  table{
            margin: 0 20px 0 0
        }
        .vessel-info-page .column2 .register .content  table td{
            border: none 1px #3ca1d0;
            vertical-align: top;
            padding-top:15px;
            font-size:12px;
        }
        .vessel-info-page .column2 .register .content  table td .description{
            font-size: 11px;
        }
        .vessel-info-page .column2 .register .content  table td{
            border: none 1px #3ca1d0;
            vertical-align: top;
            padding-top:15px;
            font-size:12px;
        }
        .vessel-info-page .column2 .register .content  table td:nth-of-type(1){
            width:300px
        }

        .vessel-info-page .column2 .ais{
            height:420px;
            overflow:hidden;
            padding-left: 80px;
            color:#5c7080;
            background-color: #f5f8fa;
        }  
        .vessel-info-page .column2 .ais .caption:nth-of-type(1){
            padding-top: 56px;
            background-position: 0 64px;
        }
        .vessel-info-page .column2 .ais .caption{
            width: 10%;
            display:table-cell;
            vertical-align: middle;
            background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='1250' y2='0' style='stroke:rgb(225,232,237);stroke-width:1px'/%3E%3C/svg%3E") no-repeat;
            background-position: 0 24px;
            background-size: 90% 1px;
            border: none 1px black;
            padding-top:15px;
            color: #3ca1d0;
            font-size:14px;
            font-weight:bolder;
        }
        .vessel-info-page .column2 .ais .caption div{
            padding-right:10px;
            background-color: #f5f8fa;
            display:table-cell
        }
        .vessel-info-page .column2 .ais table{
            margin-top:15px;
            margin-bottom:15px;
            border: none 1px black
        }
        .vessel-info-page .column2 .ais td{
            padding-top:15px;
            width:300px
        }

        .vessel-info-page .close-button-holder{
            border:none 1px red;
            width:100%;
            height:0;
            color:white;
            text-align: right;
        }
        .vessel-info-page .close-button{
            border:none 1px red;
            display: inline-block;
            position:relative;
            top: 22px;
            left:-20px;
            width:16px;
            height:16px;            
            cursor: pointer;
            background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='16' y2='16' style='stroke:rgb(89,75,57);stroke-width:2px'/%3E%3Cline x1='0' y1='16' x2='16' y2='0' style='stroke:rgb(89,75,57);stroke-width:2px'/%3E%3C/svg%3E") no-repeat;
            background-position: 0px 0px;
            z-index: 1000;
        } 
        .vessel-info-page .picture{
            z-index: 1000;
            cursor:pointer;
        }
  
        .vessel-info-page .mCustomScrollBox div{
            border: none
        }
        .mCS-vessel-info-theme.mCSB_scrollTools .mCSB_draggerContainer{
            left:-4px
        }
        .mCS-vessel-info-theme.mCSB_scrollTools .mCSB_dragger_bar{
            width:10px;
            background-color: #394b59
        }
        .mCS-vessel-info-theme.mCSB_scrollTools .mCSB_draggerRail{
            width:10px;
        }
.vessel-info-page .register-title .switch{
        font-weight: 700;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        border-radius: 10px;
        color: #5c7080;
        cursor: pointer;
        background-color: inherit;
        width:auto;
        height:auto;
        margin-left:0;
}
.vessel-info-page .register-title .switch.active{
    background-color: #3ca1d0;    
    color: white;
    cursor: default;
}
.vessel-info-page .register-title .update{
    font-size: 12px;
    color: #5c7080;
}

.screensearch_view div.filter{
width: 280px;
margin-right: 0;
}

.screensearch_view .instruments td.count{
    padding-top: 4px;
    padding-right: 20px;
    color: #40434A;
    text-align: right;
}
.screensearch_view td.info{
    padding-left: 0;
    padding-top: 20px;
    cursor: pointer;
}
.screensearch_view td.info svg:first-of-type{
    display: block;
}
.screensearch_view td.info svg:last-of-type{
    display: none;
}
.screensearch_view td.info.marked svg:first-of-type{
    display: none;
}
.screensearch_view td.info.marked svg:last-of-type{
    display: block;
}
.screensearch_view td.info:hover,
.screensearch_view td.info.active{
    color: #488BF0;
}
.screensearch_view .calendar.integrated {
    padding-right:0 !important
}
.screensearch_view .calendar.integrated input {
    padding-right:0;
    border: none
}
.screensearch_view .calendar.integrated .input-frame {
    border: 1px solid #E3E8F1;
    border-radius: 10px;
    padding-right: 12px;
}
  
.types-manager .results{
    width:100%;
    /*background-color: #f5f8fa;
    border-bottom: solid 1px #e1e8ed;*/
    color:#182026;
    font-weight: 500;
    opacity:0.8;
}
.types-manager .results td{
    padding:6px;
}
.types-manager .results td.count{
padding: 10px 0 !important;
}
.types-manager .results td:nth-of-type(1){
    padding-left:10px;
    width:98%;
}
.types-manager .results .refresh{
    margin-bottom:0;
}

.types-manager .results .groups table{
  margin-bottom: 10px;
  width: 10%;
}
.types-manager .results .groups td{
  padding:2px;
}
.types-manager .results .groups td:nth-of-type(1){
  padding-left:0px;
  padding-right:10px;
  width: 1%;
}
.types-manager .results .groups .group_name{
  width:140px;
}
.types-manager .upout svg{
    width: 8px;
    height: 8px;
    margin: 5px;
    }
    .types-manager .upout.icon-right-open svg:first-of-type{
        display: block;
    }
    .types-manager .upout.icon-right-open svg:last-of-type{
        display: none;
    }
    .types-manager .upout.icon-down-open svg:first-of-type{
        display: none;
    }
    .types-manager .upout.icon-down-open svg:last-of-type{
        display: block;
    }

.screensearch_view .ais_vessel div.info{
    visibility: hidden;
    position: relative;
    top: -10px;
    left: 10px;
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1) 70%);
    width: 71px;
}
.screensearch_view .ais_vessel:hover div.info{
    visibility: visible;
}
.screensearch_view .ais_vessel div.info svg{
    margin-left: 48px;
    color: #40434A;
}
.screensearch_view .ais_vessel div.info svg:hover{
    color: #488BF0;
}
.screensearch_view .ais_vessel .date{
    position: relative;
    top: 7px;
    padding-left: 10px;
}

.screensearch_view .instruments td:first-of-type{
    padding-right: 0
}
.screensearch_view .instruments td:last-of-type{
    padding-left: 0;
    padding-right: 20px
}
.screensearch_view .instruments .parameters,
.screensearch_view .instruments .parameters-buttons,
.screensearch_view .instruments .progress-bar{
    display: none;
}
.screensearch_view .msg{
    text-align: center;
    font-weight: 600;
}

.options-picker .filter-type .svg-checkbox svg {
	pointer-events: none;
}

.options-picker .groups .bold {
	font-weight: bolder;
}

.myfleet-view .eye input ~ div:first-of-type{
  color:#6B707B;
}
.myfleet-view .eye input ~ div:nth-of-type(2){
  color:#FF4F42;
}

.myfleet-view .instruments .sliders{
  height:52px;
  padding-top: 10px;
}
.myfleet-view .instruments .sliders>div{
  margin:15px;
  height:20px;
}
.myfleet-view .instruments.active .ais-preferences,
.myfleet-view .instruments .ais-preferences:hover{
  color:#488BF0;
}
.myfleet-view .instruments .divider{
width: 330px;
margin: 0 15px;
border-bottom: solid 1px #E3E8F1;
display:none;
}
.myfleet-view .instruments .buttons{
  height: 46px;
  display: none;
}
.myfleet-view .instruments>table{
  display: none;
}
.myfleet-view .instruments.active>table,
.myfleet-view .instruments.active .divider,
.myfleet-view .instruments.active .buttons{
  display: block;
}
.myfleet-view .instruments .buttons span{
margin-left: 5px;
}
.myfleet-view .instruments .buttons>div:hover,
.myfleet-view .instruments .buttons>div.active{
  color:#488BF0;
}
.myfleet-view .instruments .buttons>div{
  margin: 10px 0 10px 15px;
  float: left;
  cursor: pointer;
  line-height: 26px;
  height: 26px;
}
.myfleet-view .instruments{
  border-bottom: 4px solid #E3E8F1;
  border-radius: 0 0 4px 4px; 
}
.myfleet-view .instruments td table.newgroup{
    width:100%;
}
.myfleet-view .instruments td table td{
    padding: 0;
}
.myfleet-view .instruments .newgroupname{
    background-color: #fff;
    padding-top: 12px;
    padding-bottom: 12px;
    width:92%;
    border: 1px solid #E3E8F1;
    margin-top:0;
    border-radius: 10px;
  }
.myfleet-view .instruments .newgroupname div{
    float:right;
    margin-right:10px;
  }
.myfleet-view .instruments .newgroupname input{
    width: 80%;
    padding-left: 10px;
    border: none;  
    background: transparent;
    font-weight:700;
  }
  .myfleet-view .instruments .setting{
  padding: 0 5px 5px 0;
  }
  .myfleet-view .instruments .setting input[type=checkbox]{
      position: relative;
      top:3px;
      margin-right: 4px;
  }
  .myfleet-view .instruments .setting label{
      cursor: pointer;
  }
  

.ais-view.myfleet-view table.results td:nth-of-type(1){
    width:18%
  }
.ais-view.myfleet-view table.results td:nth-of-type(1) input{
    margin-top:3px
  }
 /* .ais-view.myfleet-view table.results td:nth-of-type(1) div{
    margin-top:2px
}*/
.ais-view.myfleet-view table.results td:nth-of-type(2){
    width:60%
}
.ais-view.myfleet-view table.results td:nth-of-type(3) img{
    margin-top:3px
  }
  .ais-view.myfleet-view table.results .count .title{
      margin-right:15px
    }

.mf_group_menu{
display: none;
position:absolute;
background-color: #fff;
border: solid 1px #bbb;
cursor: pointer;
width: 165px;
z-index:1000;
}
.mf_group_menu div{
    padding: 5px;
    overflow:hidden;
}
.mf_group_menu div span{
    margin-left: 5px;
}

.mf_group_menu div.command.remove{
    border-top:solid 1px #bbb;
}
.mf_group_menu div.command.remove.lonely{
    border:none;
}
.mf_group_menu div.command.remove.lonely:hover{
    background-color:#fff;
}

.mf_group_menu div.command:hover{
    background-color: #bbb;
}
.mf_group_menu .colorSelector{
    float:left;
    height:0;
    width:5px;
    border: solid 1px black;
}

.mf_group .delete {
    width:14px;
    height:14px;
    margin-right:10px;
}

.leaflet-marker-icon.leaflet-interactive.mf_label{
    padding-left: 0;
    white-space: nowrap;
    line-height: 12px;
}
.leaflet-marker-icon.leaflet-interactive.mf_label.nopointer{
    pointer-events: none;
}
.mf_label svg{
margin-right: 0px;
}
.mf_label table{
position:relative;
top:-4px;
left:-4px;
}
.myfleet-view .instruments .switch{
    margin-left:0;
}

.ais-view.myfleet-view .ais_vessel table td:first-of-type{
  width:8%;
}
.ais-view.myfleet-view table.results td:nth-of-type(1){
  width:18%;
}
.ais-view.myfleet-view table.results td:nth-of-type(2){
  width:90%;
}
.ais-view.myfleet-view .ais_vessel .course{
  display:block;
}
.ais-view.myfleet-view .ais_vessel .date{
  position: relative;
  top: 7px;
}
.ais-view.myfleet-view .ais_vessel .info-exclude{
  visibility: hidden;
  position: relative;
  top:-8px;
  left: 10px;
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1) 40%);
}
.ais-view.myfleet-view .ais_vessel:hover .info-exclude{
  visibility: visible;
}
.ais-view.myfleet-view .ais_vessel .info{
  margin-right: 10px;
  margin-left: 20px;
}
.ais-view.myfleet-view .ais_vessel .info:hover{
  color:#488BF0;
}
.ais-view.myfleet-view .ais_vessel .info svg{
  width: 14px;
  height: 14px;
}
.ais-view.myfleet-view .ais_vessel .position{
  width: 190px;
  overflow-x: hidden;
  white-space: nowrap;
}
.ais-view.myfleet-view .ais_vessel table td:nth-of-type(2){
  padding-right: 0;
}
.ais-view.myfleet-view .ais_vessel table td:nth-of-type(3){
  padding-right: 20px;
}
.ais-view.myfleet-view .ais_vessel table td:nth-of-type(4){
  padding-right: 10px;
}

.ais-view.myfleet-view .instruments .calendar input {
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #E3E8F1;
}

.nopointer.mf_label .label_shadow {
	white-space: nowrap;
    width: fit-content;
    padding: 4px;
    font-weight: bold;
	text-shadow: -1px -1px 0 #ffff00, 0px -1px 0 #ffff00, 1px -1px 0 #ffff00, -1px 0px 0 #ffff00, 1px 0px 0 #ffff00, -1px 1px 0 #ffff00, 0px 1px 0 #ffff00, 1px 1px 0 #ffff00;
/* 
	color: black;
	color: white;
	border: 1px solid black;
	background-color: blue;

    color: red;
    background-color: yellow;
    border: 1px solid;
    border-radius: 12px;
*/
}

.vessel_popup .name {
	font-weight: bold;
}

.vessel_popup .date {
	color: red;
    font-weight: bold;
}
.vessel_popup .otchetLine .otchet {
	margin-right: 10px;
}
.vessel_popup .portLine {
	color: red;
	font-weight: bold;
}
.leaflet-marker-icon.vesselsCluster  {
    background-color: lightgray;
    color: black;
    min-width: 120px;
    border: none;
    padding: 6px;
    font-weight: bold;
    opacity: 0.8;
}

.leaflet-marker-pane .leaflet-marker-icon .label_shadow.notShow,
.leaflet-marker-pane .leaflet-marker-icon .label_shadow .notShow {
	display: none;
}
.leaflet-marker-pane.group_name .leaflet-marker-icon .label_shadow.notShow,
.leaflet-marker-pane.vessel_name .leaflet-marker-icon .label_shadow.notShow,
.leaflet-marker-pane.sog .leaflet-marker-icon .label_shadow.notShow,
.leaflet-marker-pane.cog .leaflet-marker-icon .label_shadow.notShow {
	display: block;
}
.leaflet-marker-pane.group_name .leaflet-marker-icon .label_shadow.notShow .group_name,
.leaflet-marker-pane.vessel_name .leaflet-marker-icon .label_shadow.notShow .vessel_name,
.leaflet-marker-pane.sog .leaflet-marker-icon .label_shadow.notShow .sog,
.leaflet-marker-pane.cog .leaflet-marker-icon .label_shadow.notShow .cog {
	display: block;
}

.myfleet-view .instruments .sliders.has-columns {
    height: 76px;
}.ais-view.search_view .result-vessel{
    margin: 12px 0px;
    width: 275px;
}
.ais-view.search_view .result-vessel div{
    float:left;
    margin-right: 10px;
}
.ais-view.search_view .result-vessel div.name{
    font-weight: 500;
    font-size:14px;
    margin: 0 10px 0 0;   
    max-width: 178px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 24px;
}
.ais-view.search_view .result-vessel div.flag img{
    width:24px;
    /*transform: translateY(-3px);*/
}

.ais-view.search_view .suggestions{
    background-color: white;
    position:absolute;
    display:none;
    border-radius: 0 0 3px 3px;
    border: 1px solid #DDD;
    border-top:none;
}
.ais-view.search_view .suggestions .suggestion{
    padding: 5px;
    border-top: solid 1px #DDD;
    cursor: pointer;
}
.ais-view.search_view .suggestions .suggestion.selected{
    background-color: #fafafa;
}
.ais-view.search_view .suggestions .suggestion span{
    font-size: 10px;
    opacity: 0.6;
}

.ais-view.search_view .instruments .time .label{
padding-left: 0;
padding-right: 5px;
}
.ais-view.search_view .instruments .time span{
    padding: 5px 12px 5px 12px;
}

.ais-view.search_view .instruments .time .local,
.ais-view.search_view .instruments .time .utc{
    cursor: pointer;
    border: 1px solid #E3E8F1;
}
.ais-view.search_view .instruments .time .on{
    background-color:#488BF0;
    color :white;
    border: 1px solid #488BF0;
}
.ais-view.search_view .instruments .time .utc,
.ais-view.search_view .instruments .time .utc.on{
    border-radius: 8px 0px 0px 8px;
}
.ais-view.search_view .instruments .time .local,
.ais-view.search_view .instruments .time .local.on{
    border-radius: 0px 8px 8px 0px;
}


.ais-view.search_view .instruments .legend span{
    padding: 1px 15px 2px 15px;
}
.ais-view.search_view .instruments .legend .type,.speed{
    cursor: pointer;
}
.ais-view.search_view .instruments .legend .on{
    background-color:#488BF0;
    color :white;
    border-radius: 16px;
}

.ais-view.search_view .instruments .calendar input{
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #E3E8F1;
}
.ais-view.search_view .instruments .CalendarWidget-inputCell{
    border-radius: 3px;
}

.ais_history{
    color:#394b59;
    /*background-image: url(plugins/AIS/AISSearch/svg/steer-weel.svg);*/
}
.ais_history .message{
    text-align: center;
    font-weight: 700;
    margin-top: 15px;
}

.ais-view.search_view .ais_positions_date_bar{
    padding-top: 5px;
    border-top: solid 1px #e1e8ed;
}

.ais-view.search_view .ais_positions_date.header td:nth-of-type(3){
    width:0px !important;
}
.ais-view.search_view .ais_positions_date,
.ais_history .ais_positions_date{
    color:#182026;
    font-weight: 700;
    height:31px;
}
.ais-view.search_view .ais_positions_date{
    background: none;
}
.ais-view.search_view .ais_positions_date td{
    padding:6px;
}
.ais-view.search_view .ais_positions_date td .date{
    font-weight:500;
    width: 60px;
}
.ais-view.search_view .ais_positions_date td div.track{
    vertical-align: middle;
}
.ais-view.search_view .ais_positions_date td div.track input[type="checkbox"]{
    margin-top:-4px;
    vertical-align: middle;
}  
.ais-view.search_view .ais_positions_date td .count{
    font-weight: 700;
    text-align: center;
    color: #6B707B;
    background: #E3E8F1;
    border-radius: 8px;
    width: 40px;
    padding: 3px 0 3px 0;
}
.ais-view.search_view .ais_positions_date td:nth-of-type(1){
    width:3px;
    padding-right:0;
}
.ais-view.search_view .ais_positions_date td:nth-of-type(3){
    width:190px;
}
.ais-view.search_view .ais_positions_date td:nth-of-type(4){
    text-align: left;
    opacity: 0.8;
    padding-right:12px;
    color:#394b59;
}
.ais_history .open_positions{
    cursor: pointer;
    font-size:14px;
}

.ais_history .ais_positions{
    width:100%;
    border-collapse: initial;
    border-spacing: 0;
}
.ais_history .ais_positions tr td{
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
  }
.ais_history .ais_positions tr:hover td{
    border-top: solid 1px #488BF0;
    border-bottom: solid 1px #488BF0;
  }
  .ais_history .ais_positions tr:hover td.more.active{
      border-bottom: solid 1px #488BF0;
    }
  .ais_history .ais_positions tr:hover td.active{
      border-bottom: solid 1px transparent;
    }
.ais_history .ais_positions tr:hover td:first-of-type{
      border-left: solid 1px #488BF0;
}
.ais_history .ais_positions tr:hover td:last-of-type{
      border-right: solid 1px #488BF0;
}
.ais_history .ais_positions td{
    padding:10px 5px 10px 0px;
    cursor:pointer;
    border-top: solid 1px white;
}
.ais_history .ais_positions tr td:nth-of-type(1){
    border-left: solid 1px white;
    padding-left:8px;
    color:#182026;
    width:60px; 
}
.ais_history .ais_positions tr td:nth-of-type(2){
    width:60px; 
}
.ais_history .ais_positions tr td:nth-of-type(3){
    text-align: center; 
}
.ais_history .ais_positions tr td:nth-of-type(1) span{
    font-weight: 700;
}
.ais_history .ais_positions tr td:nth-of-type(2) span{
    opacity: 0.6;
}
.ais_history .ais_positions tr td:nth-of-type(5){
    border-right:solid 1px #fff;
    width: 100px;
    padding-right: 10px;
}

.ais_history .ais_positions td.more{
    border-bottom: solid 1px #e1e8ed;
    border-top: none;
    border-left: none;
    cursor:default;
    padding:0;
}
.ais_history .ais_positions td.more .vi_more{
    display:none;
}
.ais_history .ais_positions td.more hr{
    border-top: solid 1px #e1e8ed;
    border-bottom: none;
    margin: 0 28px 10px 0px;
    display:none;
}
.ais_history .ais_positions td.more .vi_more::after {
    content: "";
    clear: both;
    /*display: table;*/
}
.ais_history .ais_positions td.more .vi_more div {
    float:left;
}
.ais_history .ais_positions td.more .vi_more .c1 {
    width:100px;
    padding: 9px;
}
.ais_history .ais_positions td.more .vi_more .c2 {
    /*width:200px;*/
    width:165px;
    padding: 9px 0 9px 0;
}

.ais_history .ais_positions td.active{
    border-top:solid 1px #488BF0;
    background-color: #f5f8fa;
}
.ais_history .ais_positions td.more.active{
    border:solid 1px #488BF0;
    border-top:none;
    background-color: #f5f8fa;
    padding:0 0 10px 28px;
}
.ais_history .ais_positions td.more.active .vi_more, 
.ais_history .ais_positions td.more.active hr{
    display:block;
}
.ais_history .ais_positions tr td:nth-of-type(1).active{    
    border-left:solid 1px #488BF0;
}
.ais_history .ais_positions tr td:nth-of-type(5).active{    
    border-right:solid 1px #488BF0;
}
.ais_history .ais_positions .local_time{
    display:none;
}
.ais_history .ais_positions .local_date{
    display:none;
}
.ais_history .ais_positions .coords{
    position: relative;
    top:8px;
}
.ais_history .ais_positions .info-exclude{
    visibility: hidden;
    position: relative;
    /* top: -15px; */
    left: 15px;
    width: 90px;
    background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,255,255,1) 50%);
  }
  .ais_history .ais_positions td.active .info-exclude{
    background: linear-gradient(to right, rgba(255,0,0,0), #f5f8fa 50%);
  }
.ais_history .ais_positions tr:hover .info-exclude{
    visibility: visible;
  }
.ais_history .ais_positions .info-exclude .show_info{
    margin: 0 10px 0 40px;
}
.ais_history .ais_positions .info-exclude .show_info:hover,
.ais_history .ais_positions .info-exclude .show_pos:hover{
    color:#488BF0;
}
.ais-view.search_view .unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
 
    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
 }

 .ais-view.search_view .instruments .buttons>div{
    margin: 8px 0 8px 10px;
    float: left;
    cursor: pointer;
    line-height: 26px;
    height: 26px;
  }
  .ais-view.search_view .instruments .buttons span{
  margin-left: 5px;
  }

  .ais-view.search_view .instruments td {
    padding: 10px 5px 5px 15px !important;
}

.ais-view.search_view .instruments td.time {
    padding-top: 25px !important;
}

.ais-view.search_view .instruments td.time {
    padding-top: 25px !important;
}


.ais-view.search_view .instruments .buttons>div:hover,
.ais-view.search_view .instruments .buttons>div.active{
  color:#488BF0;
}.hardnav-view * {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.hardnav-view .unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
 
    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
}

.hardnav-view .calendar {
  padding-bottom: 20px;
  border-bottom: solid 4px #E3E8F1;
  border-radius: 4px;
  color: #40434A;
}
.hardnav-view .calendar table{  
  margin-left: 10px;
}
.hardnav-view .calendar input{  
padding: 12px;
border: 1px solid #E3E8F1;
border-radius: 10px;
width: 65px;
}

.hardnav-view .color-transparent{
  color: transparent;
}
.hardnav-view .color-blue{
  color:blue;
}
.hardnav-view .color-red{
  color:red;
}
.hardnav-view .color-green{
  color: green;
}
.hardnav-view .color-yellow{
  color: #e0d901;
}
.hardnav-view .header {
  padding-top: 0px; 
  background-color: #fff;
  color: #40434A;
}
 .hardnav-view .instruments {
   width: 100%;
   margin-bottom: 0px;
}
.hardnav-view .instruments td{
  padding: 20px;
  padding-top: 10px;
  width: 50%;
  text-align: center;
  font-weight: 700;
}
.hardnav-view .instruments td:hover{
  color: #488BF0;
}
.hardnav-view .instruments td.active{
  color:#f57c00;
}

.hardnav-view .hint{
  padding: 15px;
  padding-right: 10px;
} 
 .hardnav-view .refresh{
   width: 26px;
}

.hardnav-view .grid-header{
  width: 100%;
  margin-top: 0px;
  border-bottom: solid 1px #E3E8F1;
  color:#6B707B;
}
.hardnav-view .grid-header td{
  padding: 12px 5px;
  font-weight: 700;
}
.hardnav-view .grid-header td.visibility-all{
  cursor: pointer;
}
.hardnav-view .grid-header td svg{
  width:14px;
  height:14px;
}
.hardnav-view .grid-header td:nth-of-type(1){
  width: 1%;
}
.hardnav-view .grid-header td:nth-of-type(2),
.hardnav-view .grid-header td:nth-of-type(3),
.hardnav-view .grid-header td:nth-of-type(4){
  width: 80px;
}

.hardnav-view .grid{
  width: 100%;
  color: #394b59;
}
.hardnav-view .grid tr.nonactual{
  opacity: 0.7;
}
.hardnav-view .grid td{
  padding: 10px 5px;
  border-bottom: solid 1px #ddd;
  cursor: pointer;
}
.hardnav-view .grid td:nth-of-type(4){
  font-weight: 700;
}
.hardnav-view .grid td:nth-of-type(2),
.hardnav-view .grid td:nth-of-type(3),
.hardnav-view .grid td:nth-of-type(4)
{
  cursor: default;
}
.hardnav-view .grid td svg{
  width:14px;
  height:14px;
}
.hardnav-view .grid td:nth-of-type(1){
  width: 1%;
}
.hardnav-view .grid td:nth-of-type(2),
.hardnav-view .grid td:nth-of-type(3),
.hardnav-view .grid td:nth-of-type(4){
  width: 80px;
}

.hardnav-view .footer{
  padding-top: 10px;
  padding-bottom: 10px;
} 
.hardnav-view .footer .pager{
  width: 100%;
  visibility: hidden;
}
.hardnav-view .footer .pager td{
 text-align: center;
 padding: 5px 5px;
} 
.hardnav-view .footer .pager .arrow{
  width: 33%;
  color: #6B707B;
}
.hardnav-view .footer .pager .arrow svg{ 
  width: 16px;
  height: 16px;
}
.hardnav-view .footer .but-attributes{
    width: 70%;
    text-align: center;
    margin: 15px auto 0;
    line-height: 30px;
    background-color: #ddd;
}
.hardnav-view .but{
  cursor: pointer;
}
.hardnav-view .instruments .but svg{
  width: 20px;
  height: 20px;
  top: -4px;
  position: relative;
  vertical-align: middle;
}
.hardnav-view .instruments .but.choose svg{
  width: 14px;
  height: 18px;
  top: -2px;
  left: -6px;
}
.hardnav-view .msg{
  text-align: center;
  padding: 10px;
  font-weight: 700;
}


/* dialog*/

.ui-dialog {
  overflow: visible;
  padding: 0px;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 16px 0px 9px 24px;
}

.ui-resizable-n {
  height: 10px;
  top: -7px;
}

.ui-resizable-s {
  height: 10px;
  bottom: -7px;
}

.ui-resizable-e {
  width: 10px;
  right: -7px;
}

.ui-resizable-w {
  width: 10px;
  left: -7px;
}

.ui-dialog .ui-resizable-se {
  width: 10px;
  height: 10px;
  right: -7px;
  bottom: -7px;
}

.ui-resizable-sw {
  width: 10px;
  height: 10px;
  left: -7px;
  bottom: -7px;
}

.ui-resizable-nw {
  width: 10px;
  height: 10px;
  left: -7px;
  top: -7px;
}

.ui-resizable-ne {
  width: 10px;
  height: 10px;
  right: -7px;
  top: -7px;
}

.ui-dialog .ui-dialog-content {
  padding: 0px;
  margin: 0px 16px 8px 16px;
}

.ui-widget-header {
  border: 0px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  outline: none;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0 .2em;
  color: #000000;
  font-size: 12px;
}
.trackexport-view * {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.trackexport-view .calendar {
  padding-bottom: 20px;
  padding-top: 0px;
}
.trackexport-view .calendar table{  
  margin-left: 10px;
}
.trackexport-view .calendar .select {
  font-weight: 700;
  padding: 9px 2px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.trackexport-view .calendar .select select{
  width: 36px;
  border: none;
}

.trackexport-view .color-transparent{
  color: transparent;
}
.trackexport-view .color-blue{
  color:blue;
}
.trackexport-view .color-red{
  color:red;
}
.trackexport-view .color-green{
  color: green;
}
.trackexport-view .color-yellow{
  color: #e0d901;
}
.trackexport-view .header {
  padding-top: 10px; 
  /*background-color: #e1e8ed;*/
  color: #40434a;
    border-bottom: solid 4px #E3E8F1;
    border-radius: 4px;
}
 .trackexport-view .instruments {
   width: 100%;
   margin-bottom: 0px;
}
.trackexport-view .rc_select{
  border-radius: 10px;
}
.trackexport-view .rc_select,
.trackexport-view .filter{
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #E3E8F1;
}
.trackexport-view .trackExpCalendar input{
  width:65px;
  padding:12px;
  border: 1px solid #E3E8F1;
  border-radius: 10px;
}
.trackexport-view .instruments td{
  padding: 20px;
  padding-top: 0px;
  width: 50%;
  text-align: center;
  font-weight: 700;
}
/*.trackexport-view .instruments td:hover{
  color: #488BF0;
}*/
.trackexport-view .instruments td.active{
  color:#f57c00;
}

.trackexport-view .hint{
  padding: 15px;
  padding-right: 10px;
} 
 .trackexport-view .refresh{
   width: 30px;
}

.trackexport-view .footer{
  display: none;
  padding-bottom: 15px;
} 
.trackexport-view .footer .pager{
  width: 100%;
  visibility: hidden;
}
.trackexport-view .footer .pager td{
 text-align: center;
 padding: 5px 5px;
} 
.trackexport-view .footer .pager .arrow{
  width: 33%;
  color: #6B707B;
}
.trackexport-view .footer .pager .arrow svg{ 
  width: 16px;
  height: 16px;
}
.trackexport-view .footer .but-attributes{
    width: 70%;
    text-align: center;
    margin: 15px auto 0;
    line-height: 30px;
    background-color: #ddd;
}
.trackexport-view .but{
  cursor: pointer;
}
.trackexport-view .instruments .but svg{
  width: 20px;
  height: 20px;
  top: -4px;
  position: relative;
  vertical-align: middle;
}
.trackexport-view .instruments .but.choose svg{
  width: 14px;
  height: 18px;
  top: -2px;
  left: -6px;
}
.trackexport-view .msg{
  text-align: center;
  padding: 10px;
  font-weight: 700;
}

.trackexport-view .reload{
margin: 6px 0 0 10px; 
cursor: pointer;
}

.trackexport-view .reload:hover{
color: #488BF0; 
}

.trackexport-view .track-table{
  width:100%;
  /*background-color: #f5f8fa;*/
  border-bottom: solid 1px #e1e8ed;
  color:#182026;
  font-weight: 700;
  height:31px;
}
.trackexport-view .track-table td{
  padding:6px;
}
.trackexport-view .track-table td .date{
  font-weight:500;
}
.trackexport-view .track-table td div.track{
  vertical-align: middle;
}
.trackexport-view .track-table td div.track input[type="checkbox"]{
  margin-top:-4px;
  vertical-align: middle;
}  
.trackexport-view .track-table td .count{
  font-weight:700;
  width: 30px;
}
.trackexport-view .track-table td:nth-of-type(1){
  width:1%;
  padding-right:0;
}
.trackexport-view .track-table td:nth-of-type(3){
  width:1%;
}
.trackexport-view .track-table td:nth-of-type(4){
  text-align: right;
  opacity: 0.8;
  padding-right:12px;
  color:#394b59;
  width:1%;
}

/**/
.trackexport-view .open_positions{
  cursor: pointer;
  font-size:14px;
}

.trackexport-view .open_positions svg{
  width: 8px;
  height: 8px;
  margin: 5px;
  }
  .trackexport-view .open_positions.icon-right-open svg.first{
      display: block;
  }
  .trackexport-view .open_positions.icon-right-open svg.last{
      display: none;
  }
  .trackexport-view .open_positions.icon-down-open svg.first{
      display: none;
  }
  .trackexport-view .open_positions.icon-down-open svg.last{
      display: block;
  }



.trackexport-view .positions-table{
  width:100%;
  border-collapse: initial;
  border-spacing: 0;
}

.trackexport-view .positions-table td{
  padding:10px 5px 10px 0px;
  cursor:pointer;
  border-top: solid 1px white;
}
.trackexport-view .positions-table tr td:nth-of-type(1){
  border-left: solid 1px white;
  padding-left:8px;
  color:#182026;
  /*padding-left:28px;*/
  width:55px; 
  /*border-left: solid 1px white;*/
}
.trackexport-view .positions-table tr td:nth-of-type(6){
  border-right:solid 1px #fff;
}

.trackexport-view .positions-table td.more{
  border-bottom: solid 1px #e1e8ed;
  border-top: none;
  border-left: none;
  cursor:default;
  padding:0;
}
.trackexport-view .positions-table td.more .vi_more{
  display:none;
}
.trackexport-view .positions-table td.more hr{
  border-top: solid 1px #e1e8ed;
  border-bottom: none;
  margin: 0 28px 10px 0px;
  display:none;
}
.trackexport-view .positions-table td.more .vi_more::after {
  content: "";
  clear: both;
  /*display: table;*/
}
.trackexport-view .positions-table td.more .vi_more div {
  float:left;
}
.trackexport-view .positions-table td.more .vi_more .c1 {
  width:100px;
  padding: 9px;
}
.trackexport-view .positions-table td.more .vi_more .c2 {
  /*width:200px;*/
  width:165px;
  padding: 9px 0 9px 0;
}

.trackexport-view .positions-table td.active{
  border-top:solid 1px #488BF0;
  background-color: #f5f8fa;
}
.trackexport-view .positions-table td.more.active{
  border:solid 1px #488BF0;
  border-top:none;
  background-color: #f5f8fa;
  padding:0 0 10px 28px;
}
.trackexport-view .positions-table td.more.active .vi_more, 
.trackexport-view .positions-table td.more.active hr{
  display:block;
}
.trackexport-view .positions-table tr td:nth-of-type(1).active{    
  border-left:solid 1px #488BF0;
}
.trackexport-view .positions-table tr td:nth-of-type(6).active{    
  border-right:solid 1px #488BF0;
}


.trackexport-view .positions-table td:nth-of-type(2){
  width:70px;
}
.trackexport-view .positions-table td:nth-of-type(2) span{
  opacity: 0.6;
}
.trackexport-view .positions-table .local_time{
  display:none;
}
.trackexport-view .positions-table .local_date{
  display:none;
}
.trackexport-view .positions-table tr .show_pos{
  visibility: hidden;
}
.trackexport-view .positions-table tr:hover .show_pos{
  visibility: visible;
}
.trackexport-view .positions-table tr .show_info{
  visibility: hidden;
}
.trackexport-view .positions-table tr:hover .show_info{
  visibility: visible;
}

.trackexport-view .track-table .export:hover{
  background-color: #488BF0;
      color: white;
  }
.trackexport-view .track-table .export{
    border-radius: 16px;
    padding: 2px 5px 2px 5px;
    margin-right: 4px;
    cursor: pointer;
}
.prip_view{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#394b59;
    margin:0;
}

.prip_view div{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color:#394b59;
}

.prip_view .message{
    text-align: center;
    font-weight: 700;
    margin-top: 15px;
}

.prip_view .prips_year{
    width:100%;
    /*background-color: #f5f8fa;*/
    border-bottom: solid 1px #e1e8ed;
    color:#182026;
    font-weight: 700;
    height:31px;
    cursor: pointer;
}
.prip_view .prips_year td{
    padding:6px;
}
.prip_view .prips_year td .date{
    font-weight:700;
}
.prip_view .prips_year td div.track{
    vertical-align: middle;
}
.prip_view .prips_year td div.track input[type="checkbox"]{
    margin-top:-4px;
    vertical-align: middle;
}  
.prip_view .prips_year td .count{
    font-weight:700;
    width: 30px;
}
.prip_view .prips_year td:nth-of-type(1){
    width:1%;
    padding-right:0;
}

.prip_view .open_positions{
    cursor: pointer;
    font-size:14px;
    margin-right: 5px;
}

.prip_view .prip_content{
    width:100%;
    border-collapse: initial;
    border-spacing: 0;
}

.prip_view .prip_content .coordinate{
    color:#488BF0;;
    cursor: pointer;
}
.prip_view .prip_content .coordinate:hover{
    text-decoration: underline
}

.prip_view .prip_content td{
    padding:10px 5px 10px 0px;
    cursor:pointer;
    border-top: solid 1px white;
    font-weight:500;
}
.prip_view .prip_content tr td:nth-of-type(1){
    border-left: solid 1px white;
    width:1%;
    padding-left:28px;
    vertical-align: top;
}
.prip_view .prip_content tr td:nth-of-type(2){
    color:#182026;
    /*padding-left:28px;
    width:55px; */
    border-right:solid 1px #fff;
}

.prip_view .prip_content td.more{
    border-bottom: solid 1px #e1e8ed;
    border-top: none;
    border-left: none;
    cursor:default;
    padding:0;
}
.prip_view .prip_content td.more .vi_more{
    display:none;
}
.prip_view .prip_content td.more hr{
    border: solid 1px #e1e8ed;
    border-bottom: none;
    display: none;
    margin: 2px 22px 10px 25px;
}
.prip_view .prip_content td.more .vi_more::after {
    content: "";
    clear: both;
    /*display: table;*/
}
.prip_view .prip_content td.more .vi_more div {
    padding: 2px 10px 2px 46px;
}

.prip_view .prip_content td.active{
    border-top:solid 1px #488BF0;;
    /*background-color: #f5f8fa;*/
}
.prip_view .prip_content td.more.active{
    border:solid 1px #488BF0;;
    border-top:none;
    /*background-color: #f5f8fa;*/
    padding:0 0 10px 2px;
}
.prip_view .prip_content td.more.active .vi_more, 
.prip_view .prip_content td.more.active hr{
    display:block;
}
.prip_view .prip_content tr td:nth-of-type(1).active{    
    border-left:solid 1px #488BF0;;
}
.prip_view .prip_content tr td:nth-of-type(2).active{    
    border-right:solid 1px #488BF0;;
}
.prip_view .icon-right-open svg,
.prip_view .icon-down-open svg{
    width: 10px;
    height: 10px;
    margin:0
}
.prip_view .icon-right-open svg:first-of-type{
    display: block;
}
.prip_view .icon-right-open svg:last-of-type{
    display: none;
}
.prip_view .icon-down-open svg:first-of-type{
    display: none;
}
.prip_view .icon-down-open svg:last-of-type{
    display: block;
}

.prip_tabs *{
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
  }
  .prip_tabs{
    width: 100%;
  }
  .prip_tab{
    text-align: center;
    cursor: pointer;
    background-color: #E3E8F1;
    color: #40434A;
    line-height: 20px;
  }
  .prip_tab div{
    padding: 11px 9px 15px 9px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    border-top: solid #E3E8F1 4px;
    border-radius: 4px 4px 0 0;
    line-height: 21px;
  }
  
  .prip_tab.active div{
    border-top: solid #488BF0 4px;
    background-color: #fff;
  }.routevwr-view * {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.routevwr-view .unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
 
    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
}

.routevwr-view .calendar {
  padding-bottom: 20px;
}
.routevwr-view .calendar table{  
  margin-left: 10px;
}
.routevwr-view .calendar .select {
  font-family: roboto;
  font-weight: 700;
  padding: 9px 2px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.routevwr-view .calendar .select select{
  width: 36px;
  border: none;
}

.routevwr-view .calendar .gmx-input-text {
  font-family: roboto;
  font-weight: 700;
  padding: 12px 2px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.routevwr-view .calendar .CalendarWidget-inputCell{
  background-color: #e1e8ed;
}

.routevwr-view .color-transparent{
  color: transparent;
}
.routevwr-view .color-blue{
  color:blue;
}
.routevwr-view .color-red{
  color:red;
}
.routevwr-view .color-green{
  color: green;
}
.routevwr-view .color-yellow{
  color: #e0d901;
}
.routevwr-view .header {
  padding-top: 0px; 
  /*background-color: #e1e8ed;*/
}
.routevwr-view .header>div{
  border-bottom: 4px solid #E3E8F1;
  border-radius: 0 0 4px 4px;
}
 .routevwr-view .instruments {
   width: 100%;
   margin-bottom: 0px;
}
.routevwr-view .instruments td{
  padding: 20px;
  width: 50%;
  text-align: left;
  font-weight: 500;
}

.routevwr-view .instruments td.active{
  color:#f57c00;
}
.routevwr-view .rc_select {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid #E3E8F1;
  border-radius: 10px;
}

.routevwr-view .hint{
  padding: 15px;
  padding-right: 10px;
} 
 .routevwr-view .refresh{
   width: 30px;
}

.routevwr-view .footer{
  display: none;
  padding-bottom: 15px;
} 
.routevwr-view .footer .pager{
  width: 100%;
  visibility: hidden;
}
.routevwr-view .footer .pager td{
 text-align: center;
 padding: 5px 5px;
} 
.routevwr-view .footer .pager .arrow{
  width: 33%;
  color: #6B707B;
}
.routevwr-view .footer .pager .arrow svg{ 
  width: 16px;
  height: 16px;
}
.routevwr-view .footer .but-attributes{
    width: 70%;
    text-align: center;
    margin: 15px auto 0;
    line-height: 30px;
    background-color: #ddd;
}
.routevwr-view .but{
  cursor: pointer;
}
.routevwr-view .instruments .but svg{
  width: 20px;
  height: 20px;
  top: -4px;
  position: relative;
  vertical-align: middle;
}
.routevwr-view .instruments .but.choose svg{
  width: 14px;
  height: 18px;
  top: -2px;
  left: -6px;
}
.routevwr-view .msg{
  text-align: center;
  padding: 10px;
  font-weight: 700;
}

.routevwr-view .route-table,
.routevwr-view .route-table-header{
  width:100%;
  color:#40434A;
  font-weight: 700;
}
.routevwr-view  .route-table tr:hover{
color: #488BF0; 
}
.routevwr-view  .route-table tr:hover td:first-of-type{
color: #40434A; 
}

.routevwr-view .route-table-header th{
  padding: 10px 5px 10px 5px;
  /*background-color: #f5f8fa;*/
  border-bottom: solid 1px #e1e8ed;
}
.routevwr-view .route-table-header th:nth-of-type(1)
{
  width:20px
}
.routevwr-view .route-table-header th:nth-of-type(3),
.routevwr-view .route-table-header th:nth-of-type(4)
{
  width:74px
}
.routevwr-view .route-table td{
  padding: 10px 5px 10px 5px;
  cursor: pointer;
  border-bottom: solid 1px #e1e8ed;
  text-align: center;
}
.routevwr-view .route-table td:nth-of-type(1){
  width:20px
}
.routevwr-view .route-table td:nth-of-type(3),
.routevwr-view .route-table td:nth-of-type(4){
  width:70px
}
.routevwr-view  .route-table tr.active td{
  background-color: #eee
}
.routevwr-view .route-table .date{
  font-weight:500;
}

.routevwr-sqw-icon{
  width:9px; 
  height:9px; 
  border: solid 1px red;
}
@font-face {
  font-family: 'iconfont';
  src: url('/lib/windyapi_36.0.0/iconfont.eot');
  src: url('/lib/windyapi_36.0.0/iconfont.eot#iefix') format('embedded-opentype'),url('/lib/windyapi_36.0.0//iconfont.woff') format('woff'),url('/lib/windyapi_36.0.0/iconfont.woff2') format('woff2'),url('https://www.windy.com/v/36.0.0.lib.cc7c/iconfont.ttf') format('truetype'),url('/lib/windyapi_36.0.0/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal
}

#windyApiViewer .iconfont{font-family:iconfont;font-variant:normal;text-transform:none;line-height:1}

#windyApiViewer ul{
    font-size: 14px;
    padding: 15px;
} 
#windyApiViewer div.ul-border{
    border-bottom: solid 1px black;
} 
#windyApiViewer ul *{
    font-size: 14px; 
}  
            #windyApiViewer .progress-bar .progress-line{
                height:6px;
                cursor:pointer;
                position: absolute;
                border:10px solid transparent;
                background-clip:padding-box;
                border-right:none;
                border-left:none;
                top:auto;
                -webkit-transition:width ease-in-out .7s;
                transition:width ease-in-out .7s
            }
            #windyApiViewer .progress-bar .progress-line .played{background-color:#e5e5e5;height:6px;float:left;border-top-left-radius:3px;border-bottom-left-radius:3px;width:15%}
            #windyApiViewer .progress-bar .progress-line .avbl{height:6px;background-color:rgba(68,65,65,0.84);width:100%;border-radius:6px}
            #windyApiViewer .progress-bar .progress-line i{display:block;width:3px;height:6px;position:absolute;background-color:#946051;top:0}
            #windyApiViewer .progress-bar.anim-allowed .played{-webkit-transition:all ease-in-out .25s;transition:all ease-in-out .25s}
            #windyApiViewer .progress-bar.anim-allowed .timecode{-webkit-transition:all ease-in-out .25s;transition:all ease-in-out .25s}
 /*
            #windyApiViewer #progress-bar{
                -webkit-touch-callout:none;
                -webkit-user-select:none;
                -moz-user-select:none;
                -ms-user-select:none;
                user-select:none;
                margin-bottom:-100px;
                transition:.5s margin-bottom ease-in-out 0s;
                -webkit-transition:.5s margin-bottom ease-in-out 0s;
                left:10px;
                right:0;
                height:30px;
                bottom:0;
                margin-bottom:0;
            }
            
            .overlay-sst #map #bottom #progress-bar,
            .overlay-currents #map #bottom #progress-bar{margin-bottom:-180px}            
            #device-mobile #map #bottom #progress-bar{display:none}
            #device-tablet #map #bottom #progress-bar{left:0;right:0;width:100%;height:60px}
            */
            #windyApiViewer #progress-bar .progress-line{width:50%;z-index:1;left:45px}
            /*
            #device-desktop #map #bottom #progress-bar .timecode{font-size:13px}
            #device-tablet #map #bottom #progress-bar .timecode{font-size:15px}
            */
            #windyApiViewer #progress-bar #playpause{position:absolute;top:-12px;left:5px;z-index:10}
            #windyApiViewer #progress-bar #calendar{position:absolute;left:45px;right:0;top:6px;white-space:nowrap}
            #windyApiViewer #progress-bar #calendar div{display:inline-block;box-sizing:border-box;text-align:left;padding:6px 0 0 8px;font-size:12px;line-height:1;height:26px;white-space:nowrap;overflow:hidden}
            #windyApiViewer #progress-bar #calendar div:not(:first-child){border-left:1px solid rgba(68,65,65,0.84)}
/*            
            #device-tablet #map #bottom #progress-bar #calendar div{padding-top:9px;height:40px;font-size:16px}
            #device-tablet #map #bottom #progress-bar #calendar::before{height:40px}
            

            #device-tablet .overlay-rainAccu #map #bottom #progress-bar,
            #device-tablet .overlay-snowAccu #map #bottom #progress-bar,
            #device-tablet .overlay-gustAccu #map #bottom #progress-bar,
            #device-desktop .overlay-rainAccu #map #bottom #progress-bar,
            #device-desktop .overlay-snowAccu #map #bottom #progress-bar,
            #device-desktop .overlay-gustAccu #map #bottom #progress-bar{margin-bottom:-180px}            
*/
            /*
            .onmenu #map #mobile-ovr-select{display:none}
            #map #bottom{margin-right:10px}
            */
            #windyApiViewer #progress-bar{height:50px;padding-top: 15px;margin-right: 5px;}
            #windyApiViewer #progress-bar .progress-line{height:4px;margin-top: 14px;}
            #windyApiViewer #progress-bar .progress-line i,
            #windyApiViewer #progress-bar .progress-line .avbl,
            #windyApiViewer #progress-bar .progress-line .played{height:4px}
            #windyApiViewer #progress-bar::before,#windyApiViewer #progress-bar::after{height:4px}
            #windyApiViewer #progress-bar #playpause{top:auto;margin-top: 10px;}
            #windyApiViewer #progress-bar #calendar{display:none}
            #windyApiViewer #progress-bar .timecode{margin-left:-20px}        
            /*            
            #map #bottom #progress-bar{display:block}
            .overlay-rainAccu #map #bottom #accumulations,
            .overlay-snowAccu #map #bottom #accumulations,
            .overlay-gustAccu #map #bottom #accumulations{margin-bottom:0}
            .overlay-rainAccu #map #bottom #progress-bar,
            .overlay-snowAccu #map #bottom #progress-bar,
            .overlay-gustAccu #map #bottom #progress-bar{margin-bottom:-180px}
            */
            #windyApiViewer .play-pause {
                display: block;
                font-size: 25px;
                color: #9d0300;
                width: 1.2em;
                height: 1.2em;
                border-radius: 1.2em;
                box-shadow: 0 0 4px 0 black;
                background-color: #e5e5e5;
            }

            #windyApiViewer .iconfont {
                font-family: iconfont;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
            }
            #windyApiViewer .clickable {
                cursor: pointer;
            }
            #windyApiViewer .play-pause.off:before {
                content: 'f';
                left: .17em;
            }

            #windyApiViewer .play-pause::before {
                content: 'e';
                position: relative;
                left: .1em;
                top: .1em;
            }
            #windyApiViewer #progress-bar .timecode {
                margin-left: -20px;
            }
            #windyApiViewer .timecode.ghost-timecode {
                transition: .3s opacity 0s;
                -webkit-transition: .3s opacity 0s;
                opacity: 0;
                pointer-events: none;
            }
            #windyApiViewer .timecode {
                font-size: 10px;
                position: absolute;
                display: block;
                box-sizing: border-box;
                top: auto;
                margin-left: -2em;
            }
            #windyApiViewer .timecode.ghost-timecode .box {
                font-size: 10px;
                box-shadow: none;
                cursor: pointer;
                color: white;
                background-color: rgba(68,65,65,0.84);
            }
            #windyApiViewer .timecode.ghost-timecode .box::before {
                border-top-color: rgba(68,65,65,0.84);
            }
            #windyApiViewer .timecode .box {
                font-size: 10px;
                cursor: -webkit-grab;
                cursor: -moz-grab;
                cursor: grab;
                position: relative;
                background-color: #d49500;
                color: white;
                height: 1.8em;
                box-sizing: border-box;
                padding: 0 .8em;
                white-space: nowrap;
                text-align: center;
                display: table-cell;
                vertical-align: middle;
                border-radius: .5em;
                box-shadow: 0 0 4px 0 black;
            }
            #windyApiViewer .timecode .box::before {
                top: 100%;
                left: 2em;
                border: solid transparent;
                content: ' ';
                height: 0;
                width: 0;
                position: absolute;
                border-top-color: #d49500;
                border-width: .5em;
                margin-left: -0.5em;
            }
            /*-------------------------------------------------------*/
            #windyApiViewer #legend-mobile {
                /*width: calc(100% + 10px);*/
                width:100%;
                color: white; 
            }

            #windyApiViewer #legend-mobile {
                display: block;
                font-size: 9px;
            }
            #windyApiViewer #legend-mobile {
                box-shadow: none;
            }
            #windyApiViewer #legend-mobile {
                left: 0;
                right: 0;
                margin-bottom: 0;
                pointer-events: none;
                /*position: fixed;
                display: none;*/
            }


            #windyApiViewer .metric-legend {
                width: 100%;
                background-color: #7c7c7c;
                white-space: nowrap;
                font-size: 12px;
                box-shadow: 0 0 4px 0 black;
            }
            #windyApiViewer .metric-legend{width:100%;background-color:#7c7c7c;white-space:nowrap;font-size:12px;box-shadow:0 0 4px 0 black}
            #windyApiViewer .metric-legend span{display:inline-block;line-height:1.5;text-align:center;vertical-align:middle}
            #windyApiViewer .metric-legend[data-overlay='ptype']{display:table}
            #windyApiViewer .metric-legend[data-overlay='ptype'] span{display:table-cell;font-size:8px;white-space:normal;line-height:1.2;vertical-align:middle;overflow:hidden;padding:3px}
        /*---------------------------------*/
            #windyApiViewer #logo-wrapper {
                text-align: center;
                padding: 15px;
            }
            #windyApiViewer #logo {
                background: #ddd;
                padding: 0 10px;
                font-size: 35px;
            }
            #windyApiViewer #logo img{
                height: 30px;
            }
            /*#windyApiViewer #logo {
                transform: scale(1, 1);
                text-align: center;
                text-decoration: none;
                margin-top: 1em;
            }

            #windyApiViewer #logo {
                position: absolute;
                pointer-events: auto;
                left: 50%;
                margin-left: -70px;
                top: 10px;
            }*/
            /*--------------------*/
            /*https://webformyself.com/oformlenie-krossbrauzernyx-elementov-input-s-tipom-range-s-pomoshhyu-css/*/
            #windyApiViewer #layers-levels {
                margin-left:2.5em;
            }
            #windyApiViewer input[type='range']{
                margin-top:15px;
                -webkit-appearance:none;
            }            
            #windyApiViewer input[type='range']:focus{
                outline:none
            }
            #windyApiViewer input[type='range']::-webkit-slider-runnable-track{
                height:2px;cursor:pointer;/*animate:.2s;background:transparent;*/
                background:rgba(68,65,65,0.84);
            }
            #windyApiViewer input[type='range']::-webkit-slider-thumb{
                cursor:pointer;
                background-color:#d49500;
                border:5px solid transparent;
                box-shadow:1px 1px 3px black;
                height:25px;width:25px;
                border-radius:25px;
                -webkit-appearance:none;
                margin-top:-11.5px
            }
            #windyApiViewer input[type='range']:focus::-webkit-slider-runnable-track{
                background:rgba(68,65,65,0.84)
            }
            #windyApiViewer input[type='range']::-moz-range-thumb{
                cursor:pointer;
                background-color:#d49500;
                border:5px solid transparent;
                box-shadow:1px 1px 3px black;
                height:25px;width:25px;border-radius:25px
            }

            /*---------------------*/

            #windyApiViewer .windy-layer.active,
            .windy-layer:hover{
                color:#488BF0;
            }
            #windyApiViewer .windy-layer,
            #windyApiViewer .windy-layer label{
                cursor: pointer;
                margin-bottom: 20px;
            }
            #windyApiViewer .windy-layer:last-of-type{
                margin-bottom: 0px;
            }
            #windyApiViewer .windy-layer label{
                font-weight: bold;
                margin: 0 0 15px 10px;
            }
            #windyApiViewer .windy-layer .legend{
                margin-top: 5px;
            }
            #windyApiViewer .windy-layer .legend span{
                font-size: 12px;
            }
            #windyApiViewer .windy-layer .level div{
                font-size: 12px;
                margin-top: 3px;
                color: #40434A
            }
            #windyApiViewer .windy-layer:hover .level div{
                color: #40434A
            }

            #windyApiViewer .windy-layer .animation.on svg:last-of-type,
            #windyApiViewer .windy-layer .animation.off svg:first-of-type{
                display: none;
            }

            #windyApiViewer .windy-layer .animation.off svg:last-of-type,
            #windyApiViewer .windy-layer .animation.on svg:first-of-type{
                display: inline;
            }

            #windyApiViewer .windy-isoline.active,
            #windyApiViewer .windy-isoline:hover{
                color:#488BF0;
            }
            .windy-isoline,
            .windy-isoline label{
                cursor: pointer;
            }

            .windy-isolines-chooser .label, .windy-isolines-chooser .buttons{
                float:left
            }
            .windy-isolines-chooser .label{
                margin: 15px;
                margin-right: 10px;
                line-height: 40px;
                font-size:14px;
                font-weight:bold
            }
            .windy-isolines-chooser .buttons{
                margin-top: 15px;
            }
            .windy-isolines-chooser .has-columns div:first-of-type{ 
                border-radius: 8px 0px 0px 8px;
                line-height: 30px;
            }         
            .windy-isolines-chooser .has-columns div:last-of-type{ 
                border-radius: 0px 8px 8px 0px;
                border-right: 1px solid #E3E8F1;
                line-height: 30px;
            }          
            .windy-isolines-chooser .has-columns div{
                float:left;
                text-align: center;
                cursor: pointer;
                border: 1px solid #E3E8F1;
                border-right:none;
                padding: 5px 10px 5px 10px;
                height: 30px;
                font-size: 12px !important;
            }         
            .windy-isolines-chooser .has-columns div.active{
                border: 1px solid #488BF0;
                border-right:none;
                background-color: #488BF0;
                color: white;
            }       
            .windy-isolines-chooser .has-columns div.active:last-of-type{ 
                border: 1px solid #488BF0;
            }

            #windyApiViewer .windy-anim td{
                padding:5px
            }
            #windyApiViewer .windy-anim td.active{
                color:white;
                background-color: #488BF0;
            }
            #windyApiViewer .windy-anim td{
                cursor: pointer;
            }

    .weather-view-layers * {
        cursor: pointer; 
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
    }
    .weather-view-layers div.has-columns{
        border-bottom: 4px solid blue;
        border-radius: 0 0 4px 4px;
    }
    .weather-view-layers div.has-columns>div{
        padding: 15px;
        float:left;
    }
    .weather-view-layers div.has-columns>div span{
        margin-left: 5px;
    }
    .weather-view-layers .isobars {
        margin: 18px 30px 0px 30px;
    }
    .weather-view-layers .isobars i{
        border-radius: 2px;
    }


    .weather-view-layers .weather-view-activation {
        padding: 15px;
    }
    .weather-view-layers ul {  
        margin: 0px;
    }
    .weather-view-layers li {
        padding: 15px 5px 15px 5px;
        border-bottom:1px solid blue;
    }
    .weather-view-layers li .legend{
        display: none;
    }
    .weather-view-layers li.active .legend{
        display: block;
    }
    .weather-view-layers li .upout {
        float: right;
        clear: both;
        margin-top: 3px;
        margin-right: 15px;
        width:20px;
    }    
    .weather-view-layers li.active .upout svg:last-of-type,
    .weather-view-layers li .upout svg:first-of-type{
        display:block;
        margin-left: 5px;
    }
    .weather-view-layers li.active .upout svg:first-of-type,
    .weather-view-layers li .upout svg:last-of-type{
        display:none;
    }

    .weather-view-layers .layer-bullet{
        float:right;
        margin-right: 10px;
    }    
    .weather-view-layers svg {
        vertical-align: middle;
        margin-left: 15px;
    }

    .weather-view-layers .layer-title {
        margin-left: 5px;
        vertical-align: middle;
    }  
    .weather-view-layers .legend {
        margin: 15px;
        text-align: center;
    }
    .weather-view-layers .legend-icon {
        display: inline-block;               
        background-repeat: no-repeat;
        background-color: transparent;
        width: 320px;
        height: 80px;
        vertical-align: middle;
    }
    .weather-view-layers .legend-tmp {
        background-image: url('data:image/png;base64,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');
    }
    .weather-view-layers .legend-wind {
        background-image: url('data:image/png;base64,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');
    }
    .weather-view-layers .legend-precip {
        background-image: url('data:image/png;base64,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');
    }
    .weather-view-layers .legend-rh {
        background-image: url('data:image/png;base64,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');
    }
    .weather-view-layers .legend-pressure {
        background-image: url('data:image/png;base64,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');
    }
    .weather-view-layers .legend-dewpoint {
        background-image: url('data:image/png;base64,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');
    }
    .weather-view-layers .legend-cloud {
        background-image: url('data:image/png;base64,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');
    }.weather-view {          
    margin: 0px !important;
    padding: 0px !important;
    bottom: 20px !important;  
    background-color: white;  
    margin-right: 60px !important;
    margin-bottom: 5px !important;
    cursor: auto !important;
    border-radius: 5px;
    overflow: hidden;
    border-width: 2px;
    border-style: solid;
}
/*
.weather-view-values {
    overflow-x: auto; 
}
*/
@media screen and (max-width: 1280px) {
   /* .weather-view-values {        
        max-width: 535px;        
    }*/
}

.weather-view-marker {
    display: inline-block;               
    background-repeat: no-repeat;
    background-color: transparent;
}
.weather-view-marker {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEESURBVHgBfZE9TgMxFITfOA4N0opIiCb3ABqoKRJpQ0HLBeAAXGAvwAloKVgkKKi2oALukQZFShQpTdbx5Dnr3fwoigvLz++bsT2GxNF7HXXLI3sPykDLhORQhH+l88/F3ekwMAjTzdvoVmCfAiS7AzJVUfaVdnIER9e273vBDcF87lJbWvOIBuSMHj8Q/gulIy25UvJY10lbr2i0OK8NKOZ7BVZu4yBcm8vAAOg2G95Ptk+PwsopMdUD6hpnWzDMSdPTdAwXkjdNw0tGIAgJf73u4Re9D01joWnwQBqiaViXms9+CJzZ5nV2QQGzQjnUO/GEB3pexEdPCcnLlnsp+tUPLgH+62fs/kOU0QAAAABJRU5ErkJggg==');
    width: 11px;
    height: 11px;
    
}
.weather-view-popup {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    left: -95px !important;
}
.weather-view-popup .leaflet-popup-content-wrapper {
    border-radius: 4px;
    padding: 0px;
}
.weather-view-popup .leaflet-popup-content-wrapper,
.weather-view-popup .leaflet-popup-tip {    
    background-color: #D8E1E8;    
}
.weather-view-popup .leaflet-popup-content {
    margin: 0px;
    width: auto;
    line-height: initial;
}
.weather-view-popup .leaflet-popup-content > div {
    width: 80px;
    padding: 5px;
}
.weather-view-popup .leaflet-popup-tip-container {
    display: none;
}
.weather-view-popup .leaflet-popup-content span:nth-child(2) {
    margin-left: 5px;
}
.weather-view-popup .leaflet-popup-content span:last-child {
    margin-left: 10px;
}
/* .weather-view-icon {
    background-position: center;
    background-repeat: no-repeat;    
    background-image: url('meteoplugin-icon-1.svg');
    display: inline-block;
} */
.weather-view-params,
.weather-view-values {
    display: inline-block;
    vertical-align: top;
    height: 264px;
    border-right: 1px solid #D8E1E8;
}

.weather-view-params tr:first-child td,
.weather-view-values tr:first-child td {
    border-bottom: 1px solid #D8E1E8;
}
.weather-view-params td,
.weather-view-values td {
    padding: 5px 3px 5px 3px;
    white-space: nowrap;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;  
    font-weight: 500;                         
}
.weather-view-params .weather-view-current-spot {   
    text-align: center;
    cursor: pointer;
}
.weather-view-params .weather-view-current-spot i {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAARCAYAAADtyJ2fAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGZSURBVHgBpVPLbcJAEH274cApsTtwOqAE5xDBLbKinAkVABVgVwAdxBQQGW6QHOIO4hLowJBTIpHdzOyujcXnlJEsj2fmvTc7OxZoWJiVXhtyCOhn+gw4poFCQBSASlaRv6lqReV0l7shlI4p4OGMEcGW8sn60Z/xt6xAQumZA+UKOqLSW37Yt6rwhBTT7ms5Moq9rAw0xKcBEePq0Y/PKVIdxcWElX+IkBTlxCqJ9BKIjc7HuZxr2wqjlobumIPu1bxmX371tVLc+hZSxquHa5fTCQmEkKIvKdkxjE9+XtMrVQ0pYIIq/E1ndW4g0biKxgS9xti3lZ9Hfu0zcMNOe2+VbbEec9xcgWmvHlDoiIsWveY8LbToIVI3iJReKU5M9hnGC8GKqWVG2Mt2E1yw3pJzZqN4CInkNXKtcRPxObAB0VbZNvXYYg79E5t4sUkxW0c3hqyb7aZEPHLEA3eMw66y3Wdl5woiA18DsHBXEvJRSGnwFvmLwwCP26IVpPAH3N9BtvmlfX2P/KJZdwI8AnN7d83f6d/2ByCysQfA1a40AAAAAElFTkSuQmCC');
    display: inline-block;               
    background-repeat: no-repeat;
    background-color: transparent;
    width: 14px;
    height: 17px;
    margin-left: 15px;
    vertical-align: middle;
}
.weather-view-params .weather-view-param {
    text-align: left;
    padding-left: 10px;
}
.weather-view-params .weather-view-param,
.weather-view-params .weather-view-param-unit {        
    word-wrap: none;
}
.weather-view-params .weather-view-param-unit {  
    text-align: right;
}
.weather-view-values .weather-view-day {
    text-align: center;   
    width: 200px;        
}
.weather-view-values .weather-view-hour {
    cursor: pointer;
}
.weather-view-values .weather-view-selected-hour {
    color: white;
    background-color: lightblue;
}
.weather-view-values .weather-view-now {
    color: white;
}
.weather-view-params .weather-view-close {
    cursor: pointer;        
    text-align: left;
    padding-left: 10px;
}
.weather-view-params .weather-view-close i {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGZJREFUeNpi/P//PwMxgAlE+IZnJAGxN7okSAwkB1cIBC+BWBdZMZStC5VjYIRZjSRxGaoWzN68csZWFIVoihmQFSFbTZxnsFh9Gd3NTOiKQNZBrURRDDNRHN1NSIrFMTyDDwAEGACM2Tc9pC4maQAAAABJRU5ErkJggg==');
    width: 10px;
    height: 10px;    
    display: inline-block;               
    background-repeat: no-repeat;
    background-color: transparent;        
}   

.weather-view .mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height:8px;
    margin:0;
    border-radius: 8px;
  }
  
.weather-view .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height:8px;
    margin:0;
    border-radius: 8px;
}
.weather-view .mCSB_scrollTools_horizontal{
    height: 11px;
}
.weather-view .mCSB_draggerContainer{
    margin: 2px 3px;
}
.weather-view-values .weather-view-margin-cell {
    border-left: 1px solid #D8E1E8;
}
    .weather-view-baloon *{
        font-family: 'Roboto', sans-serif;
    }
    .weather-view-baloon {
        background-color: white;
        position: absolute;
        width: 220px;
        height: 255px;
        background-image: url('data:image/png;base64,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');
        background-repeat: no-repeat;
        border-radius: 5px;
        cursor: default;
        background-position-y: -40px;
    }    
    .weather-view-baloon .closebut{
        color:white;
        float:right;
        padding: 8px;
        cursor: pointer;
    }   
    .weather-view-baloon .closebut svg{
        width:12px;
        height:12px;
    }
    .weather-view-baloon .temperature{
        width:180px;
        margin-top: 0px;
    }
    .weather-view-baloon .temperature td{
        text-align: right;
    }
    .weather-view-baloon .temperature td div{
        color: white;
        font-size: 48px;
        font-weight: lighter;
        height: 70px;
    } 
    .weather-view-baloon .parameters {
        margin-left: 10px;
    }
    .weather-view-baloon .parameters td{
        font-size: 18px;
        padding-right: 20px; 
    }    
    .weather-view-baloon .hr{
        border-bottom: solid 1px #ccc;
        width: 60px;
        margin: 12px 0 0 20px;
    }
    .weather-view-baloon .coords {
        border-bottom: solid 1px #ccc;
        font-size: 14px; 
        width: 220px
    }
    .weather-view-baloon .coords td{
        padding: 15px 10px 15px 10px;
    }
    .weather-view-baloon .coords .icon{
        width: 16px;
        height: 16px;
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADVSURBVDhPjZEhD8JADIX5/0GiyBTJECTgDneKBNwQJDMkQyAmJxAnJm6v1+bu1hywl5q179teu5XP5EZ/vbfVway3R1R9subSuI+TcVACmke32ZFPFZoYiSkCaCmfqsgQgI8W350XDAgsAIKqcbGwngBYLh/QoiN9Vr2oPlsB8i4qnWWcjaq9Qa8EhKwQyLyfgHh4Lr49sK+R7G3R0u2TLkvAkrMiD+9GAPT3x3Wvnp0CQD8YDsNKANS9e5UNj8MwyDhoBkAYIy67Y+5cGoBggrXo9t5PaV1QfAI9FGwAAAAASUVORK5CYII=);
    }      
    .weather-view-baloon .show-details{
        margin: 12px;
        font-weight: bolder;
        cursor: pointer;
    } .lloyds_view .instruments .filter{
    width:315px;
}
.lloyds_view .instruments .suggestions{
    z-index: 1;
}
.lloyds_view .divider{
    border-top: solid 4px #E3E8F1; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px;
}

.lloyds_view .menu{
    width:100%;
    background-color: #fff;
    border-top: 1px solid blue
}
.lloyds_view .menu td:first-of-type{
  border-right:solid 1px blue;
}

.lloyds_view .menu td{
  width: 50%;
  padding: 18px;
  text-align: center;
}
.lloyds_view .menu td div{
    font-weight: 500;
    font-size: 14px;
}
.lloyds_view .instruments td{
    padding: 15px 20px;
}
.lloyds_view .instruments td .filter{
    margin:0
}
.lloyds_view .instruments td .filter div.searchremove{
    margin-top: -3px;
    height: 22px;
    padding-top: 3px;
}
.lloyds_view .results{
    width:100%;
    background-color: #fff;
    border-bottom: solid 1px blue;
    font-weight: 500;
    opacity:0.8;
}
.lloyds_view .results td{
    padding:9px;
}
.lloyds_view .results td:nth-of-type(1){
    padding-left:15px;
    width:98%;
}

.lloyds_view .exclude.button{
    display: inline-block;
    width:12px;
    height:12px;            
    cursor: pointer;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='12' y2='12' style='stroke:%2340434A;stroke-width:2px'/%3E%3Cline x1='0' y1='12' x2='12' y2='0' style='stroke:%23384b50;stroke-width:2px'/%3E%3C/svg%3E") no-repeat;
    background-position: 0px 0px;
    z-index: 1000;
    margin-top: 1px;
  } 
  
  .lloyds_view .exclude.button:hover{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='12' y2='12' style='stroke:%23ff0000;stroke-width:2px'/%3E%3Cline x1='0' y1='12' x2='12' y2='0' style='stroke:%23ff0000;stroke-width:2px'/%3E%3C/svg%3E") no-repeat;
  }

  .lloyds_view  .ais_vessel table td:first-of-type {
    width: 95%;
}
  .lloyds-register-dlg{   
    background: #FCFCFE;
    border: 2px solid #E3E8F1 !important; 
    /*color: #6B707B;*/
    color: #40434A;
}
.lloyds-register-dlg .ui-widget-content{
    color: #40434A;
}
.lloyds-register-dlg .ui-dialog-titlebar{
    color: #40434A;
}
.lloyds-register-dlg .lloyds_dialog_titlebar .choose{
    border-color: #FCFCFE;
}
.lloyds_dialog_titlebar td{
    border-bottom:solid 1px #d8e2e4;
    background-color:#FCFCFE;
}
.lloyds_register_dlg_view .fieldstree_selector{
    border: solid 1px #E3E8F1;
}
.lloyds_register_dlg_view .rollout{
    border: solid 1px #E3E8F1;
}
.lloyds_register_dlg_view .fieldstree_display{
    border: solid 1px #E3E8F1; 
}
.lloyds_register_dlg_view .fieldstree_display hr{
    border-top: solid 1px #E3E8F1; 
}
.lloyds_register_dlg_view .export.button{
    border: solid 1px #E3E8F1;
}

.lloyds-register-dlg,
.lloyds-register-dlg .ui-dialog-titlebar{
    overflow: hidden;    
}
.lloyds-register-dlg{
    border-radius: 5px;
}
.lloyds-register-dlg .ui-dialog-titlebar{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.lloyds_register_dlg_view *{
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
  }
  .lloyds_dialog_titlebar *{
    font-family: 'Roboto', sans-serif;  
    font-weight: 400;
  }
.lloyds_dialog_titlebar{
      width:100%;
  }

  .lloyds_dialog_titlebar td div.choose{
      padding-top:15px;
      padding-bottom:11px;
      padding-left:25px;
      border-bottom:solid 4px blue;
      width:170px;
      font-size:12px;
      font-weight:bold;
      margin:0;
  }
  .lloyds_dialog_titlebar .window_button{
    width: 1%;
    cursor: pointer;
  } 
.lloyds_dialog_button{
    display: inline-block;
    width:12px;
    height:12px;            
    cursor: pointer;
    background-position: 0px 0px;
    z-index: 1000;
    margin-top: 1px;
}  
.lloyds_dialog_button.close{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='12' y2='12' style='stroke:%236B707B;stroke-width:2px'/%3E%3Cline x1='0' y1='12' x2='12' y2='0' style='stroke:%236B707B;stroke-width:2px'/%3E%3C/svg%3E") no-repeat;
    margin-right: 25px;
    margin-left:15px;
} 
.lloyds_dialog_button.close:hover{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='0' x2='12' y2='12' style='stroke:%23488BF0;stroke-width:2px'/%3E%3Cline x1='0' y1='12' x2='12' y2='0' style='stroke:%23488BF0;stroke-width:2px'/%3E%3C/svg%3E") no-repeat;
} 

.lloyds_dialog_button.expand{
    width:14px;
    height:14px;            
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' style='stroke:%236B707B;stroke-width:2;fill:%23FCFCFE' points='1,1 1,13 13,13 13,1'/%3E%3C/svg%3E") no-repeat;
}  
.lloyds_dialog_button.expand:hover{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' style='stroke:%23488BF0;stroke-width:2;fill:%23FCFCFE' points='1,1 1,13 13,13 13,1'/%3E%3C/svg%3E") no-repeat;
} 
.lloyds_dialog_button.shrink{
    width:14px;
    height:14px;            
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' style='stroke:%236B707B;stroke-width:2;fill:%23FCFCFE' points='1,1 1,13 13,13 13,1'/%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' style='stroke:%236B707B;stroke-width:2;fill:white' points='6,6 6,13 13,13 13,6'/%3E%3C/svg%3E") no-repeat;
}  
.lloyds_dialog_button.shrink:hover{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' style='stroke:%23488BF0;stroke-width:2;fill:%23FCFCFE' points='1,1 1,13 13,13 13,1'/%3E%3Cpolygon xmlns='http://www.w3.org/2000/svg' style='stroke:%23488BF0;stroke-width:2;fill:white' points='6,6 6,13 13,13 13,6'/%3E%3C/svg%3E") no-repeat;
} 

.lloyds_dialog_button.branch_expand{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon style='fill:%2340434A;' points='4,2 4,10 8,6'/%3E%3C/svg%3E") no-repeat;
} 
.lloyds_dialog_button.branch_shrink{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon style='fill:%2340434A;' points='1,4 9,4 5,9'/%3E%3C/svg%3E") no-repeat;
} 
.lloyds_dialog_button.select_down{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='5' x2='6' y2='8' style='stroke:%236B707B;stroke-width:1'/%3E%3Cline x1='6' y1='8' x2='11' y2='5' style='stroke:%236B707B;stroke-width:1'/%3E%3C/svg%3E") no-repeat;
} 
.lloyds_dialog_button.select_up{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='5' x2='6' y2='2' style='stroke:%236B707B;stroke-width:1'/%3E%3Cline x1='6' y1='2' x2='11' y2='5' style='stroke:%236B707B;stroke-width:1'/%3E%3C/svg%3E") no-repeat;
} 

.lloyds_register_dlg_view .instruments{
    margin: 15px;    
    margin-left: 25px;
}
.lloyds_register_dlg_view .fieldstree_selector{
    width: 400px;
    float: left;
    padding: 11px;    
    padding-top: 11px;
    border-right: none;    
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height:15px;
}
.lloyds_register_dlg_view .fieldstree_selector span{
    opacity: 0.4;
    font-weight: 500;
}
.lloyds_register_dlg_view .rollout{
    float: left;
    padding: 12px; 
    border-left: none;    
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    width:12px;
    height:13px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='5' x2='6' y2='10' style='stroke:%236B707B;stroke-width:1.5'/%3E%3Cline x1='6' y1='10' x2='12' y2='5' style='stroke:%236B707B;stroke-width:1.5'/%3E%3C/svg%3E") no-repeat 10px 10px;
    
}
.lloyds_register_dlg_view .rollout.up{
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0' y1='6' x2='6' y2='1' style='stroke:%236B707B;stroke-width:1.5'/%3E%3Cline x1='6' y1='1' x2='12' y2='6' style='stroke:%236B707B;stroke-width:1.5'/%3E%3C/svg%3E") no-repeat 10px 10px;
    
}

.lloyds_register_dlg_view .fieldstree_display{
    border-radius: 10px;
    position: absolute;
    z-index: 10;
    background-color: white;
}
.lloyds_register_dlg_view .fieldstree_display hr{
width: 96%;
border: none;
position: relative;
left: 2%;
}
.lloyds_register_dlg_view .fieldstree_display .fieldstree_selector{
    border:none;
}
.lloyds_register_dlg_view .fieldstree_display .rollout{
    border:none;
}
.lloyds_register_dlg_view .fieldstree_display .select::after {
    content: "";
    clear: both;    
    display: block;
}
.lloyds_register_dlg_view .fieldstree_display ul ul{
    padding-left: 20px;
}
.lloyds_register_dlg_view .fieldstree_display ul ul ul{
    padding-left: 20px;
}
.lloyds_register_dlg_view .fieldstree_panel{
    height: 200px;
    overflow: hidden;
    padding:10px;
    opacity:0.7;
}

.lloyds_register_dlg_view .refresh{
    margin-left: 20px;
}
.lloyds_register_dlg_view .instruments::after {
    content: "";
    clear: both;
}
.lloyds_register_dlg_view .vessels{
    margin: 25px;
    margin-top: 0;
    margin-bottom: 15px;
}


.lloyds_register_dlg_view .vessels_columns {
    overflow: hidden;
    border: solid 1px #bbc8cb;
    margin-left: 25px;
    margin-right: 25px;
    background-color: #ecf1f5;
}
.lloyds_register_dlg_view .vessels_columns td {
    border-left: solid 1px #bbc8cb;
    background-color: #ecf1f5;
}
.lloyds_register_dlg_view .vessels_columns td:first-of-type {
    border-left: none;
}
.lloyds_register_dlg_view .vessels_columns .column {
    overflow: hidden;
    padding: 4px 12px 4px 12px;
    white-space: nowrap;
    text-align: center;
}
.lloyds_register_dlg_view .vessels_columns .column div{
    font-size: 11px;
    opacity: 0.6;
    padding-top: 4px;
}
.lloyds_register_dlg_view .vessels_data .column {
    white-space: nowrap;
}
.lloyds_register_dlg_view .vessels_data td {
    border: solid 1px #bbc8cb;
    border-right:none;
    border-top:none;
    padding: 6px 12px 6px 12px;
}
.lloyds_register_dlg_view .vessels_data td:first-of-type {
    border-left: none;
    text-align: center;
}
.lloyds_register_dlg_view .vessels_data td:last-of-type {
    padding-right:20px;
}

.lloyds_register_dlg_view .vessels .mCSB_scrollTools_vertical .mCSB_draggerRail{
    width:8px;
    border-radius: 8px;
  }
  
.lloyds_register_dlg_view .vessels .mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar{
    width:8px;
    border-radius: 8px;
}

.lloyds_register_dlg_view .vessels .mCSB_scrollTools_horizontal .mCSB_draggerRail{
    height:8px;
    margin:0;
    border-radius: 8px;
  }
  
.lloyds_register_dlg_view .vessels .mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
    height:8px;
    margin:0;
    border-radius: 8px;
}
.lloyds_register_dlg_view .fieldstree_display .mCSB_draggerRail,
.lloyds_register_dlg_view .fieldstree_display .mCSB_dragger_bar{
    border-radius: 5px;
}

.lloyds_register_dlg_view .vessels .mCSB_container_wrapper{
    margin-right:10px;
    margin-bottom:10px;
    border: solid 1px #bbc8cb;
    border-top:none;
}
.lloyds_register_dlg_view .vessels .mCSB_container{
    padding-right:0;/*8px;*/
    padding-bottom:10px;
}
.lloyds_register_dlg_view .vessels .mCSB_scrollTools.mCSB_scrollTools_vertical{
    top: 1px;
    bottom:11px;
    width:9px;
}
.lloyds_register_dlg_view .vessels .mCSB_scrollTools.mCSB_scrollTools_horizontal{
    left:1px;
    right:11px;
    height:9px;
}
.lloyds_register_dlg_view .section{
    padding-bottom:5px
}
.lloyds_register_dlg_view .section li{
    padding-top:5px
}
.lloyds_register_dlg_view li label span{
    opacity: 0.6;
}
.lloyds_register_dlg_view li input[type="checkbox"]{
    margin-right: 4px;
    margin-left: 2px;
    top: 1px;
    position: relative;
}


.lloyds_register_dlg_view .export.button{
    border-radius: 8px;
    width: 80px;
    text-align: center;
    float: right;
    margin-right: 25px;
    cursor: pointer;
    padding: 8px;
}

.rc_instruments{
  padding: 20px;
  padding-bottom: 1px;
  border-bottom: 4px solid blue;
  border-radius: 0 0 4px 4px;
}
.rc_instruments table{
  margin-bottom: 15px;
}
.rc_instruments table td:first-of-type{
  padding-right: 12px;
}
.rc_instruments .rc_filter .scm-select{
  width: 220px;
}
.rc_instruments .calendars.active{
  color:#488BF0
}
.rc_instruments .active_layers,
.rc_instruments .calendars,
.rc_instruments .export{
    margin: 0px 10px 15px 1px;
    float: left;
    cursor: pointer;
    line-height: 26px;
    height: 26px;
}
.rc_instruments .active_layers{
  margin-right: 0;;
}
.rc_instruments .active_layers div{
  height: 26px;
  margin-right: 5px;
}
.rc_instruments .calendars span{
  margin-left:5px ;
}.rc_view .rc_content li:last-of-type{
    margin-bottom: 10px;
}
.rc_view .rc_content table{
    margin: 1px 0 0 30px;
}
.rc_view .rc_content table td{
    vertical-align: top;
    line-height: 18px;
}
.rc_view .rc_content .rc_group_name{
    font-weight: 700;
    border-bottom: solid 1px #ddd;
    margin-left: 20px;
    margin-right: 20px;
    padding: 20px 0 10px 0;
}
.rc_view .rc_content .gmx-timeline-icon{
    margin-top: 0;
    margin-left: 0;
}
.rc_view .rc_content .timeline-icon{
    width: 13px;
    padding-top: 2px;
}
.rc_view .rc_content .timeline-icon div{
    cursor: pointer !important;
}
.rc_view .rc_content .visibility svg{
    border-radius: 2px;
    margin: 1px 6px 0 4px; 
    cursor: pointer;   
}
.rc_view .rc_content .visibility svg:last-of-type,
.rc_view .rc_content .visibility.active svg:first-of-type{
    display:none;
}
.rc_view .rc_content .visibility.active svg:last-of-type,
.rc_view .rc_content .visibility svg:first-of-type{
    display:inline;
}

.rc_view .rc_content .rc_layer_desc{
    padding: 0;
}

.rc_view .rc_group_name table{
    margin:0;
}
.rc_view .rc_group_name table td{
    vertical-align: top;
}
.rc_view .rc_group_name table td.roll-button{
    width:0px;
}
/*.rc_view .rc_group_name table td svg{
    margin-left: 6px !important;
}*/
.rc_view .arrow-open .arrow-down, .rc_view .arrow-close .arrow-up {
    display: block;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
}
.rc_view .arrow-open .arrow-up, .rc_view .arrow-close .arrow-down {
    display: none;
}
.rc_view .arrow-open svg, .rc_view .arrow-close svg {
    width: 9px;
    height: 9px;
    margin-top: 4px;
}
.rc_view .active_layer-counter{
    background: #fc4f4f;
    color: white;
    font-size: 10px;
    padding: 0 2px;
    border-radius: 3px;
    margin-left: 0px;
    margin-top: -2px;
    max-width: 20px;
    display: none;
    line-height: 12px;
}
.rc_view .set_view{
    position: relative;
    top: 16px;
    height: 14px;
    visibility: hidden; 
    width: 100%;
    text-align: right;
    pointer-events: none;
}
.rc_view .rc_layer:hover .set_view{
    visibility: visible;
}
.rc_view .set_view span{
    padding-right: 20px;
    padding-left: 40px;
    background: linear-gradient(to right, rgba(0,0,0,0), rgba(255,255,255,1) 50%);
    font-size: 16px;
}
.rc_view .set_view span:not(.disabled) svg{
    pointer-events: all;
    cursor: pointer;
}
.rc_view .set_view span.disabled svg{
    opacity: 0.3;
}
.rc_view .rc_all.mCustomScrollbar {
	height: calc(100% - 130px);
}
.invisible,
.invisible span,
.invisible div,
tr td.invisible {
  color: #999999;
}
.inputStyle {
    border: 1px solid #AFC0D5;
    background-color: #FFFFFF;
    height: 14px;
    padding: 2px;
    margin: 1px 3px;
}
.fileCanvas td {
    padding: 1px 2px;
  }
  
  .fileCanvas tbody td {
    border-top: 1px solid #D0D8DF;
    border-bottom: 1px solid #D0D8DF;
  }
  
  .fileCanvas .currentDir {
    padding: 3px 0px 3px 5px;
  }
  
  .fileCanvas tr.hover td {
    background-color: #DEDEDE;
  }
  
  .fileCanvas thead td {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA8CAYAAACn8dD6AAAACXBIWXMAAAsSAAALEgHS3X78AAAAnElEQVR42s3EywoBAQCG0f+tvYCVjZWVjYWFjZKUlCRShJqmcb9FyLgzTBgzn3kMZ3EEeArjDwqCAHl+2Nv7IvfjIef1QVf3hU4PF9n3J9pcHbQ83dDscEEj+4ys7REZ6z3qrHaotdii+myNquMVKg8WqNibo4I1RTlzgrJGWKY7ROl2H6WaFko2TJSoGShe6aBYuY2ipSaK5Gv+DyOC4CyjtgcbAAAAAElFTkSuQmCC") repeat-x scroll 0 -30px transparent;
  }
  
  .fileCanvas-folder-icon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsSAAALEgHS3X78AAABOklEQVR42mP4//8/A6mYQdTLvdokOfE/DIP4cc0txng1cbt7vPo/l+k/DMdkh/5HNkQlLASM+Tw8ypBt+o+sCYRfLlD6/3Ke/P+X84H0TMH/L+dI/lcKDviPVZNDRsJ/+8yU/1apCf+t0xL/26Qn/rcC0nYZyf91E5PANjM4e82Ha9rXpva/JNvy//91UhC8XBJCz2KA4y9zpf4bJSd9hGgCCkQkWYMFwQqXAjUskETRAMIXu9X/C3i4rwJrOtUr8b8o3xyiYZkUhmIQfj1T9n9snt/f6MamRrCmlgK3/5d6eCGaVmHXtKtL+z+vu8cqUHSANVmnp2BViIxBgSDo6Z4CZDMw+JSX/nQpyPsPwsjxg45FvdzmgTSANSHHNNBWBqBTGYBOZQA6lQHoVAaYQmSMoQnoVKwKkTEAA85+Nzd9neIAAAAASUVORK5CYII=");
    margin: 2px 3px -3px 0px;
    width: 13px;
    height: 13px;
    float: left;
  }
  
  .fileBrowser-pathWidget {
    margin: 2px 0px;
  }
  
  .fileBrowser-pathElem {
    cursor: pointer;
  }
  
  .fileBrowser-activePathElem {
    background-color: #b7e7eb;
  }
  
  .fileBrowser-progress {
    background: url("data:image/gif;base64,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");
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 3px 3px;
  }
  
  .fileBrowser-dragFileMessage {
    position: absolute;
    right: 0px;
    color: #DDDDDD;
    margin: 9px 62px 0px 0px;
    font-size: 30px;
  }
  
  div.fileBrowser-progressBar {
    width: 400px;
    margin: 16px 18px 0px 0px;
    position: absolute;
    right: 0px;
    z-index: 1;
    height: 30px;
  }
  
  div.fileBrowser-progressBar > .ui-progressbar-value {
    background: #DDD;
  }
  
  .desc-zagolovok
{
    font-family: Verdana;
    font-weight: bold;
    font-size: 9pt;
    margin-top: 10px;    
}

.media-props {
    margin: 8px 4px;
    display: block;
}

.media-props input
{
    margin-right: 3px;
}

.media-props *
{
    vertical-align: middle;
}

#editMod
{
    right: 5em;
	position: absolute;
	top: 10%
}

.media-Desc-GUI
{
    display: inline-block;
	margin-top: 5px;
}

#media-Desc-EditLabel
{   
    display: inline-block;
    border-bottom: 1px dotted grey;
	padding-bottom: 0.5px;
	font-size:12px;
}

#mediaDesc-EditButton
{   
    display: inline-block;
    margin-left: 45px;
}

.media-desc-img-load-title
{
    font-family: Verdana;
    font-size: 9pt;
    vertical-align: center;
    margin: 0px;
}

#media-desc-fbload
{
    margin-left: 5px;
    width: 30px; 
	height: 30px;
}

#media-desc-savegmxImg
{
    width: 30px; 
	height: 30px;
}

#media-desc-gmxImgLoadInput
{
    width: calc(100% - 74px);
    height: 20px;
	margin-left:0px;
}

/*
Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/
.mediaDesc-tempDiv
{   
    text-align: center;
}

.media-DescDialog .ui-dialog-content
{   
    background-color: #fff;
}

.media-descDiv div
{  
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	color: #333;
	font-size: 13px;
	line-height: 1.6;
}

.media-descDiv
{   
    /* Font */
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 13px;
	/* Text color */
	color: #333;
	line-height: 1.6;
    /*margin: 20px;*/
	background-color: #fff;
}

.media-descDiv blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.media-descDiv a
{
	color: #0782C1;
	font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size: 12px;

}

.media-descDiv b
{
    font-size: 13px;
	color:#333;
}

.media-descDiv  strong
{
    font-size: 13px;
	color:#333;
}

.media-descDiv em
{
    font-size: 13px;
	color:#333;
}

.media-descDiv ol
{

	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
	white-space: normal;
}

.media-descDiv ul
{

	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
	white-space: normal;
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAF9JREFUGFdj4OHj45eQlAyWkpFpBNEgPoOUnFyIpbX1LRdX128gGsRnMDA3r7ZzdPzs5ub2F0SD+AxLV6zISUlNferu7v4VRIP4DF+/ftW6f//+ysuXLz8D0V+/ftUCACWnKrxyMluqAAAAAElFTkSuQmCC');
}

.media-descDiv dl
{

	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
	white-space: normal;
}

.media-descDiv li
{
    font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 12px;
	color: #333;
	white-space: normal;
}

.media-descDiv h1
{
	font-weight: normal;
	line-height: 1.2;
}

.media-descDiv h2
{
	font-weight: normal;
	line-height: 1.2;
}


.media-descDiv hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.media-descDiv h3
{
	font-weight: normal;
	line-height: 1.2;
}

.media-descDiv h4
{
	font-weight: normal;
	line-height: 1.2;
}

.media-descDiv h5
{
	font-weight: normal;
	line-height: 1.2;
}

.media-descDiv h6
{
	font-weight: normal;
	line-height: 1.2;
}

.media-descDiv img
{
	cursor: pointer;
}

.imgMedia:hover
{
    cursor: pointer;
}

.media-inlineDescr.media-descDiv {
    width: 400px;
    max-height: 300px;
    overflow: auto;
    white-space: normal;
    margin: 0px;
	font-weight:normal;
}
.gmxTimeline * {
    font-family: tahoma;
}
.gmxTimeline.leaflet-control {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 19px;
    margin: 0px;
    padding: 0px;
    pointer-events: none;
}
.gmxTimeline .showButtonContainer{
    pointer-events: all;
}
.gmxTimeline .hideButton {
    top: 5px;
    position: relative;
    height: 24px;
    padding-right: 6px;
    padding-left: 10px;
    padding-right: 6px;
}
.gmxTimeline .closeWarning {
	cursor: pointer;
}
.gmxTimeline .warningText {
	margin-right: 27px;
}
.gmxTimeline .warning span {
    position: absolute;
    bottom: 10px;
    right: 28px;
    display: block;
    padding: 5px 10px 5px 10px;
    background: rgba(69, 176, 216, 1);
    border: 1px solid #999;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    line-height: 19px;
}

.gmxTimeline .showButton.off {
	opacity: 0.5;
	cursor: auto;
	pointer-events: none;
}
.gmxTimeline .tabs {
    z-index: 1;
    position: relative;
    top: 11px;
}

.gmxTimeline .layer {
    bottom: 14px;
    position: absolute;
}

.gmxTimeline .options {
    float: left;
}
.gmxTimeline .timeline-content {
    background-color: #f0f4f6;
    font-size: 12px;    
}

.gmxTimeline div.timeline-axis-text {

	padding-left:3px;


}

.gmxTimeline .timeline-axis-text-minor {
    font-size: 11px;
    font-weight: 600;
}
.gmxTimeline .timeline-axis-text-major {
    font-size: 13px; 
    font-weight: 600;   
}
.gmxTimeline .timeline-axis-grid-minor {
    border-color: #bfbfbf;
}

.gmxTimeline .timeline-container {
    background-color: lightgray;
}
.gmxTimeline .internal-container {
    border: 1px solid rgba(70,70,70,.3);
    background-color: white;
    pointer-events: all;
}

.gmxTimeline .vis-group  .vis-point {
    top: 10px;
}

.gmxTimeline .timeline-event-dot-container {
    padding-top: 6px;
    top: 73px;
    width: 10px;
    height: 10px;
}

.gmxTimeline .item-range .timeline-event-dot {
    border-color: rgb(69, 175, 215);
    border-width: 5px;
    box-shadow: 0px 0px 0px 1px #FFF, 0px 0px 0px 2px rgb(69, 175, 215);
}
.gmxTimeline .item-selected{
    margin-top: -5px;
}

.gmxTimeline .timeline-event-content {
    z-index: 999;
    display: none;
    position: absolute;
    left: -7px;
    top: -1px;
    z-index: 334;
    width: 10px;
    height: 10px;
    background-color: rgb(69, 175, 215);
    border-radius: 15px;
    border-color: rgb(69, 175, 215);
    border-width: 5px;
    box-shadow: 0px 0px 0px 1px #FFF, 0px 0px 0px 2px rgb(69, 175, 215);
}


.gmxTimeline .timeline-event-dot {
	cursor: pointer;
    position: absolute;
    border-color: #666;
    background: #666;
    z-index: 3;
}

.gmxTimeline .item-selected .timeline-event-dot {
    position: relative;
    border-color: #da5d40;
    bottom: 17px;
    top: px;
    width: 10px!important;
    height: 10px!important;
    background-color: #da5d40;
    border-radius: 15px;
    /*z-index: 1;*/
}

.gmxTimeline .item-selected .timeline-event-content {
    top: -13px;
}

.gmxTimeline .item-clicked .timeline-event-content {
    display: block;
    cursor: pointer;
}

.gmxTimeline .item-clicked {
    border-width: 1px;
    width: 10px;
    height: 12px;
    padding-right: 0.6%;
    padding-bottom: 0.2%;
}

.gmxTimeline .gmx-focuse {
    border: 1px solid rgba(70,70,70,.3);
    padding: 0;
    margin: 0;
    left: 0px;
    position: relative;
    min-width: 960px;
}

.gmxTimeline .w-scroll {
    position: relative;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
}

.gmxTimeline .favorite.on  {
    fill: #da5d40;
}

.gmxTimeline .w-scroll .l-scroll {
    margin-left: -6px;
}

.gmxTimeline .w-scroll .r-scroll {
    margin-right: 10px;
    right: -6px;
}

.gmxTimeline .w-scroll .l-scroll-title {
    width: 20px;
    height: 20px;
    background-color: red;
    margin-top: -23px;
}

.gmxTimeline .w-scroll .g-scroll {
    height: 2px;
    width: 100%;
    top: 12px;
    left: 0px;
    position: absolute;
    display: none;
}

.gmxTimeline .w-scroll .c-scroll {
    width: 100%;
    height: 81px;
    margin-left: 11px;
    margin-right: 12px;
    background-color: rgba(81, 184, 202, 0.15);
    position: absolute;
    left: 0px;
    top: 24px;
    border-left: 1px solid #9ad4df;
    border-right: 1px solid #9ad4df;
    display: none;
}

.gmxTimeline .w-scroll .c-scroll .c-borders {
    width: 100%;
    position: relative;
    top: -12px;
    left: -1px;
    border-top: 1px solid #9ad4df;  
    border-right: 1px solid #9ad4df;
    border-left: 1px solid #9ad4df;
}

.gmxTimeline .vis {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.gmxTimeline .tabs ul, .tabs ul li {
    list-style: none;
}

.gmxTimeline .tabs ul {
    display: inline-flex;
    height: 26px;
    padding-bottom: 10px;
    margin: 0;
    pointer-events: all;
}

.gmxTimeline .tabs .clicked:hover {
    background-color: lightgray;
}

.gmxTimeline  span.clicked.click-left{
    display: inline-block;
    background-color: #dee7ec;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    border: 2px solid #dee7ec;
    height: 20px;
    bottom: 5px;
}


.gmxTimeline  span.clicked.click-right{
    display: inline-block;
    background-color: #dee7ec;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    border: 2px solid #dee7ec;
    height: 20px;
    bottom: 5px;
}

.gmxTimeline .clicked.el-left.disabled {
    display: inline-block;
    background-color: #dee7ec;
    cursor: pointer;
    bottom: 10px;
    left: -5px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #999;
    height: 25px;
    pointer-events: none;
    opacity: 0.5;
}

.gmxTimeline .clicked.el-left {
    display: inline-block;
    background-color: #dee7ec;
    cursor: pointer;
    bottom: 10px;
    left: -5px;
    position: relative;
    border-radius: 4px;
    border: 1px solid #999;
    height: 25px;
    opacity: 1;
}

.gmxTimeline .tabs ul li {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    width: 185px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: white;
    cursor: pointer;
    position: relative;
    background: #dee7ec;
    box-shadow: rgba(0,0,0,0.09804) 0px 1px 1px 0px;
    border: 1px solid rgba(70,70,70,.3);
}

.gmxTimeline .tabs ul li.last {
    margin-right: 0;
}

.gmxTimeline .tabs ul li .close-button {
    position: absolute;
    left: auto;
    right: 4px;
    top: 8px;
    width: 15px;
    height: 15px;
    padding-right: 0px;
    background: url(//maps.kosmosnimki.ru/api/img/redesign/icons2.png) -78px -5px;
}

.gmxTimeline .tabs ul li span {
    padding-right: 5px;
    position: relative;
    left: 5px;
    bottom: 4px;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    font-weight: 600;
    display: inline-block;
    max-width: 130px;
    white-space: nowrap;
	text-overflow: ellipsis;
}

.gmxTimeline .tabs ul li .close-button:hover span {
    color: #69C;
    text-decoration: underline;
}

.gmxTimeline .tabs .selected {
    border-bottom: white;
    padding-bottom: 0px;
    background: #FFF;
    box-shadow: #FFF 0px 1px 1px 0px;
}

.gmxTimeline .leaflet-gmx-iconSvg {
    text-align: center;
    height: 38px;
    width: 38px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 4.7px 0.3px rgba(0, 0, 0, 0.24);
    fill: #757575;
    clear: none;
    cursor: pointer;
    display: block;
    float: right;
    margin-left: 4px;
    position: relative;
    top: 4px;
    left: 0px;
    border: 1px solid #E3E8F1;
    box-sizing: border-box;
    border-radius: 10px;
}
.gmxTimeline .leaflet-gmx-iconSvg svg {
    height: 23px;
    width: 23px;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    pointer-events: none;
}

.gmxTimeline .eye  {
    left: 3px;
    top: 3px;
    color:red;
    opacity: 1;
}
.gmxTimeline .w-scroll {
    fill: #666;
}
.gmxTimeline svg {
    height: 22px;
    width: 15px;
    pointer-events: none;
}

.gmxTimeline .switch  {
    font-size: 0;
    float: right;
    color: #82909b;
    padding: 4px;
    z-index: 2;
    position: absolute;
    right: 44px;
    width: auto;
    top: 6px;
}
.gmxTimeline .switch .diamond {
    position: absolute;
    width: 8px;
    height: 8px;
    margin-top: 10px;
    margin-left: 90px;
    background-color: rgb(69, 176, 218);
    transform: rotate(-45deg);
    transform-origin: 0 100%;
}
.gmxTimeline .modeSelectedOff, .gmxTimeline .modeSelectedOn  {
    background-color: white;
    width: 90px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    vertical-align: middle;
}
.gmxTimeline .modeSelectedOff  {
    border-top-left-radius: 8px;
}
.gmxTimeline .modeSelectedOn  {
    border-top-right-radius: 8px;
    width: 100px;
}
.gmxTimeline .modeSelectedOff.on, .gmxTimeline .modeSelectedOn.on  {
    color: white;
    background-color: rgb(69, 176, 218);
}

.gmxTimeline div.timeline-event-dot {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-style: solid;
    border-width: 4px;
}

.gmxTimeline .vis-container {
    bottom: 0;
    width: 100%;
    left: 0px;
}


.gmxTimeline .timeline-frame.timeline-selectable {
    height: 100px!important;
}

.gmxTimeline .timeline-content {
    height: 100px!important;
}

.gmxTimeline .hr1, .gmxTimeline .hr2 {
    position: relative;
    height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    background: rgba(70,70,70,.3);
    z-index: 1;
    top: 85px;
    margin-left: 6px;
	pointer-events: none;
}

.gmxTimeline .hr2 {
    top: 67px;
}

.gmxTimeline .hr1.on, .gmxTimeline .hr2.on {
	background: rgba(69, 176, 216, 1);
	background-image: linear-gradient(100deg, transparent 80%, rgba(255,255,255,.9) 50%);
    background-size: 3px 4px;
}

.gmxTimeline .timeline-axis {
    background: #e6eef2!important;
}


.gmxTimeline span.clicked.click-right.gmx-disabled {
    position: absolute;
    top: 46px;
    left: 32%;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    display: none;
}

.gmxTimeline span.clicked.click-left.gmx-disabled {
    position: absolute;
    top: 46px;
    left: 30%;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    display:none;
}

.gmxTimeline .el-right {
    display: inline-block;
    right: 10px;
    position: absolute;
    bottom: -6px;
}

.gmxTimeline .el-left {
    display: inline-block;
    text-align: left;
}

.gmxTimeline .el-left  .el-act, .gmxTimeline .el-left  .el-pass{
    color: #666;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    background-color: #dee7ec;
    width: auto;
    line-height: 21px;
    padding: 2px 10px 2px 10px;
    text-transform: lowercase;
    font-weight: 600;
    display: inline-block;
    /* margin: 1px; */
}

.gmxTimeline .el-left  .on {
    color:  #f7f7f7;
    background-color:  #45b0d8;
}

.gmxTimeline .el-act {border-right: 1px solid #999}

.gmxTimeline .el-center {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 85%;
}

.gmxTimeline .el-act-cent-1 {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    bottom: 6px;
    line-height: 7px;
    text-align: left;
    border-radius: 4px;
    border: 1px solid #999;
    width: auto;
    margin-left: 3px;
    padding: 0px 10px 3.5px 10px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
}

.gmxTimeline .el-act-cent-2 {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-align: left;
    border: 1px solid #999;
    border-radius: 4px;
    width: auto;
    margin-left: 3px;
    padding: 2px 15px 0px 15px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    background: #dee7ec;
    bottom: 5px;
    position: relative;
}

.gmxTimeline .disabled {
    pointer-events: none;
    cursor: auto;
}

.gmxTimeline .clouds-content {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    border-radius: 4px;
    width: auto;
    height: 23px;
    margin-left: 0px;
    padding: 3px 10px 0px 10px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    margin-top: 6px;
    position: relative;
    bottom: 2px;
}

.gmxTimeline .el-act-right-1 {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    border-radius: 4px;
    border: 1px solid #999;
    width: auto;
    margin-left: 3px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    background: #dee7ec;
    position: relative;
    top: -7px;
    line-height: 10px;
}

.gmxTimeline .el-act-right-2 {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    border-radius: 4px;
    width: auto;
    height: 23px;
    margin-left: 12px;
    padding: 3px 6px 1px 4px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    position: relative;
    top: 4px;
}

.gmxTimeline .hideButton-content {
    cursor: pointer;
    border-left: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    height: 33px;
    margin-left: 0px;
    padding: 3px 6px 1px 4px;
    display: inline-block;
    background: #dee7ec;
    right: -5px;
    bottom: 2px;
    position: relative;
}

.gmxTimeline .leaflet-gmx-iconSvg.hideButton.leaflet-control {
    position: absolute;
    right: -3px;
    height: 38px;
    width: 43px;
    border-radius: 2px;
    bottom: 200px;
    background: #dee7ec;
    box-shadow: none;
    z-index: 1000;
}

.gmxTimeline .different-interval, .gmxTimeline .single-interval {
    cursor: pointer;
    width: 30px;
    padding: 3px 5px 2px 5px;
    position: relative;
    display: inline-block;
    bottom: 0px;
    left: 0px;
}

.gmxTimeline .different-interval.on, .gmxTimeline .single-interval.on {
    background-color: #45b0d8;
    cursor: auto;
}

.gmxTimeline .favorite, .gmxTimeline .remove, .gmxTimeline .trash {
    cursor: pointer;
}

.gmxTimeline .calendar-text {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    bottom: 4px;
    margin-left:3px; 
    font-weight:500;
}

.gmxTimeline .clock-text {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    bottom: 4px;
    margin-left:3px;
    font-weight: 500;
}

.gmxTimeline .line {
    position: relative;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    top: -1px;
    width: 11px;
    height: 11px;
    padding-right: 0px;
    line-height: 20px;
    color: #999;
    font-weight: 100;
    font-size: 22px;
}

.gmxTimeline .line1 {
    position: relative;
    display: inline-block;
    margin-right: 7px;
    margin-left: 13px;
    top: -3px;
    width: 11px;
    height: 11px;
    padding-right: 0px;
    line-height: 20px;
    color: #999;
    font-weight: 100;
    font-size: 22px;
}

.gmxTimeline .line4 {
    position: relative;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    top: -4px;
    width: 11px;
    height: 11px;
    padding-right: 0px;
    line-height: 20px;
    color: #999;
    font-weight: 100;
    font-size: 22px;
    display:none;
}

.gmxTimeline .cloud-text {
    color: #666;
    text-decoration: none;
    font-size: 14px;
}

.gmxTimeline .click-left svg {
    height: 18px;
    width: 18px;
    pointer-events: none;

}

.gmxTimeline .click-right svg {
    height: 18px;
    width: 18px;
    pointer-events: none;

}

.gmxTimeline .el-act-cent-1 svg {
    height: 19px;
    width: 19px;
    pointer-events: none;
}

.gmxTimeline .el-act-cent-2 svg {
    height: 20px;
    width: 20px;
    pointer-events: none;
}

.gmxTimeline .clouds-content svg {
    width: 19px;
    pointer-events: none;
}

.gmxTimeline select.cloud-select {
    height: 26px;
    bottom: 6px;
    position: relative;
    border: 1px solid transparent;
    background: transparent;
    color: #666;
    font-size: 14px;
    font-weight: 500;
}

.gmxTimeline .el-act-cent-1 svg {
    height: 13px;
    width: 13px;
    pointer-events: none;
    position: relative;
    /*left: 5px;*/
}

.gmxTimeline .el-act-cent-2 svg {
    height: 16px;
    width: 16px;
    pointer-events: none;
    position: relative;
}


.gmxTimeline .el-act-right-1 svg {
    height: 15px;
    width: 15px;
    pointer-events: none;
    position: relative;
    left: 5px;
}

.gmxTimeline .tabs  svg {
    fill:#666;
    bottom: 1px;
    position: relative;
}

.gmxTimeline .gmx-hidden {
    display: none;
}

.gmxTimeline .disabled {
    pointer-events: none;
    opacity: 0.5;
}

.gmxTimeline .svgIcon.is-off {
    fill:#da5d40;
}

.leaflet-iconLayers.iconLayersShift {
    margin-bottom: 178px;
}
.ictypes-sidebar-icon svg{
  width: 16px;
  height: 16px
}
.iceconditions-view * {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.iceconditions-view table select {
    width: 152px;
    margin-left: 10px;
    height: 56px;
}
.iceconditions-view .unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
 
    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
}
.iceconditions-view .calendar {
  padding-bottom: 20px;
}
.iceconditions-view .calendar table{  
  margin-left: 10px;
}
.iceconditions-view .calendar .select {
  font-family: roboto;
  font-weight: 700;
  padding: 9px 2px;
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.iceconditions-view .calendar .select select{
  width: 36px;
  border: none;
}
.iceconditions-view .calendar .gmx-input-text {
  font-family: roboto;
  font-weight: 700;
  padding: 12px 2px;
  border-radius: 3px;
  border: 1px solid #ddd;
}
.iceconditions-view .calendar .CalendarWidget-inputCell{
  background-color: #e1e8ed;
}
.iceconditions-view .header {
  padding-top: 0px; 
  background-color: #fff;
  color: #40434A;
}
.iceconditions-view .header table{
  width:100%;
}
.iceconditions-view .instruments {
   width: 100%;
   margin-bottom: 0px;
}
.iceconditions-view .instruments td{
  padding: 20px;
  padding-top: 10px;
  width: 50%;
  text-align: center;
  font-weight: 700;
}
.iceconditions-view .instruments td:hover{
  color: #48aff1;
}
.iceconditions-view .instruments td.active{
  color:#f57c00;
}
.iceconditions-view .hint{
  padding: 15px;
  padding-right: 10px;
}
.iceconditions-view .refresh{
   width: 30px;
}
.iceconditions-view .grid-header{
  width: 100%;
  margin-top: 0px;
  border-bottom: solid 1px #E3E8F1;
  color:#6B707B;
}
.iceconditions-view .grid-header td{
  padding: 12px 5px;
  font-weight: 700;
}
.iceconditions-view .grid-header td.visibility-all{
  cursor: pointer;
}
.iceconditions-view .grid-header td svg{
  width:14px;
  height:14px;
}
.iceconditions-view .grid-header td:nth-of-type(1){
  width: 50px;
  padding-left: 10px
}
.iceconditions-view .grid-header td:nth-of-type(2){
  width: 90px;
  text-align: center;
}
.iceconditions-view .grid-header td:nth-of-type(3){
  text-align: center;
  width: 150px
}
.iceconditions-view .grid{
  width: 100%;
  color: #394b59;
}
.iceconditions-view .grid tr.nonactual{
  opacity: 0.7;
}
.iceconditions-view .grid td{
  padding: 10px 5px;
  border-bottom: solid 1px #ddd;
  cursor:pointer
}
.iceconditions-view .grid td:nth-of-type(4){
  font-weight: 700;
}
.iceconditions-view .grid td svg{
  width:12px;
  height:12px;
}
.iceconditions-view .grid td:nth-of-type(1){
  width: 50px;
  padding-left: 10px
}
.iceconditions-view .grid td:nth-of-type(2){
  width: 90px;
}
.iceconditions-view .grid td:nth-of-type(3){
  text-align: center;
  width: 150px
}
.iceconditions-view .grid .edit{
  cursor: pointer;
}
.iceconditions-view .grid .edit:hover{
  color:#48aff1;
}
.iceconditions-view .grid .ictype-marker{
width:30px; height:15px; float:right
}
.ictype-marker.heavy{
  background: red; 
  color: red; 
}
.ictype-marker.medium{
  background: rgb(255,255,0); 
  color: rgb(255,255,0); 
}
.ictype-marker.light{
  background: rgb(0,255,0); 
  color: rgb(0,255,0); 
}
.ictype-marker.free{
  background: rgb(154, 255, 255); 
  color: rgb(154, 255, 255); 
}
.ictype-marker.nodata{
  background: blue; 
  opacity: 0.5;
}
.ictype-marker.text{
  background: none;
  opacity: 1;
}
.ictype-marker.shape{
  color:inherit;  
}
.iceconditions-view .footer{
  padding-bottom: 15px;
}
.iceconditions-view .footer .pager{
  width: 100%;
  visibility: hidden;
}
.iceconditions-view .footer .pager td{
 text-align: center;
 padding: 5px 5px;
}
.iceconditions-view .footer .pager .arrow{
  width: 33%;
  color: #6B707B;
}
.iceconditions-view .footer .pager .arrow svg{ 
  width: 16px;
  height: 16px;
}
.iceconditions-view .footer .but-attributes{
    width: 70%;
    text-align: center;
    margin: 15px auto 0;
    line-height: 30px;
    background-color: #ddd;
}
.iceconditions-view .but{
  cursor: pointer;
}
.iceconditions-view .instruments .but svg{
  width: 20px;
  height: 20px;
  top: -4px;
  position: relative;
  vertical-align: middle;
}
.iceconditions-view .instruments .but.choose svg{
  width: 14px;
  height: 18px;
  top: -2px;
  left: -6px;
}
.iceconditions-view .msg{
  text-align: center;
  padding: 10px;
  font-weight: 700;
}
.iceconditions-view .divider{
  border-bottom: solid 4px #E3E8F1;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}.ai_cont {
  font-family: 'Roboto', sans-serif;  
  padding: 2rem;
  min-width: 28rem;
}
.ai_cont .ai_line {
  display: flex;
  padding: 0.5rem 0;
}
.ai_cont summary {
  font-size: 14px;
}
.ai_cont .cont {
  margin: 0.5rem 1.5rem;
}

.ai_line .right,
.ai_line select,
.ai_line button {
  cursor: pointer;
  /* position: absolute; */
  right: 2rem;
}
.ai_line.start button {
  position: relative;
    left: 0rem;
    background-color: #488BF0;
    color: white;
    padding: 1rem 2rem;
    border-radius: 10px;
    border: 1px solid transparent;
}
.ai_line.header span {
  font-size: 20px;
  /* font-weight: bolder; */
  height: 30px;
  width: 80%;
}
.ai_line label {
  padding-left: 1rem;
}
.ai_line span {
  width: 50%;
}
.ai_line span.drawRes {
  margin-left: 1rem;
  max-width: 110px;
  font-weight: bolder;
}
.ai_line .draw svg {
  top: 7px;
  position: relative;
}
.ai.scrollbar {
  height: 100%;
  /* overflow-y: auto; */
  overflow-x: hidden;
  display: flex;
}
.ai.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #aaa;
}
.ai.scrollbar::-webkit-scrollbar-thumb {
  background-color: #686b8494;
}
.ai_line button:hover {
  color: #488BF0;
}
.ai_line.start button:hover {
  color: white;
}

.ai_line button {
  border: none;
}
.ai_cont .calendar_right svg,
.ai_cont .calendar_left svg {
  width: 10px;
  height: 10px;
  /* padding: 0px 3px; */
  padding-top: 6px;
  cursor: pointer;
}
.ai_line1 input.bdate,
.ai_line1 input.edate {
  width: 11rem;
  border: none;
}
.ai_line1 {
  margin-left: -2rem;
}
.ai_cont .bySearch {
  display: none;
}
.ai_cont .bySearch.active {
  display: block;
  padding: 1rem 0;
}
.highlightColor:hover {
  color: #488BF0;
}
.ai_cont .pick_region svg {
  width: 1.5rem;
  height: 1.5rem;
}
details details {
  margin-left: 1rem;
}
/* details[disabled] summary, */
details summary.disabled {
  pointer-events: none; /* prevents click events */
  user-select: none; /* prevents text selection */
}