@import '../../node_modules/view-ui-plus/src/styles/index.less';
@import '../../node_modules/mapbox-gl/dist/mapbox-gl.css';

@layout-header-background: #3d3d3d;
@layout-body-background: #212121;
@menu-dark-title: #3d3d3d;
@menu-dark-active-bg: #3d3d3d;
@body-background: #212121;
@component-background: #212121;
@input-bg: #000000;
@title-color: #ffffff;
@table-thead-bg: #424242;
@table-td-stripe-bg: #424242;
@table-td-hover-bg: #3d3d3d;
@table-td-highlight-bg: #3d3d3d;
@border-color-base: #7e7e7e;
@border-color-split: #7e7e7e;

@background-color: #212121;
@background-color2: #3d3d3d;
@background-color3: #424242;
@border-color: #424242;
@border-color2: #7e7e7e;
@form-color: #000000;
@primary-color: #2d8cf0;
@text-color: #e3e3e3;
@text-color2: #cccccc;
@text-disabled-color: #acacac;
@disabled-button-color: #74b2f5;
@active-button-color: #38536d;

.full{
  width: 100%;
  height: 100%;
}
.h-half{
  width: 100%;
  height: 50%;
}
.inline{
  display: inline-block;
  vertical-align: middle;
}
.rel{
  position: relative;
}
.abs{
  position: absolute;
}
.tl{
  text-align: left;
}
.tc{
  text-align: center;
}

.error{
  color: #F2323F;
}

a.mapboxgl-ctrl-logo{
  display: none;
}

li {
  list-style: none;
}

.abs {
  position: absolute;
}

.rel {
  position: relative;
}
.delete, .error {
  color: #f56224;
}

.cursor{
  cursor: pointer;
}

.flex-between{
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  justify-content: space-between;
}

.flex-around{
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  justify-content: space-around;
}

body{
  font-family: Microsoft YaHei;
  background-color: @background-color;
}

input{
  background: @form-color;
}

// 覆盖ivu的样式
.ivu-table {
  background-color: initial;
  td{
    background-color: @background-color;
  }
}
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active, .ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu .ivu-menu-item-active:hover{
  background-color: @background-color !important;
}
// .ivu-select-item:hover{
//   background-color: @background-color2;
// }
// .ivu-form .ivu-form-item-label, .ivu-select, .ivu-select-item{
//   color: @text-color;
// }

// .ivu-select-item-selected, .ivu-select-item-selected:hover{
//   color: @primary-color;
// }
.ivu-notice-notice, .ivu-message-notice-content{
  background-color: #4e555d;
}
.ivu-modal{
  .ivu-modal-header{
    border-bottom: 1px solid @border-color;
    background-color: @background-color3;
    padding: 8px 16px;
  }
  .ivu-modal-body, .ivu-modal-content{
    overflow: hidden;
    color: @text-color;
    background-color: @background-color;
    .ivu-modal-header p, .ivu-modal-header-inner, .confirm-header .head-title, .ivu-modal-confirm-head-title{
      color: @text-color;
    }
    .confirm-body, .ivu-modal-confirm-body{
      color: @text-color2;
    }
  }
  .ivu-modal-close{
    color: @text-color2;
    top: 4px;
  }
  .ivu-modal-footer{
    border-top: 1px solid @border-color;
  }
}
.ivu-input, .ivu-select-selection{
  background-color: @form-color;
  border: none;
  color: @text-color;
}

// .ivu-btn-text{
//   color: @text-color2;
//   &:hover{
//     background-color: initial;
//   }
// }

.ivu-select-dropdown, .ivu-dropdown-item-selected{
  background-color: @border-color;
  .ivu-dropdown-item:hover{
    background-color: @background-color2;
  }
}

.ivu-btn-text:hover{
  background: transparent;
}

.ivu-tag{
  background: #656565;
  .ivu-icon-ios-close{
    color: #f56224;
    font-weight: bold;
  }
}

.ivu-radio-group-button{
  .ivu-radio-wrapper{
    background-color: #424242;
    box-shadow: none !important;
    &:before, &:after{
      background: transparent !important;
    }
  }
  .ivu-radio-wrapper-checked, .ivu-radio-wrapper-checked:first-child, .ivu-radio-wrapper-checked:hover, .ivu-radio-focus{
    border-color: #7e7e7e;
  }
}