@charset "UTF-8";
@import url('./global.css');
/* global */
body {
  background-color: var(--body-background);
}

/* for layout */

/* for fix siderbar appearance */

.fga-wrap-outer {
  padding-left: 0;
  overflow: visible;
}

.wrap.ant-layout {
  background-color: transparent;
  width: 100%;
  overflow-x: auto;
}

/* for header */

.header .logo {
  max-width: 252px;
  height: auto;
  margin-top: -14px;
  width: 100%;
}
.header .help {
  cursor: pointer;
  float: right;
  margin-right: 10%;
}
.highlightClass {
  max-height: 550px;
}
.statusHighlightClass {
  min-height: 500px;
}
.addDeviceTooltip {
  width: 400px;
}
.overviewMapTooltip {
  width: 800px;
}
.overviewSidebartipClass {
  margin-top: 30px;
}
.deviceSidebartipClass {
  margin-top: 120px;
}
.deviceSettingSidebartipClass {
  margin-top: 210px;
}
.reportSidebartipClass {
  margin-top: 300px;
}
.userManageSidebartipClass {
  margin-top: 390px;
}

.settingsTabhightLightClass {
  max-width: 705px;
}
.newCargotipClass {
  margin-left: 240px;
}
.cargoListtipClass {
  margin-left: 470px;
}

.header.ant-layout-header {
  padding: 26px 20px 17px 0;
  height: 89px;
  line-height: initial;
  position: fixed;
  z-index: 999;
  width: 100%;
  /* max-width: 1260px; */
  background: #fbfbfb;
  box-shadow: none;
}

/* .header.ant-layout-header.public-header {
  height: 69px;
} */

.header .nav {
  padding: 0;
  border-bottom: none;
  float: unset;
  margin-top: -14px;
}

.header .nav .ant-tabs-bar {
  border-bottom: none !important;
}

.header .nav .ant-tabs {
  margin-left: 0px;
  height: 32px;
  color: #000;
}

.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab {
  background: inherit;
  background-color: rgba(188, 188, 188, 1);
  border: none;
  border-radius: 4px;
  text-align: center;
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  font-size: 14px;
  margin-right: 10px;
  width: 226px;
  height: 32px;
  line-height: 32px;
  padding: 0 6px 1px 6px;
  cursor: pointer;
}

.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab:active,
.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover,
.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab:focus {
  color: #fff;
  background-color: #00b050;
}

.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active,
.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:active,
.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover,
.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:focus {
  background-color: #00b050;
  color: #fff;
  border-radius: 4px;
  cursor: text;
}

.header .nav .ant-tabs .ant-tabs-nav .ant-tabs-ink-bar {
  background-color: transparent;
}

/* for content general */

.content.ant-layout {
  background-color: transparent;
  padding-top: 90px;
  padding-left: 0;
  padding-right: 0;
  overflow: auto;
}

.content > .ant-layout {
  margin-left: 234px;
  width: calc(100% - 234px);
  overflow: auto;
  background-color: transparent;
  /* width: 90%; */
}

.content .main {
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin-left: 0;
  /* width: 1000px; */
  height: 100%;
  float: initial;
  overflow-y: hidden;
}

.content .main .ant-card {
  background: --body-background;
}

/* for content */

/* add new equip */
.add-device {
  text-align: center;
  margin-top: 53px;
}
.add-device > .ant-btn-primary {
  min-width: 150px;
}

/* setup */

/* 'wait' | 'process' | 'finish' */

.subnav .ant-steps-item,
.subnav .ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 25px;
  -ms-flex: none;
  flex: none;
}
.subnav .ant-steps-dot .ant-steps-item-tail:after {
  height: 1px;
  width: 146px;
  margin-top: 1px;
}

.subnav .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
  padding: 0;
  line-height: 20px;
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  font-size: 14px;
  /* width: 100px; */
  white-space: normal;
  text-align: -webkit-center;
  text-align: center;
  color: #cccccc;
  font-family: 'Open Sans Light', 'Open Sans';
  font-weight: 300;
  font-style: normal;
}

.fga.cargo .subnav .ant-steps-item .ant-steps-item-content .ant-steps-item-title {
  white-space: nowrap;
}

.subnav .ant-steps-item.ant-steps-item-process .ant-steps-item-title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  color: var(--primary-color);
  font-size: 14px;
  text-align: center;
}

.subnav .ant-steps-item.ant-steps-item-finish .ant-steps-item-title {
  font-family: 'Open Sans';
  font-weight: 300;
  font-style: normal;
  color: var(--primary-color);
  font-size: 14px;
  text-align: center;
}

/* .fga p {
  margin-top: 0;
  margin-bottom: 0;
} */

.fga .ant-card {
  background: transparent;
}

/* form */

.fga .have-unit-input,
.fga .long-imitate-input,
.fga .short-input,
.fga .long-input {
  padding: 0;
  border-radius: 10px;
  border: 2px solid #a0a0a0;
  box-sizing: content-box;
  line-height: 19px;
}

/* .fga .long-imitate-input,
.fga .have-unit-input {
  border-right: 0;
} */

.fga .have-unit-input {
  width: 162px !important;
}

.fga .have-unit-input input {
  width: auto;
}

.fga .have-unit-input + .ant-input-group-addon,
.fga .short-input + .ant-input-group-addon,
.fga .imitate-input + .ant-input-group-addon {
  background-color: rgb(208, 209, 210);
  font-size: 15px;
  font-family: 'Open Sans';
  color: #707070;
  border-radius: 0 10px 10px 0;
  border: 2px solid #a0a0a0;
  border-left: 0;
  box-sizing: content-box;
}

.fga .have-unit-input + .ant-input-group-addon,
.fga .short-input + .ant-input-group-addon {
  text-align: center;
  float: left;
  width: 32px;
  height: 32px;
  position: relative;
  font-weight: normal;
  line-height: 28px;
  padding: 0;
}

.fga .input-box-group .ant-form-item-label {
  line-height: 32px;
}

.fga .input-box-group .ant-form-item-label label {
  font-size: 15px;
  color: #979898;
  font-family: 'Open Sans Light';
}

.text-field-info {
  width: 100%;
  margin-bottom: 0;
}
.fga .ant-select,
.fga .ant-select-selection,
.ant-select-dropdown-menu-item {
  /* width: 608px;
  height: 32px; */
  font-size: 14px;
  color: #000;
  font-family: 'Open Sans';
}
.fga .ant-input {
  color: #000;
  font-family: 'Open Sans';
}
.fga .ant-input-number {
  /* display: table-cell; */
  color: #000;
  font-family: 'Open Sans';
}
.fga .ant-select-selection:focus,
.fga .ant-select-selection:hover,
.fga .ant-select-selection:active,
.fga .ant-input:hover,
.fga .ant-input:focus,
.fga .ant-input:active,
.fga .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  /* border-color: rgb(255, 100, 0, 1); */
  box-shadow: none;
}

.fga .input-box-ordinary .ant-input-affix-wrapper input,
.fga .input-box-group .ant-input-affix-wrapper input,
.fga .input-box-group .ant-form-item-control-wrapper .ant-calendar-picker input,
.fga .input-box-group .ant-form-item-control-wrapper .ant-calendar-picker {
  max-width: 100%;
}

/* Button */
.fga .content-text,
.fga .ant-btn,
.fga .ant-btn-primary {
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 300;
}

.fga .content-text {
  color: #000;
}

.fga .ant-btn,
.fga .ant-btn:focus {
  color: #000;
  background-color:var(--primary-btn);
  border: none;
}

.fga .ant-btn:hover {
  color: #fff;
  background-color: var(--primary-btn-hover);
}

.fga .ant-btn-primary,
.fga .ant-btn-primary:focus {
  color: #fff;
  background-color: var(--primary-color);
}

.fga .ant-btn-primary:hover {
  color: #fff;
  background-color: var(--primary-color-hover);
}

/* location */
.fga .common-box-group p {
  line-height: 24px;
  margin-bottom: 0;
}

.fga .subtitle-input-list .short-input {
  width: auto;
}

.fga .have-unit-input input,
.fga .long-imitate-input input,
.fga .short-input input,
.fga .long-input input {
  border: none;
  border-radius: 10px;
  /* border: 2px solid #a0a0a0; */
  padding: 0 8px;
}

.fga .subtitle-input-list > div {
  float: none;
}

.fga .userManage-info .common-btn {
  min-width: 140px;
  margin-right: 20px;
  margin-top: 20px;
}

.fga .export-option2 option {
  border: 2px solid rgb(173, 173, 173);
  margin-top: 2px;
  padding-left: 14px;
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  border-radius: 10px;
  line-height: 36px;
  cursor: pointer;
  color: #000;
}

.fga .export-option2 .active {
  color: #fff;
  background-color: rgb(204, 204, 204);
}

.fga .export-option2 option:first-child {
  margin-top: 4px;
}

.btn-frame {
  height: auto;
}

.btn-frame p {
  margin-bottom: 0;
}

.select-device,
.select-cargo {
  position: initial;
  height: auto;
  padding: 20px 20px 0px 20px;
}

.fga .input-outside {
  height: 38px;
}

.fga .input-outside input {
  background: transparent;
}
/* 让disable的checkbox的内容不要太灰 */
.fga .ant-checkbox-disabled + span {
  color: grey;
}

.common-btn-login {
  float: none;
}

.fga-wrap-outer .key-search,
.fga-wrap-outer .clear-filter-btn {
  line-height: 19px;
}

.fga-wrap-outer .adorn {
  background-color: rgba(204, 204, 204, 1);
}

.modal-content-title,
.modal-content-title-small,
.modal-content-title-bold {
  background-size: 100% 100%;
  height: 32px;
  color: #000;
  font-weight: 300;
  font-size: 32px;
  font-family: 'Open Sans';
  line-height: 32px;
  margin-bottom: 24px;
}

.modal-content-title-small {
  font-size: 18px;
}

.modal-content-title-bold {
  font-weight: 700;
}

.no-margin {
  margin: 0px;
}

.fga-link,
.fga-link:hover {
  color: #09f;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}

.main-info,
.fga-info-box-border {
  border: 1px solid #cccccc;
  border-radius: 5px;
}

/* 搭配card使用，凸显card */
.main-info-gray-bg {
  background: #ececec;
}
.main-info-gray-bg .ant-card-head {
  background: var(--body-background);
  border-bottom: 2px solid #e8e8e8;
}
.main-info-gray-bg .ant-card-body {
  background: var(--body-background);
}

.map-fullscreen-container {
  position: fixed;
  z-index: 1000;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  display: block;
  background-color: #000000a6;
}

.map-fullscreen-container .map-fullscreen {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.map-fullscreen-container-hidden {
  display: none;
  z-index: 0;
}

/* segon add: 201341 safari 输入电话号码框中出现一个小人头 @{*/
input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}
/* @} */