@charset "UTF-8";
@import url('./global.css');

.common-box-group {
  font-family: 'Open Sans';
  font-size: 20px;
  color: #000;
}

.DelLocationAlert-btn {
  color: #757777;
  font-weight: 900;
  float: left;
  font-family: 'Open Sans Light';
  font-size: 10px;
  margin-right: 5px;
}

.left-btn input {
  width: 91px;
  padding-right: 10px;
}

/* .text-field > p:first-child {
  font-family: 'Open Sans';
  color: #000;
  font-size: 23px;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: 3px;
  height: 28px;
  line-height: 28px;
} */

.text-field {
  margin-bottom: 2px;
}

.content-left-margin {
  margin-left: 43px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.bounding {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.bounding .boundName {
  flex: none;
  border-left: 3px solid var(--primary-color);
  padding: 0 8px;
  font-size: 16px;
  font-weight: 600;
}

.bounding .boundLine {
  flex: 1;
  border-bottom: 1px dashed #ccc;
}

.text-field p {
  /* padding: 3px; */
  padding-bottom: 1px;
  /* overflow: hidden; */
  white-space: nowrap;
  text-overflow: ellipsis;
}

.left-div,
.left-div-02 {
  min-width: 300px;
  max-width: 50%;
  flex-grow: 1;
}

.text-field .text-deep,
.text-field .text-deep {
  font-size: 16px;
  padding: 2px;
  font-family: 'Open Sans';
  color: #000;
  font-weight: 300;
}

.text-field .text-light,
.text-field .text-light,
.device-detail .left-div-02 .weather-light {
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 300;
  color: var(--primary-layout-hover);
}

.text-field ul li {
  float: left;
  font-size: 14px;
  font-family: 'Open Sans Light';
  color: #979898;
  position: relative;
  overflow: hidden;
}

.text-field ul li span {
  display: block;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-field ul li span img {
  width: 13px;
  height: 13px;
}

.margin-top-3px {
  margin-top: 3px;
}

.margin-top-0px {
  margin-top: 0 !important;
}

.text-group-info {
  color: #979898;
  font-size: 14px;
  overflow: hidden;
  font-family: 'Open Sans';
  margin-top: 16px;
}

.text-group-info p:first-child {
  color: #000;
  font-family: 'Open Sans';
}

.margin-top-14px {
  margin-top: 14px;
}

.common-btn-light {
  margin-left: 8px;
  font-size: 20px;
  background-color: #ccc;
  padding: 0 15px;
  height: 39px;
  border: none;
  font-family: 'Open Sans Light';
  border-radius: 8px;
  line-height: 37px;
  display: inline-block;
  text-align: center;
  color: #010101;
  cursor: pointer;
}

.padding-0px {
  padding: 0 !important;
}

.left-div-02 .short-input,
.left-div .short-input {
  width: 134px;
  height: 32px;
  border-radius: 10px;
  border: 2px solid #a0a0a0;
  padding-left: 8px;
  outline: none;
  font-size: 14px;
  color: #979898;
  font-family: 'Open Sans Light';
  margin-top: 16px;
}

.vessel-left {
  margin-left: 0 !important;
}

.vessel-right .timeline-content {
  width: 90%;
}

.timeline-receipt {
  margin-left: 20px;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 800;
}

.timeline-right {
  display: flex;
  margin-top: 100;
  margin-left: 20px;
}

.timeline-right p {
  flex: 1;
}

.vessel-p {
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.vessel-p p {
  background: #efefef;
  width: 66.6666%;
  margin-bottom: 0;
  line-height: 18px;
  display: flex;
}

.vessel-p p span {
  width: 50%;
}

.main-info-inner {
  padding-left: 42px;
  margin-top: 4px;
}

.main-info-inner .input-box-group p {
  margin-bottom: 12px;
  font-size: 22px;
}

.main-info-inner .input-box-group input {
  margin-left: 0;
}

.main-info-inner .btn-box-group .common-btn-light {
  color: #000;
  font-size: 19px;
  line-height: 35px;
}

.main-info-inner .input-box-group {
  margin-bottom: 23px;
}

.weathe-port {
  float: left;
  height: 77px;
  border-bottom: 6px solid var(--primary-layout);
  cursor: pointer;
  padding-right: 10px;
}

.weathe-port:last-child {
  padding-right: 0;
}

.weathe-switch .active {
  border-bottom: 6px solid #000;
}

.weathe-port > div {
  width: 160px;
  height: 67px;
  background-size: 100% 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.weathertemp {
  background-image: url(../img/weathertemp.png);
}

.weathe-switch .active .weathertemp {
  background-image: url(../img/weather_temp.png);
}

.weathersubTemp {
  background-image: url(../img/weathertemp.png);
}

.weathe-switch .active .weathersubTemp {
  background-image: url(../img/weather_temp.png);
}

.weatherhumi {
  background-image: url(../img/weatherhumi.png);
}

.weathe-switch .active .weatherhumi {
  background-image: url(../img/weather_humi.png);
}

.weatheracceleration {
  background-image: url(../img/accelrationWhite.png);
}

.weathe-switch .active .weatheracceleration {
  background-image: url(../img/accelerationBlack.png);
}

.weathermotion {
  background-image: url(../img/motionWhite.png);
}

.weathe-switch .active .weathermotion {
  background-image: url(../img/motionBlack.png);
}

.weathersubHumi {
  background-image: url(../img/weatherhumi.png);
}

.weathe-switch .active .weathersubHumi {
  background-image: url(../img/weather_humi.png);
}

.weatherlight {
  background-image: url(../img/weatherlight.png);
}

.weathe-switch .active .weatherlight {
  background-image: url(../img/weather_light.png);
}

.weathersubLight {
  background-image: url(../img/weatherlight.png);
}

.weathe-switch .active .weathersubLight {
  background-image: url(../img/weather_light.png);
}

.weathershock {
  background-image: url(../img/weathershock.png);
}

.weathe-switch .active .weathershock {
  background-image: url(../img/weather_shock.png);
}

.weatherangle {
  background-image: url(../img/weatherangle.jpg);
}

.weathe-switch .active .weatherangle {
  background-image: url(../img/weather_angle.jpg);
}

.weatheropenBox {
  background-image: url(../img/weatheropenBox.png);
}

.weathe-switch .active .weatheropenBox {
  background-image: url(../img/weather_openBox.png);
}

.weatherco2 {
  background-image: url(../img/weatherco2.png);
}

.weathe-switch .active .weatherco2 {
  background-image: url(../img/weather_co2.png);
}

.weatherlcCo2 {
  background-image: url(../img/weatherco2.png);
}

.weathe-switch .active .weatherlcCo2 {
  background-image: url(../img/weather_co2.png);
}

.weather-deep {
  font-size: 14px;
  font-family: 'Open Sans';
  color: #000;
  margin-bottom: 2px;
}

.weather-light {
  font-size: 21px;
  font-family: 'Open Sans Light';
  color: #a3a4a4;
  margin-left: -6px;
  letter-spacing: -1px;
}

.weather-topLetterSpacing {
  letter-spacing: -5px;
}

.weather-letterSpacing {
  letter-spacing: -3px;
}

.weather-light-unit {
  letter-spacing: -2px;
  display: contents;
}

.weathe-switch .active .weather-light {
  color: #fff;
}

.weather-gray {
  font-size: 21px;
  font-family: 'Open Sans Light';
  color: #a3a4a4;
}

.text-weather {
  padding: 8px 0 0 15px;
}

.text-weather span:first-child {
  padding-left: 5px;
}

.weather-light span,
.weather-gray span {
  width: 40% !important;
}

.weather-light span:last-child {
  font-family: 'Open Sans Light';
}

.alarmMessage,
.common-tags {
  width: 100%;
  height: 35px;
  border: none;
  border-bottom: 1px solid #cccccc;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #f3f3f3;
  font-size: 16px;
  font-family: 'Open Sans';
  font-weight: bold;
  line-height: 35px;
  color: #000;
}

.text-form {
  background-image: url(../img/text_form.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 940px;
  height: 216px;
  margin-top: 33px;
}

.text-form table {
  margin-left: 104px;
  font-family: 'Open Sans Light';
}

.text-form table th,
.text-form table td {
  padding: 0 29px;
  margin-top: 3px;
  margin-right: 2px;
}

.text-form > table th {
  padding-top: 16px;
  padding-bottom: 9px;
}

.text-form table td {
  color: #a3a4a4;
  height: 36px;
  font-size: 13px;
  line-height: 36px;
  background-color: #fff;
  text-align: center;
}

.text-form table tr td:first-child {
  border-radius: 6px 0 0 6px;
}

.text-form table tr td:last-child {
  border-radius: 0 6px 6px 0;
}

.common-tags .pencil {
  overflow: hidden;
  float: right;
  margin: 5px 10px 0 0;
}

.common-tags .pencil img {
  width: 22px;
  height: 22px;
}

.common-tags {
  margin-top: 10px;
  margin-bottom: 22px;
}

.margin-top-10px {
  margin-top: 10px;
}

.text-field .specific-deep {
  margin-top: 14px;
  width: 100%;
  font-size: 14px !important;
  font-family: 'Open Sans Light' !important;
}

.margin-left-27px {
  margin-left: 27px !important;
}

.enjoy-info-left,
.enjoy-info-right {
  float: left;
}

.enjoy-info-left .input-box-ordinary .input-boundary,
.enjoy-info-right .input-box-ordinary .input-boundary {
  width: 430px;
}

.enjoy-info-right .input-box-ordinary {
  margin-left: 69px;
}

.input-box-ordinary .common-tags {
  width: 420px;
  margin-bottom: 15px;
}

.device-detail .left-div {
  width: 160px;
}

.device-detail .left-div .text-light-big {
  height: 40px;
  font-size: 32px;
  font-family: 'Open Sans Light';
  color: #a3a4a4;
}

.device-detail .left-div .text-light-big span {
  display: block;
  float: left;
  font-size: 30px;
  margin-top: -2px;
}

.device-detail .left-div .text-light-big img {
  width: 64px;
  height: 38px;
  margin-left: 15px;
}

.device-detail .left-div-02 {
  margin: 5px 150px 0 15px;
}

.margin-bottom-14px {
  margin-bottom: 14px;
}

.text-field .clearfix .text-group-info {
  margin-top: 0;
  margin-left: 0px;
}

.margin-left-13px {
  margin-left: 13px;
}

.device-detail {
  margin-left: 13px;
  position: relative;
}

.text-group-info .common-btn-light {
  margin-top: 22px;
  margin-left: 0;
}

.text-group-info .change-btn {
  padding: 0 20px;
  height: 32px;
}

.padding-left-28px {
  padding-left: 28px;
}

.procedure {
  margin-top: 36px;
  margin-bottom: 42px;
  height: 400px;
  /* margin-left: 250px; */
}

.procedure .tree {
  float: left;
  width: 12px;
  height: 182px;
  margin-top: 2px;
  position: absolute;
  left: 100%;
}

.procedure .step {
  float: left;
  /* margin-left: 18px; */
  position: absolute;
  left: 5%;
}

.procedure .step li {
  overflow: hidden;
  font-family: 'Open Sans';
  color: black;
  font-size: 14px;
  padding: 3px;
}

.procedure .step .step-two {
  margin: 46px 0 29px 0;
}

.step-sign {
  float: left;
  font-family: 'Open Sans';
  color: black;
  font-size: 14px;
}

.step-temple {
  float: right;
  position: absolute;
  margin-left: 5px;
}

.temple-style:link {
  font-family: 'Open Sans';
  color: #0099ff;
}

.temple-style:hover {
  color: rgba(0, 0, 204);
}

.temple-style:active {
  color: rgb(59, 59, 150);
}

.procedure .step .step-four {
  height: 70px;
}

.procedure .step .step-four .add-device-info {
  width: auto;
  height: auto;
  border: none;
  margin: 10px 0;
}

.line-chart {
  margin-bottom: 0px;
  width: 100%;
  height: 350px;
}

.text-field .weather .left-div p {
  width: 178px;
}

.left-div .unit,
.left-div-02 .unit {
  font-size: 14px;
  font-family: 'Open Sans Light';
  position: relative;
  font-weight: normal;
}

.left-div .unit span,
.left-div-02 .unit span {
  font-size: 2px;
  position: absolute;
  left: -4px;
  top: 4px;
  width: 2px;
  height: 2px;
  border: 1px solid #979898;
  border-radius: 50%;
}

.margin-bottom-4px {
  margin-bottom: 4px;
}

.plain-info > div {
  float: left;
}

.plain-info-left-01 {
  width: 54px;
  height: 54px;
}

.userManage-info {
  padding: 14px 16px 0 16px;
  position: relative;
}

.plain-info-left-02 {
  margin-left: 24px;
  width: 44%;
  margin-top: 15px;
}

.plain-info-left-02 .plain-info-inner,
.plain-info-left-03 .plain-info-inner {
  font-family: 'Open Sans';
  font-size: 20px;
  /* line-height: 24px; */
  text-align: center;
  overflow: hidden;
  min-height: 24px;
}

.plain-info-left-03 .plain-info-inner p img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 25px;
}

.plain-info-left-02 .plain-info-inner .deep-info,
.plain-info-left-03 .plain-info-inner .deep-info {
  font-size: 18px;
  font-weight: 300;
  width: 150px;
  font-family: 'Open Sans';
  color: #000;
  text-align: left;
  float: left;
}

.plain-info-left-02 .plain-info-inner .light-info,
.plain-info-left-03 .plain-info-inner .light-info {
  color: #333333;
  font-size: 14px;
  font-weight: 300;
  font-family: 'Open Sans';
  float: left;
  width: 240px;
  text-align: left;
  white-space: pre-wrap;
  word-break: break-all;
  line-height: 22px;
}

.common-btn-white {
  margin-left: 22px;
  font-size: 20px;
  background-color: #fff;
  padding: 0 15px;
  height: 39px;
  border: none;
  font-family: 'Open Sans Light';
  border-radius: 8px;
  line-height: 32px;
  display: inline-block;
  text-align: center;
  color: #000;
  cursor: pointer;
}

.userManage-info .text-form {
  background-image: none;
  height: auto;
  position: relative;
  margin-top: 0;
}

.userManage-info .text-form p:first-child {
  font-family: 'Open Sans';
  font-size: 17px;
  color: #010101;
  margin-bottom: 5px;
}

.userManage-info .text-form table {
  margin-left: 0;
}

.margin-top-17px {
  margin-top: 17px;
}

.userManage-info .pageWrap a {
  font-size: 17px;
  width: 34px;
  height: 34px;
  line-height: 32px;
}

.userManage-info .text-form table th,
.userManage-info .text-form table td {
  padding-left: 22px;
  padding-right: 22px;
}

.userManage-info .text-form table th {
  height: 37px;
  color: #6f6f6f;
  font-family: 'Open Sans';
  font-size: 17px;
}

.head_line {
  position: absolute;
  width: 99%;
  height: 2px;
  top: 80px;
}

.btn-frame {
  width: 160px;
  /* background-image: url(../img/btn_frame.png); */
  background-color: rgba(204, 204, 204, 1);
  margin-bottom: 18px;
  border-radius: 8px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 900;
  text-align: center;
  padding-right: 15px;
}

.btn-frame:hover {
  background-color: rgba(102, 102, 102, 1);
  color: rgb(255, 255, 255);
}

.btn-frame:active {
  background-color: rgba(90, 90, 90, 1);
}

.btn-frame:hover > p span {
  color: rgb(255, 255, 255);
}

.btn-frame p span {
  margin-left: 12px;
  font-size: 16px;
  color: #010101;
}

.btn-frame p span:first-child {
  font-size: 22px;
}

.btn-frame p span:last-child {
  margin-left: 4px;
}

.userManage-info .btn-box-group {
  margin-bottom: 20px;
  margin-left: 78px;
}

.btn-box-group-create {
  overflow: hidden;
  margin-bottom: 10px;
}

.common-btn-create {
  background-color: rgba(204, 204, 204, 1);
  color: #000;
  float: left;
  border-radius: 8px;
  height: 26px;
  font-size: 15px;
  line-height: 26px;
  font-weight: 900;
  text-align: center;
  padding-right: 15px;
  margin-right: 40px;
}

.common-btn-create:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(102, 102, 102, 1);
}

.common-btn-create:active {
  background-color: rgba(90, 90, 90, 1);
}

.common-btn-create:hover > span {
  color: rgb(255, 255, 255);
}

.common-btn-create span {
  margin-left: 12px;
  font-size: 16px;
  color: #010101;
}

.common-btn-create span:first-child {
  font-size: 22px;
}

.common-btn-create span:last-child {
  margin-left: 4px;
}

.text-field-info {
  background-image: url(../img/text_field.png);
  width: 938px;
  height: 338px;
  margin-bottom: 136px;
  background-size: 100% 100%;
  overflow: hidden;
}

.text-field-info > div > img {
  width: 26px;
  height: 30px;
  margin: auto;
  display: block;
  margin-top: 27px;
}

.text-field-info > div > p {
  font-family: 'Open Sans Light';
  color: #6f6f6f;
  font-size: 14px;
  text-align: center;
  margin-top: 9px;
}

.text-box-group {
  font-family: 'Open Sans';
  color: black;
}

.text-box-group p:last-child {
  color: rgba(0, 0, 0, 0.427450980392157);
}

.pageWrap-adjust {
  margin-top: 17px;
  margin-bottom: 220px;
}

.margin-bottom-0px {
  margin-bottom: 0;
}

.text-form2 {
  margin-top: 21px;
  position: relative;
  /* overflow: hidden; */
  margin-left: 22px;
}

.transparent_gray_am > p > span > input {
  background: none;
  outline: none;
  border: 0;
  font-size: 18px;
  color: #a1a1a1;
  font-family: 'Open Sans Light';
  width: 78%;
}

.margin-left-7px {
  margin-left: 7px;
}

.margin-top-33px {
  margin-top: 33px;
}

.export-option2 {
  position: absolute;
  width: 412px;
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
  -moz-transition: height 0.5s;
  /* Firefox 4 */
  -webkit-transition: height 0.5s;
  /* Safari 和 Chrome */
  -o-transition: height 0.5s;
  border-radius: 10px;
}

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

.export-option2 li {
  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;
}

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

.subassembly > .active {
  color: #fff;
  /* background-color: rgb(204,204,204); */
  background-color: #fff;
  height: 80px;
}

/* .text-form > table tr > .operate {
} */

.text-form > table tr > .operate img {
  float: left;
  width: 20px;
  height: 20px;
  margin-left: 12px;
  cursor: pointer;
}

.transparent_white_bm {
  width: 600px;
  height: 374px;
  /* border: 2px solid #a0a0a0; */
  position: absolute;
  top: 380px;
  left: 190px;
  /* border-radius: 12px;
  background-color: #fff; */
  padding-left: 41px;
  display: none;
  z-index: 99;
}

.pointer {
  cursor: pointer;
}

.margin-bottom-7px {
  margin-bottom: 7px;
}

.common-btn-light-adjust {
  margin-left: 6px !important;
  padding: 0 8px;
}

.myriadPro-emibold {
  font-family: 'Open Sans' !important;
}

.manage-info {
  padding: 18px 18px 32px 18px;
  position: relative;
}

.manage-info > .clearfix .imitate-thead > li {
  font-size: 16px;
  color: #6f6f6f;
}

.manage-info > .clearfix ul {
  width: 1867px;
}

.manage-info > .clearfix .imitate-thead > li,
.manage-info > .clearfix .imitate-tbody > li > div {
  float: left;
  margin-left: 2px;
  text-align: center;
  word-wrap: break-word;
}

.manage-info > .clearfix .imitate-thead {
  overflow: hidden;
  height: 40px;
  border-bottom: 3px solid rgb(151, 152, 152);
}

.manage-info > .clearfix .imitate-thead > li:first-child,
.manage-info > .clearfix .imitate-tbody > li > div:first-child {
  width: 117px;
  border-radius: 10px 0 0 10px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(2),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(2) {
  width: 102px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(3),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(3) {
  width: 150px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(4),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(4) {
  width: 154px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(5),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(5) {
  width: 150px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(6),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(6) {
  width: 152px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(7),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(7) {
  width: 94px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(8),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(8) {
  width: 135px;
}

.manage-info > .clearfix .imitate-tbody > li > div:nth-child(9) {
  width: 133px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(9) {
  padding-left: 26px;
  text-align: left;
  width: 133px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(10),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(10) {
  width: 186px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(11),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(11) {
  width: 206px;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(11) {
  padding-left: 15px;
  text-align: left;
}

.manage-info > .clearfix .imitate-thead > li:nth-child(12),
.manage-info > .clearfix .imitate-tbody > li > div:nth-child(12) {
  width: 144px;
  border-radius: 0 10px 10px 0;
}

.manage-info > .clearfix .imitate-tbody > li > div {
  background-color: #fff;
  min-height: 62px;
  /*margin-top: 2px;*/
  /*line-height: 62px;*/
  font-family: 'Open Sans Light';
  color: #6f6f6f;
  font-size: 15px;
  word-wrap: break-word;
}

/* .manage-info>.clearfix .imitate-tbody>li>div>span{
	width: 100%;
	position: relative;
	top: 20px;
} */

.manage-info > .head-line {
  height: 2px;
}

.manage-info > .clearfix .imitate-tbody > li {
  overflow: hidden;
  margin-top: 5px;
}

.manage-info > .clearfix .imitate-tbody > li:last-child {
  margin-bottom: 18px;
}

.manage-info > .clearfix .imitate-tbody > li:last-child > li:first-child {
  border-radius: 0 0 0 10px;
}

.manage-info > .clearfix .imitate-tbody > li:last-child > li:last-child {
  border-radius: 0 0 10px 0;
}

.margin-left-201px {
  margin-left: 201px;
}

.manage-info .add-device > span {
  font-size: 19px;
  height: 30px;
  line-height: 30px !important;
  padding: 0 13px;
}

.manage-info .add-device {
  margin-top: 44px;
}

.add-device-info > h3 {
  text-align: center;
  margin: 29px 0;
  font-size: 20px;
}

.add-device-info > .add-device-info-input {
  overflow: hidden;
  height: 60px;
}

.add-device-info > .add-device-info-input > div > input {
  background: none;
  outline: none;
  border: 0px;
  font-family: 'Open Sans Light';
  font-size: 14px;
  color: #979798;
  /* line-height: 28px; */
  margin-top: 4px;
  width: 95%;
  /* text-align: center; */
}

.add-device-info > .add-device-info-input > div:first-child {
  float: left;
  margin-left: 58px;
  margin-right: 12px;
  width: 180px;
  height: 29px;
  border: rgb(204, 204, 204) solid 2px;
  border-radius: 10px;
  background-color: #fff;
}

.add-device-info > .add-device-info-input > div:last-child {
  float: left;
  width: 100px;
  height: 29px;
  border: rgb(204, 204, 204) solid 2px;
  border-radius: 10px;
}

.add-device-info > .input-box-group {
  margin-top: 42px;
  text-align: center;
}

.add-device-info > .input-box-group button {
  width: 100px;
  margin-right: 25px;
}

.scroll-bar {
  overflow-x: auto;
}

.manage-info > .scroll-bar::-webkit-scrollbar {
  width: 15px;
}

.manage-info > .scroll-bar {
  list-style: none;
  scrollbar-face-color: rgb(102, 102, 102);
  /* 移动滑块颜色 */
  scrollbar-track-color: rgb(204, 204, 204);
  /* 背景颜色 */
  scrollbar-arrow-color: rgb(204, 204, 204);
  /* 箭头颜色 */
  -moz-appearance: none !important;
}

.manage-info > .scroll-bar::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: rgb(204, 204, 204);
}

/* 滚动条的滑轨背景颜色 */

.manage-info > .scroll-bar::-webkit-scrollbar-thumb {
  background-color: rgb(102, 102, 102);
  border-radius: 6px;
}

.manage-info > .scroll-bar > img {
  height: 2px;
}

.mCSB_1_dragger_horizontal,
.mCSB_dragger_bar {
  /* width: 566px; */
  height: 12px;
  background-color: rgb(102, 102, 102);
  border-radius: 6px;
}

.width-auto {
  width: auto !important;
}

.padding-left-6px {
  padding-left: 6px;
}

.padding-left-18px {
  padding-left: 18px;
}

.shade {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}

.main-info {
  position: relative;
  height: auto;
}

.select-device {
  /* width: 550px; */
  height: 574px;
  /* position: absolute; */
  /* top: 100px;
  left: 133px; */
  z-index: 1;
  background-color: rgba(250, 250, 250, 1);
  margin: auto;
  /* border: 2px solid #979797;
  border-radius: 10px; */
  display: none;
}

.select-cargo {
  /* width: 550px; */
  height: 574px;
  /* position: absolute; */
  /* top: 100px;
  left: 133px; */
  z-index: 1;
  background-color: rgba(250, 250, 250, 1);
  margin: auto;
  /* border: 2px solid #979797;
  border-radius: 10px; */
  display: none;
}

.select-device-title {
  font-family: 'Open Sans';
  font-weight: 700;
  font-style: normal;
  font-size: 32px;
  color: #000;
  float: left;
}

.select-device-input {
  float: right;
  /* margin-right: 89px;
  margin-top: 25px; */
}

.relative {
  position: relative;
}

.radius-12 {
  border-radius: 12px;
}

.forgot-password {
  border: 2px rgb(107, 107, 107) solid;
  border-radius: 12px;
  width: 400px;
  height: 280px;
  z-index: 1;
  position: absolute;
  top: 32px;
  left: 284px;
  background-color: #fff;
  padding-left: 36px;
  padding-right: 40px;
  display: none;
}

.forgot-password-input {
  width: 208px;
  height: 23px;
  border-radius: 6px;
  border: 2px solid #a0a0a0;
  padding-left: 8px;
  outline: none;
  font-size: 14px;
  color: #999;
  font-family: 'Open Sans Light';
  margin-left: 1px;
  margin-top: 30px;
}

.forgot-password p:first-child {
  font-size: 26px;
  color: #000;
  font-family: 'Open Sans';
  margin-top: 30px;
}

.forgot-password p:nth-child(2) {
  font-size: 14px;
  color: #999;
  margin-top: 20px;
}

.margin-top-39px {
  margin-top: 39px;
}

.common-btn-login {
  float: left;
  margin-right: 8px;
  font-size: 20px;
  background-color: #ccc;
  padding: 0 15px;
  width: 100px;
  height: 39px;
  border: none;
  font-family: 'Open Sans Light';
  border-radius: 8px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  color: #000;
  cursor: pointer;
}

.next-btn-login,
.next-btn-device-setting {
  margin-left: 33px;
  font-size: 20px;
  background-color: var(--primary-color);
  min-width: 100px;
  height: 39px;
  border: none;
  font-family: 'Open Sans Light';
  border-radius: 8px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.login-editPassword {
  width: 1260px;
  margin: 58px auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 119px;
  background-color: rgb(253, 253, 253);
  display: none;
}

.editPassword-content {
  margin-left: 311px;
}

.subassembly-main {
  font-size: 33px;
  font-family: 'Open Sans';
  color: #010101;
  margin-top: 52px;
}

.subassembly-p {
  font-family: 'Open Sans Light';
  font-size: 21px;
  color: #010101;
  margin-top: 45px;
}

.login-editPassword .transparent_white_am {
  background-size: 100% 100%;
  width: 298px;
  height: 32px;
  line-height: 35px;
  border: 2px solid #a0a0a0;
  border-radius: 9px;
}

.login-editPassword .transparent_white_am > input {
  background: none;
  outline: none;
  border: 0;
  font-size: 14px;
  width: 86%;
  margin-left: 11px;
  font-family: 'Open Sans Light';
  color: #999;
}

.login-editPassword > .editPassword-content > .subassembly > small {
  font-size: 14px;
  font-family: 'Open Sans Light';
  color: #999;
  margin-left: 5px;
}

.margin-left-0 {
  margin-left: 0 !important;
}

.bg-204 {
  background-color: rgb(204, 204, 204);
}

.input-outside {
  background-color: #fff;
  width: 596px;
  height: 32px;
  border-radius: 10px;
  border: 2px solid #a0a0a0;
  padding-left: 8px;
  outline: none;
  font-size: 14px;
  color: #979898;
  font-family: 'Open Sans Light';
  margin-left: 8px;
}

.select-device-switch {
  margin: 0 !important;
  /* width: 500px !important;
  border: none !important; */
  float: left;
}

.subnav ul .subnav-tip2 {
  width: 79px;
  height: 40px;
  border: 2px solid #ccc;
  border-radius: 8px;
  padding: 10px 0;
  font-size: 24px;
  font-weight: bold;
  color: #d2d2d2;
  line-height: 22px;
}

.subnav .text-ul .subnav-tip2 {
  width: 79px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: bold;
  color: #d2d2d2;
  line-height: 15px;
  text-align: center;
}

.text-align-left {
  text-align: left !important;
}

.padding-left-10px {
  padding-left: 10px !important;
}

.padding-left-5px {
  padding-left: 5px !important;
}

.subnav ul .connector2 {
  height: 3px;
  width: 87px;
  padding: 0 3px;
  margin-top: 9px;
}

.subnav ul .active {
  border: 2px solid #000 !important;
  color: #000 !important;
}

.subnav .text-ul .active {
  color: #000 !important;
  border: 0 !important;
  font-size: 14px !important;
}

.subnav ul .subnav-tip2 img {
  width: 20px;
  height: 20px;
  margin-left: 29px;
}

.line-checkbox {
  font-family: 'Open Sans Light';
  font-size: 12px;
  color: #000;
  margin-top: 28px;
  margin-left: 120px;
}

.line-checkbox > div > p {
  float: left;
}

.line-checkbox > div {
  float: left;
  margin-left: 50px;
}

.line-checkbox > div > p {
  margin-right: 5px;
  width: 13px;
  height: 13px;
  /* background: url(../img/like_checkbox.png); */
  margin-top: 2px;
}

.line-checkbox > div > .active {
  background: url(../img/pitch_checkbox.png) !important;
  width: 16px;
  height: 17px;
  margin-top: 0;
}

.left {
  float: left;
}

.search-magnifier {
  width: 18px;
  height: 17px;
  margin-top: 6px;
  margin-left: 9px;
}

.device-setting-05-info {
  /* margin-bottom: 20px; */
}

.info_lable {
  /* width: 150px; */
  /* text-align: right; */
}

.device-setting-05-info > div {
  float: left;
  font-family: 'Open Sans ';
  font-weight: 300;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.847058);
}

.device-setting-05-info > div:nth-child(2) {
  /* background: url(../img/pitch_checkbox.png)!important; */
  width: 16px;
  height: 17px;
  /* margin-left: 15px; */
  /* margin-top: 7px; */
}

.device-setting-r {
  font-family: 'Open Sans';
  font-weight: 700;
  font-size: 14px;
  color: rgb(255, 0, 0);
  line-height: 30px;
}

.device-setting-flight-note {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  color: rgb(153, 153, 153);
  line-height: 20px;
}

.device-setting-05-info > div:nth-child(3) {
  margin-left: 20px;
}

.device-setting-title {
  font-family: 'Open Sans Light' !important;
  font-size: 14px !important;
  margin-bottom: 5px !important;
}

.padding-top-5px {
  padding-top: 5px;
}

.btn-o {
  background-color: var(--primary-color);
  color: #fff;
}

.input-box-group select {
  width: 608px;
  height: 32px;
  border-radius: 10px;
  border: 2px solid #a0a0a0;
  padding-left: 8px;
  outline: none;
  font-size: 14px;
  color: #979898;
  font-family: 'Open Sans Light';
  margin-left: 8px;
}

/* segon modify begin for bug 200567: 设备设置---summary缺少SHARE ALERTS WITH模块 */
.multi-line-box-left {
  float: left;
  width: 400px;
}

.multi-line-box-right {
  float: left;
  width: 400px;
}

.multi-line-box-left .input-box-ordinary .input-boundary,
.multi-line-box-right .input-box-ordinary .input-boundary {
  margin-top: 14px;
  /*
  width: auto;
  min-width: 250px;
  max-width: 350px;
  */
  width: 350px;
}

.multi-line-box-left .input-box-ordinary > p,
.multi-line-box-right .input-box-ordinary > p,
.multi-line-box-left .input-box-ordinary .input-boundary > p,
.multi-line-box-right .input-box-ordinary .input-boundary > p {
  font-size: 14px;
  font-family: 'Open Sans Light';
  color: #979898;
}

/* segon modify end for bug 200567: 设备设置---summary缺少SHARE ALERTS WITH模块 */

/* segon modify end for bug 200567: 设备设置---summary页面中的location notification模块内容缺少邮件通知和短信通知 */
.loc-info table tr td {
  height: 28px;
  vertical-align: top;
}

.loc-info table tr > td:first-child {
  width: 28px;
}

.loc-info table tr td img {
  height: 16px;
  width: 16px;
}

/* segon modify end for bug 200568: 设备设置---summary页面中的location notification模块内容缺少邮件通知和短信通知 */