/*==== actionbar ====*/

.actionbar-blank,
.actionbar {
  width:  100%;
  height: 50px;
}

.actionbar {
  position:   fixed;
  bottom:     100px;
  left:       0;
  right:      0;
  overflow:   hidden;
  background: gray;
  z-index:    1001
}

.actionbar .submit-button {
  font-size:     1.4rem;
  width:         100%;
  text-align:    center;
  border-radius: 0;
  height:        100%;
}

.actionbar .discard-submit {
  position:        absolute;
  bottom:          0;
  right:           0;
  font-size:       14px;
  border-radius:   0;
  text-decoration: none;
  height:          100%;
  padding:         25px 5px 0 15px;
}

/*==== report-toolbar ====*/

.report-toolbar-blank,
.report-toolbar {
  width:  100%;
  height: 100px;
}

.report-toolbar {
  display:  block;
  position: fixed;
  bottom:   0;
  left:     0;
  right:    0;
  z-index:  1001;
}

.report-toolbar {
  background-color: #333333;
}

.report-toolbar .report-toolbar-content {
  max-width:   767px;
  margin:      0 auto;
  padding-top: 15px;
  display:     flex;
}

.report-toolbar .report-toolbar-content > * {
  flex: 1;
}

.report-toolbar i {
  font-size: 20px;
  color:     white;
}

.report-toolbar a {
  font-size:  12px;
  color:      white;
  display:    block;
  height:     100%;
  width:      80px;
  margin:     0 auto;
  position:   relative;
  padding:    20px 10px;
  text-align: center;
}

.report-toolbar a .rt-text {
  padding-top: 5px;
}

.report-toolbar .user-avatar {
  height: 22px;
}

.report-toolbar .user-avatar img,
.report-toolbar .user-avatar .text-avatar:before {
  display:       block;
  width:         22px;
  height:        22px;
  border-radius: 50%;
  background:    #888888;
  margin:        0 auto;
  text-align:    center;
}

.report-toolbar .user-avatar .text-avatar:before {
  content:        attr(data-letters);
  font-size:      13px;
  line-height:    18px;
  vertical-align: middle;
  color:          white;
}

.rtlink-home-icon {
  display:             inline-block;
  background-image:    url("../images/itrail_icon_bw.png");
  background-repeat:   no-repeat;
  background-position: center;
  background-size:     cover;
  width:               23px;
  height:              23px;
  border:              1px solid transparent;
  text-indent:         -100rem;
}

.report-toolbar a.disabled,
.report-toolbar a.disabled i {
  color: #666666 !important;
}

.report-toolbar a .status-disabled {
  position:      absolute;
  width:         24px;
  border-radius: 100%;
  right:         0;
  left:          0;
  top:           6px;
  height:        24px;
  line-height:   20px;
  color:         #FFFFFF;
  font-size:     20px;
  margin:        0 auto;
  padding:       15px 2px 2px;
}

.nearby-count {
  background:    red;
  position:      absolute;
  width:         24px;
  border-radius: 100%;
  right:         8px;
  top:           6px;
  padding:       2px;
  height:        24px;
  font-size:     12px;
  line-height:   20px;
  color:         #FFFFFF;
  display:       none;
}

.draft-count {
  background:    red;
  position:      absolute;
  width:         24px;
  border-radius: 100%;
  right:         8px;
  top:           6px;
  padding:       2px;
  height:        24px;
  font-size:     12px;
  line-height:   20px;
  color:         #FFFFFF;
  display:       none;
}

.report-toolbar .rs-status {
  position: absolute;
  right:    5px;
  top:      -2px;
}

.report-toolbar .rs-status .rs-status-icon {
  display:      inline-block;
  font-size:    10px;
  color:        #AAAAAA;
  margin-right: 0;
}

.report-toolbar .rs-status .rs-status-icon::before {
  display:     inline-block;
  padding:     0 3px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content:     "\f6ec";
  color:       green;
  opacity:     1;
}

.report-toolbar .rs-status .rs-status-icon.disabled::before {
  color:       red;
  opacity:     1;
  font-weight: 900;
}

.report-toolbar .rs-status span.rs-status-net::before {
  content: "\f8dd";
}

.report-toolbar .rs-status span.rs-status-net.disabled::before {
  content: "\e22d";
}

.report-toolbar .rs-status span.rs-status-gps::before {
  content: "\f124";
}

.report-toolbar .rs-status span.rs-status-gps.disabled::before {
  content: "\f603";
}

.report-toolbar .rs-ver {
  color:     #555555;
  font-size: 8px;

}

@media (min-width: 1200px) {
  .report-toolbar {
    display: none;
  }

  body.page-report .report-toolbar {
    display: block;
  }
}