.ngdialog.ngdialog-theme-emdata {
    z-index: 999 !important;
}

.ngdialog.ngdialog-theme-emdata .ngdialog-content {
    padding: 0;
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    margin-top: -100px;
}

.ngdialog.ngdialog-theme-emdata-code {
  z-index: 999 !important;
}
.ngdialog.ngdialog-theme-emdata-code .ngdialog-content {
  padding: 0;
  background: #fff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  margin-top: 0px;
  border-radius: 8px;
}

.popup-container.active,
.backdrop.active {
    z-index: 1000 !important;
}

.popup-container .popup {
    border-radius: 8px;
}

.popup-container .popup .popup-buttons .button {
    border-radius: 6px;
}

.bar.bar-footer {
    padding: 0 !important;
}

.bg-gray {
    background: #efefef;
}

.list .item.item-divider {
    min-height: 20px;
}

.list .item .ion-ios-arrow-right {
    color: #ccc;
}

.list .item .ion-ios-arrow-down {
    color: #ccc;
}


/*mui-badge*/

.mui-badge {
    display: inline-block;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1;
    color: #333;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 100px;
}

.mui-badge.mui-badge-inverted {
    padding: 0 5px 0 0;
    color: #929292;
    background-color: transparent;
}

.mui-badge-primary,
.mui-badge-blue {
    color: #fff;
    background-color: #007aff;
}

.mui-badge-primary.mui-badge-inverted,
.mui-badge-blue.mui-badge-inverted {
    color: #007aff;
    background-color: transparent;
}

.mui-badge-success,
.mui-badge-green {
    color: #fff;
    background-color: #4cd964;
}

.mui-badge-success.mui-badge-inverted,
.mui-badge-green.mui-badge-inverted {
    color: #4cd964;
    background-color: transparent;
}

.mui-badge-warning,
.mui-badge-yellow {
    color: #fff;
    background-color: #f0ad4e;
}

.mui-badge-warning.mui-badge-inverted,
.mui-badge-yellow.mui-badge-inverted {
    color: #f0ad4e;
    background-color: transparent;
}

.mui-badge-danger,
.mui-badge-red {
    color: #fff;
    background-color: #dd524d;
}

.mui-badge-danger.mui-badge-inverted,
.mui-badge-red.mui-badge-inverted {
    color: #dd524d;
    background-color: transparent;
}

.mui-badge-royal,
.mui-badge-purple {
    color: #fff;
    background-color: #8a6de9;
}

.mui-badge-royal.mui-badge-inverted,
.mui-badge-purple.mui-badge-inverted {
    color: #8a6de9;
    background-color: transparent;
}


/*empty*/

.list .item.empty_item {
    text-align: center;
    background: transparent;
    line-height: 2.0;
    border: none;
}

.list .item.empty_item .icon {
    font-size: 28px;
}


/*tips*/

.list .item_tips {
    background: #fcf8e4;
    padding: 10px;
    margin: 10px;
    color: #896c3f;
    border: rgb(250, 235, 204) 1px solid;
}


/*agreement*/

.list .item-agreement {
    background: transparent;
    border: none;
    font-size: 16px;
}

.list .item-agreement .icon {
    font-size: 20px;
}


/*genders*/

.genders {
    text-align: left;
}

.genders label {
    line-height: 50px;
    margin-right: 30px;
}

.genders label div.sex {
    /* border: 3px solid blue; */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    float: left;
    display: inline-block;
    margin-right: 5px;
    font-family: PingFangSC-Regular, sans-serif;
    font-size: 35px;
    text-align: center;
    line-height: 43px;
}

.genders label div.nan {
    border: 3px solid rgb(47, 61, 138);
    color: rgb(47, 61, 138);
}

.genders label div.nv {
    border: 3px solid #FFC107;
    color: #FFC107;
}

.genders label.checked div.nv {
    color: #efefef;
    background-color: #FFC107;
}

.genders label.checked div.nan {
    color: #efefef;
    background-color: rgb(47, 61, 138);
}

/*tabs*/

.tabs.tabs-icon-left .tab-item {
    font-size: 16px;
}

.tabs.tabs-top {
    position: static;
}

.tabs.tabs-top .tab-item.active {
    border-bottom: 2px solid orange;
}

.item p {
    font-size: 15px;
}

.item-note {
    color: #888;
    font-size: 16px;
}


/*analyse*/

.analyse .bg {
    background-image: url(../images/measure/index.png);
    background-size: 100% 100%;
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center 0;
}

.analyse .list {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 1;
}

.headImg {
    height: 60px;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
}

.headImg img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.headImg .history a {
    color: #fff;
}


/*timeline*/

.timeline {
    background: url('./img/bg-line.png') 20px 0 repeat-y;
    background-color: #efefef;
}

.timeline .timeline-item {
    position: relative;
}

.timeline .timeline-item .time-icon {
    position: absolute;
    left: 12px;
    font-size: 28px;
    color: #52a0f3;
}

.timeline .card {
    margin-left: 50px;
}

.timeline .item-divider {
    background: #52a0f3;
    color: #fff;
}

.timeline .item-divider a {
    color: #fff;
}

.timeline .arrow {
    position: absolute;
    left: 35px;
    top: 12px;
    width: 0;
    height: 0;
    font-size: 0;
    border: solid 8px;
    border-color: #efefef #52a0f3 #efefef #efefef;
}

.myItemFont .item {
    font-size: 21px;
    font-weight: 700;
    font-family: PingFangSC-Regular;
}


.myItemFont .item .item-note{
    font-size: 21px;
    font-weight: 700;
    font-family: PingFangSC-Regular;
    color: #0B7BDE;
}

.myItemFont .item .item-em{
    font-size: 21px;
    font-weight: 700;
    font-family: PingFangSC-Regular;
    color: gray;
}

.clickButton{
    max-height: 174%;
    max-width: 174%;
    margin-top: 0%;
    position: absolute;
    margin-left: -6%;
}

.dw-i {
    font-size: 27px;
}

.android-ics .dwv {
    font-size: 26px;
}

/* .dw-li.dw-v {
    width: 74px;
} */