.iconWrapper{
display: inline-block;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border-radius: 0;
    cursor: pointer;
    vertical-align: middle;
}

  .iconWrapper .icon {
    z-index: 1; }
  .iconWrapper:hover {
    cursor: pointer;
    border-color: #19d599;
    transition: none; }

.icon {
  position: absolute; }
  .icon:before, .icon:after {
    content: '';
    position: absolute;
    display: block; }
  .icon i {
    position: absolute; }
    .icon i:before, .icon i:after {
      content: '';
      position: absolute;
      display: block; }
.zfclisting.icon{
background-image: url(/logo.png);
    width: 30px;
    height: 30px;
}
.house.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 11px;
  height: 9px;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-bottom: solid 1px #333333; }
  .house.icon:before {
    width: 3px;
    height: 5px;
    border: solid 1px #333333;
    left: 3px;
    top: 3px; }
  .house.icon:after {
    left: -1px;
    top: -4px;
    width: 12px;
    height: 12px;
    border-top: solid 1px #333333;
    border-left: solid 1px #333333;
    transform: rotate(45deg); }
  .house.icon.filled:before {
    background-color: #333333; }
.sun.icon {
    margin-left: 6px;
    margin-top: 6px;
    width: 6px;
    height: 6px;
    border: 1px solid #333333;
    border-radius: 50%;
    box-shadow: -8px 0 0 -3px #333333, 8px 0 0 -3px #333333, 0 -8px 0 -3px #333333, 0 8px 0 -3px #333333, -6px -6px 0 -3px #333333, -6px 6px 0 -3px #333333, 6px -6px 0 -3px #333333, 6px 6px 0 -3px #333333;
}
.sun.icon.filled {
    background-color: #333333;
}


.cloud.icon {
  margin-left: 1px;
  margin-top: 9px;
  width: 5px;
  height: 6px;
  border-left: solid 1px #333333;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;
  border-radius: 4px 0 0 4px; }
  .cloud.icon:before {
    width: 12px;
    height: 12px;
    border-left: solid 1px transparent;
    border-right: solid 1px #333333;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-radius: 50%;
    transform: rotate(-45deg);
    top: -7px;
    left: 4px; }
  .cloud.icon:after {
    width: 7px;
    height: 6px;
    border-bottom: solid 1px #333333;
    top: 0px;
    left: 4px; }
  .cloud.icon.snow i {
    left: 6px;
    top: 4px;
    width: 9px;
    height: 3px;
    background-color: white;
    z-index: 2; }
    .cloud.icon.snow i:before {
      top: -1px;
      left: 2px;
      width: 2px;
      height: 2px;
      border-radius: 1px;
      background-color: #333333;
      box-shadow: 3px -2px 0 0 #333333, 3px 1px 0 0 #333333, 0 3px 0 0 #333333; }
  .cloud.icon.rain i {
    left: 6px;
    top: 4px;
    width: 9px;
    height: 3px;
    background-color: white;
    z-index: 2; }
    .cloud.icon.rain i:before {
      top: 2px;
      left: 3px;
      width: 1px;
      height: 4px;
      background-color: #333333;
      box-shadow: 3px -3px 0 0 #333333, 3px -8px 0 0 #333333, 0 -5px 0 0 #333333; }
  .cloud.icon.rain-drop i {
    left: 6px;
    top: 4px;
    width: 9px;
    height: 3px;
    background-color: white;
    z-index: 2; }
    .cloud.icon.rain-drop i:before {
      top: 1px;
      left: 1px;
      width: 4px;
      height: 4px;
      transform: rotate(45deg);
      border-radius: 0 2px 2px 2px;
      background-color: #333333;
      box-shadow: -1px -6px 0 0 #333333; }
  .cloud.icon.lightningI i {
    left: 6px;
    top: 4px;
    width: 9px;
    height: 3px;
    background-color: white;
    z-index: 2; }
    .cloud.icon.lightningI i:before {
      top: -6px;
      left: 2px;
      width: 0;
      height: 0;
      border-right: solid 4px #333333;
      border-top: solid 7px transparent; }
    .cloud.icon.lightningI i:after {
      top: -1px;
      left: 4px;
      width: 0;
      height: 0;
      border-left: solid 4px #333333;
      border-bottom: solid 7px transparent; }
  .cloud.icon.up-arrow i {
    left: 5px;
    top: -4px;
    z-index: 2; }
    .cloud.icon.up-arrow i:before {
      width: 1px;
      height: 7px;
      background-color: #333333;
      border-left: solid 4px white;
      border-right: solid 4px white;
      top: 4px;
      left: 1px; }
    .cloud.icon.up-arrow i:after {
      width: 4px;
      height: 4px;
      border-top: solid 1px #333333;
      border-right: solid 1px #333333;
      transform: rotate(-45deg);
      left: 3px;
      top: 4px; }
  .cloud.icon.down-arrow i {
    left: 5px;
    top: -4px;
    z-index: 2; }
    .cloud.icon.down-arrow i:before {
      width: 1px;
      height: 7px;
      background-color: #333333;
      border-left: solid 4px white;
      border-right: solid 4px white;
      top: 4px;
      left: 1px; }
    .cloud.icon.down-arrow i:after {
      width: 4px;
      height: 4px;
      border-top: solid 1px #333333;
      border-right: solid 1px #333333;
      transform: rotate(135deg);
      left: 3px;
      top: 6px; }
  .cloud.icon.filled {
    background-color: #333333; }
    .cloud.icon.filled:before, .cloud.icon.filled:after {
      background-color: #333333; }
    .cloud.icon.filled.up-arrow i:before {
      background-color: white;
      border: none;
      left: 5px; }
    .cloud.icon.filled.up-arrow i:after {
      border-color: white; }
    .cloud.icon.filled.down-arrow i {
      top: -5px; }
      .cloud.icon.filled.down-arrow i:before {
        background-color: white;
        border: none;
        left: 5px; }
      .cloud.icon.filled.down-arrow i:after {
        border-color: white; }


.voice-mail.icon {
  margin-left: 5px;
  margin-top: 14px;
  width: 11px;
  height: 1px;
  background-color: #333333; }
  .voice-mail.icon:before, .voice-mail.icon:after {
    top: -7px;
    width: 6px;
    height: 6px;
    border: solid 1px #333333;
    border-radius: 50%; }
  .voice-mail.icon:before {
    left: -4px; }
  .voice-mail.icon:after {
    right: -4px; }


.glasses.icon {
  margin-left: 8px;
  margin-top: 9px;
  width: 3px;
  height: 3px;
  border-top: solid 1px #333333;
  border-radius: 50%;
  border-right: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent; }
  .glasses.icon:before, .glasses.icon:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: solid 1px #333333;
    top: -3px; }
  .glasses.icon:before {
    left: -7px;
    box-shadow: -4px 0 0 -3.5px #333333, -4.5px 0 0 -3.5px #333333, -5px 0 0 -3.5px #333333; }
  .glasses.icon:after {
    right: -7px;
    box-shadow: 4px 0 0 -3.5px #333333, 4.5px 0 0 -3.5px #333333, 5px 0 0 -3.5px #333333; }
  .glasses.icon.filled:before, .glasses.icon.filled:after {
    background-color: #333333; }

.detail {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  border: solid 1px #333333;
  border-radius: 8px 8px 1px 8px; }
  .detail:before {
    width: 9px;
    height: 9px;
    border: solid 1px #333333;
    border-radius: 50%;
    left: 2px;
    top: 2px; }
  .detail.filled {
    background-color: #333333; }
    .detail.filled:before {
      background-color: white;
      border: solid 1px white; }
  .detail.detail-plus i {
    top: 7px;
    left: 5px;
    width: 5px;
    height: 1px;
    background-color: #333333; }
    .detail.detail-plus i:before {
      width: 5px;
      height: 1px;
      background-color: #333333;
      transform: rotate(90deg); }
  .detail.detail-minus i {
    top: 7px;
    left: 5px;
    width: 5px;
    height: 1px;
    background-color: #333333; }

.search.icon {
  margin-top: 2px;
  margin-left: 3px;
  width: 12px;
  height: 12px;
  border: solid 1px #333333;
  border-radius: 100%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .search.icon:before {
    top: 12px;
    left: 5px;
    height: 6px;
    width: 1px;
    background-color: #333333; }
  .search.icon.plusI i {
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
    .search.icon.plusI i:before, .search.icon.plusI i:after {
      width: 6px;
      height: 1px;
      background-color: #333333; }
    .search.icon.plusI i:after {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .search.icon.minusI i {
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
    .search.icon.minusI i:before {
      width: 6px;
      height: 1px;
      background-color: #333333; }
  .search.icon.filled:after {
    width: 10px;
    height: 10px;
    background-color: #333333;
    border-radius: 50%;
    left: 1px;
    top: 1px; }
  .search.icon.filled i {
    z-index: 1; }
  .search.icon.filled.plusI {
    background-color: #333333; }
    .search.icon.filled.plusI i:before,
    .search.icon.filled.plusI i:after {
      background-color: white; }
  .search.icon.filled.minusI {
    background-color: #333333; }
    .search.icon.filled.minusI i:before {
      background-color: white; }

.close.icon {
  margin-top: 0;
  margin-left: 0;
  width: 21px;
  height: 21px; }
  .close.icon:before, .close.icon:after {
    width: 21px;
    height: 1px;
    background-color: #333333;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .close.icon:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.hamburger.icon {
  margin-left: 2px;
  margin-top: 10px;
  width: 17px;
  height: 1px;
  background-color: #333333; }
  .hamburger.icon:before, .hamburger.icon:after {
    left: 0;
    width: 17px;
    height: 1px;
    background-color: #333333; }
  .hamburger.icon:before {
    top: -5px; }
  .hamburger.icon:after {
    top: 5px; }

.trash.icon {
  margin-left: 5px;
  margin-top: 7px;
  width: 9px;
  height: 10px;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-bottom: solid 1px #333333;
  border-radius: 0 0 2px 2px; }
  .trash.icon:before {
    width: 17px;
    height: 1px;
    background-color: #333333;
    left: -4px;
    top: -2px; }
  .trash.icon:after {
    width: 7px;
    height: 2px;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    border-top: solid 1px #333333;
    left: 0px;
    top: -5px;
    border-radius: 4px 4px 0 0; }
  .trash.icon.filled {
    background-color: #333333; }
    .trash.icon.filled:after {
      background-color: #333333; }

.pin.icon {
  margin-left: 4px;
  margin-top: 2px;
  width: 12px;
  height: 12px;
  border: solid 1px #333333;
  border-radius: 7px 7px 7px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .pin.icon:before {
    width: 4px;
    height: 4px;
    border: solid 1px #333333;
    border-radius: 3px;
    left: 3px;
    top: 3px; }
  .pin.icon.filled {
    background-color: #333333; }
    .pin.icon.filled:before {
      border-color: white;
      background-color: white; }

.stop.icon {
  margin-left: 2px;
  margin-top: 2px;
  width: 15px;
  height: 15px;
  position: relative;
  border: solid 1px #333333;
  border-radius: 8px; }
  .stop.icon:before {
    width: 17px;
    height: 1px;
    background-color: #333333;
    top: 7px;
    left: -1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .stop.icon.filled {
    background-color: #333333; }
    .stop.icon.filled:before {
      background-color: white; }


.profile.icon {
  margin-left: 3px;
  margin-top: 11px;
  width: 14px;
  height: 6px;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-top: solid 1px #333333;
  border-bottom: solid 1px transparent;
  border-radius: 6px 6px 0 0; }
  .profile.icon:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: solid 1px #333333;
    position: absolute;
    left: 2px;
    top: -10px;
    background-color: white; }
  .profile.icon.filled {
    background-color: #333333; }
    .profile.icon.filled:before {
      background-color: #333333; }

.heart.icon {
  margin-top: 6px;
  margin-left: 5px;
  width: 9px;
  height: 9px;
  border-left: solid 1px #333333;
  border-bottom: solid 1px #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .heart.icon:before {
    width: 8px;
    height: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top: solid 1px #333333;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    top: -5px;
    left: -1px; }
  .heart.icon:after {
    width: 5px;
    height: 8px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    top: 0px;
    left: 8px; }
  .heart.icon.filled {
    background-color: red; }
    .heart.icon.filled:before, .heart.icon.filled:after {
      background-color: red; }

.edit.icon {
  margin-left: 4px;
  margin-top: 7px;
  width: 14px;
  height: 2px;
  border: solid 1px #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-radius: 1px; }
  .edit.icon:before {
    width: 0px;
    height: 0px;
    border-left: solid 5px transparent;
    border-right: solid 5px #333333;
    border-top: solid 2px transparent;
    border-bottom: solid 2px transparent;
    left: -12px;
    top: -1px; }
  .edit.icon.filled {
    background-color: #333333; }

.link.icon {
  margin-left: 8px;
  margin-top: 10px;
  width: 7px;
  height: 1px;
  background-color: #333333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .link.icon:before, .link.icon:after {
    width: 8px;
    height: 5px;
    border-radius: 2px;
    border: solid 1px #333333;
    top: -3px; }
  .link.icon:before {
    left: -7px; }
  .link.icon:after {
    right: -7px; }

.activelink:before, .activelink:after {
    border: solid 1px #229726 !important;
}



.mail.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border: solid 1px #333333;
  border-radius: 1px; }
  .mail.icon:before, .mail.icon:after {
    width: 1px;
    height: 10px;
    background-color: #333333;
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
    left: 7px;
    top: -4px; }
  .mail.icon:before {
    -webkit-transform: rotate(-54deg);
    transform: rotate(-54deg); }
  .mail.icon:after {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg); }
  .mail.icon.filled {
    background-color: #333333; }
    .mail.icon.filled:before, .mail.icon.filled:after {
      background-color: white; }

.bookmark.icon {
  margin-left: 5px;
  margin-top: 3px;
  width: 10px;
  height: 15px;
  border-top: solid 1px #333333;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-radius: 1px 1px 0 0; }
  .bookmark.icon:before {
    width: 7px;
    height: 7px;
    border-top: solid 1px #333333;
    border-left: solid 1px #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
    left: 1px; }
  .bookmark.icon.filled {
    background-color: #333333; }
    .bookmark.icon.filled:before {
      background-color: white; }

.camera.icon {
  margin-left: 2px;
  margin-top: 5px;
  width: 16px;
  height: 10px;
  border: solid 1px #333333;
  border-radius: 1px; }
  .camera.icon:before {
    width: 4px;
    height: 4px;
    border: solid 1px #333333;
    border-radius: 3px;
    left: 5px;
    top: 2px; }
  .camera.icon:after {
    width: 4px;
    height: 1px;
    border-radius: 1px 1px 0 0;
    background-color: #333333;
    right: 2px;
    top: -2px; }
  .camera.icon.filled {
    background-color: #333333; }
    .camera.icon.filled:before {
      background-color: white;
      border: solid 1px white; }

.chat.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 15px;
  height: 10px;
  border: solid 1px #333333;
  border-radius: 2px; }
  .chat.icon:before {
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: white;
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
    left: 3px;
    top: 8px; }
  .chat.icon.filled {
    background-color: #333333; }
    .chat.icon.filled:before {
      background-color: #333333; }

.paperclip.icon {
  margin-left: 9px;
  margin-top: 2px;
  width: 6px;
  height: 12px;
  border-left: solid 1px #333333;
  border-right: solid 1px #333333;
  border-top: solid 1px #333333;
  border-radius: 4px 4px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }
  .paperclip.icon:before {
    top: 11px;
    left: -1px;
    width: 4px;
    height: 6px;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-radius: 0 0 3px 3px; }
  .paperclip.icon:after {
    left: 1px;
    top: 1px;
    width: 2px;
    height: 10px;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    border-top: solid 1px #333333;
    border-radius: 4px 4px 0 0; }

.mobile.icon {
  margin-left: 4px;
  margin-top: 0px;
  width: 12px;
  height: 19px;
  border-radius: 2px;
  border: solid 1px #333333; }
  .mobile.icon:before {
    left: 5px;
    top: 1px;
    width: 2px;
    height: 1px;
    background-color: #333333; }
  .mobile.icon:after {
    bottom: 1px;
    left: 5px;
    height: 2px;
    width: 2px;
    background-color: #333333;
    border-radius: 50%; }
  .mobile.icon.filled {
    height: 14px;
    border-top: solid 3px #333333;
    border-bottom: solid 4px #333333; }
    .mobile.icon.filled:before {
      top: -2px;
      background-color: white; }
    .mobile.icon.filled:after {
      bottom: -3px;
      background-color: white; }

.more.icon {
  margin-left: 9px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px #333333; }
  .more.icon:before, .more.icon:after {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: solid 1px #333333;
    top: -1px; }
  .more.icon:before {
    left: -8px; }
  .more.icon:after {
    left: 6px; }
  .more.icon.filled {
    background-color: #333333; }
    .more.icon.filled:before, .more.icon.filled:after {
      background-color: #333333; }

.vmore.icon {
  margin-left: 9px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  border: solid 1px #333333; }
  .vmore.icon:before, .vmore.icon:after {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: solid 1px #333333;
    left: -1px; }
  .vmore.icon:before {
    top: -8px; }
  .vmore.icon:after {
    top: 6px; }
  .vmore.icon.filled {
    background-color: #333333; }
    .vmore.icon.filled:before, .vmore.icon.filled:after {
      background-color: #333333; }

.keyboard.icon {
  margin-left: 1px;
  margin-top: 4px;
  width: 17px;
  height: 11px;
  border-radius: 1px;
  border: solid 1px #333333; }
  .keyboard.icon:before {
    left: 7px;
    top: 3px;
    width: 1px;
    height: 1px;
    border: 1px solid transparent;
    box-shadow: -2px 0 0 -1px #333333, 2px 0 0 -1px #333333, 0 -2px 0 -1px #333333, 0 2px 0 -1px #333333, -6px 0 0 -1px #333333, 6px 0 0 -1px #333333, -4px -2px 0 -1px #333333, -4px 2px 0 -1px #333333, 4px -2px 0 -1px #333333, 4px 2px 0 -1px #333333; }
  .keyboard.icon:after {
    width: 9px;
    height: 1px;
    background-color: #333333;
    bottom: 1px;
    left: 4px; }
  .keyboard.icon.filled {
    background-color: #333333; }
    .keyboard.icon.filled:before {
      box-shadow: -2px 0 0 -1px white, 2px 0 0 -1px white, 0 -2px 0 -1px white, 0 2px 0 -1px white, -6px 0 0 -1px white, 6px 0 0 -1px white, -4px -2px 0 -1px white, -4px 2px 0 -1px white, 4px -2px 0 -1px white, 4px 2px 0 -1px white; }
    .keyboard.icon.filled:after {
      background-color: white; }

.calendar3.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 13px;
  border: solid 1px #333333;
  border-radius: 1px; }
  .calendar3.icon:before {
    left: 4px;
    top: -3px;
    width: 6px;
    height: 5px;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333; }
  .calendar3.icon:after {
    left: 6px;
    top: 0px;
    width: 2px;
    height: 1px;
    border: 1px solid transparent;
    box-shadow: 0 9px 0 -1px #333333, -4px 9px 0 -1px #333333, 4px 9px 0 -1px #333333, 0 6px 0 -1px #333333, -4px 6px 0 -1px #333333, 4px 6px 0 -1px #333333, 0 3px 0 -1px #333333, -4px 3px 0 -1px #333333, 4px 3px 0 -1px #333333; }
  .calendar3.icon.filled {
    background-color: #333333; }
    .calendar3.icon.filled:before {
      left: 3px;
      border-left: solid 2px #333333;
      border-right: solid 2px #333333; }
    .calendar3.icon.filled:after {
      box-shadow: 0 9px 0 -1px white, -4px 9px 0 -1px white, 4px 9px 0 -1px white, 0 6px 0 -1px white, -4px 6px 0 -1px white, 4px 6px 0 -1px white, 0 3px 0 -1px white, -4px 3px 0 -1px white, 4px 3px 0 -1px white; }

.calendar2.icon {
  margin-left: 2px;
  margin-top: 3px;
  width: 16px;
  height: 14px;
  border: solid 1px #333333;
  border-radius: 1px; }
  .calendar2.icon:before {
    left: 5px;
    top: -3px;
    width: 4px;
    height: 5px;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    box-shadow: 0 12px 0 -2px #333333, -4px 12px 0 -2px #333333, 4px 12px 0 -2px #333333, 0 9px 0 -2px #333333, -4px 9px 0 -2px #333333, 4px 9px 0 -2px #333333, 0 6px 0 -2px #333333, -4px 6px 0 -2px #333333, 4px 6px 0 -2px #333333; }
  .calendar2.icon:after {
    left: -1px;
    top: 2px;
    width: 18px;
    height: 1px;
    background-color: #333333; }
  .calendar2.icon.filled {
    background-color: #333333; }
    .calendar2.icon.filled:before {
      box-shadow: 0 12px 0 -2px white, -4px 12px 0 -2px white, 4px 12px 0 -2px white, 0 9px 0 -2px white, -4px 9px 0 -2px white, 4px 9px 0 -2px white, 0 6px 0 -2px white, -4px 6px 0 -2px white, 4px 6px 0 -2px white; }
    .calendar2.icon.filled:after {
      background-color: white; }

.calendar.icon {
  margin-left: 2px;
  margin-top: 4px;
  width: 16px;
  height: 13px;
  border: solid 1px #333333;
  border-radius: 1px; }
  .calendar.icon:before {
    left: 4px;
    top: -3px;
    width: 6px;
    height: 5px;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333; }
  .calendar.icon:after {
    left: -1px;
    top: 3px;
    width: 18px;
    height: 1px;
    background-color: #333333; }
  .calendar.icon.filled {
    background-color: #333333; }
    .calendar.icon.filled:before {
      left: 3px;
      border-left: solid 2px #333333;
      border-right: solid 2px #333333; }
    .calendar.icon.filled:after {
      top: 2px;
      background-color: white; }
    .calendar.icon.filled.checkI i {
      border-color: white; }
    .calendar.icon.filled.removeI i:before, .calendar.icon.filled.removeI i:after {
      background-color: white; }
    .calendar.icon.filled.contact i:before, .calendar.icon.filled.contact i:after {
      border-color: white; }
    .calendar.icon.filled.paragraph i:before {
      border-color: white; }
    .calendar.icon.filled.paragraph i:after {
      background-color: white; }
  .calendar.icon.checkI i {
    width: 7px;
    height: 4px;
    border-left: solid 1px #333333;
    border-bottom: solid 1px #333333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 4px;
    top: 4px; }
  .calendar.icon.removeI i:before, .calendar.icon.removeI i:after {
    width: 8px;
    height: 1px;
    background-color: #333333;
    left: 4px;
    top: 8px; }
  .calendar.icon.removeI i:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .calendar.icon.removeI i:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }


  .calendar.icon.addI i:before, .calendar.icon.addI i:after {
    width: 8px;
    height: 1px;
    background-color: #333333;
    left: 4px;
    top: 8px; }
  .calendar.icon.addI i:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  .calendar.icon.addI i:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }



  .calendar.icon.contact:after {
    height: 0; }
  .calendar.icon.contact i {
    left: 5px;
    top: 3px; }
    .calendar.icon.contact i:before {
      width: 4px;
      height: 4px;
      border: solid 1px #333333;
      border-radius: 50%; }
    .calendar.icon.contact i:after {
      left: -2px;
      top: 5px;
      width: 8px;
      height: 3px;
      border-top: solid 1px #333333;
      border-left: solid 1px #333333;
      border-right: solid 1px #333333;
      border-radius: 4px 4px 0 0; }
  .calendar.icon.paragraph i {
    left: 3px;
    top: 6px; }
    .calendar.icon.paragraph i:before {
      width: 10px;
      height: 1px;
      border-top: solid 1px #333333;
      border-bottom: solid 1px #333333; }
    .calendar.icon.paragraph i:after {
      left: 0px;
      top: 4px;
      width: 6px;
      height: 1px;
      background-color: #333333; }

.circle.icon {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: solid 1px #333333; }

.square.icon {
  width: 15px;
  height: 15px;
  border-radius: 2px;
  border: solid 1px #333333; }

.circle.plusI.icon,
.square.plusI.icon {
  margin-left: 2px;
  margin-top: 2px; }
  .circle.plusI.icon:before, .circle.plusI.icon:after,
  .square.plusI.icon:before,
  .square.plusI.icon:after {
    width: 7px;
    height: 1px;
    background-color: #333333;
    left: 4px;
    top: 7px; }
  .circle.plusI.icon:after,
  .square.plusI.icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .circle.plusI.icon.filled,
  .square.plusI.icon.filled {
    background: #333333; }
    .circle.plusI.icon.filled:before, .circle.plusI.icon.filled:after,
    .square.plusI.icon.filled:before,
    .square.plusI.icon.filled:after {
      background-color: white; }
.circle.minusI.icon,
.square.minusI.icon {
  margin-left: 2px;
  margin-top: 2px; }
  .circle.minusI.icon:before,
  .square.minusI.icon:before {
    width: 7px;
    height: 1px;
    background-color: #333333;
    left: 4px;
    top: 7px; }
  .circle.minusI.icon.filled,
  .square.minusI.icon.filled {
    background: #333333; }
    .circle.minusI.icon.filled:before,
    .square.minusI.icon.filled:before {
      background-color: white; }
.circle.checkI.icon,
.square.checkI.icon {
  margin-left: 2px;
  margin-top: 2px; }
  .circle.checkI.icon:before,
  .square.checkI.icon:before {
    left: 4px;
    top: 4px;
    width: 7px;
    height: 4px;
    border-bottom: solid 1px #333333;
    border-left: solid 1px #333333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .circle.checkI.icon.filled,
  .square.checkI.icon.filled {
    background: #333333; }
    .circle.checkI.icon.filled:before,
    .square.checkI.icon.filled:before {
      border-color: white; }
.circle.removeI.icon,
.square.removeI.icon {
  margin-left: 2px;
  margin-top: 2px; }
  .circle.removeI.icon:before, .circle.removeI.icon:after,
  .square.removeI.icon:before,
  .square.removeI.icon:after {
    left: 3px;
    top: 7px;
    width: 9px;
    height: 1px;
    background-color: #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .circle.removeI.icon:after,
  .square.removeI.icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .circle.removeI.icon.filled,
  .square.removeI.icon.filled {
    background: #333333; }
    .circle.removeI.icon.filled:before, .circle.removeI.icon.filled:after,
    .square.removeI.icon.filled:before,
    .square.removeI.icon.filled:after {
      background-color: white; }

.plus.icon {
  margin-left: 3px;
  margin-top: 10px; }
  .plus.icon:before, .plus.icon:after {
    width: 15px;
    height: 1px;
    background-color: #333333; }
  .plus.icon:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.minus.icon {
  margin-left: 3px;
  margin-top: 10px;
  width: 15px;
  height: 1px;
  background-color: #333333; }

.check.icon {
  margin-left: 3px;
  margin-top: 4px;
  width: 14px;
  height: 8px;
  border-bottom: solid 1px #229726;
  border-left: solid 1px #229726;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.remove.icon {
  margin-left: 3px;
  margin-top: 10px; }
  .remove.icon:before, .remove.icon:after {
    width: 15px;
    height: 1px;
    background-color: #333333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .remove.icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.leadtab{
display: inline-block;
    border: 1px solid silver;
    padding: 15px 5px;
    border-radius: 5px 5px 0px 0px;
    width: 15%;
border-bottom:0px;
cursor:pointer;
font-size:smaller;
text-align:center;

}

.currtab{
background:silver;
cursor:unset;
}
.paragraph-direction.icon {
    margin-left: 2px;
    margin-top: 6px;
    width: 17px;
    height: 8px;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
}
.paragraph-direction.icon:before {
    top: 2px;
    left: 0;
    width: 16px;
    height: 2px;
    border-radius: 0 2px 2px 0;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
    border-right: solid 1px #333333;
}
.paragraph-direction.icon:after {
    top: 3px;
    left: 6px;
    width: 0;
    height: 0;
    border-left: solid 2px white;
    border-right: solid 2px #333333;
    border-top: solid 2px white;
    border-bottom: solid 2px white;
}

.download2.icon {
    margin-left: 3px;
    margin-top: 12px;
    width: 13px;
    height: 4px;
    border: solid 1px #333333;
    border-top: none;
    border-radius: 1px;
}
.download2.icon:before {
    width: 1px;
    height: 10px;
    background-color: #333333;
    top: -9px;
    left: 6px;
}
.download2.icon:after {
    width: 4px;
    height: 4px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    transform: rotate(135deg);
    left: 4px;
    top: -4px;
}
.float.icon {
    margin-left: 2px;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    border: solid 1px #333333;
    border-radius: 50%;
}
.iconWrapper .icon {
    z-index: 1;
}
.icon {
    position: absolute;
}
.float.icon:before, .float.icon:after {
    width: 17px;
    height: 1px;
    background-color: #ea1111;
    top: 7px;
    left: -1px;
}
.icon:before, .icon:after {
    content: '';
    position: absolute;
    display: block;
}
.float.icon i {
    width: 7px;
    height: 7px;
    background-color: white;
    border: solid 1px #333333;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    z-index: 2;
}
.icon i:before, .icon i:after {
    content: '';
    position: absolute;
    display: block;
}
.float.icon:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.float.icon:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.bell.icon {
    margin-left: 5px;
    margin-top: 2px;
    width: 9px;
    height: 10px;
    border: solid 1px #333333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.bell.icon:before {
    width: 15px;
    height: 0px;
    border-top: solid 1px #333333;
    border-bottom: solid 1px white;
    bottom: -2px;
    left: -3px;
    z-index: 2;
}
.bell.icon:after {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: solid 1px #333333;
    bottom: -5px;
    left: 2px;
}
.alert-circle.icon {
    margin-left: 2px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: solid 1px #f90000;
}
.alert-circle.icon.filled {
    background-color: #f90000;
}
.alert-circle.icon.filled:before, .alert-circle.icon.filled:after {
    background-color: white;
}
.alert-circle.icon:before {
    top: 3px;
    left: 7px;
    width: 2px;
    height: 7px;
    background-color: #333333;
}
.alert-circle.icon:after {
    top: 11px;
    left: 7px;
    width: 2px;
    height: 2px;
    background-color: #333333;
}
.share.icon {
  margin-left: 4px;
  margin-top: 9px;
  width: 2px;
  height: 2px;
  border: solid 1px #333333;
  border-radius: 2px; }
  .share.icon:before, .share.icon:after {
    left: 9px;
    width: 2px;
    height: 2px;
    border: solid 1px #333333;
    border-radius: 2px; }
  .share.icon:before {
    top: -6px; }
  .share.icon:after {
    top: 4px; }
  .share.icon i:before {
    left: 3px;
    width: 8px;
    height: 1px;
    background-color: #333333;
    transform-origin: left bottom;
    transform: rotate(-30deg); }
  .share.icon i:after {
    top: 1px;
    left: 3px;
    width: 8px;
    height: 1px;
    background-color: #333333;
    transform-origin: left top;
    transform: rotate(30deg); }
.export2.icon {
  margin-left: 3px;
  margin-top: 12px;
  width: 13px;
  height: 4px;
  border: solid 1px #333333;
  border-top: none;
  border-radius: 1px; }
  .export2.icon:before {
    width: 1px;
    height: 9px;
    background-color: #333333;
    top: -8px;
    left: 6px; }
  .export2.icon:after {
    width: 4px;
    height: 4px;
    border-top: solid 1px #333333;
    border-right: solid 1px #333333;
    transform: rotate(-45deg);
    left: 4px;
    top: -8px; }
.bankNote.icon {
    margin-left: 2px;
    margin-top: 8px;
    width: 15px;
    height: 8px;
    border: solid 1px #333333;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 8px;
    color: #333333;
    line-height: 10px;
    text-align: center;
}
.bankNote.icon:before {
    left: 1px;
    top: -3px;
    width: 13px;
    height: 1px;
    background-color: #333333;
}
.bankNote.icon:after {
    left: 3px;
    top: -5px;
    width: 9px;
    height: 1px;
    background-color: #333333;
}