html,
body {
  background-color: #fff;
  font-size       : 12px;
  margin          : 0;
  padding         : 0;
  height          : 100%;
  width           : 100%;
}

.icon-grid-menu {
  width     : 16px;
  height    : 16px;
  background: url('../img/icons/menu.png') no-repeat center center;
}

.icon-menu {
  background: url('../img/icons/menu.png') no-repeat center center;
}

.icon-detail {
  background: url('../img/icons/detail.png') no-repeat center center;
}

.icon-group {
  background: url('../img/icons/group.png') no-repeat center center;
}

.icon-device {
  background: url('../img/icons/device.png') no-repeat center center;
}

.icon-line-point {
  background: url('../img/icons/line-point.png') no-repeat center center;
}

.icon-pipe {
  background: url('../img/icons/pipe.png') no-repeat center center;
}

.icon-excel {
  background: url('../img/icons/excel.png') no-repeat center center;
}

.icon-logout {
  background: url('../img/icons/logout.png') no-repeat center center;
}

.icon-mobile {
  background: url('../img/icons/mobile.png') no-repeat center center;
}


.icon-loading {
  background: url('../img/icons/loading.gif') no-repeat center center;
}

.icon-loading2 {
  background: url('../img/icons/loading2.gif') no-repeat center center;
}

.icon-up {
  background: url('../img/icons/up.png') no-repeat center center;
}

.icon-down {
  background: url('../img/icons/down.png') no-repeat center center;
}

.icon-map {
  background: url('../img/icons/map.png') no-repeat center center;
}

.icon-point {
  background: url('../img/icons/point.png') no-repeat center center;
}


.icon-user {
  background: url('../img/icons/user.png') no-repeat center center;
}


.icon-card {
  background: url('../img/icons/card.png') no-repeat center center;
}

.icon-track {
  background: url('../img/icons/track.png') no-repeat center center;
}

.icon-large-search {
  background: url('../img/icons/large_search.png') no-repeat center center;
}
.icon-import {
  background: url('../img/icons/import.png') no-repeat center center;
}
.status_icon {
  border-radius: 50%;
  display      : inline-block;
  width        : 14px;
  height       : 14px;
}

.color_unchecked {
  color: gray;
}

.color_late {
  color: red;
}

.color_early {
  color: blue;
}

.color_ontime {
  color: green;
}

.bg_unchecked {
  background: gray;
}

.bg_late {
  background: red;
}

.bg_early {
  background: blue;
}

.bg_ontime {
  background: green;
}


.day_checkbox input {
  margin-right: 15px;
}

.anchorBL {
  display: none;
}

.error-message {
  margin : 4px 0 0 0;
  padding: 0;
  color  : red;
}

.error-label {
  color: red;
}


.error-input {
  background : url('../img/icons/star.png') no-repeat center left;
  text-indent: 10px;

}

.poi_info {
  text-align   : left;
  border-style : solid;
  border-color : #b08500;
  border-width : 2px;
  border-radius: 10px;
  white-space  : nowrap;
  min-width    : 50px;
  position     : absolute;
  background   : #ffc000;
  color        : #000000;
  font-size    : 12px;
  padding      : 5px;
}

.xjy_poi {
  color        : #2e74b5;
  border-bottom: 1px solid #c4d8ed;
}

.xjy_user {
  color: #000000;
}

.info_box_container {
  background : transparent;
  display    : flex;
  flex-flow  : column;
  cursor     : default;
  align-items: center;
}

.info_box {
  width       : 100%;
  flex        : 1;
  background-color: #FFFFFF;
  display         : flex;
  flex-flow       : column;
  cursor          : default;
  border-radius   : 3px;
  border          : 1px solid #c4d8ed;
  align-items:flex-start;
}

.info_box_title {
  width     : 100%;
  background: #ffc000;

}

.info_box_content {
  width       : 100%;
  flex        : 1;
  overflow    : auto;
  padding     : 5px 0;
  table-layout: fixed;
}


.info_box_content_item:hover{
  background-color: violet;
}

.info_box_triangle_down {
  width       : 0;
  height      : 0;
  border-left : 8px solid transparent;
  border-right: 8px solid transparent;
  border-top  : 16px solid #c4d8ed;

}