.ztp>caption:after {
  content: "\e00a"
}

.ztp thead td.sorting .ico:after {
  content: "\e00f"
}

.ztp thead td.sort-asc .ico:after {
  content: "\e011"
}

.ztp thead td.sort-desc .ico:after {
  content: "\e010"
}

.ztp td.more>.ico:after {
  content: "\e000"
}

.ztp td.more>.ico:hover:after {
  content: "\e002"
}

.ztp tr.open td.more>.ico:after {
  content: "\e001"
}

.ztp tr.open td.more>.ico:hover:after {
  content: "\e003"
}

.ztp-ctrl .ico.reload:before {
  content: "\e00a"
}

.ztp-ctrl .ico.filter:before {
  content: "\e00b"
}

.ztp-ctrl .ico.selection:before {
  content: "\e00c"
}

.ztp-wrap .select-wrap>i:after {
  content: "\e00d"
}

.ztp td.pick>.ico:after,
.ztp tr.selected>td.pick>.ico:hover:after {
  content: "\e005"
}

.ztp td.pick>.ico:hover:after,
.ztp tr.selected>td.pick>.ico:after {
  content: "\e004"
}

.ztp-func>.ico:before {
  content: "\e00e"
}

.ztable {
  background-color: #fff;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1
}

.ztable td {
  overflow-x: hidden;
  padding: 0 3px;
  position: relative;
  table-layout: auto;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ztable thead {
  color: #666
}

.ztable tbody td {}

.ztable td.zt-main {
  font-weight: 700
}

.ztable td.zt-aux {
  max-width: 55px
}

.ztable td.zt-other {
  max-width: 0;
  width: 50%
}

.ztable td:hover:before {
  background-color: hsl(199, 53%, 97%);
  content: "";
  height: 10000px;
  left: 0;
  position: absolute;
  top: -5000px;
  width: 100%;
  z-index: 0
}

.ztp-wrap.fullheight {
  height: 100%
}

.ztp-wrap.fullheight>.ztp-scroll {
  height: calc(100% - 46px);
  overflow-y: auto
}

.ztp-scroll {
  background-color: #fbfbfb;
  min-height: 70px;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch
}

.ztp-outer {
  position: relative
}

.ztp {
  background-color: #fff;
  min-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1
}

.ztp.autowidth {
  min-width: inherit
}

.ztp-tmpl {
  display: none
}

.ztp>caption {
  align-items: center;
  display: flex;
  height: calc(100% - 40px);
  justify-content: center;
  left: 0;
  max-height: 100vh;
  min-height: 40px;
  position: absolute;
  right: 0
}

.ztp>caption:after {
  -webkit-animation: 1.5s linear normal none infinite running spin;
  -o-animation: 1.5s linear normal none infinite running spin;
  animation: 1.5s linear normal none infinite running spin;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-color: transparent #0173a7 transparent transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  color: #dae2dc;
  content: "";
  cursor: default;
  font-size: 40px;
  height: 1em;
  opacity: 0;
  text-align: center;
  visibility: hidden;
  width: 1em;
  z-index: 5;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  -webkit-padding-start: .05%
}

.ztp>tbody:before {
  background-color: #fff;
  height: 100%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.ztp.loading>tbody {
  position: relative;
  overflow: hidden
}

.ztp.loading>caption:after,
.ztp.loading>tbody:before {
  opacity: .8;
  visibility: visible
}

.ztp>tbody:empty {
  background-color: #fbfbfb;
  caption-side: bottom;
  display: table-caption;
  height: 3.7em;
  position: relative;
  width: 100%
}

.ztp:not(.loading)>tbody:empty:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  color: #dadfe2;
  content: "No data";
  cursor: default;
  display: flex;
  font-family: inherit;
  font-size: 1.3em;
  height: 100%;
  justify-content: center;
  left: 0;
  line-height: 1;
  margin: auto;
  max-height: 100vh;
  min-height: 40px;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: auto;
  visibility: visible;
  z-index: 5
}

.ztp td {
  position: relative
}

.ztp td.right {
  text-align: right
}

.ztp thead td,
.ztp td>.ztp-c {
  padding: 8px 14px
}

.ztp>tbody>tr>td {
  border-bottom: 1px solid #eaeaea
}

.ztp>tbody>tr.open>td {
  border-bottom-color: transparent
}

.ztp td>.ztp-c,
.ztp td>.ztp-cw {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  white-space: nowrap;
  z-index: 1
}

.ztp.selection td>.ztp-c,
.ztp.selection td>.ztp-cw {
  cursor: pointer
}

.ztp td>.ztp-c {
  height: 36px
}

.ztp td>.ztp-c:empty {
  color: #ccc
}

.ztp td>.ztp-c.mh {
  padding-top: .333333em;
  padding-bottom: .333333em;
  height: auto
}

.ztp td>.ztp-c.f {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0
}

.ztp td.important>.ztp-c:empty {
  border-bottom: 1px solid #f2b8b8;
  margin: 0 3px;
  padding-left: 7px;
  padding-right: 7px
}

.ztp>thead>tr>td:before,
.ztp>tbody>tr>td:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 10000px;
  left: 0;
  position: absolute;
  top: -5000px;
  width: 100%;
  z-index: 0
}

.ztp td:hover:before {
  content: ""
}

.ztp tr.active>td {
  background-color: hsla(199, 49%, 82%, 0.2)
}

.ztp tr.active.selected>td {
  background-color: hsla(199, 49%, 82%, 0.4)
}

.ztp>tbody>tr:nth-of-type(4n+1) {
  background-color: hsla(0, 0%, 80%, 0.1)
}

.ztp>tbody>tr:nth-of-type(4n+2)>td:before {
  background-color: #fafafa
}

.ztp>tbody>tr:nth-of-type(n)>td.active:before,
.ztp>tbody>tr:nth-of-type(n)>td.active:hover:before {
  background-color: hsla(199, 49%, 82%, 0.2);
  content: ""
}

.ztp>tbody>.ztp-more+tr.ztp-row:nth-of-type(4n+3) {
  background-color: rgba(255, 255, 255, 0.1)
}

.ztp>tbody>tr.ztp-row:nth-of-type(2n+1),
.ztp>tbody>tr.ztp-more+.ztp-row:nth-of-type(4n+1) {
  background-color: rgba(222, 231, 241, 0.1)
}

.ztp>tbody>tr.ztp-row:nth-of-type(2n) {
  background-color: rgba(255, 255, 255, 0.1)
}

.ztp>tbody>tr:nth-of-type(4n+4)>td:before {
  background-color: #fff
}

.ztp>tbody>tr[data-status="0"] {
  opacity: .4
}

.ztp>tbody>tr:hover {
  opacity: 1
}

.ztp>tbody>tr.alert {
  background-color: rgba(255, 190, 190, 0.16) !important;
  color: #f00
}

.ztp td:hover:before,
.ztp>tbody>tr:not(.ztp-more):hover,
.ztp>tbody>tr:not(.ztp-more).hover,
.ztp tr.ztp-more:hover>td:before,
.ztp tr.ztp-more.hover>td:before {
  background-color: hsla(199, 49%, 82%, 0.15) !important
}

.ztp>tbody>tr:hover:not(.ztp-more)+.ztp-more>td:before {
  background-color: hsl(199, 50%, 97%)
}

.ztp td.pick>.ico {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  align-items: center;
  color: hsl(199, 34%, 30%);
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  font-size: 11px;
  height: 36px;
  opacity: 0;
  padding: 0;
  text-align: right;
  width: 20px
}

.ztp tr.selected>td.pick>.ico:active,
.ztp.selection tr>td.pick>.ico,
.ztp tr:hover>td.pick>.ico {
  opacity: .3
}

.ztp tr>td.pick>.ico:active,
.ztp tr.selected>td.pick>.ico {
  opacity: 1
}

.ztp tr.selected>td,
.ztp tr.selected+tr.ztp-more>td {
  background-color: hsla(199, 49%, 82%, 0.3)
}

.ztp tr.choose>td,
.ztp tr.choose+tr.ztp-more>td {
  background-color: hsla(199, 49%, 82%, 0.7)
}

.ztp td.more>.ico {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: hsl(199, 35%, 30%);
  cursor: pointer;
  display: block;
  font-size: 16px;
  height: 36px;
  opacity: .3;
  padding: 10px;
  width: 36px
}

.ztp td.more>.ico:active {
  opacity: 1
}

.ztp td.more>.ico.inactive {
  visibility: hidden
}

.ztp td.min,
.ztp td.more,
.ztp td.pick,
.ztp td.sale {
  width: 1px
}

.ztp td.pick:before,
.ztp td.more:before,
.ztp td.sale:before {
  content: none
}

.ztp tr.ztp-more>td:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ztp tr.open+tr.ztp-more>td[colspan]:after {
  border-color: #ccc;
  border-style: dashed;
  border-width: 0 0 1px 1px;
  content: "";
  height: 29px;
  left: 17px;
  position: absolute;
  top: -11px;
  width: 15px
}

.ztp tr.ztp-more {
  display: none
}

.ztp tr.ztp-more:hover {}

.ztp>tbody>tr.ztp-more>td {
  z-index: 1
}

.ztp tr.open+tr.ztp-more {
  display: table-row
}

.ztp tr.ztp-more .ztp-cw {
  padding: 0 10px 10px 36px
}

.ztp-not {
  color: #b44949
}

.ztp td.sale>span {
  background-color: hsl(199, 30%, 42%);
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  margin: 0 10px;
  padding: 6px 9px;
  white-space: nowrap
}

.ztp td.sale>span:hover {
  background-color: hsl(199, 34%, 30%)
}

.ztp-cwt {
  float: left;
  margin-right: 25px
}

.ztp-cwt td:first-of-type {
  padding: 8px 10px;
  width: 1px
}

.ztp-cwt:last-of-type {
  margin-right: 0
}

.ztp-cwt td>.ztp-c:after {
  border-bottom: 1px dotted;
  bottom: 7px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%
}

.ztp-datetime {
  text-align: center
}

.ztp-datetime.ib {
  display: inline-block
}

.ztp-date {
  display: block;
  margin-top: -2px;
  white-space: nowrap
}

.ztp-time {
  display: block;
  font-size: 7px;
  line-height: 5px;
  padding-bottom: 2px;
  text-align: center;
  font-size: .7em
}

.ztp-datetime.time-imp .ztp-date {
  font-size: .7em
}

.ztp-datetime.time-imp .ztp-time {
  font-size: 1em
}

@media (max-width:1200px) {
  aside.right-float+.content {
    margin-right: 0
  }

  aside.right-float {
    float: none;
    margin-bottom: 10px;
    width: 100%
  }
}

.ztp thead td {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
  font-size: .85em;
  height: 5px;
  position: relative;
  z-index: 2
}

.ztp thead td:hover {
  z-index: auto
}

.ztp thead td.sorting,
.ztp thead td.sort-asc,
.ztp thead td.sort-desc {
  padding-right: 20px;
  cursor: pointer
}

.ztp thead td:not(.pick)>.ico:after {
  margin: 3px 5px 0 0;
  opacity: 0;
  position: absolute;
  right: 0;
  z-index: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.ztp thead td.sorting:hover>.ico:after,
.ztp thead td.sort-asc>.ico:after,
.ztp thead td.sort-desc>.ico:after {
  opacity: 1
}

.ztp thead td.pick {
  padding: 0
}

.ztp thead td.with-filter {
  padding-bottom: 3px;
  padding-top: 4px
}

.ztp thead td.with-filter>.input-texttype,
.ztp thead td.with-filter input {
  width: 100%
}

.ztp-ctrl {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  padding: 15px 15px 5px;
  width: 100%
}

.ztp-ctrl.np {
  padding: 0
}

.ztp-ctrl-box {
  float: left;
  margin: 0 10px 0 0;
  position: relative
}

.ztp-ctrl-box.right {
  float: right;
  margin: 0 0 0 10px
}

.ztp-ctrl-box>a,
.ztp-ctrl-box>button,
.ztp-paginate li>button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 0;
  color: #000;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1em;
  line-height: 1;
  margin-left: -1px;
  min-width: .875em;
  padding: .5em .75em .5em;
  position: relative;
  text-align: center
}

.ztp-ctrl-box>a:first-of-type,
.ztp-ctrl-box>button:first-of-type,
.ztp-paginate li:first-of-type>button {
  border-radius: 5px 0 0 5px
}

.ztp-ctrl-box>a:last-of-type,
.ztp-ctrl-box>button:last-of-type,
.ztp-paginate li:last-of-type>button {
  border-radius: 0 5px 5px 0
}

.ztp-ctrl-box>a:first-of-type:last-of-type,
.ztp-ctrl-box>button:first-of-type:last-of-type,
.ztp-paginate li:first-of-type:last-of-type>button {
  border-radius: 5px
}

.ztp-ctrl-box>a:hover,
.ztp-ctrl-box>button:hover,
.ztp-paginate li>button:hover {
  background-color: hsl(199, 50%, 97%)
}

.ztp-ctrl-box>a:active,
.ztp-ctrl-box>button:active,
.ztp-paginate li>button:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  background-color: hsl(199, 54%, 97%);
  border-color: #ddd
}

.ztp-ctrl-box>a.ico,
.ztp-ctrl-box>button.ico {
  font-size: 18px;
  padding: 6px 12px
}

.ztp-ctrl-box>button.ico:before {
  color: hsl(199, 34%, 30%)
}

.ztp-ctrl-box>button.active {
  background-color: hsl(199, 54%, 97%);
  border-color: hsla(199, 27%, 63%, 1) hsla(199, 30%, 75%, 1) hsla(199, 30%, 75%, 1) hsla(199, 27%, 63%, 1);
  -webkit-box-shadow: 0 3px 5px hsla(199, 30%, 41%, 0.3) inset;
  box-shadow: 0 3px 5px hsla(199, 30%, 41%, 0.3) inset;
  z-index: 1
}

.ztp-countshow {
  float: left;
  margin: .833333em 0 0;
  display: flex;
  align-items: center
}

.ztp-countshow-before,
.ztp-countshow-after {}

.ztp-countshow-before {
  margin-right: .3333333em
}

.ztp-countshow-after {
  margin-left: .1666667em
}

.ztp-countshow .select-wrap {}

.ztp-countshow select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  font-size: 1em;
  padding-left: .5em;
  width: 100%;
  -webkit-padding-start: .5em
}

.ztp-wrap .select-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  display: inline-block;
  font-size: 1em;
  position: relative;
  height: 2.125em;
  width: 5em;
  vertical-align: middle
}

.ztp-wrap .select-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  padding-right: 1.3571428em
}

.ztp-wrap .select-wrap>i {
  border-color: #eaeaea;
  border-style: solid;
  border-width: 0 0 0 1px;
  bottom: 0;
  color: hsl(199, 35%, 30%);
  font-family: "Icons", "IconsAdmin";
  font-size: .8em;
  font-style: normal;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 1.6em
}

.ztp-wrap .select-wrap:hover>i {
  background-color: hsl(199, 50%, 97%)
}

.ztp-wrap .select-wrap>i:after {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ztp-countshow select option {
  padding: .41666667em .6666667em
}

.ztp-paginate {
  float: right;
  margin: .833333em 0 0
}

ul.ztp-paginate>li {
  float: left;
  margin: 0;
  padding: 0
}

.ztp-paginate li>button {
  color: hsl(199, 34%, 30%);
  float: none
}

.ztp-paginate li>button.active {
  background-color: hsl(199, 99%, 33%);
  border-color: hsl(199, 99%, 33%);
  color: #fff;
  z-index: 1
}

.ztp-countshow-of:not(:empty):before {
  content: "of "
}

.ztp-countshow-of[data-of]:not(:empty):before {
  content: attr(data-of)" "
}

@media (max-width:550px) {

  .ztp-countshow-before,
  .ztp-countshow-after {
    display: none
  }
}

@media (max-width:450px) {
  .ztp-paginate {
    border-collapse: collapse;
    display: table;
    float: none;
    margin: 0;
    max-width: 320px;
    width: 100%
  }

  .ztp-paginate li {
    border: 1px solid #eaeaea;
    display: table-cell;
    float: none
  }

  .ztp-paginate li>button {
    border: 0;
    height: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }

  .ztp-bottom {
    padding: .833333em 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center
  }

  .ztp-countshow {
    margin: .3em 0 0 0;
    text-align: center
  }

  .ztp-countshow-before,
  .ztp-countshow-after {
    display: inline-block
  }

  .ztp-paginate li:first-of-type {
    border-radius: 5px 0 0 5px
  }
}

.ztp-filter-list {
  display: table;
  padding: 5px 0
}

.ztp-filter-list>div {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  cursor: default;
  float: left;
  margin-right: 5px;
  padding: 3px 5px 3px 8px
}

.ztp-filter-list>div>label {
  font-weight: 600
}

.ztp-filter-list .close {
  color: #aaa;
  cursor: pointer;
  font-size: 9px;
  margin-left: 5px;
  padding: 6px
}

.ztp-filter-list .close:hover {
  color: #000
}

.filter-block {
  border-bottom: 1px solid #ebebeb;
  position: relative;
  -webkit-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out
}

.filter-block:not(.simple):hover {
  background-color: #f7f7f7
}

.filter-block>input {
  position: absolute;
  visibility: hidden;
  z-index: -99
}

.filter-block>label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  color: #676767;
  font-size: 14px;
  padding: 12px 40px 11px 36px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}

.filter-block>label:after {
  border-color: #bebebe;
  border-style: solid;
  border-width: 0 2px 2px 0;
  content: "";
  height: 5px;
  left: 17px;
  position: absolute;
  top: 18px;
  width: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 4px 4px 0;
  -moz-transform-origin: 4px 4px 0;
  -ms-transform-origin: 4px 4px 0;
  -o-transform-origin: 4px 4px 0;
  transform-origin: 4px 4px 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.filter-block>input:checked+label:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.filter-block>ul {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.filter-block.dual>ul {
  padding-right: 5px
}

.filter-block>input:checked+label+ul {
  max-height: 240px;
  opacity: 1;
  overflow-y: auto
}

.filter-block:hover>i {
  opacity: 1
}

.filter-block>i {
  cursor: pointer;
  height: 22px;
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 22px;
  z-index: 1;
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

.filter-block>i:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e4e4e4;
  border-radius: 16px;
  color: #ccc;
  content: "?";
  font-size: 11px;
  font-style: normal;
  font-weight: bold;
  height: 17px;
  line-height: 14px;
  padding: 0 5px;
  position: absolute;
  right: 2px;
  top: 3px;
  width: 17px
}

.filter-block>i:hover:after {
  background-color: hsla(199, 38%, 40%, 1);
  border: 1px solid hsla(199, 38%, 40%, 1);
  color: #fff
}

.filter-block>ul>li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px 15px;
  position: relative
}

.filter-block.dual>ul>li {
  float: left;
  padding: 3px 0 3px 15px;
  width: 50%
}

.filter-block.triple>ul>li {
  float: left;
  padding: 3px 0 3px 15px;
  width: 33.3%
}

.filter-block.floating>ul>li {
  display: inline-block;
  padding: 3px 0 3px 15px
}

.filter-block:not(.floating)>ul>li:last-of-type {
  margin-bottom: 10px
}

.filter-block>ul>li:first-of-type:last-of-type {
  margin-bottom: 0
}

.filter-block>ul>li>input[type="checkbox"] {
  background: none;
  border: 0 none;
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4
}

.filter-block>ul>li>.checkbox-tick {
  display: block;
  white-space: nowrap
}

.filter-submit>button {
  background-color: #fff;
  border-color: #ccc #ddd #ddd #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  height: 29px;
  text-align: center;
  width: 100%
}

.filter-submit {
  padding: 10px 15px
}

.filter-submit>button:hover {
  border-color: #a6a6a6 #c4c4c4 #c4c4c4 #a6a6a6
}

.filter-block.fix {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #ebebeb;
  float: left;
  padding-bottom: 7px;
  width: 20%
}

.filter-block.fix>ul,
.filter-block.fix>input:checked+label+ul {
  opacity: 1;
  overflow-y: auto;
  height: auto;
  max-height: 120px;
  min-height: 36px
}

.filter-block.vis>ul,
.filter-block.vis>input:checked+label+ul {
  overflow: visible
}

.filter-block.fix .filter-submit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding: 10px;
  width: 20%
}

.filter-block.fix .filter-submit>button {
  height: 50px;
  padding: 0 20px
}

.filter-block.fix:nth-of-type(6)>ul,
.filter-block.fix:nth-of-type(6)>input:checked+label+ul {
  height: auto
}

.filter-block.fix>label {
  cursor: default;
  padding: 0 3.333333em .25em .066667em;
  font-size: 1em;
  border-bottom: 1px solid #e2e6ec;
  margin: .5em .8em .25em
}

.filter-block.fix>label:after {
  content: none
}

.filter-block.fix>ul>li {
  padding: 3px 10px
}

.filter-block.rel {
  width: auto
}

.filter-block.rel .checkbox-tick+label {
  text-overflow: clip
}

.filter-block.simple {
  border-right: 1px solid #ebebeb;
  border: 0;
  padding: 0 10px 10px 0
}

.filter-block.simple:nth-of-type(n+2) {
  margin-left: 10px
}

.filter-block.simple>label {
  padding-left: 10px;
  padding-bottom: 3px
}

@media (max-width:1200px) {
  .filter-block {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #ebebeb;
    float: left;
    padding-bottom: 10px;
    width: 20%
  }

  .filter-block>ul,
  .filter-block>input:checked+label+ul {
    opacity: 1;
    overflow-y: auto;
    height: 120px;
    max-height: 120px
  }

  .filter-submit {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    padding: 10px;
    width: 20%
  }

  .filter-submit>button {
    height: 50px;
    padding: 0 20px
  }

  .filter-block.mini:nth-of-type(6)>ul,
  .filter-block.mini:nth-of-type(6)>input:checked+label+ul {
    height: auto
  }

  .filter-block>label {
    cursor: default
  }

  .filter-block>input:checked+label:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
  }

  .dual>ul>li {
    float: none;
    width: 100%
  }
}

.topbar-right.filter>button,
.topbar-right.filter .showfilter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e0e5eb;
  color: #515460;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.4166667em;
  margin-left: .29411764em;
  min-width: 1em;
  padding: .294117647em .76470588em;
  position: relative
}

.topbar-right.filter>button,
.topbar-right.filter .showfilter,
.topbar-right.filter>.input-texttype,
span.ztp-filter-outer {
  height: 80%;
  max-height: 40px
}

.topbar-right.filter>.input-texttype input[type="text"] {
  height: 100%
}

.topbar-right.filter>button:hover,
.topbar-right.filter .showfilter:hover {
  background-color: #ecf8f9
}

.topbar-right.filter>button:active,
.topbar-right.filter .showfilter:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  background-color: #ecfff8;
  border-color: #ddd
}

span.ztp-filter-outer {
  display: inline-block;
  margin-left: 5px;
  position: relative
}

.ztp-filter-outer>input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
  z-index: -999
}

.ztp-filter-outer>input[type="checkbox"]~.ztp-filter {
  background-color: #fff;
  border: 2px solid #47bac1;
  display: none;
  margin-top: -2px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 10
}

.topbar-right.filter .ztp-filter-outer>input[type="checkbox"]:checked+.showfilter {
  border-color: #47bac1;
  border-width: 2px;
  border-bottom-width: 0;
  padding-bottom: 2px
}

.ztp-filter-outer>input[type="checkbox"]:checked~.ztp-filter {
  display: block
}

.topbar-right.filter span.ztp-filter-outer>.showfilter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  height: 100%;
  margin-left: 0;
  width: 2.5em;
  z-index: 15
}

.ztp-func {
  height: 36px
}

.ztp-func>span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: hsl(199, 34%, 30%);
  cursor: pointer;
  display: block;
  font-size: 20px;
  height: 100%;
  opacity: .3;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.ztp-func>span:before {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ztp-func:hover>span {
  opacity: 1
}

.ztp-func>ul {
  position: absolute;
  visibility: hidden;
  right: 100%;
  background-color: #fff;
  top: 5px;
  border: 1px solid #dadada;
  z-index: 2
}

.ztp-func>ul:before {
  content: "";
  position: absolute;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #ccc;
  left: 100%;
  top: 3px;
  pointer-events: none
}

.ztp-func>ul:after {
  content: "";
  position: absolute;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  left: 100%;
  top: 4px;
  pointer-events: none
}

.ztp-func:hover ul {
  visibility: visible
}

.ztp-func li {
  cursor: pointer;
  white-space: nowrap;
  padding: 4px 9px;
  border-bottom: 1px solid #efefef
}

.ztp-func li:hover {
  background-color: #f4f7f5
}

.ztp-func li:last-of-type {
  border-bottom: none
}

.ztp-func ul>i {
  display: block;
  padding: 4px 9px;
  color: #ccc
}

.ztp-func ul>i:after {
  content: 'empty'
}

.ztp-func ul>li~i {
  display: none
}

.ztp-wrap {
  margin-top: -1.2em
}

.ztp-scroll {
  background-color: transparent;
  margin-bottom: 1em
}

.ztp-scroll::-webkit-scrollbar {
  background-color: #161a30;
  border-radius: .25em
}

.ztp-scroll::-webkit-scrollbar-thumb {
  background-color: #20284b;
  border-radius: .25em
}

.ztp-scroll::-webkit-scrollbar-button {
  background-size: 70%;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.2em
}

.ztp-scroll::-webkit-scrollbar-button:horizontal:start {
  border-right: 2px solid #0c0d16;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 64 64'%3E%3Cpath d='M37.469%2C9.7%2C20.857%2C29.637a3.7%2C3.7%2C0%2C0%2C0%2C0%2C4.726L37.469%2C54.3a3.692%2C3.692%2C0%2C0%2C0%2C5.674-4.726L28.5%2C32%2C43.143%2C14.429A3.692%2C3.692%2C0%2C0%2C0%2C37.469%2C9.7Z' fill='%23fff'%2F%3E%3C%2Fsvg%3E")
}

.ztp-scroll::-webkit-scrollbar-button:horizontal:end {
  border-left: 2px solid #0c0d16;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 64 64'%3E%3Cpath d='M26.531%2C54.3%2C43.143%2C34.363a3.7%2C3.7%2C0%2C0%2C0%2C0-4.726L26.531%2C9.7a3.692%2C3.692%2C0%2C0%2C0-5.674%2C4.726L35.5%2C32%2C20.857%2C49.571A3.692%2C3.692%2C0%2C0%2C0%2C26.531%2C54.3Z' fill='%23fff'%2F%3E%3C%2Fsvg%3E")
}

.ztp-scroll::-webkit-scrollbar-button:vertical:start {
  border-bottom: 2px solid #0c0d16;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 64 64'%3E%3Cpath d='M54.3%2C37.469%2C34.363%2C20.857a3.7%2C3.7%2C0%2C0%2C0-4.726%2C0L9.7%2C37.469a3.692%2C3.692%2C0%2C0%2C0%2C4.726%2C5.674L32%2C28.5%2C49.571%2C43.143A3.692%2C3.692%2C0%2C0%2C0%2C54.3%2C37.469Z' fill='%23fff'%2F%3E%3C%2Fsvg%3E")
}

.ztp-scroll::-webkit-scrollbar-button:vertical:end {
  border-top: 2px solid #0c0d16;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' viewBox='0 0 64 64'%3E%3Cpath d='M9.7%2C26.531%2C29.637%2C43.143a3.7%2C3.7%2C0%2C0%2C0%2C4.726%2C0L54.3%2C26.531a3.692%2C3.692%2C0%2C0%2C0-4.726-5.674L32%2C35.5%2C14.429%2C20.857A3.692%2C3.692%2C0%2C0%2C0%2C9.7%2C26.531Z' fill='%23fff'%2F%3E%3C%2Fsvg%3E")
}

.ztp-scroll::-webkit-scrollbar-thumb:hover,
.ztp-scroll::-webkit-scrollbar-button:hover {
  background-color: #29315C;
  border-radius: .25em
}

.ztp {
  background-color: transparent;
  border-spacing: 0 .5em;
  border-collapse: inherit
}

.ztp thead td {
  border-bottom: none;
  color: #808191;
  text-transform: uppercase;
  font-size: 1em;
  padding-left: 0;
  padding-right: 0
}

.ztp thead td>.mh {
  display: flex;
  padding-right: 1em;
  padding-left: 1em;
  justify-content: space-between
}

.ztp thead td.right>.mh {
  justify-content: flex-end
}

.ztp thead td span {
  font-size: .85em
}

.ztp thead td.sorting,
.ztp thead td.sort-asc,
.ztp thead td.sort-desc {
  padding-right: 0
}

.ztp thead td:not(.pick) .ico:after {
  margin: 3px 5px 0 0;
  opacity: 0;
  position: relative;
  right: 0;
  z-index: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.ztp thead td.sorting:hover .ico:after,
.ztp thead td.sort-asc .ico:after,
.ztp thead td.sort-desc .ico:after {
  opacity: 1
}

.ztp>thead {
  position: relative;
  top: 1em
}

.ztp>tbody {
  position: relative
}

.ztp>tbody:before {
  background-color: #0C0D16
}

.ztp>tbody:empty {
  background-color: #0C0D16
}

.ztp:not(.loading)>tbody:empty:after {
  color: #dadfe2;
  content: "No data";
  background-color: #161a30;
  border-radius: .5rem
}

.ztp>tbody>tr:nth-of-type(4n+1),
.ztp>tbody>tr.ztp-row:nth-of-type(2n+1),
.ztp>tbody>tr.ztp-more+.ztp-row:nth-of-type(4n+1),
.ztp>tbody>tr.ztp-row:nth-of-type(2n+1),
.ztp>tbody>.ztp-more+tr.ztp-row:nth-of-type(4n+3) {
  background-color: #161A30
}

.ztp>tbody>tr {}

.ztp>tbody>tr>td {
  border-bottom: 0
}

.ztp>tbody>tr>td:first-of-type {
  border-top-left-radius: .5em;
  border-bottom-left-radius: .5em
}

.ztp>tbody>tr>td:last-of-type {
  border-top-right-radius: .5em;
  border-bottom-right-radius: .5em
}

.ztp td>.ztp-c.mh {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 1em;
  padding-left: 1em;
  height: auto
}

.ztp td:hover:before {
  content: none
}

.ztp td:hover:before,
.ztp>tbody>tr:not(.ztp-more):hover,
.ztp>tbody>tr:not(.ztp-more).hover,
.ztp tr.ztp-more:hover>td:before,
.ztp tr.ztp-more.hover>td:before {
  background-color: #20284b !important
}

.ztp-ctrl-box>a,
.ztp-ctrl-box>button,
.ztp-paginate li>button {
  background-color: #161A30;
  border: 1px solid #0C0D16;
  color: #fff;
  padding: .7em 1em
}

.ztp-ctrl-box>a:active,
.ztp-ctrl-box>button:active,
.ztp-paginate li>button:active {
  background-color: #20284b;
  border-color: #161a30;
  z-index: 1
}

.ztp-paginate li>button.active {
  background-color: #20284b;
  border-color: #161a30;
  color: #008FDF;
  z-index: 1;
  font-weight: bold
}

.ztp-ctrl-box>a:hover,
.ztp-ctrl-box>button:hover,
.ztp-paginate li>button:not(.active):hover {
  background-color: #20284b;
  color: #008FDF
}

.ztp-ctrl-box>a:first-of-type,
.ztp-ctrl-box>button:first-of-type,
.ztp-paginate li:first-of-type>button {
  border-radius: .5em 0 0 .5em
}

.ztp-ctrl-box>a:last-of-type,
.ztp-ctrl-box>button:last-of-type,
.ztp-paginate li:last-of-type>button {
  border-radius: 0 .5em .5em 0
}

.ztp-ctrl-box>a:first-of-type:last-of-type,
.ztp-ctrl-box>button:first-of-type:last-of-type,
.ztp-paginate li:first-of-type:last-of-type>button {
  border-radius: .5em
}

.ztp-wrap .select-wrap {
  border: 0;
  background-color: transparent;
  height: 2.525em
}

.ztp-wrap .select-wrap select {
  background-color: #161A30;
  border-radius: .5em;
  color: #fff;
  padding-left: .75em
}

.ztp-wrap .select-wrap>i {
  border-color: #0C0D16;
  color: #fff;
  border-radius: 0 .5em .5em 0
}

.ztp-wrap .select-wrap:hover>i {
  background-color: #20284b
}

.ztp-countshow select option {
  background-cplor: #ccc
}

.ztp-countshow-after {
  margin-left: .5em
}

.ztp-bottom {
  position: relative
}

.ztp-countshow,
.ztp-paginate {
  margin-top: 0
}

.ztp thead td span.ico {
  display: flex;
  align-items: center;
  margin-left: .5em
}

.ztp>caption:after {
  content: "";
  width: .35em;
  height: .35em;
  background-color: transparent;
  border-radius: 50%;
  animation: .7s ease 0s normal none infinite running loadshadow;
  will-change: box-shadow;
  margin-left: -2.5em;
  border-width: 0;
  font-size: 2.6em;
  border-color: transparent
}

.ztp>caption {
  height: calc(100% - 3.8em)
}

@keyframes loadshadow {
  0% {
    box-shadow: 1em 0 0 -0.2em #394247, 1em 0 0 0 #008FDF, 1.8em 0 0 0 #008FDF, 2.6em 0 0 0 #008FDF
  }

  100% {
    box-shadow: 1em 0 0 0 #008FDF, 1.8em 0 0 0 #008FDF, 2.6em 0 0 0 #008FDF, 2.6em 0 0 -0.2em #394247
  }
}

@-webkit-keyframes loaddots {
  0% {
    box-shadow: 1em 0 0 -0.2em #394247, 1em 0 0 0 #008FDF, 1.8em 0 0 0 #008FDF, 2.6em 0 0 0 #008FDF
  }

  100% {
    box-shadow: 1em 0 0 0 #008FDF, 1.8em 0 0 0 #008FDF, 2.6em 0 0 0 #008FDF, 2.6em 0 0 -0.2em #394247
  }
}

@-o-keyframes loaddots {
  0% {
    box-shadow: 1em 0 0 -0.2em #394247, 1em 0 0 0 #008FDF, 1.8em 0 0 0 #008FDF, 2.6em 0 0 0 #008FDF
  }

  100% {
    box-shadow: 1em 0 0 0 #008FDF, 1.8em 0 0 0 #008FDF, 2.6em 0 0 0 #008FDF, 2.6em 0 0 -0.2em #394247
  }
}

@media (max-width:450px) {
  .ztp-paginate {
    display: flex;
    justify-content: center;
    margin-bottom: .5em
  }

  .ztp-paginate li {
    border: none
  }

  .ztp-paginate li>button {
    margin-left: -1px
  }

  ul.ztp-paginate>li {
    flex-basis: 10em
  }
}