@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("fonts/icomoon.eot?otkatu");
  src: url("fonts/icomoon.eot?otkatu#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?otkatu") format("truetype"), url("fonts/icomoon.woff?otkatu") format("woff"), url("fonts/icomoon.svg?otkatu#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-Expired1:before {
  content: "\e946"; }

.icon-Expired:before {
  content: "\e947"; }

.icon-ok:before {
  content: "\e945"; }

.icon-bank:before {
  content: "\e927"; }

.icon-Bus:before {
  content: "\e928"; }

.icon-clothing:before {
  content: "\e929"; }

.icon-coffee:before {
  content: "\e92a"; }

.icon-document:before {
  content: "\e92b"; }

.icon-drink:before {
  content: "\e92c"; }

.icon-entertainment:before {
  content: "\e92d"; }

.icon-food:before {
  content: "\e92e"; }

.icon-fruit:before {
  content: "\e92f"; }

.icon-game:before {
  content: "\e930"; }

.icon-gift:before {
  content: "\e931"; }

.icon-hardware:before {
  content: "\e932"; }

.icon-Hotel:before {
  content: "\e933"; }

.icon-location:before {
  content: "\e934"; }

.icon-mail:before {
  content: "\e935"; }

.icon-money:before {
  content: "\e936"; }

.icon-oil:before {
  content: "\e937"; }

.icon-order:before {
  content: "\e938"; }

.icon-plane:before {
  content: "\e939"; }

.icon-print:before {
  content: "\e93a"; }

.icon-purchase:before {
  content: "\e93b"; }

.icon-reward:before {
  content: "\e93c"; }

.icon-set1:before {
  content: "\e93d"; }

.icon-ship:before {
  content: "\e93e"; }

.icon-Sports:before {
  content: "\e93f"; }

.icon-stop:before {
  content: "\e940"; }

.icon-store:before {
  content: "\e941"; }

.icon-taxi:before {
  content: "\e942"; }

.icon-telephone1:before {
  content: "\e943"; }

.icon-train:before {
  content: "\e944"; }

.icon-chat:before {
  content: "\e916"; }

.icon-collect:before {
  content: "\e917"; }

.icon-comment2:before {
  content: "\e918"; }

.icon-company:before {
  content: "\e919"; }

.icon-group:before {
  content: "\e91a"; }

.icon-help:before {
  content: "\e91b"; }

.icon-history:before {
  content: "\e91c"; }

.icon-reimburse1:before {
  content: "\e91d"; }

.icon-review:before {
  content: "\e91e"; }

.icon-review1:before {
  content: "\e91f"; }

.icon-scan:before {
  content: "\e920"; }

.icon-set:before {
  content: "\e922"; }

.icon-share:before {
  content: "\e924"; }

.icon-sign:before {
  content: "\e925"; }

.icon-telephone:before {
  content: "\e926"; }

.icon-warn:before {
  content: "\e915"; }

.icon-member:before {
  content: "\e911"; }

.icon-Password:before {
  content: "\e912"; }

.icon-announce:before {
  content: "\e906"; }

.icon-Attendance:before {
  content: "\e907"; }

.icon-Audit:before {
  content: "\e90a"; }

.icon-calendar:before {
  content: "\e90b"; }

.icon-daily:before {
  content: "\e90c"; }

.icon-flow:before {
  content: "\e90d"; }

.icon-register:before {
  content: "\e90e"; }

.icon-reimburse:before {
  content: "\e90f"; }

.icon-task:before {
  content: "\e910"; }

.icon-directory:before {
  content: "\e900"; }

.icon-directory1:before {
  content: "\e901"; }

.icon-me:before {
  content: "\e902"; }

.icon-me1:before {
  content: "\e903"; }

.icon-message:before {
  content: "\e904"; }

.icon-message1:before {
  content: "\e905"; }

.icon-apply:before {
  content: "\e908"; }

.icon-apply1:before {
  content: "\e909"; }

.icon-remove-user:before {
  content: "\e913"; }

.icon-edit:before {
  content: "\e914"; }

.icon-comment:before {
  content: "\e921"; }

.icon-person_add:before {
  content: "\e7fe"; }

.icon-update:before {
  content: "\e923"; }

/* 进度条选中 */
/* 进度条未选中 */
/* 灰色 说明文本颜色 */
/* 橘黄色 文本  */
/* 灰色 文本清除按钮  */
/* 蓝色 公司管理，登录网页版 */
/* 紫色 设置 */
/* 黄色 收藏 */
/* 靛蓝 帮助 */
/* 橘红 推荐 */
/* 日报统计背景 */
/* 公司管理边框颜色 */
/*被选中人的背景色  浅灰蓝*/
.center {
  text-align: center; }

.over-flow-auto {
  overflow: auto; }

.max-width-45 {
  max-width: 45% !important; }

.input-margin {
  margin-left: 0.825em !important; }

.link, .daily .tool a {
  text-decoration: none; }

.clear {
  color: #ABABAB; }

.type {
  text-align: center;
  font-size: 0.925em; }

.apply-register {
  width: 90% !important;
  margin-left: 5% !important;
  background-color: #f2f4f4 !important;
  border: #e6ecef 1px solid;
  color: #2AA8FF !important;
  font-weight: 100 !important;
  font-size: 14px; }

.striped button {
  height: 1px !important;
  min-height: 1px !important;
  max-height: 1px !important; }

.striped-color {
  background-color: #197FEE; }

.striped-hover {
  background-color: #B1DDF8; }

.note {
  color: #868686 !important;
  font-size: 0.625em !important; }

/* 图标圆形样式 白字 */
.icon-style, .icon-man-style, .icon-woman-style {
  margin-top: 18px;
  height: 32px !important;
  color: white;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  font-size: 24px !important; }

.icon-color-1 {
  background-color: #00AAFF; }

.icon-color-2 {
  background-color: #544D79; }

.icon-color-3 {
  background-color: #FAA701; }

.icon-color-4 {
  background-color: #5D75BF; }

.icon-color-5 {
  background-color: #F25B00; }

/* slide右滑  */
.slide-in-right {
  -webkit-transform: translateX(-100%);
  transform: translateX(100%); }

.slide-in-right.ng-enter,
.slide-in-right > .ng-enter {
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }

.slide-in-right.ng-enter-active,
.slide-in-right > .ng-enter-active {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.slide-in-right.ng-leave,
.slide-in-right > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; }

/* slide左滑  */
.slide-in-left {
  -webkit-transform: translateX(100%);
  transform: translateX(-100%); }

.slide-in-left.ng-enter,
.slide-in-left > .ng-enter {
  -webkit-transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms;
  transition: all cubic-bezier(0.1, 0.7, 0.1, 1) 400ms; }

.slide-in-left.ng-enter-active,
.slide-in-left > .ng-enter-active {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.slide-in-left.ng-leave,
.slide-in-left > .ng-leave {
  -webkit-transition: all ease-in-out 250ms;
  transition: all ease-in-out 250ms; }

.ion-checkbox-class {
  padding: 1px !important; }

.ion-checkbox-class img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
  margin-left: 50px;
  margin-top: 6px; }

.labelname {
  position: absolute !important;
  top: 12px !important;
  margin-left: 10px;
  font-size: 15px; }

.labelrole {
  position: absolute;
  top: 29px;
  margin-left: 10px;
  color: #666;
  font-size: 13px; }

.ul-imgs {
  float: left; }
  .ul-imgs li {
    float: left;
    padding-left: 0.4em;
    padding-bottom: 0.2em; }

.ul-imgs img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 50%;
  margin-left: 2%; }

.item-emp {
  min-height: 0px !important;
  height: 52px !important; }
  .item-emp img {
    top: 6px !important; }
  .item-emp h3 {
    margin-top: -9px !important;
    margin-bottom: 2px !important; }

.item-group {
  padding: 0;
  width: 100%;
  border-right: none;
  height: 52px; }
  .item-group label {
    position: absolute;
    top: 1em;
    left: 1em; }
  .item-group img {
    max-width: 40px;
    max-height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 0.4em;
    right: 2.5em; }

/*groupinfo*/
.label-right-text {
  float: right;
  margin-right: -1.6em; }

.dividertext label {
  position: absolute;
  top: 0;
  bottom: 8px;
  color: gray; }

.desctext {
  margin-left: 16px;
  color: gray;
  margin-top: 4px; }

.dividercolor {
  background-color: black;
  color: white;
  text-align: center;
  font-size: 1em; }

/*dept 人员列表*/
.empclass, .process-step {
  min-height: 52px !important; }
  .empclass .item-content, .process-step .item-content {
    max-height: 52px !important; }
  .empclass img, .process-step img {
    top: 6px !important; }
  .empclass h2, .process-step h2 {
    position: absolute;
    top: 9px; }
    .empclass h2 .ion-ios-compose-outline, .process-step h2 .ion-ios-compose-outline {
      padding-left: 2px;
      padding-top: 2px;
      font-size: 21px;
      color: #00AAFF; }
  .empclass p, .process-step p {
    position: absolute;
    bottom: 0.3em; }
  .empclass .from-p, .process-step .from-p {
    font-size: 12px;
    top: 2.7em; }

.empclass .item-content, .process-step .item-content {
  min-height: 54px !important; }

/*列表分隔符字体*/
.divider-font {
  font-size: 1em; }

.search-label {
  border-radius: 15px !important;
  height: 30px;
  width: 100%;
  margin: 0 auto; }

.popver_view, .details-popup, .details-popup-other {
  height: 84px;
  width: 114px !important;
  background-color: #868686; }
  .popver_view .item-content, .details-popup .item-content, .details-popup-other .item-content,
  .popver_view .item-button, .details-popup .item-button, .details-popup-other .item-button {
    background-color: #868686;
    color: white;
    padding: 14px; }
  .popver_view .scroll-content, .details-popup .scroll-content, .details-popup-other .scroll-content {
    margin: 0 !important; }
  .popver_view .item, .details-popup .item, .details-popup-other .item {
    margin: -6px;
    border-top-width: none !important; }
  .popver_view .popover-arrow:after, .details-popup .popover-arrow:after, .details-popup-other .popover-arrow:after {
    background-color: #868686; }
  .popver_view .scroll-bar, .details-popup .scroll-bar, .details-popup-other .scroll-bar {
    border: none !important; }

.popover-backdrop {
  background-color: transparent !important; }

.image-backdrop, .popover-backdrop1 {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%; }
  .image-backdrop .img-responsive, .popover-backdrop1 .img-responsive {
    position: relative;
    top: 10%;
    bottom: 10%;
    z-index: 10;
    display: block;
    height: 80%;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }

.popover-backdrop1 .ion-ios-trash-outline {
  font-size: 50px;
  color: white;
  opacity: 0.8;
  position: absolute;
  bottom: 4%;
  left: 4%;
  z-index: 999; }

/* report */
.datetime, .daily .time {
  position: absolute;
  top: 10px;
  right: 10px; }

.daily .blob {
  margin-top: 10px; }
  .daily .blob img {
    width: 48px;
    height: 48px;
    margin: 3px;
    background-color: #F5F5F5;
    border-radius: 2px; }

.daily .tool {
  padding: 0;
  text-align: center; }
  .daily .tool a {
    color: #D0D0D0; }

.daily-color {
  border: 1px solid #197FEE;
  color: white !important;
  background-color: #197FEE !important; }

.daily-hover {
  border: 1px solid #197FEE;
  color: #197FEE !important;
  background-color: white !important; }

.icon-show .checkbox-icon {
  display: none; }

.icon-show .item-content {
  color: #868686; }

.item-divider-deptmoban {
  padding-top: 4px;
  font-size: 14px; }

.divider-editmoban-text {
  height: 50px;
  padding-top: 2px;
  color: #868686; }

.dividertextcolor {
  color: #00AAFF;
  border-top: none; }

.formfield .icon {
  position: absolute !important;
  top: 0px !important;
  left: 11.2em !important; }

.formfield label {
  color: #868686; }

.see-list {
  border-top: 1px solid #DDDDDD;
  margin-top: 5px;
  padding-top: 15px; }
  .see-list > img {
    border-radius: 50%;
    height: 28px;
    width: 28px;
    margin-right: 6px; }

.check-dept-li {
  background-color: white;
  height: 52px;
  padding-top: 16px;
  border-bottom: 1px solid #ddd; }
  .check-dept-li .icon {
    float: right;
    padding-right: 14px;
    color: #868686;
    padding-top: 2px; }
  .check-dept-li .deptname {
    width: 65%;
    display: inline-block;
    height: 100%;
    padding-bottom: 10px; }

.dept-icon li {
  height: 38px;
  width: 40px;
  border-radius: 50%;
  background: #868686;
  vertical-align: middle;
  text-align: center;
  padding-top: 10px;
  font-size: 12px;
  margin-left: 3px;
  margin-top: 0px;
  padding-left: 0; }

.field-radio {
  height: 52px; }
  .field-radio .radio-content .item-content {
    padding-top: 8px; }
    .field-radio .radio-content .item-content p {
      font-size: 13px; }

.mobanitem {
  padding: 0; }
  .mobanitem .itemfield {
    height: 40px;
    vertical-align: middle;
    padding-top: 7px;
    font-size: 12px; }

.disabled {
  color: #868686; }

.clickactive {
  background-color: #d9d9d9;
  border-color: #ccc; }

.selectfielditem {
  background-color: #fff;
  height: 45px; }
  .selectfielditem input {
    height: 18px;
    padding-top: 0 !important;
    padding-bottom: 7px !important;
    margin-top: 0 !important; }

/* report details */
.details-popup {
  height: 126px !important; }

.details-popup-other {
  height: 42px !important; }

.popup {
  border-radius: 4px !important; }

.input-left-text {
  padding-right: 10px; }

/* account */
.radius-30 {
  border-radius: 30px; }

.account-back-color i {
  color: #11c1f3; }

.account-botton {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: red !important;
  border-bottom: solid 1px #DDDDDD !important; }

textarea {
  resize: none; }

.bigview {
  height: 170px; }
  .bigview .ul-imgs {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: auto !important; }
  .bigview button {
    height: 30px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-top: 130px;
    opacity: 0.8; }

.footer-div {
  opacity: 0.8; }
  .footer-div .cirl-i {
    font-size: 20px;
    padding: 3px; }

/* report see count */
.init-load {
  top: 45%; }

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

.text-line-height {
  line-height: 36px; }

.daily-count-back {
  height: 80px;
  background-color: #232637;
  color: white;
  text-align: center;
  padding-top: 8px; }
  .daily-count-back > span:first-child {
    border-right: 1px solid #868686; }
    .daily-count-back > span:first-child p {
      font-size: 32px;
      margin-top: 10px; }
  .daily-count-back > span p {
    color: white;
    font-size: 16px;
    margin-top: 16px; }
  .daily-count-back h4 {
    color: #868686 !important; }
    .daily-count-back h4 span {
      color: white;
      font-size: 28px; }

.daily-count-height-40 {
  height: 40px; }

.float-right {
  float: right; }

.border-right {
  border-right: 1px solid #868686; }

.item-click-active:active, .div-active:active {
  background-color: #d9d9d9; }

.div-active {
  margin-top: 5px;
  margin-bottom: 5px; }

.daily-count-back-submit {
  background-color: #FF8905 !important; }

/* workatd */
.workatd-checkin-title {
  padding: 25px 0 25px 15px;
  color: white; }
  .workatd-checkin-title .title {
    color: white;
    font-weight: bold; }
  .workatd-checkin-title .date1 {
    font-size: 13px; }
  .workatd-checkin-title .date2 {
    font-size: 13px;
    color: #00009F;
    /*margin-top: 2px;*/ }

/* task */
/*postedtask*/
.item-row {
  padding: 0;
  border-width: 1px;
  margin: 0;
  background: #f5f5f5;
  border-top: none;
  height: 52px; }
  .item-row .col {
    text-align: center;
    background: #f5f5f5;
    line-height: 52px; }
    .item-row .col i {
      font-size: 20px;
      color: #ddd; }
  .item-row .v-line {
    line-height: 52px;
    font-size: 26px;
    color: #ddd;
    padding-top: 2px; }

.divider-top {
  border-top: none; }

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

.item-sort:first-child {
  border-top: none;
  margin-top: -2px; }

.select-div {
  height: 50%;
  background: white;
  position: fixed;
  width: 100%;
  top: 52px;
  z-index: 3; }

.select-back {
  height: 60%;
  width: 100%;
  background: #ddd;
  opacity: 0.6;
  position: fixed;
  width: 100%;
  top: 40%;
  z-index: 2; }

.radio-icon {
  color: #11c1f3; }

.item-radio input:checked + .radio-content .item-content {
  background: white;
  color: #11c1f3; }

.hidden-item {
  display: none; }

.overflow-hidden {
  overflow: hidden; }

.updown-color {
  color: #11c1f3 !important; }

.task-data {
  overflow-y: scroll;
  height: 90.5%; }

.right-ion {
  font-size: 25px !important; }

.none-content {
  color: #ABABAB;
  font-size: 25px;
  margin: 0 auto;
  line-height: 200px;
  opacity: 0.6; }

.task-header {
  height: 90px !important; }
  .task-header img {
    top: 16px !important;
    max-width: 60px !important;
    max-height: 60px !important; }
  .task-header h2 {
    position: absolute;
    top: 1.9em;
    left: 85px; }
  .task-header p {
    position: absolute;
    top: 4em;
    left: 85px; }

.task-details p {
  padding-top: 4px; }

.colorred {
  color: red; }

.border-red {
  border-color: red; }

.colorgray {
  color: gray; }

.task-divider {
  min-height: 20px !important; }

.task-button-div {
  border-top: 1px solid #ddd;
  background: white;
  height: 40px;
  width: 100%;
  z-index: 20; }
  .task-button-div div {
    float: left;
    margin-left: 16px;
    margin-top: 10px; }
    .task-button-div div label {
      margin-left: 16px;
      color: #ddd; }
  .task-button-div hr {
    border-color: orange;
    padding-right: 4px !important; }

.slide-task {
  clear: both; }

.footer-task a {
  border-right: 1px solid #ddd;
  font-size: 1em !important; }

.footer-task a:last-child {
  border-right: none; }

.footer-task i {
  font-size: 2em !important; }

.childtask {
  background: #ddd;
  padding: 4px !important;
  margin-left: 10px !important;
  border-radius: 10px; }
  .childtask label {
    padding-left: 4px; }

.comment-empty {
  color: #ddd;
  margin-top: 20%;
  font-size: 16px; }

.comment-box {
  min-height: 360px;
  background: white; }
  .comment-box textarea {
    width: 100%;
    padding-top: 8px;
    padding-left: 4px;
    min-height: 200px; }
  .comment-box .task-comment-img {
    height: 20%;
    width: 100%;
    position: absolute;
    bottom: 30px; }
    .comment-box .task-comment-img img {
      max-height: 80px;
      max-width: 80px; }

.task-comment-img {
  height: 20%;
  width: 100%; }
  .task-comment-img img {
    max-height: 80px;
    max-width: 80px; }

.child-task-desc {
  width: 80% !important; }

.top-mark, .joincomp-tip {
  height: 54px;
  background: #33cd5f;
  color: #fff; }
  .top-mark .title, .joincomp-tip .title {
    text-align: center; }
    .top-mark .title label, .joincomp-tip .title label {
      font-size: 20px;
      padding-left: 4px;
      line-height: 52px; }
    .top-mark .title .ion-ios-checkmark-outline, .joincomp-tip .title .ion-ios-checkmark-outline {
      font-size: 25px; }

.obligate-item {
  margin-top: 40px; }

.apply-list .item-apply div {
  float: right;
  position: absolute;
  top: 22%;
  right: 2px; }

.apply-list .item-apply p {
  padding-top: 2px;
  color: #11c1f3; }

.apply-list .item-apply button {
  margin-right: 15px;
  min-height: 20px !important;
  min-width: 60px !important; }

.apply-list .item-apply:first-child {
  border-top: none; }

.comment-imgs img {
  padding: 2px; }

.camera-item > div, .task-create-content > div > div {
  float: left;
  width: 48px;
  height: 48px;
  margin: 3px;
  background-color: #F5F5F5;
  border-radius: 2px; }
  .camera-item > div > i, .task-create-content > div > div > i {
    font-size: 24px;
    line-height: 48px; }
  .camera-item > div img, .task-create-content > div > div img {
    width: 48px;
    height: 48px; }

.task-create-content > div:first-child {
  border-top: #DDDDDD solid 1px;
  border-bottom: none; }

.task-create-content > div {
  border-top: none;
  overflow: auto; }

.task-create-member {
  overflow: auto; }
  .task-create-member > div {
    float: left;
    width: 4em;
    margin: 10px 0; }
    .task-create-member > div > .ion-ios-minus {
      color: red;
      position: absolute; }
    .task-create-member > div > .ion-ios-close {
      font-size: 20px;
      color: #444;
      position: absolute;
      opacity: 0.5; }
    .task-create-member > div > img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-top: 4px; }
    .task-create-member > div > p {
      font-size: 10px;
      margin-top: -6px; }
    .task-create-member > div > a > i {
      font-size: 48px !important;
      margin-bottom: 10px !important; }
    .task-create-member > div > a > span {
      font-size: 10px; }

.task-create-member-p {
  color: #FF8905 !important; }

.task-comment-icon i {
  font-size: 4em !important; }

.workatd-setting-item .date1 {
  font-size: 11px;
  padding-top: 5px; }

.workatd-setting-item .date2 {
  font-size: 11px;
  padding-top: 5px; }

.comment-div hr {
  width: 35px;
  margin-left: 0px; }

/* task-icon-position */
.task-icon-position {
  position: absolute;
  right: 16px;
  top: 5px;
  font-size: 4em;
  color: #33CD5F; }

ion-content {
  overflow-y: auto !important; }

.icon-man-woman-style {
  position: absolute;
  top: 0px !important;
  margin-left: 10px !important;
  font-size: 2em; }

.icon-man-style {
  color: #7AC3FE; }

.icon-woman-style {
  color: #FF809D; }

.schedule-data {
  overflow-y: scroll;
  height: 90.5%; }

.schedule-data-receive {
  font-size: 12px !important; }

.schedule-template-1 {
  font-size: 12px !important;
  color: #FFAC92 !important; }

.schedule-template-2 {
  font-size: 15px !important;
  font-weight: 580; }

.schedule-template-3 {
  font-size: 12px !important; }

.schedule-details-header {
  background-color: #61CE5B !important; }
  .schedule-details-header p {
    padding-top: 4px;
    font-size: 20px;
    color: #FFFFFF !important; }
  .schedule-details-header span {
    font-size: 15px;
    color: #FFFFFF !important; }

.schedule-details-header-disable {
  background-color: #B0B0B0 !important; }
  .schedule-details-header-disable p {
    padding-top: 4px;
    font-size: 20px; }
  .schedule-details-header-disable span {
    font-size: 15px;
    color: #FFFFFF !important; }

.schedule-details-footer a {
  border-right: 1px solid #ddd;
  font-size: 1em !important; }

.schedule-details-footer a:last-child {
  border-right: none; }

.schedule-details-footer i {
  font-size: 2em !important; }

.schedule-icon-position {
  position: absolute;
  right: 16px;
  top: 5px;
  font-size: 4em;
  color: #FF3A90; }

.schedule-icon-position1 {
  position: absolute;
  right: 20px !important;
  top: -4px !important;
  font-size: 50px !important;
  font-color: white !important; }

.audituser {
  background: #f00;
  padding: 0 5px;
  border-radius: 50%;
  color: white; }

ion-header-bar {
  background-color: #0092e6 !important; }
  ion-header-bar i,
  ion-header-bar div,
  ion-header-bar button,
  ion-header-bar title,
  ion-header-bar h1,
  ion-header-bar .title {
    color: white !important; }

.fix-to-top {
  position: fixed !important;
  z-index: 999;
  width: 100%;
  top: 44px; }

.fullscreen-image {
  max-width: 100%;
  max-height: 100%;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 101; }

.striped-color {
  background-color: #0092e6 !important;
  height: 2px; }

.process-public {
  text-align: center;
  padding: 0; }

.process-moban {
  border-color: #ccc;
  background-color: #D9D9D9;
  padding-left: 0;
  padding-right: 0; }
  .process-moban:last-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0; }
  .process-moban .process-item {
    text-align: center;
    border-right: none;
    border-bottom: none;
    margin: 0; }

.process-ion {
  font-size: 60px; }

.process-moban-checkbox {
  font-size: 28px;
  position: absolute;
  top: 4%;
  right: 4%; }

.bgColorClass, .process-moban .process-item.activated {
  background-color: #f8f8f8; }

.process-step h2 {
  left: 3.4em; }

.process-step p {
  left: 4.6em; }

.process-step .process-number {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  padding-top: 2px;
  background-color: #11c1f3;
  color: white;
  text-align: center;
  vertical-align: baseline;
  display: block; }

.process-desc {
  width: 100%;
  padding: 6px; }

.current-account .cirl-i {
  font-size: 20px;
  padding: 3px;
  color: #ddd;
  top: -6px; }

.current-account .ion-android-globe {
  font-size: 34px; }

.account-wrap {
  background: white; }
  .account-wrap .item.activated {
    background-color: white !important; }
  .account-wrap .account-radio {
    top: 1px;
    margin-left: 12%;
    border-color: #f0f0f0;
    border-left: none; }
    .account-wrap .account-radio .item-content {
      padding: 7px 18px 7px 7px; }
    .account-wrap .account-radio div.radio-content .item-content {
      vertical-align: middle; }
    .account-wrap .account-radio div.radio-content:first-child {
      border-top: none; }
    .account-wrap .account-radio div.radio-content i {
      padding: 0;
      padding-right: 8px;
      padding-top: 4px; }
    .account-wrap .account-radio span {
      color: #666;
      font-size: 14px;
      margin-bottom: 2px; }
    .account-wrap .account-radio input:checked + .radio-content .item-content {
      background-color: white; }
      .account-wrap .account-radio input:checked + .radio-content .item-content span {
        color: #11c1f3; }

.comp-item {
  border: 1px solid #f0f0f0;
  border-bottom: none; }
  .comp-item .ion-person {
    color: #11c1f3; }
  .comp-item label {
    top: -4px;
    font-size: 110%;
    padding-left: 6px; }
  .comp-item p {
    margin-left: 7px;
    margin-top: 4px;
    margin-bottom: 0;
    padding-bottom: none; }
  .comp-item img {
    top: 12px !important;
    padding-bottom: 0;
    margin: 0;
    max-width: 48px !important;
    max-height: 48px !important; }

.comp-op {
  width: 100%;
  background-color: white; }
  .comp-op div {
    margin-left: 21%;
    height: 50px;
    vertical-align: middle;
    border-top: 1px solid #f0f0f0;
    margin-top: 1px; }
    .comp-op div label {
      line-height: 50px;
      vertical-align: middle;
      color: #666; }
    .comp-op div .button {
      position: absolute;
      min-height: 30px !important;
      line-height: 30px !important;
      width: 70px;
      right: 10%;
      margin-top: 10px; }

.comp-op:last-child {
  border-bottom: 1px solid #f0f0f0; }

.item-comp {
  border: 1px solid #f0f0f0; }
  .item-comp .compname {
    font-size: 16px; }

.comp-edit-button {
  margin: 0 auto !important;
  position: absolute;
  bottom: 5%;
  width: 100%; }

.popup-head {
  padding: 0 !important;
  padding-top: 5px !important;
  border-bottom: none !important; }

.popup-body {
  padding: 0 !important;
  overflow: hidden !important; }

.popup-edit-comp {
  width: 92%;
  margin-left: 4%; }
  .popup-edit-comp input {
    padding-left: 4px; }
  .popup-edit-comp label {
    padding-left: 2%; }

.images-div-top {
  height: 20px;
  width: 100%;
  line-height: 20px;
  margin-top: 10px; }

.comp-logo-box {
  width: 100%;
  height: 120px;
  text-align: center;
  background-color: #11c1f3;
  padding: 0; }
  .comp-logo-box img {
    margin-top: 6%;
    height: 60px;
    width: 60px;
    border-radius: 50%; }
  .comp-logo-box div {
    color: white; }

.compname-div {
  width: 90% !important;
  margin-left: 5%; }

.line-hr {
  padding-top: 10px;
  border-top: 1px solid #ddd; }

.create-comp-button {
  margin-top: 8% !important;
  margin-bottom: 10% !important;
  width: 90% !important;
  margin-left: 5% !important;
  background-color: #197FEE !important;
  color: white !important;
  font-weight: bold !important;
  background-color: #11c1f3 !important; }

.create-comp-content {
  padding-top: 0 !important; }

.current-account {
  border-color: #f0f0f0;
  padding-top: 14px; }
  .current-account .cirl-i {
    padding: 0; }

.newcomp-modalview .bar {
  background-size: 100% 0px !important; }

.complist h2 {
  vertical-align: middle;
  line-height: 40px; }

.complist img {
  top: 5px !important; }

.joincomp-tip {
  position: absolute;
  width: 100%;
  z-index: 10;
  opacity: 0.8;
  background: #FF8905;
  height: 50px; }
  .joincomp-tip .title label {
    font-size: 16px !important; }
  .joincomp-tip .title .ion-ios-checkmark-outline {
    font-size: 20px; }

.taskcontent-checkbox {
  width: 12%; }

.rj-list .list {
  width: 95%;
  margin-right: auto;
  margin-top: -18px;
  margin-bottom: -18px; }

.rj-list .list .rj-item {
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  border-color: #f0f0f0; }

.rj-contacts-item {
  padding: 0px !important; }

.rj-item .rj-contacts-pic {
  color: white;
  height: 36px;
  width: 36px;
  line-height: 36px;
  float: left;
  font-size: 28px;
  text-align: center; }

.rj-item h2 {
  padding-left: 20px;
  position: absolute;
  margin: auto !important;
  top: 0;
  bottom: 0;
  left: 36px;
  height: 32px;
  line-height: 32px; }

.rj-contacts-pic img {
  width: 36px;
  height: 36px; }

.rj-contacts-index-bar {
  background-color: #F5F5F5;
  padding-left: 10px;
  height: 20px;
  line-height: 20px;
  font-size: 80%;
  color: #545454;
  padding-top: 2px; }

.rj-contacts-right-bar {
  position: fixed;
  right: 0;
  top: 71px;
  width: 20px;
  height: 464px;
  z-index: 2;
  text-align: center;
  font-size: 80%;
  color: #545454; }

.rj-contacts-right-bar div {
  height: 16px; }

.rj-contacts-middle-bar {
  position: fixed;
  margin: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: #FFF;
  font-size: 300%;
  background-color: rgba(0, 0, 0, 0.5); }

.notice-input .input-label {
  max-width: 50px; }

.notice-input .notice-resvicename {
  color: #11c1f3;
  font-size: 16px;
  padding-right: 2px; }

.input-btn-row {
  padding: 1px 0 0 0;
  border: 1px solid #ddd; }
  .input-btn-row .item-input {
    border: none; }
  .input-btn-row .col {
    padding: 0; }
  .input-btn-row .button {
    padding: 0;
    min-height: 40px;
    margin: 3px; }

.postnotice-footer .notice-first-ion {
  font-size: 30px;
  margin-left: 10px; }

.postnotice-footer .notice-right-ion {
  margin-left: 30px; }
  .postnotice-footer .notice-right-ion i {
    font-size: 30px; }

.notice-title {
  width: 60%;
  float: left;
  border-right: none;
  top: 1px; }

.notice-div-button {
  height: 47px;
  border-bottom: 1px solid #ddd; }
  .notice-div-button .button {
    min-height: 30px !important;
    line-height: 30px !important;
    width: 50px;
    margin-top: 8px;
    margin-left: 10px;
    padding: 2px; }

.notice-content textarea {
  padding-left: 16px; }

.notice-content .div-address {
  margin: 10px 0 0 16px; }
  .notice-content .div-address i {
    color: #11c1f3;
    padding-right: 2px; }

.notice-details-voteitem {
  border-left-width: 0px !important;
  border-right-width: 0px !important; }

.notice-details-button {
  height: 40px;
  min-height: 40px;
  width: 90px; }

.notice-details-giveupbutton {
  height: 40px;
  min-height: 40px; }

.notice-details-hr {
  height: 1px;
  border: none;
  border-top: 1px solid #F0F0F0; }

.notice-details-warn {
  height: 40px;
  min-height: 40px;
  width: 70%;
  margin: 0 15% 4% 15%; }

.notice-result-title {
  border-left: solid 3px #ffc900;
  padding-left: 10px; }

.typelist .ion-edit {
  font-size: 20px;
  padding-left: 4px; }

.type-icon {
  padding: 6px 10px 12px 10px; }
  .type-icon li {
    margin: 6px 8px;
    line-height: 38px;
    padding-top: 2px; }
    .type-icon li .ion-ios-checkmark-empty {
      font-size: 40px;
      color: white; }

.type-icon-bg li {
  background-color: white; }
  .type-icon-bg li i {
    font-size: 30px; }

.unacitvecolor {
  color: #cccccc !important; }

.acitvecolor {
  color: white !important; }

.border-style .item {
  border-color: #f0f0f0 !important; }

.audit-list .item-thumbnail-left,
.audit-list .item-thumbnail-left .item-content {
  min-height: 0px !important;
  max-height: 60px !important;
  border-color: #f0f0f0; }
  .audit-list .item-thumbnail-left p,
  .audit-list .item-thumbnail-left .item-content p {
    height: 8px; }

.audit-list .item-content {
  padding-left: 72px;
  padding-top: 14px; }

.audit-list img {
  max-width: 40px !important;
  max-height: 40px !important;
  left: 16px !important; }

.audit-list .label-right-text {
  position: absolute;
  top: 22px;
  right: 50px;
  max-width: 50%;
  color: gray; }

.audit-list .ion-chevron-right {
  color: #f0f0f0; }

.auditemp-box, .stepmfitembox {
  padding-right: 0px;
  color: gray;
  padding-bottom: 0px; }
  .auditemp-box .auditstepbox, .stepmfitembox .auditstepbox {
    border: none;
    width: 100%;
    min-height: 60px;
    border-top: 1px solid #F0F0F0;
    margin-top: 14px;
    padding-top: 6px;
    padding-left: 0px; }
    .auditemp-box .auditstepbox .audit-member-div, .stepmfitembox .auditstepbox .audit-member-div {
      float: left;
      margin: 6px 12px; }
      .auditemp-box .auditstepbox .audit-member-div img, .stepmfitembox .auditstepbox .audit-member-div img {
        height: 40px;
        width: 40px;
        border-radius: 50%; }
      .auditemp-box .auditstepbox .audit-member-div p, .stepmfitembox .auditstepbox .audit-member-div p {
        text-align: right;
        padding-right: 3px;
        color: gray; }
      .auditemp-box .auditstepbox .audit-member-div .ion-ios-close, .stepmfitembox .auditstepbox .audit-member-div .ion-ios-close {
        font-size: 20px;
        color: #b9b9c8;
        position: relative;
        top: -22px;
        right: -6px; }
      .auditemp-box .auditstepbox .audit-member-div .p-apply, .stepmfitembox .auditstepbox .audit-member-div .p-apply {
        text-align: center;
        position: absolute;
        top: 55px;
        left: 30px; }

.member-add .ion-ios-plus-outline {
  font-size: 50px;
  color: #dddddd; }

.member-add p {
  padding-top: 3px; }

.item-border {
  border-color: #F0F0F0;
  border-bottom: none; }

.stepmfitembox {
  padding-top: 0; }
  .stepmfitembox .stepmfitem {
    border: none;
    margin-left: -16px; }
    .stepmfitembox .stepmfitem .button {
      position: absolute;
      min-height: 32px !important;
      line-height: 32px !important;
      width: 70px;
      right: 6%;
      top: 16px; }
  .stepmfitembox .stepmfitemdiv {
    margin-top: 0; }
    .stepmfitembox .stepmfitemdiv label {
      color: black; }

.text-input .input-label {
  width: 14%; }

.record-picture-box .auditstepbox div {
  float: left;
  text-align: center;
  line-height: 54px;
  width: 48px;
  vertical-align: middle;
  background: #F5F5F5;
  border-radius: 4px;
  margin-right: 4px;
  margin-bottom: 16px; }
  .record-picture-box .auditstepbox div .ion-image {
    font-size: 30px;
    opacity: 0.6; }

.record-picture-box .auditstepbox img {
  border: none !important;
  min-width: 50px !important;
  min-height: 50px !important; }

.paytype-item-box {
  width: 100%;
  float: left;
  border-right: 1px solid #f0f0f0; }

.paytype-item {
  float: left;
  width: 25.5%;
  border-right: none;
  margin-top: 1px;
  border-top: 0;
  text-align: center; }
  .paytype-item .ion {
    font-size: 34px; }
  .paytype-item .col {
    font-size: 14px; }

.paytype-item:last-child {
  border-right: 1px solid #ccc; }

.bill-record-box {
  border-top: 1px solid #f0f0f0;
  border-color: #f0f0f0;
  margin-top: 12px;
  padding: 0;
  padding-top: 2px;
  padding-bottom: 2px; }
  .bill-record-box .item {
    margin-right: 0;
    border: 0; }

.bill-sum {
  text-align: right;
  line-height: 45px;
  padding-right: 16px; }

.edit-text-label {
  float: right;
  padding-right: 16px; }

.bill-auditlist-box .item-content {
  background: none; }

.bill-auditlist-box .item {
  background: none;
  border: none;
  padding-top: -2px !important; }

.bill-auditlist-box .item-divider {
  padding-top: 0px; }

.bill-auditlist-box .bill-audit-item {
  background: none; }
  .bill-auditlist-box .bill-audit-item img {
    border: 1px solid #f5f5f5;
    padding: 1px;
    border-radius: 50%;
    min-width: 42px !important;
    min-height: 42px !important; }

.customer-op {
  height: 20px;
  width: 100%;
  line-height: 20px;
  margin-top: 10px; }

.image-list-thumb {
  padding: 2px 2px 2px 2px;
  height: 100px; }

.image-modal {
  width: 100% !important;
  height: 100%;
  top: 0 !important;
  left: 0 !important; }

.transparent {
  background: transparent !important; }

.slider {
  width: 100%;
  height: 100%; }

.img-popver-pad {
  margin: 2px 0 0 2px; }

.border-none {
  border: none; }

.h-li {
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 1em;
  background: dodgerblue;
  margin: 0 1em;
  display: inline-block;
  color: white;
  position: relative; }

.h-li::before {
  content: '';
  position: absolute;
  top: .9em;
  left: -4em;
  width: 4em;
  height: .2em;
  background: dodgerblue;
  z-index: -1; }

.h-li:first-child::before {
  display: none; }

.active-li {
  background: dodgerblue; }

.active-li ~ .h-li {
  background: lightblue; }

.active-li ~ .h-li::before {
  background: lightblue; }

.box-shadow {
  box-shadow: 10px 14px #5D75BF; }

.circle {
  width: 32px;
  height: 32px;
  display: inline-block;
  background: #0092e6;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
  line-height: 32px;
  font-size: 1.5em;
  padding: 2px;
  border-color: #fff; }