// 样式变量
@padding: 16px;
@fontSize: 12px;
@fontSizeSmall: 10px;
@fontSizeBig: 14px;
@fontSizeHuge: 14px;

.container {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  font-size: @fontSize !important;

  :global {
    .ant-layout-sider {
      position: relative;
      z-index: 6;
    }

    .ant-page-header {
      position: fixed;
      z-index: 5;
      width: calc(100vw - 200px);
      box-sizing: border-box;
      left: 200px;
      top: 48px;
      padding: 8px 16px;
      border-color: rgba(0, 0, 0, 0.09);
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
      background-color: #fff;
    }

    .ant-card {
      font-size: @fontSize;
    }

    .ant-tooltip {
      font-size: @fontSize;
    }

    .ant-card-hoverable {
      cursor: default;
    }

    .ant-card-head {
      font-size: @fontSize;
      padding: 0 @padding;
    }

    .ant-form {
      label {
        font-size: @fontSize;
      }
    }

    .ant-select {
      font-size: @fontSize;
    }

    .ant-card-body {
      padding: @padding;
    }

    .ant-menu-item {
      font-size: @fontSize;
    }

    .ant-menu-inline {
      .ant-menu-item {
        font-size: @fontSize;
      }

      .ant-menu-submenu-title {
        font-size: @fontSize;
      }
    }

    .ant-calendar-range-picker-input {
      font-size: @fontSize;
    }

    .ant-select-arrow {
      font-size: @fontSizeSmall;
    }

    .ant-select-dropdown {
      font-size: @fontSize;
    }

    .ant-dropdown-menu-item {
      font-size: @fontSize;
    }

    .ant-select-dropdown-menu-item {
      font-size: @fontSize!important;
    }

    // .ant-select-selection {
    //   border-radius: 2px;
    // }

    .ant-btn {
      font-size: @fontSize;
      .anticon {
        font-size: @fontSizeHuge;
        &.anticon-caret-down {
          font-size: @fontSizeSmall;
        }
      }
    }

    .ant-page-header-heading-title {
      font-size: @fontSizeBig;
    }
    
    .ant-table {
      font-size: @fontSize;
    }
  }
}

#nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}

:global {
  .ant-dropdown {
    .ant-dropdown-menu-item, .ant-dropdown-menu-submenu-title {
      font-size: @fontSize; 
    }
  }
  .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
     -ms-box-orient: horizontal;
    /*IE10中显不一行，类似于flex-direction:row功能*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
  
  .flex-1{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    flex:1;
    display: block;
  }
}