/* $Id$ */
/* $Id$ */
@font-face {
  font-family: 'ZohoPuvi';
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.eot");
  /* IE9 Compat Modes */
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.eot?#iefix") format("embedded-opentype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.woff2") format("woff2"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.woff") format("woff"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.ttf") format("truetype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Extralight.otf") format("opentype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'ZohoPuvi';
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot");
  /* IE9 Compat Modes */
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.eot?#iefix") format("embedded-opentype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2") format("woff2"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff") format("woff"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.ttf") format("truetype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.otf") format("opentype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'ZohoPuvi';
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot");
  /* IE9 Compat Modes */
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.eot?#iefix") format("embedded-opentype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff2") format("woff2"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.woff") format("woff"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.ttf") format("truetype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Medium.otf") format("opentype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility; }
@font-face {
  font-family: 'ZohoPuvi';
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot");
  /* IE9 Compat Modes */
  src: url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.eot?#iefix") format("embedded-opentype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff2") format("woff2"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.woff") format("woff"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.ttf") format("truetype"), url("https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Bold.otf") format("opentype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: bold;
  text-rendering: optimizeLegibility; }
body {
  font-family: 'ZohoPuvi'; }

/* $Id$ */
/* $Id$ */
.checkbox-cont, .radio-cont {
  width: 14px;
  height: 22px;
  margin-inline-end: 16px;
  line-height: 14px;
  position: relative;
  flex-shrink: 0; }
  .checkbox-cont + label, .radio-cont + label {
    height: auto;
    line-height: unset;
    margin-inline-start: 8px !important;
    cursor: pointer; }
  .checkbox-cont:focus label, .radio-cont:focus label {
    box-shadow: none; }

input[type=checkbox].checkbox + label {
  width: 14px;
  height: 14px;
  border-radius: 2px;
  margin-block-start: 4px;
  margin-block-end: 4px;
  margin-inline-start: 0;
  margin-inline-end: 0; }
input[type=checkbox].checkbox + label {
  background-color: #FFF;
  border: 1px solid #d5d5d5; }
  input[type=checkbox].checkbox + label:after {
    inset-block-start: 7px;
    inset-inline-start: 1px !important; }
  input[type=checkbox].checkbox + label:hover {
    border: 1px solid silver; }
input[type=checkbox].checkbox:checked + label {
  background-color: #0087ff;
  border: 1px solid #0087ff; }
  input[type=checkbox].checkbox:checked + label:after {
    border-inline-start: 2px solid #FFF;
    border-block-end: 2px solid #FFF;
    inset-inline-start: 2px; }
input[type=checkbox].checkbox:checked.intermediate + label {
  border: 1px solid #9E9E9E;
  background-color: #9E9E9E; }
  input[type=checkbox].checkbox:checked.intermediate + label:after {
    border-inline-start: none;
    transform: none;
    inset-block-start: 2px; }
input[type=checkbox].checkbox:disabled + label {
  border: 1px solid #d5d5d5;
  cursor: no-drop; }
input[type=checkbox].checkbox:disabled:checked + label {
  background-color: #d5d5d5;
  cursor: no-drop; }
  input[type=checkbox].checkbox:disabled:checked + label:after {
    border-inline-start: 2px solid #FFF;
    border-block-end: 2px solid #FFF;
    inset-inline-start: 2px;
    background: #d5d5d5; }

input[type=radio].radio + label {
  width: 14px;
  height: 14px;
  border: 1px solid #d5d5d5;
  margin-block-start: 4px;
  margin-block-end: 4px;
  margin-inline-start: 0;
  margin-inline-end: 0; }
  input[type=radio].radio + label:hover {
    border: 1px solid silver; }
input[type=radio].radio:checked + label {
  background-color: #FFF;
  border: 1px solid #0087ff;
  box-shadow: none; }
  input[type=radio].radio:checked + label:after {
    border: 3px solid #0087ff; }
input[type=radio].radio:disabled + label {
  border: 1px solid #CCC;
  cursor: no-drop; }
  input[type=radio].radio:disabled + label:after {
    border: 2px solid #FFF; }
input[type=radio].radio:disabled:checked + label {
  background-color: #CCC;
  cursor: no-drop; }
  input[type=radio].radio:disabled:checked + label:after {
    border: 2px solid #FFF; }

@-webkit-keyframes mymove {
  0% {
    width: 0;
    height: 0; }
  25% {
    width: 0;
    height: 5px; }
  100% {
    width: 8px;
    height: 5px; } }
@keyframes mymove {
  0% {
    width: 0;
    height: 0; }
  50% {
    width: 0;
    height: 5px; }
  100% {
    width: 10px;
    height: 5px; } }
input[type=radio].radio.filled + label:after {
  border: 4px solid #0087ff;
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  inset-block-start: 0; }

.hb-disable input[type=radio].radio.filled:disabled + label {
  cursor: no-drop; }
  .hb-disable input[type=radio].radio.filled:disabled + label:after {
    border: 2px solid #FFF; }
.hb-disable + label.sites-text,
.hb-disable + label {
  color: #9E9E9E;
  cursor: not-allowed; }

.hbui-cont {
  border: 1px solid #d5d5d5; }
  .hbui-cont:hover {
    border: 1px solid silver; }
  .hbui-cont:active {
    border: 1px solid silver; }
  .hbui-cont.is-focus {
    border: 1px solid #0087ff; }
    .hbui-cont.is-focus .toggle-arr span::before,
    .hbui-cont.is-focus .toggle-arr span::after {
      background-color: #0087ff; }
  .hbui-cont.is-error {
    border: 1px solid #E53935; }
    .hbui-cont.is-error .toggle-arr span::before,
    .hbui-cont.is-error .toggle-arr span::after {
      background-color: #E53935; }
  .hbui-cont .loading-icon svg rect, .hbui-cont .loading-icon svg path {
    fill: #0087ff; }
  .hbui-cont .ip-field-cont i, .hbui-cont .dd-cont i {
    margin-block-start: -1px;
    margin-block-end: 0;
    margin-inline-start: 3px;
    margin-inline-end: 3px; }
  .hbui-cont .dd-cont {
    border-radius: 0 0 3px 3px;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: 3px;
    border-end-end-radius: 3px;
    border: 1px solid #d5d5d5; }
    .hbui-cont .dd-cont ul li {
      padding: 10px;
      border-inline-start: 2px solid transparent; }
      .hbui-cont .dd-cont ul li .hb_opt__desc {
        font-size: 14px; }
      .hbui-cont .dd-cont ul li:hover {
        border-inline-start: 2px solid #0087ff; }
      .hbui-cont .dd-cont ul li.active {
        background-color: #F5FAFF; }
        .hbui-cont .dd-cont ul li.active:after {
          inset-block-start: 12px;
          inset-inline-end: 10px;
          border-color: #0087ff; }
  .hbui-cont .toggle-arr {
    inset-inline-end: 22px; }
    .hbui-cont .toggle-arr span {
      width: 12px; }
      .hbui-cont .toggle-arr span::before, .hbui-cont .toggle-arr span::after {
        background-color: #424242;
        height: 2px;
        width: 8px; }
      .hbui-cont .toggle-arr span::before {
        inset-inline-end: 0px; }
  .hbui-cont.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none; }
  .hbui-cont .selected-val {
    min-block-size: 26px;
    padding-block-start: 5px;
    padding-block-end: 5px;
    padding-inline-start: 10px;
    padding-inline-end: 30px; }

.hb-tags-input-cont .hb-tag, .hbui-cont[multiple] .hb-tag {
  background-color: #F5FAFF;
  border: 1px solid #0087ff;
  font-size: 13px;
  color: #424242;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 8px;
  padding-inline-end: 8px; }
  .hb-tags-input-cont .hb-tag i, .hbui-cont[multiple] .hb-tag i {
    color: #0087ff;
    inset-inline-end: 9px; }
  .hb-tags-input-cont .hb-tag:hover, .hbui-cont[multiple] .hb-tag:hover {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 4px;
    padding-inline-end: 20px; }
  .hb-tags-input-cont .hb-tag.tag-warn, .hbui-cont[multiple] .hb-tag.tag-warn {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 4px;
    padding-inline-end: 20px;
    border: 1px solid #E53935; }
  .hb-tags-input-cont .hb-tag.hb-tag-error, .hbui-cont[multiple] .hb-tag.hb-tag-error {
    color: #E53935;
    background-color: #fff0f3;
    border: 1px solid #E53935; }
.hb-tags-input-cont .ip-field-cont, .hbui-cont[multiple] .ip-field-cont {
  padding: 0; }

input.switch + label:after {
  inset-block-start: 1px;
  inset-inline-start: 1px; }
input.switch.small + label {
  width: 32px !important;
  height: 16px; }
  input.switch.small + label:after {
    width: 12px !important;
    height: 12px;
    margin: 1px; }
input.switch + label {
  background: #9E9E9E; }
  input.switch + label:hover {
    background: #8e8e8e; }
  input.switch + label:focus {
    background: #8e8e8e; }
input.switch[disabled] + label {
  cursor: not-allowed;
  opacity: 0.6; }
input.switch.small:checked + label:after {
  inset-inline-start: 17px !important; }
input.switch:checked + label {
  background: #0087ff; }
  input.switch:checked + label:hover {
    background: #007ae6; }
  input.switch:checked + label:focus {
    background: #007ae6; }

.hb-dialog {
  display: flex;
  flex-flow: column; }
  .hb-dialog[data-type="modals"] {
    border-radius: 0;
    display: flex;
    flex-flow: column;
    width: 620px; }
    .hb-dialog[data-type="modals"].med {
      width: 850px; }
    .hb-dialog[data-type="modals"].large {
      width: 1080px; }

.hb-mo-header {
  color: #FFF;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  border-block-end: none;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  background: #2b2f4c !important;
  flex-shrink: 0; }
  .hb-mo-header .sites-button {
    margin-inline-start: 8px; }

.hb-mo-header-left .sites-icon {
  margin-inline-start: 8px;
  margin-block-start: -2px; }

.hb-mo-close {
  inset-block-start: 12px !important;
  inset-inline-end: 16px !important;
  background: #3C4962;
  border: none;
  width: 24px;
  height: 24px;
  border-radius: 100%; }
  .hb-mo-close:hover {
    background: #3C4962; }
  .hb-mo-close svg {
    width: 10px;
    height: 10px;
    fill: #FFF; }

.hb-mo-footer {
  border-block-start: 1px solid #e6e6e6;
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-size: 0;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  flex-direction: row-reverse; }
  .hb-mo-footer .mo-btn {
    border: 1px solid transparent;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    outline: none;
    border-radius: 3px;
    height: 32px; }
    .hb-mo-footer .mo-btn.mo-btn__ok {
      border: none;
      background: #0087ff !important;
      color: #FFF; }
      .hb-mo-footer .mo-btn.mo-btn__ok:hover {
        border: none;
        background: #007ae6 !important; }
      .hb-mo-footer .mo-btn.mo-btn__ok:active {
        border: none;
        background: #007ae6 !important; }
      .hb-mo-footer .mo-btn.mo-btn__ok:focus {
        border: none;
        background: #007ae6 !important; }
    .hb-mo-footer .mo-btn.mo-btn__cancel {
      color: #424242;
      border-color: #d5d5d5; }
      .hb-mo-footer .mo-btn.mo-btn__cancel:hover {
        border: 1px solid silver; }
      .hb-mo-footer .mo-btn.mo-btn__cancel:active {
        border: 1px solid silver; }
      .hb-mo-footer .mo-btn.mo-btn__cancel:focus {
        border: 1px solid #0087ff; }
    .hb-mo-footer .mo-btn.mo-error {
      border: 1px solid #E53935;
      background: #E53935 !important;
      color: #FFF;
      background-image: none; }
      .hb-mo-footer .mo-btn.mo-error:hover {
        border: 1px solid #ce3330;
        background: #ce3330 !important; }
      .hb-mo-footer .mo-btn.mo-error:active {
        border: 1px solid #ce3330;
        background: #ce3330 !important; }
      .hb-mo-footer .mo-btn.mo-error:focus {
        border: 1px solid #ce3330;
        background: #ce3330 !important; }
    .hb-mo-footer .mo-btn + .mo-btn {
      margin-inline-start: 0;
      margin-inline-end: 8px; }

.hb-mo-content {
  padding: 0 !important;
  flex-grow: 1;
  display: flex;
  flex-flow: column; }

.tree-view-radio, .tree-view-checkbox {
  font-size: 13px; }
  .tree-view-radio label, .tree-view-checkbox label {
    word-break: break-all; }

.hbui-tree-cont {
  height: auto;
  max-block-size: 250px;
  margin-block-start: -1px;
  margin-block-end: 8px;
  margin-inline-start: 0;
  margin-inline-end: 0; }

.hb-tabs .content {
  display: none !important; }
  .hb-tabs .content.active {
    display: flex !important; }
.hb-tabs .sites-tabcontent.active {
  display: flex !important;
  flex-flow: column; }

.sites-tabcontainer.hb-tabs2 .hb-tabs-content .hb-tabs2 .hb-tabs-menu [data-tab] {
  display: inline-block; }
.sites-tabcontainer.hb-tabs2 .hb-tabs-content [data-tab].hb-active, .sites-tabcontainer.hb-tabs2 .hb-tabs-content [data-tab].hb-default {
  display: flex; }
.sites-tabcontainer.hb-tabs2.hb-scroll .hb-tabs-content [data-tab] {
  display: block; }
.sites-tabcontainer.hb-tabs2 .hb-tabs-menu {
  overflow: visible; }

.hb-picker-cont .hb-btns-cont {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 10px;
  margin-inline-end: 10px;
  display: flex;
  flex-direction: row-reverse; }
  .hb-picker-cont .hb-btns-cont .hb-btns {
    margin-inline-start: 8px; }
    .hb-picker-cont .hb-btns-cont .hb-btns + .hb-btns {
      margin-inline-start: 0px; }

.hbui-cont .select__info, .hbui-cont .select__err-info {
  font-size: 14px; }

.hb-tag-error {
  color: #E53935; }

.h-dialog-auto[data-type="modals"] .hb-mo-content {
  overflow: auto; }

.payment-instruction.bookings {
  background: #f5f5f5; }
  .payment-instruction.bookings .sites-blankstate {
    margin: 16px; }
  .payment-instruction.bookings .sites-image {
    width: 64px;
    height: 64px;
    margin-block-start: 16px; }
  .payment-instruction.bookings .sites-text.large {
    font-size: 22px; }

.hbui-cont.select {
  min-block-size: 33px; }

.hb-tags-input-cont .hb-tag, .hbui-cont[multiple] .hb-tag {
  margin: 2px; }

.hb-nu-cont {
  border-radius: 3px;
  border-color: #d5d5d5; }
  .hb-nu-cont .sites-inputtext {
    border: none;
    margin: 0; }
  .hb-nu-cont .controls {
    width: 29px;
    display: flex;
    flex-flow: column;
    align-items: center;
    line-height: 1;
    border-radius: 0 3px 3px 0;
    border-start-start-radius: 0;
    border-start-end-radius: 3px;
    border-end-start-radius: 0;
    border-end-end-radius: 3px;
    border-color: #d5d5d5; }
    .hb-nu-cont .controls .incre {
      border-color: #d5d5d5; }
  .hb-nu-cont .incre,
  .hb-nu-cont .decre {
    font-size: 0;
    border-color: #d5d5d5;
    position: relative; }
    .hb-nu-cont .incre:before, .hb-nu-cont .incre:after,
    .hb-nu-cont .decre:before,
    .hb-nu-cont .decre:after {
      content: '';
      width: 8px;
      height: 1px;
      background: #424242;
      position: absolute;
      inset-block-start: 8px;
      inset-inline-start: 10px; }
    .hb-nu-cont .incre:after,
    .hb-nu-cont .decre:after {
      transform: rotate(90deg); }
  .hb-nu-cont .decre:before {
    inset-block-start: 10px; }
  .hb-nu-cont .decre:after {
    display: none; }

[hbui-disable] {
  background: #FFF !important;
  opacity: 0.5 !important;
  cursor: not-allowed; }
  [hbui-disable] input {
    background: #FFF !important;
    opacity: 0.7 !important; }

.hr-solid-line {
  border-block-end: 1px dotted #e6e6e6; }

/* $Id$ */
.sites-link {
  color: #0087ff;
  font-family: 'ZohoPuvi';
  font-size: 14px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  line-height: 1.6;
  display: inline-flex;
  align-items: center;
  background: transparent; }
  .sites-link .sites-downarrow,
  .sites-link .sites-backarrow {
    margin-inline-start: 5px; }
    .sites-link .sites-downarrow:before, .sites-link .sites-downarrow:after,
    .sites-link .sites-backarrow:before,
    .sites-link .sites-backarrow:after {
      background-color: #0087ff; }
  .sites-link .sites-backarrow {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 5px; }
  .sites-link.xlarge {
    font-size: 22px; }
  .sites-link.large {
    font-size: 16px; }
  .sites-link.small {
    font-size: 13px; }
  .sites-link.danger {
    color: #E53935; }
    .sites-link.danger .sites-downarrow:before, .sites-link.danger .sites-downarrow:after,
    .sites-link.danger .sites-backarrow:before,
    .sites-link.danger .sites-backarrow:after {
      background-color: #E53935; }
  .sites-link.secondary {
    color: #424242; }
    .sites-link.secondary .sites-downarrow:before, .sites-link.secondary .sites-downarrow:after,
    .sites-link.secondary .sites-backarrow:before,
    .sites-link.secondary .sites-backarrow:after {
      background-color: #424242; }
  .sites-link.white {
    color: #FFF; }
    .sites-link.white .sites-downarrow:before, .sites-link.white .sites-downarrow:after,
    .sites-link.white .sites-backarrow:before,
    .sites-link.white .sites-backarrow:after {
      background-color: #FFF; }
  .sites-link .sites-icon {
    width: inherit;
    height: inherit;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0; }
    .sites-link .sites-icon.inline {
      width: 16px;
      height: 16px;
      position: relative;
      margin-inline-end: 4px; }
  .sites-link ~ .sites-link {
    margin-inline-start: 8px; }
    .sites-link ~ .sites-link.divide {
      margin-inline-start: 16px;
      position: relative; }
      .sites-link ~ .sites-link.divide:before {
        content: '';
        display: inline-block;
        width: 1px;
        height: 12px;
        background: #d5d5d5;
        position: absolute;
        inset-inline-start: -10px;
        inset-block-start: 2px; }
  .sites-link:hover .sites-dropdown {
    display: block; }
  .sites-link.title {
    max-inline-size: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.sites-vdevide + .sites-link {
  margin-inline-start: 0; }

/* $Id$ */
.sites-badge {
  color: #FFF;
  font-size: 12px;
  padding-block-start: 2px;
  padding-block-end: 2px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  line-height: 14px;
  background: #9E9E9E;
  align-self: center;
  display: inline-flex;
  white-space: nowrap;
  border-radius: 3px;
  align-items: center; }
  .sites-badge.blue {
    background: #29B6F6; }
  .sites-badge.green {
    background: #26A69A; }
  .sites-badge.purple {
    background: #5C6BC0; }
  .sites-badge.darkpurple {
    background: #311B92; }
  .sites-badge.yellow {
    background: #FFA726; }
  .sites-badge.pink {
    background: #AB47BC; }
  .sites-badge.red {
    background: #EF5350; }
  .sites-badge.gray {
    background: #e6e6e6; }
  .sites-badge.round {
    border-radius: 20px; }
  .sites-badge + .sites-badge,
  .sites-badge + .sites-text {
    margin-inline-start: 8px; }
  .sites-badge .sites-downarrow {
    margin-inline-start: 4px; }
    .sites-badge .sites-downarrow::before, .sites-badge .sites-downarrow::after {
      background-color: #FFF; }

/* $Id$ */
.sites-banner {
  color: #424242;
  font-size: 14px;
  background: #F5FAFF;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  display: flex;
  flex-flow: row;
  line-height: 1.7;
  max-inline-size: 700px;
  border-radius: 3px; }
  .sites-banner.large {
    max-inline-size: 840px;
    display: block;
    padding: 16px; }
  .sites-banner .sites-icon {
    margin-inline-end: 8px;
    fill: #0087ff; }
  .sites-banner.danger {
    background: #fff0f3; }
    .sites-banner.danger .sites-link {
      color: #E53935; }
    .sites-banner.danger .sites-icon {
      fill: #E53935; }
  .sites-banner.warning {
    background: #FEFFED; }
    .sites-banner.warning .sites-link {
      color: #E53935; }
    .sites-banner.warning .sites-icon {
      fill: #E53935; }
  .sites-banner.success {
    background: #C8E6C9; }
    .sites-banner.success .sites-link {
      color: #1B5E20; }
    .sites-banner.success .sites-icon {
      fill: #1B5E20; }
  .sites-banner .sites-text {
    margin: 0; }
    .sites-banner .sites-text + .sites-note {
      margin-block-start: 16px; }
  .sites-banner .sites-link {
    font-size: 14px;
    margin-inline-start: 8px; }
  .sites-banner .h-row + .sites-text {
    margin-block-start: 16px; }

/* $Id$ */
.sites-blankstate {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  position: relative; }
  .sites-blankstate .sites-text,
  .sites-blankstate .sites-ul,
  .sites-blankstate .sites-banner,
  .sites-blankstate .sites-note {
    margin-block-start: 0;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    max-inline-size: 500px; }
  .sites-blankstate .group {
    margin-block-start: 24px; }
  .sites-blankstate .sites-image {
    width: 225px;
    height: 170px;
    max-block-size: 100%;
    margin-block-start: 24px;
    margin-block-end: 24px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    flex-shrink: 0; }
    .sites-blankstate .sites-image svg {
      width: 100%;
      height: 100%; }
  .sites-blankstate .sites-bscont {
    display: flex;
    flex-flow: column;
    justify-content: center; }
  .sites-blankstate .sites-bscontainer {
    display: flex;
    flex-flow: row; }
  .sites-blankstate .sites-ul li {
    margin-block-end: 4px; }
  .sites-blankstate .sites-banner {
    margin-block-start: 4px; }
    .sites-blankstate .sites-banner .sites-text {
      margin: 0; }
    .sites-blankstate .sites-banner.h-w700 {
      max-inline-size: 700px;
      width: 700px; }
  .sites-blankstate .sites-fileupload {
    opacity: 0;
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-block-end: 0;
    inset-inline-end: 0;
    width: 100%;
    height: 100%; }
  .sites-blankstate.h-left {
    justify-content: flex-start;
    align-items: flex-start; }
  .sites-blankstate .sites-text {
    line-height: 1.6; }
    .sites-blankstate .sites-text.large {
      font-size: 18px; }
    .sites-blankstate .sites-text.gray {
      font-size: 15px; }
  .sites-blankstate .sites-button {
    margin-block-start: 4px;
    margin-block-end: 8px; }
  .sites-blankstate > .sites-banner {
    max-inline-size: 725px;
    width: 100%; }

/* $Id$ */
.sites-button {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  font-family: 'ZohoPuvi';
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none;
  justify-content: center;
  border-radius: 3px;
  transition: background .1s ease, border .1s ease;
  border: 1px solid transparent;
  background: transparent; }
  .sites-button.is-disabled, .sites-button[disabled] {
    cursor: not-allowed;
    opacity: .7;
    pointer-events: none; }
    .sites-button.is-disabled:hover, .sites-button[disabled]:hover {
      background: transparent; }
  .sites-button.primary {
    border: 1px solid #0087ff;
    background: #FFF;
    color: #0087ff; }
    .sites-button.primary:hover, .sites-button.primary:active, .sites-button.primary:focus {
      background: #0087ff;
      color: #FFF; }
    .sites-button.primary.is-disabled:hover, .sites-button.primary[disabled]:hover {
      background: #FFF; }
  .sites-button.blue {
    border: none;
    background: #0087ff;
    color: #FFF; }
    .sites-button.blue:hover, .sites-button.blue:active, .sites-button.blue:focus {
      background: #007ae6;
      color: #FFF; }
    .sites-button.blue.is-disabled:hover, .sites-button.blue[disabled]:hover {
      background: #0087ff; }
  .sites-button.secondary {
    border: 1px solid #d5d5d5;
    background: #FFF;
    color: #424242; }
    .sites-button.secondary:hover, .sites-button.secondary:active, .sites-button.secondary:focus {
      border: 1px solid #0087ff;
      background: #0087ff;
      color: #FFF; }
    .sites-button.secondary.is-disabled:hover, .sites-button.secondary[disabled]:hover {
      background: #FFF; }
  .sites-button.gray {
    border: 1px solid #d5d5d5;
    background: #FFF;
    color: #424242; }
    .sites-button.gray:hover, .sites-button.gray:active, .sites-button.gray:focus {
      border: 1px solid silver;
      background: #FFF;
      color: #3b3b3b; }
    .sites-button.gray.is-disabled:hover, .sites-button.gray[disabled]:hover {
      background: #FFF; }
  .sites-button.red {
    border: 1px solid #E53935;
    color: #E53935;
    background: #FFF; }
    .sites-button.red:hover, .sites-button.red:active, .sites-button.red:focus {
      border: 1px solid #E53935;
      background: #E53935;
      color: #FFF; }
    .sites-button.red.is-disabled:hover, .sites-button.red[disabled]:hover {
      background: #E53935; }
    .sites-button.red-fill {
      border: 1px solid #E53935;
      color: #FFF;
      background: #E53935; }
      .sites-button.red-fill:hover, .sites-button.red-fill:active, .sites-button.red-fill:focus {
        border: 1px solid #ce3330;
        background: #ce3330;
        color: #FFF; }
      .sites-button.red-fill.is-disabled:hover, .sites-button.red-fill[disabled]:hover {
        background: #E53935; }
    .sites-button.red-text {
      border: 1px solid #d5d5d5;
      color: #E53935;
      background: #FFF; }
      .sites-button.red-text:hover, .sites-button.red-text:active, .sites-button.red-text:focus {
        border: 1px solid #E53935;
        background: #E53935;
        color: #FFF; }
      .sites-button.red-text.is-disabled:hover, .sites-button.red-text[disabled]:hover {
        background: #FFF; }
  .sites-button.large {
    font-size: 16px;
    height: 36px; }
  .sites-button.extraLarge {
    font-size: 16px;
    height: 44px; }
  .sites-button.xextralarge {
    font-size: 26px;
    height: 56px; }
  .sites-button .sites-icon {
    margin-inline-end: 10px;
    width: 16px;
    height: 16px; }
  .sites-button.icononly {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 8px;
    padding-inline-end: 8px; }
    .sites-button.icononly .sites-icon {
      margin: 0; }
    .sites-button.icononly.dropdown {
      padding: 5px;
      margin-block-start: 4px;
      margin-block-end: 4px;
      margin-inline-start: 8px;
      margin-inline-end: 8px;
      border-color: #e6e6e6;
      border-radius: 100%;
      height: 24px;
      min-inline-size: 24px; }
      .sites-button.icononly.dropdown svg {
        width: 12px;
        height: 12px; }
    .sites-button.icononly.dropdown-btn {
      padding-block-start: 5px;
      padding-block-end: 5px;
      padding-inline-start: 8px;
      padding-inline-end: 8px;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 8px;
      margin-inline-end: 8px;
      background: #FFF; }
      .sites-button.icononly.dropdown-btn svg {
        width: 12px;
        height: 12px; }
    .sites-button.icononly.bdrless-btn {
      padding-block-start: 0;
      padding-block-end: 0;
      padding-inline-start: 8px;
      padding-inline-end: 8px;
      margin: 0;
      background: transparent;
      border: none; }
      .sites-button.icononly.bdrless-btn svg {
        width: 16px;
        height: 16px; }
  .sites-button.plain {
    border: none;
    background: none; }
  .sites-button + .sites-button {
    margin-inline-start: 12px; }

.sites-buttoncont {
  padding: 16px; }
  .sites-buttoncont .sites-button ~ .sites-button,
  .sites-buttoncont .sites-button + .hb-field-error {
    margin-inline-start: 8px; }
  .sites-buttoncont:first-child {
    padding-block-start: 0px; }
  .sites-buttoncont.bottom {
    padding: 12px;
    border-block-start: 1px solid #d5d5d5; }

.sites-more {
  background: #FFF;
  border: 1px solid #0087ff;
  border-radius: 7px;
  height: 14px;
  width: 28px;
  position: relative;
  display: inline-block; }
  .sites-more:after {
    content: '...';
    color: #0087ff;
    position: absolute;
    inset-block-start: 0px;
    inset-inline-start: 3px;
    line-height: 0;
    font-size: 24px;
    letter-spacing: -2px; }

.sites-downarrow {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-inline-start: 10px;
  position: relative; }
  .sites-downarrow:before, .sites-downarrow:after {
    background-color: #424242;
    height: 1px;
    width: 8px;
    inset-block-start: 6px;
    position: absolute;
    content: " ";
    -webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -ms-transition: transform 0.2s ease;
    transition: transform 0.2s ease; }
  .sites-downarrow:before {
    inset-inline-end: -1px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .sites-downarrow:after {
    inset-inline-start: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.sites-pagination {
  font-size: 0;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .sites-pagination .sites-button {
    margin-inline-end: 8px;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 10px;
    padding-inline-end: 10px; }
    .sites-pagination .sites-button:last-child {
      margin: 0; }
    .sites-pagination .sites-button + .sites-button {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 8px;
      margin-inline-end: 8px; }
  .sites-pagination .sites-text {
    margin-inline-end: 8px;
    font-size: 15px; }
    .sites-pagination .sites-text:last-child {
      margin: 0; }
    .sites-pagination .sites-text ~ .sites-text {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 8px;
      margin-inline-end: 8px; }
  .sites-pagination .sites-text:last-child, .sites-pagination .sites-inputtext:last-child {
    margin: 0; }
  .sites-pagination .sites-text ~ .sites-text, .sites-pagination .sites-text .sites-inputtext, .sites-pagination .sites-inputtext ~ .sites-text, .sites-pagination .sites-inputtext .sites-inputtext {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 8px;
    margin-inline-end: 8px; }
  .sites-pagination .sites-inputtext {
    width: 65px; }

/* $Id$ */
.hb-dialog {
  display: flex;
  flex-flow: column; }

.hb-mo-content .sites-form {
  padding: 16px;
  width: 100%;
  flex-shrink: 0; }
  .hb-mo-content .sites-form + .sites-form {
    padding-block-start: 24px;
    padding-block-end: 16px;
    padding-inline-start: 16px;
    padding-inline-end: 16px; }
.hb-mo-content .sites-formscont .sites-form {
  padding-block-start: 16px;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px; }
.hb-mo-content .sites-tabscontent .sites-form {
  padding-block-end: 0; }
.hb-mo-content iframe {
  border: none;
  flex-grow: 1; }
.hb-mo-content > .sites-text > .hb-msg {
  padding-block-start: 0;
  padding-block-end: 16px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  display: flex; }

.sites-alert {
  text-align: center;
  border-block-start: 4px solid #E53935; }
  .sites-alert .hb-mo-header {
    display: none; }
  .sites-alert .hb-mo-content {
    padding: 24px !important; }
  .sites-alert .hb-mo-footer {
    border-block-start: none;
    padding-block-start: 0;
    padding-block-end: 32px;
    padding-inline-start: 0;
    padding-inline-end: 0; }
  .sites-alert.hb-dialog[data-type="modals"] {
    overflow: visible; }
  .sites-alert.h-success {
    border-block-start: 4px solid #24A68A; }
    .sites-alert.h-success .sites-alerticon {
      background: #24A68A; }
  .sites-alert.h-info {
    border-block-start: 4px solid #0087ff; }
    .sites-alert.h-info .sites-alerticon {
      background: #0087ff; }
  .sites-alert.h-warning {
    border-block-start: 4px solid #FFB74D; }
    .sites-alert.h-warning .sites-alerticon {
      background: #FFB74D; }
  .sites-alert .sites-note {
    text-align: start;
    margin-block-start: 16px; }

.sites-alerttitle {
  font-size: 16px;
  margin-block-start: 24px;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0; }
  .sites-alerttitle.danger {
    color: #E53935; }

.sites-alerticon {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background: #E53935;
  padding: 16px;
  position: absolute;
  inset-block-start: -36px;
  inset-inline-end: 50%;
  transform: translateX(50%); }
  .sites-alerticon svg {
    width: 32px;
    height: 32px;
    fill: #FFF; }

.sites-dialogwrap .hb-mo-content {
  overflow: hidden;
  display: flex;
  flex-flow: column; }
.sites-dialogwrap .sites-subnavigation {
  border-inline-end: none;
  background: #e6e6e6;
  overflow: auto; }
.sites-dialogwrap .sites-subnavmenu {
  padding-block-start: 15px;
  padding-block-end: 15px;
  padding-inline-start: 0;
  padding-inline-end: 0; }
  .sites-dialogwrap .sites-subnavmenu .sites-menuitem:hover {
    background: #FFF; }
  .sites-dialogwrap .sites-subnavmenu .sites-menuitem.is-selected {
    background: #FFF; }
.sites-dialogwrap .sites-content {
  background: #FFF;
  padding: 0;
  display: flex;
  flex-flow: column;
  overflow: hidden; }
  .sites-dialogwrap .sites-content .sites-canvas {
    flex-grow: 1;
    overflow: auto;
    min-block-size: auto; }
  .sites-dialogwrap .sites-content .hb-mo-footer {
    flex-shrink: 0; }

.hb-dialog[data-type="fullscreen"] .hb-mo-content {
  overflow: auto; }

.sites-dialogprimarytext,
.sites-dialogsecondarytext {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #424242;
  line-height: 1.7; }
  .sites-dialogprimarytext.red,
  .sites-dialogsecondarytext.red {
    color: #E53935; }

.sites-dialogprimarytext {
  margin-block-start: 16px; }

.sites-dialogsecondarytext {
  font-size: 14px;
  color: #9E9E9E;
  margin-block-start: 12px;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 30px;
  padding-inline-end: 30px; }

.fullscreen-without-footer .hb-mo-content {
  height: calc(100vh - 48px); }

.sites-dialogheader {
  color: #FFF;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  border-block-end: none;
  font-size: 16px;
  height: 44px;
  line-height: 48px;
  background: #2b2f4c !important;
  flex-shrink: 0; }
  .sites-dialogheader .sites-text {
    color: #FFF; }
  .sites-dialogheader + .sites-list {
    flex-grow: 1;
    align-items: flex-start;
    overflow: auto; }

.sites-searchbox {
  padding-block-start: 0;
  padding-block-end: 16px;
  padding-inline-start: 24px;
  padding-inline-end: 24px; }
  .sites-searchbox .sites-inputtext {
    width: 100%;
    margin-block-start: 8px; }

/* $Id$ */
.sites-inputtext {
  width: 350px;
  display: inline-flex;
  align-items: center;
  height: 32px;
  border: 1px solid #d5d5d5;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  background: #FFF;
  color: #424242;
  font-size: 13px;
  box-sizing: border-box;
  outline: none;
  overflow: hidden;
  text-overflow: ellipsis;
  border-radius: 3px; }
  .sites-inputtext:hover {
    border: 1px solid silver; }
  .sites-inputtext:focus {
    border: 1px solid #0087ff; }
    .sites-inputtext:focus + .sites-icon {
      fill: #0087ff; }
  .sites-inputtext:active {
    border: 1px solid silver; }
  .sites-inputtext:read-only {
    border: 1px solid #d5d5d5; }
    .sites-inputtext:read-only:focus {
      border: 1px solid #d5d5d5; }
  .sites-inputtext.is-disabled, .sites-inputtext:disabled, .sites-inputtext[disabled] {
    border: 1px solid #d5d5d5;
    color: #9E9E9E;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .7; }
    .sites-inputtext.is-disabled:focus, .sites-inputtext:disabled:focus, .sites-inputtext[disabled]:focus {
      border: 1px solid #d5d5d5; }
  .sites-inputtext.is-error, .sites-inputtext.is-mandate {
    border: 1px solid #E53935; }
    .sites-inputtext.is-error:focus, .sites-inputtext.is-mandate:focus {
      border: 1px solid #E53935; }
  .sites-inputtext.med {
    width: 200px; }
  .sites-inputtext.tiny {
    width: 38px; }

.sites-textarea {
  height: 60px;
  border: 1px solid #d5d5d5;
  padding: 10px;
  background: #FFF;
  color: #424242;
  font-size: 13px;
  box-sizing: border-box;
  outline: none;
  resize: none;
  border-radius: 3px;
  font-family: 'ZohoPuvi'; }
  .sites-textarea:hover {
    border: 1px solid silver; }
  .sites-textarea:focus {
    border: 1px solid #0087ff; }
  .sites-textarea:active {
    border: 1px solid silver; }
  .sites-textarea:read-only {
    border: 1px solid #d5d5d5; }
    .sites-textarea:read-only:focus {
      border: 1px solid #d5d5d5; }
  .sites-textarea.is-disabled, .sites-textarea:disabled, .sites-textarea[disabled] {
    border: 1px solid #d5d5d5;
    color: #9E9E9E;
    cursor: not-allowed;
    pointer-events: none;
    opacity: .7; }
    .sites-textarea.is-disabled:focus, .sites-textarea:disabled:focus, .sites-textarea[disabled]:focus {
      border: 1px solid #d5d5d5; }
  .sites-textarea.is-error, .sites-textarea.is-mandate {
    border: 1px solid #E53935; }
    .sites-textarea.is-error:focus, .sites-textarea.is-mandate:focus {
      border: 1px solid #E53935; }
  .sites-textarea.is-error {
    border: 1px solid #E53935;
    color: #E53935; }
    .sites-textarea.is-error:focus {
      border: 1px solid #E53935; }
  .sites-textarea.h-iframe {
    height: 330px;
    overflow: auto; }

.sites-switch {
  margin-block-start: 5px;
  margin-block-end: 5px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  display: flex;
  flex-flow: row;
  align-items: center; }
  .sites-switch .switch + label {
    display: inline-block;
    vertical-align: middle;
    margin-block-start: 8px;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 4px; }
    .sites-switch .switch + label + .sites-text {
      margin-inline-start: 3px; }
  .sites-switch .sites-primarytext {
    margin-inline-start: 8px; }
  .sites-switch:first-child .switch + label {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 4px; }

.sites-editor {
  display: flex;
  flex-flow: column;
  min-inline-size: 600px;
  min-block-size: 300px; }
  .sites-editor .sites-buttonset {
    border: 1px solid #d5d5d5;
    border-block-end: none;
    width: 100%;
    overflow: hidden;
    padding: 0;
    flex-shrink: 0;
    border-radius: 3px 3px 0 0;
    border-start-start-radius: 3px;
    border-start-end-radius: 3px;
    border-end-start-radius: 0;
    border-end-end-radius: 0; }
    .sites-editor .sites-buttonset .sites-button {
      margin-block-end: 0; }
      .sites-editor .sites-buttonset .sites-button:hover {
        border: none; }
  .sites-editor .sites-textarea {
    flex-grow: 1;
    border-radius: 0 0 3px 3px;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: 3px;
    border-end-end-radius: 3px;
    width: 100%; }

.sites-form {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px; }
  .sites-form.h-left .sites-formlabel {
    text-align: start; }
  .sites-form.h-small .sites-formlabel {
    width: 100px; }
  .sites-form.h-small .hbui-cont.select {
    min-inline-size: 240px;
    width: 240px; }
  .sites-form.h-largelabel .sites-formlabel {
    width: 240px; }
  .sites-form .sites-buttoncont {
    padding-block-start: 16px;
    padding-block-end: 16px;
    padding-inline-start: 0;
    padding-inline-end: 0; }
  .sites-form.h-fw .sites-formactions {
    width: 100%; }
  .sites-form.h-fw .sites-inputtext,
  .sites-form.h-fw .sites-checkboxcont,
  .sites-form.h-fw .hbui-cont.select,
  .sites-form.h-fw .sites-textarea,
  .sites-form.h-fw .sites-feild,
  .sites-form.h-fw .sites-group {
    width: 100%;
    min-width: 100%;
    max-width: 100%; }

.sites-formgroup {
  margin-block-end: 16px;
  display: flex;
  flex-flow: row; }
  .sites-formgroup:last-child {
    margin-block-end: 0; }
  .sites-formgroup.h-translate {
    margin: 0;
    padding: 16px;
    border-block-end: 1px dashed #e6e6e6; }
    .sites-formgroup.h-translate .sites-card {
      margin-block-start: 0;
      margin-block-end: 4px;
      margin-inline-start: 0;
      margin-inline-end: 0; }
    .sites-formgroup.h-translate .sites-checkboxcont {
      margin-block-end: 0; }

.sites-formlabel {
  width: 180px;
  text-align: start;
  padding-block-start: 5px;
  padding-block-end: 5px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 24px;
  font-size: 14px;
  color: #424242;
  flex-shrink: 0;
  line-height: 1.6;
  position: relative;
  align-items: center; }
  .sites-formlabel .sites-icon {
    width: 20px;
    height: 20px;
    fill: #000; }
  .sites-formlabel > .sites-mandate {
    inset-block-start: 5px; }
  .sites-formlabel .h-right {
    flex-grow: 1;
    text-align: end; }

.hbui-cont.select {
  border-radius: 3px; }
.hbui-cont .selected-val {
  min-height: 30px; }

.sites-formactions {
  display: flex;
  flex-flow: column;
  max-inline-size: 500px; }
  .sites-formactions .sites-inputtext,
  .sites-formactions .sites-checkboxcont,
  .sites-formactions .hbui-cont.select,
  .sites-formactions .sites-textarea,
  .sites-formactions .sites-group {
    margin-block-end: 8px;
    width: 350px; }
    .sites-formactions .sites-inputtext + .sites-inputtext,
    .sites-formactions .sites-checkboxcont + .sites-inputtext,
    .sites-formactions .hbui-cont.select + .sites-inputtext,
    .sites-formactions .sites-textarea + .sites-inputtext,
    .sites-formactions .sites-group + .sites-inputtext {
      margin-block-start: 8px; }
    .sites-formactions .sites-inputtext + .sites-text,
    .sites-formactions .sites-checkboxcont + .sites-text,
    .sites-formactions .hbui-cont.select + .sites-text,
    .sites-formactions .sites-textarea + .sites-text,
    .sites-formactions .sites-group + .sites-text {
      font-size: 13px;
      color: #9E9E9E; }
      .sites-formactions .sites-inputtext + .sites-text.red,
      .sites-formactions .sites-checkboxcont + .sites-text.red,
      .sites-formactions .hbui-cont.select + .sites-text.red,
      .sites-formactions .sites-textarea + .sites-text.red,
      .sites-formactions .sites-group + .sites-text.red {
        color: #E53935; }
    .sites-formactions .sites-inputtext + .h-row,
    .sites-formactions .sites-checkboxcont + .h-row,
    .sites-formactions .hbui-cont.select + .h-row,
    .sites-formactions .sites-textarea + .h-row,
    .sites-formactions .sites-group + .h-row {
      margin-block-start: 8px; }
    .sites-formactions .sites-inputtext + .sites-group,
    .sites-formactions .sites-checkboxcont + .sites-group,
    .sites-formactions .hbui-cont.select + .sites-group,
    .sites-formactions .sites-textarea + .sites-group,
    .sites-formactions .sites-group + .sites-group {
      margin-block-start: 8px; }
    .sites-formactions .sites-inputtext + .sites-inlineform,
    .sites-formactions .sites-checkboxcont + .sites-inlineform,
    .sites-formactions .hbui-cont.select + .sites-inlineform,
    .sites-formactions .sites-textarea + .sites-inlineform,
    .sites-formactions .sites-group + .sites-inlineform {
      margin-block-start: 8px; }
  .sites-formactions .sites-inputtext.is-error + .sites-text, .sites-formactions .sites-inputtext.is-mandate + .sites-text,
  .sites-formactions .hbui-cont.select.is-error + .sites-text,
  .sites-formactions .hbui-cont.select.is-mandate + .sites-text,
  .sites-formactions .sites-checkboxcont.is-error + .sites-text,
  .sites-formactions .sites-checkboxcont.is-mandate + .sites-text,
  .sites-formactions .sites-textarea.is-error + .sites-text,
  .sites-formactions .sites-textarea.is-mandate + .sites-text,
  .sites-formactions .sites-group.is-error + .sites-text,
  .sites-formactions .sites-group.is-mandate + .sites-text {
    font-size: 13px;
    color: #E53935; }
  .sites-formactions .select.hb-tags-input-cont {
    margin-block-start: 0;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .sites-formactions .sites-buttoncont {
    padding-inline-start: 0; }
  .sites-formactions .sites-textarea {
    width: 350px;
    min-block-size: 150px;
    max-block-size: 250px;
    margin-block-end: 8px; }
  .sites-formactions .sites-linkcont {
    margin-block-start: 8px; }
  .sites-formactions .sites-button {
    margin-block-end: 8px; }
  .sites-formactions .hbui-cont.select {
    width: 100%;
    min-block-size: 32px;
    min-inline-size: 350px;
    max-inline-size: 350px;
    padding: 0; }
    .sites-formactions .hbui-cont.select.active {
      border-radius: 3px 3px 0 0;
      border-start-start-radius: 3px;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 0; }
  .sites-formactions .hbui-cont .selected-val {
    padding-block-start: 3px;
    padding-block-end: 3px;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    min-block-size: 30px; }
  .sites-formactions .hbui-tree-cont {
    margin-block-start: 0;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    border-radius: 3px; }
  .sites-formactions .sites-group .sites-inputtext + .sites-inputtext {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: -1px;
    margin-inline-end: 0; }
  .sites-formactions .sites-group .hbui-cont.select {
    margin: 0;
    width: auto;
    min-inline-size: auto; }
  .sites-formactions .sites-group .sites-inputtext {
    margin: 0; }
    .sites-formactions .sites-group .sites-inputtext .sites-langinput {
      max-inline-size: 50%;
      margin-block-start: 0;
      margin-block-end: 8px;
      margin-inline-start: 0;
      margin-inline-end: 16px;
      border-radius: 3px; }
      .sites-formactions .sites-group .sites-inputtext .sites-langinput:last-child {
        margin-inline-end: 0;
        border-radius: 3px; }
  .sites-formactions .h-row .sites-radiocont {
    margin-inline-end: 16px; }
  .sites-formactions .h-row .sites-link ~ .sites-link {
    margin-inline-start: 32px; }
  .sites-formactions .h-row + .sites-text {
    margin-block-start: 8px; }
  .sites-formactions .h-row .select + .sites-feild {
    margin-inline-start: 8px; }
  .sites-formactions .sites-text + .sites-link {
    margin-block-start: 8px;
    word-break: break-all; }
  .sites-formactions .sites-text + .sites-checkboxcont,
  .sites-formactions .sites-text + .sites-radiocont {
    margin-block-start: 16px; }
  .sites-formactions .sites-text + iframe,
  .sites-formactions .sites-text + .sites-banner {
    margin-block-start: 16px; }
  .sites-formactions .sites-text.gray {
    font-size: 13px;
    word-break: break-all; }
  .sites-formactions .sites-text.red {
    word-break: break-all; }
    .sites-formactions .sites-text.red + div .sites-button {
      margin-block-start: 8px; }
  .sites-formactions .sites-feild ~ .sites-feild {
    margin-block-start: 8px; }
  .sites-formactions .sites-editor .sites-textarea {
    width: 100%; }
  .sites-formactions .sites-feild {
    margin-block-end: 8px; }
  .sites-formactions .sites-inlineform {
    margin-block-start: 8px;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
    .sites-formactions .sites-inlineform .sites-group {
      margin-block-end: 0; }
    .sites-formactions .sites-inlineform:first-child {
      margin-block-start: 0; }

.sites-radiocont {
  margin-block-start: 4px;
  margin-block-end: 8px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  display: flex;
  align-items: center; }
  .sites-radiocont .radio-cont {
    margin: 0; }
  .sites-radiocont .sites-text {
    margin-inline-start: 8px; }

.sites-checkboxcont {
  margin-block-start: 4px;
  margin-block-end: 8px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  display: flex;
  align-items: flex-start; }
  .sites-checkboxcont .checkbox-cont {
    margin: 0; }
  .sites-checkboxcont .sites-text {
    margin-inline-start: 8px; }

.sites-mandate {
  color: #E53935;
  position: absolute;
  display: inline-block;
  height: 10px;
  line-height: 17px; }

.hbui-cont.select.is-disabled, .hbui-cont.select:disabled {
  border: 1px solid #d5d5d5;
  color: #9E9E9E;
  cursor: not-allowed;
  pointer-events: none; }
  .hbui-cont.select.is-disabled:focus, .hbui-cont.select:disabled:focus {
    border: 1px solid #d5d5d5; }

.h-vform {
  padding-block-start: 20px;
  padding-block-end: 0;
  padding-inline-start: 20px;
  padding-inline-end: 20px; }
  .h-vform .sites-formgroup {
    flex-flow: column;
    margin-block-end: 8px; }
    .h-vform .sites-formgroup:last-child {
      margin: 0; }
  .h-vform .sites-formlabel {
    width: 100%;
    text-align: start; }
  .h-vform .sites-inputtext {
    width: 100%;
    margin-block-start: 4px; }
  .h-vform .sites-textarea,
  .h-vform .sites-feild {
    width: 100%; }
  .h-vform .sites-formactions {
    max-inline-size: 100%; }
    .h-vform .sites-formactions .hbui-cont.select {
      min-inline-size: 100%;
      margin-block-start: 4px; }
    .h-vform .sites-formactions .sites-inlineform {
      width: 100%; }
    .h-vform .sites-formactions .sites-group {
      width: 100%;
      min-inline-size: auto; }
      .h-vform .sites-formactions .sites-group .hbui-cont.select {
        min-inline-size: auto;
        flex-grow: 1;
        width: auto; }
      .h-vform .sites-formactions .sites-group .sites-inputtext {
        min-inline-size: auto;
        flex-grow: 1;
        width: auto; }
  .h-vform.short .sites-formgroup {
    max-inline-size: 350px; }
  .h-vform .sites-group .sites-inputtext + .sites-inputtext {
    margin-block-start: 4px;
    margin-block-end: 8px;
    margin-inline-start: 12px;
    margin-inline-end: 0; }
  .h-vform .sites-group .sites-inputtext.sites-langinput {
    margin-block-start: 0;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 16px;
    border-radius: 3px; }
  .h-vform .sites-radiocont + .sites-text.gray {
    margin-block-start: 0;
    margin-block-end: 8px;
    margin-inline-start: 24px;
    margin-inline-end: 0; }

.h-nowidth .sites-formlabel {
  width: initial; }

.sites-formtitle {
  font-size: 16px;
  font-weight: 500;
  color: #424242;
  margin-block-start: 10px;
  margin-block-end: 16px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  position: relative; }
  .sites-formtitle:after {
    content: '';
    width: 16px;
    height: 2px;
    background: #24A68A;
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0; }
  .sites-formtitle.h-actions {
    display: flex;
    flex-flow: row;
    align-items: center;
    margin: 16px; }
    .sites-formtitle.h-actions .sites-actions {
      margin-block-start: -16px;
      margin-block-end: -16px;
      margin-inline-start: 0;
      margin-inline-end: 0;
      flex-grow: 1;
      display: flex;
      justify-content: flex-end; }
  .sites-formtitle ~ .sites-formtitle {
    margin-block-start: 30px; }

.sites-search {
  min-inline-size: 350px;
  position: relative; }
  .sites-search .sites-inputtext {
    border-radius: 3px;
    padding-inline-start: 38px;
    background: transparent; }
    .sites-search .sites-inputtext:focus + .sites-icon {
      background: #F5FAFF; }
  .sites-search .select {
    border-radius: 3px;
    padding-inline-start: 38px;
    background: transparent; }
    .sites-search .select:focus + .sites-icon {
      background: #F5FAFF; }
  .sites-search .selected-val:focus {
    border: none; }
  .sites-search .sites-icon {
    padding: 11px;
    height: 30px;
    width: 30px;
    background: #F4F4F4;
    padding: 8px;
    border-radius: 2px 0 0 2px;
    border-start-start-radius: 2px;
    border-start-end-radius: 0;
    border-end-start-radius: 2px;
    border-end-end-radius: 0;
    border: none;
    border-inline-end: none;
    position: absolute;
    inset-block-end: 1px;
    inset-inline-start: 1px; }

.sites-password {
  height: 32px;
  display: flex;
  flex-direction: row; }
  .sites-password span {
    line-height: 38px; }
    .sites-password span + span {
      padding-inline-start: 24px;
      line-height: 32px; }

.hb-field-error .hb-msg {
  color: #E53935; }

.sites-select.small {
  width: 64px; }
  .sites-select.small .select {
    min-inline-size: 50px;
    padding-inline-end: 20px; }
.sites-select.med {
  width: 200px; }
  .sites-select.med .select {
    min-inline-size: 166px; }
.sites-select.h-borderless .select {
  border: none; }

.if-error .hb-form-error {
  border: 1px solid #E53935;
  color: #E53935; }
  .if-error .hb-form-error:focus {
    border: 1px solid #E53935; }
.if-error .hb-field-error {
  font-size: 13px;
  margin-block-start: -3px;
  line-height: 1.3; }

.h-rowwrap .sites-formactions .sites-inputtext {
  min-inline-size: 350px;
  height: 32px; }
.h-rowwrap .sites-formactions .h-row .hbui-cont.select {
  min-inline-size: 200px;
  width: 200px;
  margin-inline-start: 5px;
  height: 32px; }
.h-rowwrap .sites-formactions.h-w1000 {
  max-inline-size: 1000px; }

.sites-input-group-prepend {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid #d5d5d5;
  border-inline-end: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  background: #e6e6e6; }

.sites-input-group-append {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid #d5d5d5;
  border-inline-start: 0;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  background: #e6e6e6; }

.sites-hourform .sites-formactions {
  display: flex;
  flex-flow: row;
  align-items: center; }
  .sites-hourform .sites-formactions .hbui-cont.select {
    width: 150px;
    min-inline-size: 150px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 10px;
    margin-inline-end: 10px; }
.sites-hourform .sites-checkboxcont {
  width: 180px;
  margin-inline-end: 14px;
  flex-shrink: 0; }

.sites-feild {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  flex-shrink: 0;
  width: 200px;
  cursor: pointer; }
  .sites-feild .sites-feildlabel {
    background: #F4F4F4;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #9E9E9E;
    border: 1px solid #d5d5d5;
    z-index: 1;
    min-block-size: 32px;
    max-block-size: 32px;
    min-inline-size: 40px;
    text-align: center;
    justify-content: center;
    flex-shrink: 0; }
    .sites-feild .sites-feildlabel:first-child {
      border-radius: 3px 0 0 3px;
      border-start-start-radius: 3px;
      border-start-end-radius: 0;
      border-end-start-radius: 3px;
      border-end-end-radius: 0; }
    .sites-feild .sites-feildlabel + .sites-feildcont .sites-inputtext {
      border-radius: 0 3px 3px 0;
      border-start-start-radius: 0;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 3px; }
    .sites-feild .sites-feildlabel .sites-icon {
      width: 20px;
      height: 20px;
      fill: #9E9E9E; }
  .sites-feild .sites-feildcont {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    z-index: 2;
    position: relative; }
    .sites-feild .sites-feildcont .sites-inputtext {
      width: 100%;
      margin: 0; }
    .sites-feild .sites-feildcont:first-child .sites-inputtext {
      border-radius: 3px 0 0 3px;
      border-start-start-radius: 3px;
      border-start-end-radius: 0;
      border-end-start-radius: 3px;
      border-end-end-radius: 0; }
    .sites-feild .sites-feildcont + .sites-feildlabel {
      border-radius: 0 3px 3px 0;
      border-start-start-radius: 0;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 3px; }
  .sites-feild .sites-feildlabel ~ .sites-feildcont,
  .sites-feild .sites-feildlabel ~ .sites-feildlabel,
  .sites-feild .sites-feildcont ~ .sites-feildcont,
  .sites-feild .sites-feildcont ~ .sites-feildlabel {
    margin-inline-start: -1px; }
  .sites-feild + .sites-text.red {
    width: 100%;
    margin-block-start: 8px; }
  .sites-feild.h-color .sites-feildlabel {
    background: transparent; }
  .sites-feild.is-focus .sites-feildlabel {
    background: #F5FAFF;
    color: #0087ff;
    border: 1px solid #0087ff; }
    .sites-feild.is-focus .sites-feildlabel .sites-icon {
      fill: #0087ff; }
  .sites-feild.is-focus .sites-inputtext {
    border-color: #0087ff; }
  .sites-feild.is-mandate .sites-feildlabel {
    background: #fff0f3;
    color: #E53935;
    border: 1px solid #E53935; }
    .sites-feild.is-mandate .sites-feildlabel .sites-icon {
      fill: #E53935; }
  .sites-feild.is-mandate .sites-inputtext {
    border-color: #E53935;
    color: #E53935; }
  .sites-feild.is-disabled {
    cursor: not-allowed; }
    .sites-feild.is-disabled .sites-feildlabel {
      border: 1px solid #d5d5d5; }
      .sites-feild.is-disabled .sites-feildlabel .sites-icon {
        fill: #d5d5d5; }
    .sites-feild.is-disabled .sites-inputtext {
      border-color: #d5d5d5;
      color: #9E9E9E;
      cursor: not-allowed; }

.sites-group {
  display: flex;
  flex-flow: row; }
  .sites-group .sites-inputtext {
    flex-grow: 1;
    width: auto;
    margin: 0;
    border-radius: 0; }
    .sites-group .sites-inputtext:first-child {
      border-radius: 3px 0 0 3px;
      border-start-start-radius: 3px;
      border-start-end-radius: 0;
      border-end-start-radius: 3px;
      border-end-end-radius: 0; }
    .sites-group .sites-inputtext:only-child {
      border-radius: 3px; }
    .sites-group .sites-inputtext + .sites-text {
      margin-block-start: 8px; }
  .sites-group .hbui-cont.select {
    border-radius: 0; }
    .sites-group .hbui-cont.select:first-child {
      border-radius: 3px 0 0 3px;
      border-start-start-radius: 3px;
      border-start-end-radius: 0;
      border-end-start-radius: 3px;
      border-end-end-radius: 0; }
    .sites-group .hbui-cont.select:only-child {
      border-radius: 3px; }
  .sites-group .sites-inputtext ~ .sites-inputtext,
  .sites-group .sites-inputtext ~ .sites-button,
  .sites-group .sites-inputtext ~ .hbui-cont.select,
  .sites-group .hbui-cont.select ~ .hbui-cont.select,
  .sites-group .hbui-cont.select ~ .sites-inputtext {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: -1px;
    margin-inline-end: 0;
    flex-grow: 1;
    border-radius: 0; }
    .sites-group .sites-inputtext ~ .sites-inputtext:last-child,
    .sites-group .sites-inputtext ~ .sites-button:last-child,
    .sites-group .sites-inputtext ~ .hbui-cont.select:last-child,
    .sites-group .hbui-cont.select ~ .hbui-cont.select:last-child,
    .sites-group .hbui-cont.select ~ .sites-inputtext:last-child {
      border-radius: 0 3px 3px 0;
      border-start-start-radius: 0;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 3px; }
  .sites-group .sites-inputtext ~ .sites-button {
    padding: 8px;
    flex-grow: 0;
    border-radius: 0; }
    .sites-group .sites-inputtext ~ .sites-button.h-radius {
      border-radius: 0 3px 3px 0;
      border-start-start-radius: 0;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 3px; }
  .sites-group .sites-inputtext:focus {
    position: relative;
    z-index: 1; }
  .sites-group .sites-inputtext + .sites-morebtn {
    margin-block-start: 4px;
    margin-block-end: 4px;
    margin-inline-start: 4px;
    margin-inline-end: 0; }
  .sites-group.med .sites-inputtext {
    width: 200px; }
    .sites-group.med .sites-inputtext.tiny {
      width: 38px; }
  .sites-group .sites-morebtn {
    margin-block-start: 4px;
    margin-block-end: 0;
    margin-inline-start: 4px;
    margin-inline-end: 0; }
  .sites-group.h-clm2 .sites-inputtext,
  .sites-group.h-clm2 .hbui-cont.select {
    width: 50%;
    min-inline-size: 50%;
    max-inline-size: 50%; }
  .sites-group.h-clm3 .sites-inputtext,
  .sites-group.h-clm3 .hbui-cont.select {
    width: 33.33%;
    min-inline-size: 33.33%;
    max-inline-size: 33.33%; }
  .sites-group.is-mandate .sites-inputtext,
  .sites-group.is-mandate .hbui-cont.select {
    border-color: #E53935;
    color: #E53935; }
  .sites-group.is-mandate .hbui-cont .toggle-arr span::before, .sites-group.is-mandate .hbui-cont .toggle-arr span::after {
    background-color: #E53935; }
  .sites-group.is-mandate .sites-button.primary {
    background: #E53935; }
  .sites-group.is-mandate + .sites-text.red {
    margin-block-start: 8px; }

.sites-inlineform {
  display: flex;
  flex-flow: row nowrap;
  position: relative; }
  .sites-inlineform .sites-group {
    display: flex;
    flex-flow: column;
    width: 200px;
    min-inline-size: 200px; }
    .sites-inlineform .sites-group ~ .sites-group {
      margin-inline-start: 16px;
      margin-block-start: 0; }
    .sites-inlineform .sites-group .sites-inputtext {
      max-block-size: 32px; }
    .sites-inlineform .sites-group .hbui-cont.select {
      width: 200px;
      min-inline-size: 200px;
      max-inline-size: 200px;
      border-radius: 3px; }
    .sites-inlineform .sites-group .sites-feild {
      margin-block-end: 0; }
    .sites-inlineform .sites-group.h-small {
      width: 86px;
      min-inline-size: 86px; }
      .sites-inlineform .sites-group.h-small .hbui-cont.select {
        width: 86px;
        min-inline-size: 86px; }
    .sites-inlineform .sites-group .sites-formlabel + .sites-inputtext {
      border-radius: 3px; }
  .sites-inlineform.h-clm2 {
    width: 428px; }
  .sites-inlineform.h-clm3 {
    width: 650px; }
  .sites-inlineform.h-justify {
    width: 100%;
    min-inline-size: 350px; }
    .sites-inlineform.h-justify .sites-group,
    .sites-inlineform.h-justify .sites-inputtext {
      width: 100%;
      min-inline-size: auto; }
    .sites-inlineform.h-justify .hbui-cont.select {
      width: 100%;
      min-inline-size: 0;
      max-inline-size: 100%; }
  .sites-inlineform + .sites-link {
    margin-block-start: 8px; }
  .sites-inlineform .sites-button {
    position: absolute;
    inset-inline-end: -8px;
    inset-block-start: 0;
    border: none;
    background: none;
    padding: 0;
    margin-inline-start: 8px; }
    .sites-inlineform .sites-button .sites-icon {
      margin: 0; }

/* $Id$ */
.sites-list {
  display: flex;
  flex-flow: column;
  flex-grow: 1; }
  .sites-list.sites-commentbox .sites-listitem .sites-checkboxcont {
    align-self: flex-start;
    margin-block-start: 4px; }
  .sites-list.sites-commentbox .sites-listitem .sites-listcont {
    flex-flow: column;
    align-items: flex-start;
    white-space: initial; }
  .sites-list.sites-commentbox .sites-listitem .sites-commentact {
    display: flex;
    margin-block-start: 8px;
    margin-block-end: 8px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    align-items: center;
    width: 100%; }
    .sites-list.sites-commentbox .sites-listitem .sites-commentact .h-left {
      flex-grow: 1;
      flex-flow: row;
      display: flex; }
    .sites-list.sites-commentbox .sites-listitem .sites-commentact .h-right {
      margin-inline-start: 16px;
      flex-grow: 1;
      text-align: end; }
    .sites-list.sites-commentbox .sites-listitem .sites-commentact .sites-link {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 0;
      margin-inline-end: 8px;
      flex-shrink: 0; }
    .sites-list.sites-commentbox .sites-listitem .sites-commentact .sites-text {
      width: auto;
      flex-grow: 0; }
  .sites-list.sites-commentbox .sites-listitem:hover .h-showonhover {
    display: block; }
  .sites-list.sites-commentbox .sites-listitem:hover .sites-comment:after {
    background: #F5FAFF; }
  .sites-list.sites-commentbox .sites-listitem:hover .sites-seemorebtn {
    background: linear-gradient(270deg, #F5FAFF 0%, #FFF 100%); }
  .sites-list.sites-commentbox .sites-listitem.is-selected .sites-checkboxcont.h-showonhover {
    display: block; }
  .sites-list.sites-commentbox .sites-cmtrow {
    display: flex;
    width: 100%; }
    .sites-list.sites-commentbox .sites-cmtrow .hb-dropdown {
      margin-block-start: 8px;
      margin-block-end: 0;
      margin-inline-start: 24px;
      margin-inline-end: 0; }
  .sites-list.sites-commentbox .sites-comment {
    width: calc(100% - 52px);
    max-block-size: 90px;
    min-block-size: 43px;
    overflow: hidden;
    position: relative;
    margin-block-end: -20px; }
    .sites-list.sites-commentbox .sites-comment .see-less-btn {
      display: none; }
    .sites-list.sites-commentbox .sites-comment .collapse-div {
      display: inline-flex;
      position: absolute;
      inset-block-end: 27px;
      inset-inline-end: 10px; }
    .sites-list.sites-commentbox .sites-comment.expand-content {
      max-block-size: 2000px;
      margin-block-end: 0px; }
      .sites-list.sites-commentbox .sites-comment.expand-content .see-less-btn {
        display: inline-flex; }
      .sites-list.sites-commentbox .sites-comment.expand-content .collapse-div {
        display: none; }
      .sites-list.sites-commentbox .sites-comment.expand-content:after {
        display: none; }
    .sites-list.sites-commentbox .sites-comment:after {
      content: '';
      height: 20px;
      width: 100%;
      background: #FFF;
      position: absolute;
      inset-block-end: 0;
      inset-inline-start: 0;
      inset-inline-end: 0px; }
  .sites-list.sites-commentbox .sites-cmt-action {
    position: absolute;
    inset-inline-end: 20px; }
  .sites-list.sites-commentbox .h-showonhover {
    display: none; }
  .sites-list.sites-commentbox .cmtstatus {
    border: 1px solid #d5d5d5;
    padding: 3px;
    width: 23px;
    height: 23px;
    margin-inline-start: 8px;
    border-radius: 2px;
    display: flex;
    background: #FFF; }
    .sites-list.sites-commentbox .cmtstatus .sites-icon {
      width: 15px;
      height: 15px;
      transition: all 500ms ease-in-out; }
      .sites-list.sites-commentbox .cmtstatus .sites-icon.red {
        fill: #424242; }
    .sites-list.sites-commentbox .cmtstatus:hover .sites-icon.red {
      fill: #E53935; }
  .sites-list.sites-navlist .sites-listitem .sites-listcont:first-child .sites-checkboxcont,
  .sites-list.sites-navlist .sites-listitem .sites-listcont:first-child .sites-text {
    flex-shrink: 0;
    flex-grow: 0;
    width: auto; }
  .sites-list.sites-navlist .sites-listitem .sites-listcont:first-child .sites-link {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-inline-start: 16px; }
  .sites-list.closed-border {
    border: 1px solid #d5d5d5; }
  .sites-list .sites-actionbar {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 8px;
    margin-inline-end: 8px;
    padding-block-start: 7px;
    padding-block-end: 7px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    border-block-end: 1px dotted #e6e6e6; }
    .sites-list .sites-actionbar .sites-checkboxcont {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 16px;
      margin-inline-end: 16px; }
    .sites-list .sites-actionbar .sites-listtitle {
      padding: 0;
      border: none;
      flex-grow: 1;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: -46px;
      margin-inline-end: 0;
      pointer-events: none; }
      .sites-list .sites-actionbar .sites-listtitle .sites-text {
        line-height: 32px; }
        .sites-list .sites-actionbar .sites-listtitle .sites-text:first-child {
          padding-inline-start: 46px; }
        .sites-list .sites-actionbar .sites-listtitle .sites-text:last-child {
          padding-inline-end: 16px; }
    .sites-list .sites-actionbar .h-left div + div {
      margin-inline-start: 0; }
    .sites-list .sites-actionbar .h-left div + div.sites-listtitle {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: -46px;
      margin-inline-end: 0; }
  .sites-list + .sites-actionbar {
    border-block-start: 1px solid #e6e6e6; }
  .sites-list.h-stat {
    min-block-size: 70px;
    max-block-size: 275px;
    position: relative;
    overflow: auto;
    margin-block-start: 16px;
    margin-block-end: 0;
    margin-inline-start: -16px;
    margin-inline-end: -16px; }
    .sites-list.h-stat .sites-listitem {
      padding-block-start: 5px;
      padding-block-end: 5px;
      padding-inline-start: 0;
      padding-inline-end: 0;
      border-block-end: none; }
      .sites-list.h-stat .sites-listitem .sites-listcont .sites-text {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
    .sites-list.h-stat .sites-listtitle {
      margin: 0; }
  .sites-list.h-wb .sites-listcont {
    word-break: break-all; }

.sites-listitem {
  display: flex;
  flex-flow: row;
  border-block-end: 1px dotted #e6e6e6;
  align-items: center;
  padding-block-start: 5px;
  padding-block-end: 5px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 8px;
  margin-inline-end: 8px;
  position: relative;
  min-block-size: 42px;
  flex-shrink: 0; }
  .sites-listitem .h-showonhover {
    visibility: hidden;
    z-index: 10; }
  .sites-listitem .sites-productclick {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 9; }
  .sites-listitem:hover {
    background: #F5FAFF; }
    .sites-listitem:hover .h-showonhover {
      visibility: visible; }
    .sites-listitem:hover:after {
      background: #F5FAFF; }
  .sites-listitem.is-selected .sites-checkboxcont.h-showonhover {
    visibility: visible; }
  .sites-listitem .sites-checkboxcont {
    margin: 0;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 12px;
    padding-inline-end: 0;
    z-index: 10; }
    .sites-listitem .sites-checkboxcont .checkbox-cont {
      margin: 0; }
  .sites-listitem .sites-image {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    overflow: hidden; }
    .sites-listitem .sites-image:first-child {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 24px;
      margin-inline-end: 0; }
    .sites-listitem .sites-image.smed {
      width: 20px;
      height: 20px; }
    .sites-listitem .sites-image.large {
      width: 56px;
      height: 56px; }
    .sites-listitem .sites-image[data-tooltip] {
      overflow: visible; }
  .sites-listitem .sites-listcont {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    padding-inline-start: 16px;
    align-items: center;
    white-space: nowrap; }
    .sites-listitem .sites-listcont .sites-text {
      width: 100%;
      flex-grow: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
      .sites-listitem .sites-listcont .sites-text ~ .sites-text {
        flex-shrink: 0;
        max-inline-size: 20%;
        margin-inline-start: 8px; }
        .sites-listitem .sites-listcont .sites-text ~ .sites-text .sites-link {
          margin: 0; }
    .sites-listitem .sites-listcont .h-clm {
      width: 100%; }
      .sites-listitem .sites-listcont .h-clm .sites-text ~ .sites-text {
        flex-shrink: 0;
        max-inline-size: 100%;
        margin-inline-start: 0; }
    .sites-listitem .sites-listcont.h-clm1 {
      max-inline-size: 8.333%; }
    .sites-listitem .sites-listcont.h-clm2 {
      max-inline-size: 16.666%; }
    .sites-listitem .sites-listcont.h-clm3 {
      max-inline-size: 25%; }
    .sites-listitem .sites-listcont.h-clm4 {
      max-inline-size: 33.333%; }
    .sites-listitem .sites-listcont.h-clm5 {
      max-inline-size: 41.666%;
      width: 100%; }
    .sites-listitem .sites-listcont.h-clm6 {
      max-inline-size: 50%; }
    .sites-listitem .sites-listcont.h-clm7 {
      max-inline-size: 58.333%; }
    .sites-listitem .sites-listcont.h-clm8 {
      max-inline-size: 66.666%; }
    .sites-listitem .sites-listcont.h-clm9 {
      max-inline-size: 75%; }
    .sites-listitem .sites-listcont.h-clm10 {
      max-inline-size: 83.333%; }
    .sites-listitem .sites-listcont.h-clm11 {
      max-inline-size: 91.666%; }
    .sites-listitem .sites-listcont.h-wd200 {
      width: 200px;
      min-inline-size: 200px; }
    .sites-listitem .sites-listcont.h-wd110 {
      width: 110px;
      min-inline-size: 110px; }
    .sites-listitem .sites-listcont:last-child {
      padding-inline-end: 16px; }
    .sites-listitem .sites-listcont.h-nl {
      flex: 1 0 100%;
      padding-block-start: 12px; }
    .sites-listitem .sites-listcont .sites-checkboxcont {
      padding: 0; }
      .sites-listitem .sites-listcont .sites-checkboxcont + .sites-image {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 16px;
        margin-inline-end: 16px; }
        .sites-listitem .sites-listcont .sites-checkboxcont + .sites-image + .sites-link {
          margin: 0;
          overflow: hidden;
          text-overflow: ellipsis; }
      .sites-listitem .sites-listcont .sites-checkboxcont + .sites-text,
      .sites-listitem .sites-listcont .sites-checkboxcont + .sites-status,
      .sites-listitem .sites-listcont .sites-checkboxcont + .sites-link {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 16px;
        margin-inline-end: 0; }
    .sites-listitem .sites-listcont .sites-image ~ .sites-image {
      margin-inline-start: 24px; }
    .sites-listitem .sites-listcont .sites-link:first-child {
      margin-inline-start: 0px; }
    .sites-listitem .sites-listcont .sites-link + .sites-image {
      margin-inline-start: 24px; }
    .sites-listitem .sites-listcont .hbui-cont.select,
    .sites-listitem .sites-listcont .sites-feild {
      width: 100%; }
    .sites-listitem .sites-listcont .sites-inputtext {
      width: 100%; }
      .sites-listitem .sites-listcont .sites-inputtext + div .sites-link {
        margin-block-start: 3px;
        margin-block-end: 0;
        margin-inline-start: 8px;
        margin-inline-end: 0; }
    .sites-listitem .sites-listcont .sites-status + .sites-text {
      margin-inline-start: 8px; }
    .sites-listitem .sites-listcont .sites-inlineform {
      width: max-content;
      padding-inline-end: 16px; }
      .sites-listitem .sites-listcont .sites-inlineform.h-clm2 > .sites-inputtext,
      .sites-listitem .sites-listcont .sites-inlineform.h-clm2 > .sites-feild {
        width: 50%; }
      .sites-listitem .sites-listcont .sites-inlineform.h-clm3 > .sites-inputtext,
      .sites-listitem .sites-listcont .sites-inlineform.h-clm3 > .sites-feild {
        width: 33.33%; }
      .sites-listitem .sites-listcont .sites-inlineform > .sites-inputtext {
        margin-inline-end: 16px; }
      .sites-listitem .sites-listcont .sites-inlineform ~ .sites-inlineform {
        margin-block-start: 16px; }
    .sites-listitem .sites-listcont:first-child .sites-image {
      margin-inline-start: 0; }
    .sites-listitem .sites-listcont:first-child .sites-checkboxcont + .sites-image {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 16px;
      margin-inline-end: 16px; }
  .sites-listitem .sites-link {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 24px;
    margin-inline-end: 0;
    white-space: nowrap;
    z-index: 10; }
  .sites-listitem .sites-icon.extraLarge {
    width: 24px; }
  .sites-listitem .sites-button {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 20px;
    margin-inline-end: 20px;
    white-space: nowrap; }
  .sites-listitem .sites-listoverlay {
    z-index: 1;
    inset-block-start: 0px;
    inset-block-end: 0px;
    inset-inline-start: 0px;
    inset-inline-end: 0px;
    background-color: transparent;
    padding: 8px;
    position: absolute; }
  .sites-listitem.h-info {
    background: #FCFCFE;
    margin-block-start: -1px; }
    .sites-listitem.h-info .sites-link:first-child,
    .sites-listitem.h-info .sites-text:first-child {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 16px;
      margin-inline-end: 0; }
  .sites-listitem.h-hlinfo {
    background: #F4F4F4; }
  .sites-listitem .h-clm .sites-feild + .sites-link,
  .sites-listitem .h-clm .sites-feild + .sites-inputtext,
  .sites-listitem .h-clm .sites-feild + .sites-text + .sites-link,
  .sites-listitem .h-clm .sites-inputtext + .sites-link,
  .sites-listitem .h-clm .sites-inputtext + .sites-inputtext,
  .sites-listitem .h-clm .sites-inputtext + .sites-text + .sites-link {
    margin-block-start: 12px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .sites-listitem.sites-unpublished-files .sites-text {
    overflow: visible;
    display: flex;
    max-inline-size: calc(100% - 76px); }
    .sites-listitem.sites-unpublished-files .sites-text .tooltip-right {
      max-inline-size: 100%; }
    .sites-listitem.sites-unpublished-files .sites-text .sites-filename {
      position: relative;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      display: block; }
      .sites-listitem.sites-unpublished-files .sites-text .sites-filename:before {
        content: "";
        background: #F8BA4D;
        width: 8px;
        height: 8px;
        border-radius: 100%;
        display: inline-flex;
        margin-inline-end: 4px; }
    .sites-listitem.sites-unpublished-files .sites-text + .sites-text {
      padding-inline-start: 12px; }
  .sites-listitem.sites-unpublished-files .sites-hovercont {
    display: none;
    padding: 20px;
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    background: #2b2f4c;
    opacity: 0.8;
    z-index: 9;
    align-items: center;
    justify-content: center;
    text-align: center;
    pointer-events: none; }
    .sites-listitem.sites-unpublished-files .sites-hovercont .sites-text {
      color: #FFF; }
  .sites-listitem.sites-unpublished-files:hover .sites-hovercont {
    display: flex; }
  .sites-listitem.h-infoitem {
    flex-wrap: wrap;
    padding-block-start: 16px;
    padding-block-end: 16px; }
    .sites-listitem.h-infoitem .sites-banner {
      max-inline-size: 100%;
      margin: 0;
      margin-block-start: 16px; }
      .sites-listitem.h-infoitem .sites-banner .sites-button {
        margin-inline: 0;
        margin-block-start: 16px; }

.sites-total {
  align-items: flex-start;
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline-start: 0;
  padding-inline-end: 0; }

.h-vlist {
  flex-flow: row wrap;
  padding-block-start: 24px;
  padding-block-end: 24px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  border: none;
  align-items: flex-start;
  align-content: flex-start; }
  .h-vlist .sites-listitem {
    width: 200px;
    border: 1px solid #d5d5d5;
    flex-flow: column;
    padding: 8px;
    position: relative;
    margin-block-start: 0;
    margin-block-end: 16px;
    margin-inline-start: 0;
    margin-inline-end: 16px;
    border-radius: 3px;
    overflow: hidden; }
    .h-vlist .sites-listitem .sites-checkboxcont {
      position: absolute;
      padding: 0;
      inset-block-start: 16px;
      inset-inline-start: 16px;
      z-index: 10; }
      .h-vlist .sites-listitem .sites-checkboxcont .checkbox-cont {
        margin: 0; }
        .h-vlist .sites-listitem .sites-checkboxcont .checkbox-cont label {
          margin: 0; }
    .h-vlist .sites-listitem .sites-image {
      width: 180px;
      height: 140px;
      margin: 0;
      border-radius: 3px; }
      .h-vlist .sites-listitem .sites-image:first-child {
        margin: 0; }
      .h-vlist .sites-listitem .sites-image + .sites-text {
        margin-block-start: 8px; }
    .h-vlist .sites-listitem .sites-listcont {
      flex-flow: column;
      width: 100%;
      padding: 0; }
      .h-vlist .sites-listitem .sites-listcont .sites-text {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        .h-vlist .sites-listitem .sites-listcont .sites-text:only-child {
          text-align: center;
          margin-block-start: 10px;
          margin-block-end: 0;
          margin-inline-start: 0;
          margin-inline-end: 0;
          padding-block-start: 4px;
          padding-block-end: 4px;
          padding-inline-start: 0;
          padding-inline-end: 0; }
        .h-vlist .sites-listitem .sites-listcont .sites-text ~ .sites-text {
          max-inline-size: 100%;
          margin-inline-start: 0; }
      .h-vlist .sites-listitem .sites-listcont.h-clm1, .h-vlist .sites-listitem .sites-listcont.h-clm2, .h-vlist .sites-listitem .sites-listcont.h-clm3, .h-vlist .sites-listitem .sites-listcont.h-clm4, .h-vlist .sites-listitem .sites-listcont.h-clm5, .h-vlist .sites-listitem .sites-listcont.h-clm7 {
        max-inline-size: 100%; }
      .h-vlist .sites-listitem .sites-listcont:first-child .sites-image {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 16px;
        margin-inline-end: 16px; }
      .h-vlist .sites-listitem .sites-listcont .sites-editstripe .sites-text {
        padding-block-start: 4px;
        padding-block-end: 4px;
        padding-inline-start: 10px;
        padding-inline-end: 10px; }
    .h-vlist .sites-listitem .hb-dropdown,
    .h-vlist .sites-listitem .sites-morebtn {
      position: absolute;
      inset-inline-end: 16px;
      inset-block-start: 16px;
      margin: 0;
      z-index: 10;
      cursor: pointer; }
    .h-vlist .sites-listitem .sites-editstripe {
      border-radius: 2px;
      background: #2b2f4c;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 52px;
      position: absolute;
      inset-block-end: -200px;
      inset-inline-start: 0;
      inset-inline-end: 0;
      z-index: 10;
      transition: bottom 500ms ease-in-out;
      color: #FFF; }
      .h-vlist .sites-listitem .sites-editstripe .sites-button {
        border: none;
        background: none; }
        .h-vlist .sites-listitem .sites-editstripe .sites-button .sites-icon {
          fill: #FFF; }
      .h-vlist .sites-listitem .sites-editstripe .sites-link {
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 8px;
        margin-inline-end: 8px; }
        .h-vlist .sites-listitem .sites-editstripe .sites-link .sites-icon {
          width: 16px;
          height: 16px;
          fill: #FFF;
          position: relative; }
      .h-vlist .sites-listitem .sites-editstripe .sites-vdevide {
        margin: 0; }
      .h-vlist .sites-listitem .sites-editstripe .sites-text {
        color: #FFF;
        display: flex;
        align-items: center; }
        .h-vlist .sites-listitem .sites-editstripe .sites-text .sites-icon {
          fill: #FFF;
          margin-inline-start: 8px; }
      .h-vlist .sites-listitem .sites-editstripe.sites-link {
        margin: 0; }
      .h-vlist .sites-listitem .sites-editstripe.sites-link {
        margin: 0; }
    .h-vlist .sites-listitem:hover {
      background: none; }
      .h-vlist .sites-listitem:hover .sites-editstripe {
        inset-block-end: 0; }
    .h-vlist .sites-listitem.is-selected {
      background: none;
      border-color: transparent; }
      .h-vlist .sites-listitem.is-selected .sites-checkboxcont {
        z-index: 10; }
      .h-vlist .sites-listitem.is-selected .sites-image:after {
        content: "";
        position: absolute;
        inset-block-start: 0;
        inset-block-end: 0;
        inset-inline-start: 0;
        inset-inline-end: 0;
        background: #2b2f4c;
        opacity: 0.7;
        z-index: 9; }
      .h-vlist .sites-listitem.is-selected .sites-editstripe {
        inset-block-end: 0; }
    .h-vlist .sites-listitem .sites-icon.extraLarge {
      width: 48px; }
    .h-vlist .sites-listitem:after {
      display: none; }
    .h-vlist .sites-listitem .hb-ui.hb-dropdown.hb-def-style .hb-dd-content {
      min-inline-size: 165px; }
    .h-vlist .sites-listitem.sites-unpublished-files .sites-text {
      max-inline-size: 100%; }
  .h-vlist.files {
    align-content: flex-start; }
    .h-vlist.files .sites-listitem {
      width: 159px;
      border: none;
      padding: 0;
      overflow: visible; }
      .h-vlist.files .sites-listitem.is-selected .sites-image {
        border-color: #0087ff; }
        .h-vlist.files .sites-listitem.is-selected .sites-image:after {
          display: none; }
      .h-vlist.files .sites-listitem .sites-checkboxcont {
        inset-block-start: 8px;
        inset-inline-start: 8px; }
      .h-vlist.files .sites-listitem .hb-dropdown,
      .h-vlist.files .sites-listitem .sites-morebtn {
        inset-inline-end: 8px;
        inset-block-start: 8px; }
      .h-vlist.files .sites-listitem .sites-image {
        border: 1px solid #d5d5d5;
        width: 159px;
        height: 116px;
        border-radius: 3px; }

.sites-ul {
  margin: 0;
  padding: 0;
  color: #424242;
  font-size: 14px; }
  .sites-ul li {
    margin-block-end: 16px;
    list-style: none; }
    .sites-ul li:last-child {
      margin-block-end: 0; }
    .sites-ul li.sites-filetitle .sites-icon {
      flex: 0 0 16px; }
  .sites-ul.bullet li {
    list-style: disc;
    margin-inline-start: 32px;
    margin-block-end: 8px;
    line-height: 1.7; }

.sites-listgrouptitle {
  font-size: 16px;
  color: #424242;
  width: 100%;
  padding-block-start: 20px;
  padding-block-end: 10px;
  padding-inline-start: 10px;
  padding-inline-end: 10px; }

.sites-listtitle {
  color: #424242;
  border-block-end: 1px dotted #e6e6e6;
  padding-block-start: 13px;
  padding-block-end: 13px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 8px;
  margin-inline-end: 8px;
  display: flex;
  position: relative; }
  .sites-listtitle .sites-text {
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    flex-grow: 1;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 16px;
    padding-inline-end: 0;
    word-break: break-all; }
    .sites-listtitle .sites-text ~ .sites-text {
      max-inline-size: 20%; }
    .sites-listtitle .sites-text.h-clm1 {
      max-inline-size: 8.333%; }
    .sites-listtitle .sites-text.h-clm2 {
      max-inline-size: 16.666%; }
    .sites-listtitle .sites-text.h-clm3 {
      max-inline-size: 25%; }
    .sites-listtitle .sites-text.h-clm4 {
      max-inline-size: 33.333%; }
    .sites-listtitle .sites-text.h-clm5 {
      max-inline-size: 41.666%;
      width: 100%; }
    .sites-listtitle .sites-text.h-clm6 {
      max-inline-size: 50%; }
    .sites-listtitle .sites-text.h-clm7 {
      max-inline-size: 58.333%; }
    .sites-listtitle .sites-text.h-clm8 {
      max-inline-size: 66.666%; }
    .sites-listtitle .sites-text.h-clm9 {
      max-inline-size: 75%; }
    .sites-listtitle .sites-text.h-clm10 {
      max-inline-size: 83.333%; }
    .sites-listtitle .sites-text.h-clm11 {
      max-inline-size: 91.666%; }
    .sites-listtitle .sites-text.h-wd200 {
      width: 200px;
      min-inline-size: 200px; }
    .sites-listtitle .sites-text.h-wd110 {
      width: 110px;
      min-inline-size: 110px; }
    .sites-listtitle .sites-text:last-child {
      padding-inline-end: 16px; }
  .sites-listtitle .sites-inlineform .sites-text {
    width: 200px;
    max-inline-size: 200px;
    margin-inline-end: 16px; }

.sites-footnote .sites-actionbar {
  border-block-start: 1px solid #e6e6e6;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  max-block-size: 48px;
  margin: 0; }
.sites-footnote .sites-icon {
  margin-inline-end: 8px; }
.sites-footnote .sites-breadcrumb {
  border: none;
  background: #f8fbfd;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 16px;
  padding-inline-end: 16px; }
  .sites-footnote .sites-breadcrumb .sites-icon {
    margin-block-start: -2px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 8px; }
  .sites-footnote .sites-breadcrumb a .sites-icon {
    margin-block-start: -1px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 8px; }
.sites-footnote .sites-breadcrumbitem {
  font-size: 13px; }
  .sites-footnote .sites-breadcrumbitem ~ .sites-breadcrumbitem {
    margin-inline-start: 24px; }
    .sites-footnote .sites-breadcrumbitem ~ .sites-breadcrumbitem:before {
      inset-block-start: 4px;
      inset-inline-start: -17px; }

.sites-seemorebtn {
  background: #FFF;
  width: 30px;
  display: inline-block;
  position: relative;
  height: 20px;
  cursor: pointer; }
  .sites-seemorebtn:before {
    content: "...";
    display: inline-block;
    color: #0087ff;
    line-height: .8;
    position: absolute;
    inset-block-start: -17px;
    inset-inline-start: 0;
    font-size: 40px;
    letter-spacing: -4px; }
  .sites-seemorebtn:after {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-end: 100%;
    inset-inline-start: -60px;
    background: linear-gradient(90deg, transparent 0%, #F5FAFF 100%); }

.see-less-btn {
  position: relative;
  width: 30px;
  height: 16px;
  background: #FFF;
  border: 1px solid #0087ff;
  border-radius: 20px;
  text-align: center;
  margin-block-start: 0;
  margin-block-end: -2px;
  margin-inline-start: 8px;
  margin-inline-end: 0;
  cursor: pointer; }
  .see-less-btn:before, .see-less-btn:after {
    content: " ";
    height: 7px;
    width: 2px;
    background: #0087ff;
    transform: rotate(45deg);
    position: absolute;
    inset-block-start: 3px;
    inset-inline-start: 11px; }
  .see-less-btn:after {
    transform: rotate(-45deg);
    inset-inline-start: 15px; }

.sites-mediaext {
  position: absolute;
  width: 32px;
  color: #FFF;
  font-size: 9px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: uppercase;
  padding-block-start: 9px;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  font-weight: 700;
  margin-inline-start: 0px;
  text-align: center; }

.sites-nodatacont {
  position: absolute;
  display: flex;
  flex-grow: 1;
  overflow: auto;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0; }
  .sites-nodatacont:before {
    content: '';
    position: absolute;
    background: #FFF;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-end: 0;
    opacity: .7; }

.sites-nodata {
  position: absolute;
  background: #FEFFED;
  font-size: 14px;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%); }

.sites-sortablelist {
  display: flex;
  flex-flow: column;
  width: 850px; }
  .sites-sortablelist .hb-sortable-item ~ .hb-sortable-item {
    margin-block-start: 16px; }

.sites-sorttitle {
  display: flex;
  flex-flow: row nowrap;
  padding-block-start: 0;
  padding-block-end: 8px;
  padding-inline-start: 48px;
  padding-inline-end: 16px; }

.sites-sortlabel {
  width: 370px;
  position: relative; }
  .sites-sortlabel ~ .sites-sortlabel {
    margin-inline-start: 50px; }

.sites-sortitem {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  background: #F4F4F4;
  border-radius: 3px;
  position: relative; }
  .sites-sortitem .sites-grippy {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 16px; }
  .sites-sortitem .sites-button {
    position: absolute;
    inset-inline-end: -40px;
    inset-block-start: 8px;
    border: none;
    background: none; }
  .sites-sortitem ~ .sites-sortitem {
    margin-block-start: 16px; }

.sites-sortfeild {
  display: flex;
  flex-flow: column;
  width: 370px; }
  .sites-sortfeild ~ .sites-sortfeild {
    margin-inline-start: 50px; }
  .sites-sortfeild .sites-inputtext + .sites-text {
    margin-block-start: 8px; }

/* Action bar */
.sites-actionbar {
  display: flex;
  flex-flow: row;
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline: 0;
  border-block-end: none;
  min-block-size: 47px; }
  .sites-actionbar .h-left {
    flex-grow: 1;
    display: flex;
    flex-flow: row;
    align-items: center; }
    .sites-actionbar .h-left div + div {
      margin-inline-start: 16px; }
    .sites-actionbar .h-left .sites-checkboxcont {
      margin-block-start: 0;
      margin-block-end: 0; }
  .sites-actionbar .h-right {
    flex-shrink: 0;
    display: flex;
    flex-flow: row;
    align-items: center; }
    .sites-actionbar .h-right .sites-button {
      border: none;
      background: none;
      padding-block-start: 0;
      padding-block-end: 0;
      padding-inline-start: 8px;
      padding-inline-end: 8px; }
  .sites-actionbar .sites-button + .sites-button {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-button + .sites-splitbutton {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-button + .hb-dropdown {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-badge + .sites-search {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-splitbutton + .sites-button {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-text + .sites-select {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-checkboxcont + .sites-button {
    margin-inline-start: 8px; }
  .sites-actionbar .sites-checkboxcont .sites-text {
    font-size: 13px;
    vertical-align: top;
    line-height: 22px; }
  .sites-actionbar .sites-checkboxcont input[type=checkbox].checkbox + label {
    margin-block-start: 3px;
    margin-block-end: 3px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .sites-actionbar .sites-pagination .sites-button {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 8px;
    padding-inline-end: 8px; }
    .sites-actionbar .sites-pagination .sites-button + .sites-button {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 4px;
      margin-inline-end: 4px; }
    .sites-actionbar .sites-pagination .sites-button.icononly {
      border: 1px solid #d5d5d5; }
  .sites-actionbar.h-stock {
    background: #F4F4F4;
    border: none; }
  .sites-actionbar.h-bbnone {
    border-block-end: none;
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-inline-start: 16px;
    padding-inline-end: 16px; }
    .sites-actionbar.h-bbnone .h-left .sites-formtitle {
      margin: 0; }
    .sites-actionbar.h-bbnone .h-right .sites-button {
      border: 1px solid #d5d5d5;
      padding-block-start: 0px;
      padding-block-end: 0px;
      padding-inline-start: 16px;
      padding-inline-end: 16px; }
      .sites-actionbar.h-bbnone .h-right .sites-button.primary {
        background: #0087ff;
        border: none; }
    .sites-actionbar.h-bbnone .h-right .sites-splitbutton .sites-button.primary {
      background: #0087ff;
      border: none; }
    .sites-actionbar.h-bbnone .h-right .sites-splitbutton .hb-dropdown {
      margin-inline-start: 0; }
      .sites-actionbar.h-bbnone .h-right .sites-splitbutton .hb-dropdown .sites-button {
        padding-block-start: 0px;
        padding-block-end: 0px;
        padding-inline-start: 0px;
        padding-inline-end: 10px; }
  .sites-actionbar.bg {
    background: #F5FAFF; }

.sites-vdevide {
  width: 1px;
  background: #d5d5d5;
  height: 12px;
  display: inline-block;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 10px;
  margin-inline-end: 10px; }

/* $Id$ */
.sites-tooltip {
  position: relative; }
  .sites-tooltip:before {
    content: "";
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    margin-block-start: 10px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    background: #3C4962;
    border-radius: 3px;
    inset-block-start: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    color: #fff;
    visibility: hidden;
    padding-block-start: 4px;
    padding-block-end: 4px;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
    position: absolute;
    white-space: nowrap;
    z-index: 999999;
    font-size: 12px;
    line-height: 1.3; }
  .sites-tooltip:after {
    content: "";
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    margin-block-start: 5px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    border: 5px solid #3C4962;
    border-block-start: none;
    border-inline-start-color: transparent;
    border-inline-end-color: transparent;
    inset-block-start: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    visibility: hidden;
    position: absolute;
    z-index: 999999; }
  .sites-tooltip.top:before {
    margin-block-start: 0;
    margin-block-end: 10px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    inset-block-start: auto;
    inset-block-end: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%); }
  .sites-tooltip.top:after {
    margin-block-start: 0;
    margin-block-end: 5px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    border: 5px solid #3C4962;
    border-block-end: none;
    border-inline-start-color: transparent;
    border-inline-end-color: transparent;
    inset-block-start: auto;
    inset-block-end: 100%;
    inset-inline-start: 50%;
    transform: translateX(-50%); }
  .sites-tooltip.right:before {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 10px;
    margin-inline-end: 0;
    inset-block-start: 50%;
    inset-inline-start: 100%;
    transform: translateY(-50%); }
  .sites-tooltip.right:after {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 5px;
    margin-inline-end: 0;
    border: 5px solid #3C4962;
    border-inline-start: none;
    border-block-start-color: transparent;
    border-block-end-color: transparent;
    inset-block-start: 50%;
    inset-inline-start: 100%;
    transform: translateY(-50%); }
  .sites-tooltip.left:before {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 10px;
    inset-block-start: 50%;
    inset-inline-start: auto;
    inset-inline-end: 100%;
    transform: translateY(-50%); }
  .sites-tooltip.left:after {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 5px;
    border: 5px solid #3C4962;
    border-inline-end: none;
    border-block-start-color: transparent;
    border-block-end-color: transparent;
    inset-block-start: 50%;
    inset-inline-start: auto;
    inset-inline-end: 100%;
    transform: translateY(-50%); }
  .sites-tooltip:hover:before {
    content: attr(date-title);
    opacity: 1;
    visibility: visible; }
  .sites-tooltip:hover:after {
    opacity: 1;
    visibility: visible; }

/* $Id$ */
/* $Id$ */
.hb-ui.hb-dropdown {
  position: relative;
  background: transparent; }
  .hb-ui.hb-dropdown.hb-def-style .hb-dd-content {
    inset-inline-start: auto !important;
    inset-inline-end: 0;
    transform-origin: right top !important; }
  .hb-ui.hb-dropdown.hb-right-direction .hb-dd-content {
    inset-inline-start: 0 !important;
    inset-inline-end: auto; }
  .hb-ui.hb-dropdown .hb-dd-content {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }

.hb-dd-content {
  position: absolute;
  visibility: hidden;
  inset-block-start: 100%;
  inset-inline-start: 0;
  background: #FFF;
  padding: 8px 0;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  min-inline-size: 150px;
  z-index: 9999;
  opacity: 1;
  transform: scale3d(0, 0, 0);
  transition: all 300ms ease-out;
  transform-origin: left top; }
  .hb-dd-content UL {
    padding: 0;
    margin: 0; }
  .hb-dd-content li {
    list-style: none;
    display: block;
    padding-block-start: 5px;
    padding-block-end: 5px;
    padding-inline-start: 22px;
    padding-inline-end: 22px;
    text-decoration: none;
    color: #424242;
    cursor: pointer; }
    .hb-dd-content li:hover {
      background: #F4F4F4;
      color: #424242; }
  .hb-dd-content.h-aitem li {
    transition: all 200ms ease-in-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    flex-flow: row;
    align-items: center;
    text-decoration: none;
    padding: 0; }
    .hb-dd-content.h-aitem li a {
      padding-block-start: 5px;
      padding-block-end: 5px;
      padding-inline-start: 22px;
      padding-inline-end: 22px;
      width: 100%; }
    .hb-dd-content.h-aitem li.hb-dd-textcnt {
      flex-flow: column;
      text-align: center;
      pointer-events: auto;
      cursor: default; }
      .hb-dd-content.h-aitem li.hb-dd-textcnt a {
        cursor: default; }
  .hb-dd-content.h-aitem.is-selected {
    background: #F4F4F4;
    color: #0087ff; }

.hb-dd-btn {
  display: flex;
  cursor: pointer; }
  .hb-dd-btn.hb-active + .hb-dd-content {
    visibility: visible;
    transform: scale3d(1, 1, 1); }

.sites-dropdown,
.sites-ddsubmenu {
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  display: none;
  background: #FFF;
  padding-block-start: 5px;
  padding-block-end: 5px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  border: 1px solid #d5d5d5;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(185, 185, 185, 0.5);
  min-inline-size: 150px;
  z-index: 9; }
  .sites-dropdown li,
  .sites-ddsubmenu li {
    list-style: none; }
    .sites-dropdown li a,
    .sites-ddsubmenu li a {
      display: block;
      padding-block-start: 5px;
      padding-block-end: 5px;
      padding-inline-start: 22px;
      padding-inline-end: 22px;
      text-decoration: none;
      color: #424242; }
      .sites-dropdown li a:hover,
      .sites-ddsubmenu li a:hover {
        background: #F4F4F4; }

.sites-ddsubmenugroup {
  position: relative; }
  .sites-ddsubmenugroup:after {
    content: "";
    display: inline-block;
    border: solid #9E9E9E;
    border-block-start-width: 5px;
    border-block-end-width: 5px;
    border-inline-start-width: 5px;
    border-inline-end-width: 0px;
    border-block-start-color: transparent;
    border-block-end-color: transparent;
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 16px;
    transform: translateY(-50%); }
  .sites-ddsubmenugroup:hover .sites-ddsubmenu {
    display: block; }

.sites-ddsubmenu {
  display: none;
  inset-inline-start: 100%;
  inset-block-start: 0; }

.h-left.sites-dropdown, .h-left.sites-ddsubmenu {
  inset-inline-start: auto;
  inset-inline-end: 0; }
.h-left .sites-ddsubmenu {
  inset-inline-start: auto;
  inset-inline-end: 100%; }

.hb-ui.hb-dropdown .sites-link {
  display: flex;
  flex-flow: row;
  align-items: center; }
  .hb-ui.hb-dropdown .sites-link .sites-icon {
    width: 20px;
    height: 20px;
    position: relative;
    padding: 2px;
    margin-inline-end: 8px;
    flex-shrink: 0; }

.sites-morebtn {
  border-radius: 100%; }
  .sites-morebtn .hb-dd-btn {
    width: 20px;
    height: 20px; }
    .sites-morebtn .hb-dd-btn .sites-icon {
      margin: 2px; }
    .sites-morebtn .hb-dd-btn.h-filter {
      width: 56px;
      border: 1px solid #e6e6e6;
      height: 32px;
      border-radius: 3px; }
      .sites-morebtn .hb-dd-btn.h-filter .sites-downarrow {
        margin-inline-start: 4px; }
  .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); }
    .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content .sites-link {
      margin: 0; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content .sites-link .sites-icon {
        width: 20px;
        height: 20px;
        position: relative;
        padding: 2px;
        margin-inline-end: 4px; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content .sites-link.is-selected {
        background: #F5FAFF;
        color: #0087ff; }
        .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content .sites-link.is-selected .sites-text {
          color: #0087ff; }
        .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content .sites-link.is-selected .sites-icon {
          fill: #0087ff; }
    .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li:hover {
      background: #F4F4F4; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li:hover a {
        color: #424242; }
    .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.is-selected {
      background: #F5FAFF;
      cursor: default; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.is-selected a {
        color: #0087ff; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.is-selected:hover {
        background: #F5FAFF; }
    .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.sites-title {
      background: transparent;
      font-weight: 500;
      cursor: default; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.sites-title:hover {
        background: transparent; }
        .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.sites-title:hover a {
          color: #424242; }
      .sites-morebtn.hb-ui.hb-dropdown .hb-dd-content li.sites-title ~ .sites-title {
        margin-block-start: 8px; }
  .sites-morebtn .caret {
    inset-block-start: 50%;
    position: relative;
    transform: translateY(-50%) translateX(-4px); }

.hb-dropdown .sites-button {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 10px; }
.hb-dropdown .hb-dd-btn.sites-button {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px; }

.hb-dd-content li {
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.6; }
  .hb-dd-content li a {
    text-decoration: none;
    white-space: nowrap;
    color: #424242; }
    .hb-dd-content li a.link-blue {
      color: #0087ff; }
  .hb-dd-content li:hover {
    background: #F4F4F4; }
    .hb-dd-content li:hover a {
      color: #424242; }
    .hb-dd-content li:hover.hb-dd-textcnt {
      background: none; }
      .hb-dd-content li:hover.hb-dd-textcnt a {
        color: #424242; }
  .hb-dd-content li.sites-link {
    margin: 0; }
  .hb-dd-content li.is-selected {
    background: #F5FAFF;
    cursor: default; }
    .hb-dd-content li.is-selected a {
      color: #0087ff; }
    .hb-dd-content li.is-selected:hover {
      background: #F5FAFF; }

.hb-ui.hb-dropdown.hb-def-style .hb-dd-content {
  min-inline-size: 200px;
  width: auto; }

.sites-favorite {
  inset-block-start: 0;
  inset-inline-end: 0;
  position: absolute;
  padding: 5px;
  border-radius: 0 0 0 3px;
  border-start-start-radius: 0;
  border-start-end-radius: 0;
  border-end-start-radius: 3px;
  border-end-end-radius: 0;
  background: #E53935;
  line-height: 1; }
  .sites-favorite .sites-icon {
    fill: #FFF; }

html {
  height: 100%; }

body {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  margin: 0;
  overflow: hidden;
  color: #424242;
  font-family: 'ZohoPuvi';
  font-variant-ligatures: none;
  font-size: 15px;
  height: 100%; }

.zd-wrapper {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  overflow: hidden;
  background: #FFF;
  position: relative; }

/* Top Bar */
.zd-topbar {
  height: 48px;
  background: #282b45;
  display: flex;
  flex-flow: row;
  align-items: center;
  flex-shrink: 0; }

.zd-logo {
  flex-shrink: 0;
  align-items: center;
  margin-inline-start: 16px;
  color: #FFF;
  display: inline-flex;
  align-items: center; }
  .zd-logo svg {
    width: 24px;
    height: 24px;
    margin-inline-end: 8px; }
  .zd-logo img {
    height: 18px; }
  .zd-logo a {
    text-decoration: none; }
  .zd-logo .zd-text {
    color: #FFF;
    font-weight: 300;
    line-height: 24px;
    margin-block-start: 2px;
    margin-block-end: 0;
    margin-inline-start: 8px;
    margin-inline-end: 0; }
    .zd-logo .zd-text.large {
      font-size: 18px;
      font-weight: normal; }
  .zd-logo .zd-icon + .zd-text {
    margin: 0; }

.zd-topbaractions {
  flex-grow: 1;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  padding-inline-end: 16px; }

.zd-action a {
  text-decoration: none; }
.zd-action .zd-icon {
  width: 20px;
  height: 20px;
  fill: #FFF; }
.zd-action .zd-notify {
  min-inline-size: 16px;
  height: 16px;
  background: #D66068;
  color: #FFF;
  font-size: 12px;
  border-radius: 3px;
  margin-block-start: 3px;
  margin-inline-start: 4px;
  padding: 2px;
  line-height: 1;
  text-align: center; }

.zd-actionbar {
  display: flex;
  flex-flow: row;
  width: 100%;
  flex-shrink: 0; }
  .zd-actionbar .h-left {
    flex-shrink: 0;
    text-align: start; }
  .zd-actionbar .h-right {
    flex-grow: 1;
    text-align: end; }

.zd-profile {
  margin: 8px;
  padding: 0;
  border: 1px solid #FFF;
  border-radius: 100%;
  outline: none;
  background: none;
  cursor: pointer;
  height: 32px; }
  .zd-profile img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
    pointer-events: none; }
  .zd-profile:focus .zd-popup {
    visibility: visible;
    inset-block-start: 48px;
    opacity: 1; }

/* Menu Tab */
.zd-menutabcont {
  width: 100%;
  height: 52px;
  border-block-end: 1px solid #e6e6e6;
  background: #FFF;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.zd-menutabs {
  max-inline-size: 1200px;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  flex-grow: 1; }
  .zd-menutabs .zd-action {
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: auto;
    margin-inline-end: 0;
    display: flex; }
    .zd-menutabs .zd-action a {
      padding-block-start: 16px;
      padding-block-end: 16px;
      padding-inline-start: 0;
      padding-inline-end: 0;
      display: flex; }
    .zd-menutabs .zd-action .sites-button {
      padding-block-start: 15px;
      padding-block-end: 15px;
      padding-inline-start: 16px;
      padding-inline-end: 16px; }

.zd-menutab {
  list-style: none;
  display: flex;
  align-items: center; }
  .zd-menutab a {
    display: flex;
    border-block-end: 1px solid transparent;
    padding-block-start: 17px;
    padding-block-end: 17px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 24px;
    text-decoration: none;
    color: #424242; }
    .zd-menutab a.is-active {
      border-block-end-color: #0087ff;
      color: #0087ff; }
      .zd-menutab a.is-active .zd-info {
        display: inline-flex; }
    .zd-menutab a .zd-info {
      display: none;
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 4px;
      margin-inline-end: 0; }
  .zd-menutab a.zd-iconbtn {
    margin: 0; }

/* Left Pane */
.zd-leftpane {
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  width: 195px;
  flex-shrink: 0;
  overflow: auto;
  border-inline-end: 1px solid #e6e6e6; }

.zd-nav {
  display: flex;
  flex-flow: column;
  list-style: none;
  margin: 0;
  padding: 0; }

.zd-navitem {
  color: #424242;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 0;
  padding-inline-end: 40px;
  cursor: pointer;
  line-height: 20px;
  user-select: none; }
  .zd-navitem:hover {
    color: #465571; }
  .zd-navitem.is-selected {
    color: #0087ff; }
  .zd-navitem.is-default {
    display: flex;
    align-items: center; }

/* Right Pane */
.zd-rightpane {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 20px;
  margin-inline-end: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  align-items: flex-start; }
  .zd-rightpane.h-ac {
    align-items: center;
    justify-content: flex-start; }
  .zd-rightpane .sites-listitem {
    padding-block-start: 16px;
    padding-block-end: 16px; }
    .zd-rightpane .sites-listitem .h-bold {
      font-size: 15px;
      margin-block-end: 8px; }
  .zd-rightpane .sites-bannercont {
    padding-inline-start: 0;
    padding-inline-end: 0; }

.zd-workspace {
  width: 100%;
  max-inline-size: 1200px;
  margin-block-start: 20px;
  margin-block-end: 20px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  border-radius: 3px;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  position: relative; }
  .zd-workspace .zd-menutabcont:first-child {
    margin-block-start: -24px; }

.zd-rpcont {
  width: 100%;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  overflow: auto; }

.zd-inner {
  display: flex;
  flex-flow: row;
  flex-grow: 1; }
  .zd-inner.h-mw {
    min-inline-size: 1200px;
    max-inline-size: 1200px; }

.h-r_grow {
  width: 100%; }

.zd-section {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
  display: flex;
  flex-flow: column;
  justify-content: flex-end; }
  .zd-section:first-child {
    flex-shrink: 0;
    flex-grow: 0;
    overflow: visible; }
  .zd-section .zd-mydomainlist,
  .zd-section .sites-form {
    flex-grow: 1; }

/* Elements */
.zd-icon {
  width: 16px;
  height: 16px;
  display: inline-flex; }
  .zd-icon.small {
    width: 12px;
    height: 12px; }
  .zd-icon.med {
    width: 24px;
    height: 24px; }
  .zd-icon.large {
    width: 48px;
    height: 48px; }
  .zd-icon.extraLarge {
    width: 56px;
    height: 56px; }
  .zd-icon + .zd-text {
    margin-inline-start: 8px; }
  .zd-icon.gray {
    fill: #9E9E9E; }

.zd-iconcont {
  display: flex;
  flex-flow: column;
  align-self: flex-start;
  justify-content: center; }

.zd-proicon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 26px;
  margin-inline-end: 26px; }
  .zd-proicon ~ .zd-proicon {
    margin-block-start: 16px; }
  .zd-proicon .zd-icon {
    width: inherit;
    height: inherit; }

.zd-textfield {
  border: 1px solid #DADADA;
  padding-block-start: 7px;
  padding-block-end: 7px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  font-size: 15px;
  box-sizing: border-box;
  line-height: 1.2;
  color: #424242;
  border-radius: 3px;
  text-overflow: ellipsis; }
  .zd-textfield:focus {
    border: 1px solid #0087ff;
    outline: none; }
  .zd-textfield.is-error {
    border: 1px solid #D66068; }
  .zd-textfield:read-only {
    background: #F4F6FA;
    color: #9E9E9E; }
    .zd-textfield:read-only:focus {
      border: 1px solid #DADADA;
      outline: none; }

.zd-datecont {
  position: relative; }
  .zd-datecont .zd-icon {
    position: absolute;
    inset-inline-end: 12px;
    inset-block-start: 8px; }
  .zd-datecont .datepicker__proxy-el {
    border: 1px solid #d5d5d5;
    padding-block-start: 7px;
    padding-block-end: 7px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    border-radius: 3px;
    box-sizing: border-box;
    line-height: 1.2;
    color: #424242;
    font-family: 'ZohoPuvi';
    height: 32px; }
    .zd-datecont .datepicker__proxy-el:hover {
      border: 1px solid silver;
      outline: none; }
    .zd-datecont .datepicker__proxy-el:focus {
      border: 1px solid #0087ff;
      outline: none; }
    .zd-datecont .datepicker__proxy-el.is-error {
      border: 1px solid #D66068; }
    .zd-datecont .datepicker__proxy-el::-webkit-calendar-picker-indicator {
      display: none; }

.zd-textarea {
  border: 1px solid #DADADA;
  padding-block-start: 6px;
  padding-block-end: 6px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  box-sizing: border-box;
  min-block-size: 90px;
  font-family: 'ZohoPuvi';
  resize: none;
  border-radius: 3px; }
  .zd-textarea:focus {
    border: 1px solid #0087ff;
    outline: none; }
  .zd-textarea.is-error {
    border: 1px solid #D66068; }

.zd-searchform + .zd-titlebar {
  margin-block-start: 16px; }

.zd-search {
  position: relative;
  width: 675px;
  box-sizing: border-box;
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-block-end: 16px; }
  .zd-search .zd-icon {
    position: absolute;
    inset-block-start: 13px;
    inset-inline-start: 16px;
    fill: #9E9E9E; }
  .zd-search .zd-textfield {
    width: 100%;
    border: 2px solid #e6e6e6;
    padding-block-start: 11px;
    padding-block-end: 11px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
    box-sizing: border-box; }
    .zd-search .zd-textfield:focus {
      border: 2px solid #0087ff;
      outline: none; }
  .zd-search .zd-remove {
    cursor: pointer;
    inset-inline-end: 105px;
    position: absolute;
    inset-block-start: 14px;
    width: 16px;
    height: 16px; }
    .zd-search .zd-remove .zd-icon {
      inset-inline-start: auto;
      inset-inline-end: 0;
      inset-block-start: 0; }
  .zd-search .zd-filter {
    cursor: pointer;
    inset-inline-end: 105px;
    position: absolute;
    inset-block-start: 14px;
    width: 16px;
    height: 16px; }
    .zd-search .zd-filter .zd-icon {
      inset-inline-start: auto;
      inset-inline-end: 0;
      inset-block-start: 0; }
  .zd-search .hb-loader {
    cursor: default;
    inset-inline-end: 100px;
    position: absolute;
    inset-block-start: 12px; }
  .zd-search + .zd-titlebar {
    margin-block-start: 16px; }
  .zd-search + .sites-banner {
    margin-block-start: 16px;
    width: 675px; }
  .zd-search .hbui-cont {
    border: none; }
    .zd-search .hbui-cont.select {
      position: absolute;
      inset-inline-end: 92px;
      width: 80px; }
      .zd-search .hbui-cont.select:before {
        content: "";
        inset-inline-start: 0;
        height: 20px;
        width: 1px;
        background: #e6e6e6;
        position: absolute;
        inset-block-start: 10px; }
      .zd-search .hbui-cont.select.active {
        box-shadow: none; }
    .zd-search .hbui-cont .selected-val {
      width: 60px;
      height: 40px;
      border: none;
      padding-block-start: 5px;
      padding-block-end: 8px;
      padding-inline-start: 10px;
      padding-inline-end: 10px; }
      .zd-search .hbui-cont .selected-val:focus {
        border: 0; }
  .zd-search .sites-button {
    width: 80px;
    margin-inline-start: 10px;
    padding-block-start: 9px;
    padding-block-end: 9px;
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    box-sizing: border-box; }
  .zd-search.h-select .zd-textfield {
    padding-block-start: 11px;
    padding-block-end: 11px;
    padding-inline-start: 40px;
    padding-inline-end: 80px; }
  .zd-search.h-select .zd-remove {
    cursor: pointer;
    inset-inline-end: 135px; }
  .zd-search.h-select .zd-filter {
    inset-inline-end: 100px; }
  .zd-search + .zd-text.red {
    margin-block-end: 16px;
    display: flex; }

.zd-blankcont {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1; }
  .zd-blankcont .sites-text {
    text-align: center;
    margin-block-end: 12px;
    line-height: 1.6;
    font-size: 16px; }
    .zd-blankcont .sites-text.large {
      font-size: 32px; }
  .zd-blankcont .zd-search {
    margin-block-start: 16px; }
  .zd-blankcont.zd-top {
    justify-content: flex-start;
    margin-top: 50px; }

.zd-congratsbg {
  max-inline-size: 1200px;
  height: 333px;
  margin: -24px -25px; }

.zd-blankimage {
  display: flex;
  justify-content: center;
  margin-block-start: 40px;
  width: 100%; }
  .zd-blankimage svg {
    width: 330px;
    height: 330px; }

.zd-strike {
  text-decoration: line-through;
  color: #9E9E9E; }

.zd-iconbtn {
  display: inline-flex;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-inline-end: 8px;
  cursor: pointer;
  user-select: none; }
  .zd-iconbtn.med {
    width: 24px;
    height: 24px; }

.zd-text {
  font-size: 15px;
  color: #424242;
  word-break: break-word; }
  .zd-text.red {
    color: #D66068; }
  .zd-text.gray {
    color: #9E9E9E; }
  .zd-text.small {
    font-size: 13px;
    line-height: 1.6; }
  .zd-text.med {
    font-size: 16px; }
  .zd-text.x-med {
    font-size: 18px; }
  .zd-text.large {
    font-size: 20px; }
  .zd-text.huge {
    font-size: 100px; }
  .zd-text.bluebg {
    background: #F5FAFF;
    padding: 4px; }
    .zd-text.bluebg ~ .bluebg {
      margin-inline-start: 8px; }
  .zd-text.price {
    font-size: 18px;
    font-weight: 500; }

p.zd-text {
  line-height: 1.6; }

.zd-title {
  font-size: 18px;
  padding-inline-start: 12px;
  font-weight: 500;
  margin-block: 8px; }

.zd-grouptitle {
  font-size: 18px;
  padding-block-end: 20px;
  font-weight: 500; }

.zd-radio {
  display: inline-flex; }
  .zd-radio input[type="radio"] {
    display: none; }
  .zd-radio .zd-forradio {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    border: 1px solid #0087ff;
    background: #FFF;
    display: inline-block;
    position: relative; }
  .zd-radio input[type="radio"]:checked + .zd-forradio:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    background: #0087ff;
    border-radius: 10px;
    position: absolute;
    inset-block-start: 2px;
    inset-inline-start: 2px; }
  .zd-radio input[type="radio"]:disabled + .zd-forradio {
    border: 1px solid #DADADA;
    pointer-events: none; }
    .zd-radio input[type="radio"]:disabled + .zd-forradio:after {
      content: "";
      width: 6px;
      height: 6px;
      display: inline-block;
      background: #DADADA;
      border-radius: 10px;
      position: absolute;
      inset-block-start: 2px;
      inset-inline-start: 2px; }

.zd-checkbox {
  display: inline-flex; }
  .zd-checkbox input[type="checkbox"] {
    display: none; }
  .zd-checkbox .zd-forcheck {
    width: 14px;
    height: 14px;
    border: 1px solid #DADADA;
    background: #FFF;
    display: inline-block;
    position: relative; }
  .zd-checkbox input[type="checkbox"]:checked + .zd-forcheck {
    background: #0087ff;
    border: 1px solid #0087ff; }
  .zd-checkbox input[type="checkbox"]:checked + .zd-forcheck:after {
    content: "";
    width: 9px;
    height: 2px;
    display: inline-block;
    background: #FFF;
    transform: rotate(-45deg);
    position: absolute;
    inset-inline-start: 3px;
    inset-block-end: 5px; }
  .zd-checkbox input[type="checkbox"]:checked + .zd-forcheck:before {
    content: "";
    width: 4px;
    height: 2px;
    display: inline-block;
    background: #FFF;
    transform: rotate(45deg);
    position: absolute;
    inset-block-end: 4px;
    inset-inline-start: 1px; }
  .zd-checkbox input[type="checkbox"]:focus + .zd-forcheck {
    border: 1px solid #0087ff;
    outline: none; }
  .zd-checkbox input[type="checkbox"]:disabled + .zd-forcheck {
    background: #DADADA;
    border: 1px solid #DADADA; }

.sites-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  border-radius: 15px;
  font-size: 15px; }
  .sites-badge .zd-icon {
    width: 13px;
    height: 13px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 4px; }
  .sites-badge .zd-text {
    margin: 0;
    font-size: 15px; }
  .sites-badge.green {
    background: #D1FBE5; }
    .sites-badge.green .zd-text {
      color: #00531b; }
  .sites-badge.yellow {
    background: #FFF8DE; }
    .sites-badge.yellow .zd-text {
      color: #543B03; }
  .sites-badge.blue {
    background: #e3f2ff; }
    .sites-badge.blue .zd-text {
      color: #0087ff; }
  .sites-badge.orange {
    background: #fff5e3; }
    .sites-badge.orange .zd-text {
      color: #fe7626; }
  .sites-badge.red {
    background: #ffeee7; }
    .sites-badge.red .zd-text {
      color: #D66068; }
  .sites-badge.purple {
    background: #f3e5f5; }
    .sites-badge.purple .zd-text {
      color: #5e4aac; }
  .sites-badge + .zd-iconbtn {
    margin-inline-start: 10px; }
  .sites-badge.square {
    border-radius: 0;
    border: 0;
    height: 32px; }

/* Select */
.zd-select {
  border: 1px solid #DADADA;
  box-sizing: border-box;
  position: relative;
  background: #FFF;
  border-radius: 3px; }
  .zd-select select {
    height: 30px;
    width: 165px;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    background: transparent;
    border: none;
    -webkit-appearance: none;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 3px; }
    .zd-select select:focus {
      outline: none; }
    .zd-select select::-ms-expand {
      display: none; }
  .zd-select.h-tiny select {
    width: 74px; }
  .zd-select .hbui-cont {
    border: none; }
    .zd-select .hbui-cont.select {
      min-block-size: 30px;
      border-radius: 3px; }
    .zd-select .hbui-cont .dd-cont {
      max-block-size: 250px; }
      .zd-select .hbui-cont .dd-cont ul li {
        padding: 10px; }
    .zd-select .hbui-cont.active ~ .zd-desc {
      transform: rotate(180deg); }
  .zd-select .toggle-arr {
    display: none; }
  .zd-select .ip-field-cont {
    padding: 0; }
  .zd-select .hb-tags-input-cont .ip-field-cont,
  .zd-select .hbui-cont[multiple] .ip-field-cont {
    min-block-size: 26px; }
  .zd-select .selected-val {
    height: 30px;
    font-size: 15px; }
  .zd-select.multi {
    height: auto;
    min-block-size: 38px; }
  .zd-select .hb-tags-input-cont .hb-tag {
    background: #F5FAFF;
    line-height: 16px; }
  .zd-select.is-error {
    border: 1px solid #D66068; }

.zd-select, .zd-select select {
  width: 165px; }
  .zd-select.h-tiny, .zd-select select.h-tiny {
    width: 74px; }

@-moz-document url-prefix() {
  .zd-select select {
    width: 110%; } }
.zd-desc {
  position: absolute;
  inset-block-start: 8px;
  inset-inline-end: 12px;
  width: 12px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  pointer-events: none; }

_:-o-prefocus .zd-select, .selector .zd-select {
  background: none; }

/* Switch */
.sites-switch {
  margin-block-start: 9px; }

.zd-switch {
  display: inline-flex;
  align-items: center;
  margin-inline-end: 8px; }
  .zd-switch input[type="checkbox"] {
    display: none; }
  .zd-switch .zd-switchhandle {
    width: 14px;
    height: 14px;
    border-radius: 10px;
    background: #FFF; }
  .zd-switch label {
    width: 36px;
    height: 16px;
    position: relative;
    background: #0087ff;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .zd-switch label .zd-icon {
      margin: 2px; }
    .zd-switch label .zd-switchhandle {
      position: absolute;
      inset-block-start: 1px;
      inset-inline-end: 1px; }
  .zd-switch.off label {
    background: #B7B7B7; }
    .zd-switch.off label .zd-switchhandle {
      inset-inline-end: auto;
      inset-inline-start: 1px; }
  .zd-switch .zd-text {
    margin-inline-start: 8px; }

/* Domain List */
.zd-domainlist {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  width: 100%; }

.zd-domainlistitem {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  list-style: none;
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  width: 100%;
  box-sizing: border-box;
  border-block-end: 1px dashed #e6e6e6;
  transition: background .3s ease-in; }
  .zd-domainlistitem .sites-link .zd-icon {
    margin-block-start: -8px;
    margin-block-end: -8px;
    margin-inline-start: 8px;
    margin-inline-end: 0; }
  .zd-domainlistitem .zd-strike {
    margin-inline-end: 8px; }
  .zd-domainlistitem.is-selected {
    background: #F5FAFF; }
    .zd-domainlistitem.is-selected .zd-price {
      color: #424242;
      font-size: 16px;
      font-weight: 500;
      margin-block-start: 8px;
      display: inline-block; }
      .zd-domainlistitem.is-selected .zd-price + .zd-strike:before {
        content: " ";
        margin-block-start: -2px;
        margin-block-end: 0;
        margin-inline-start: 1px;
        margin-inline-end: 6px;
        width: 2px;
        height: 14px;
        display: inline-block;
        background: #424242;
        transform: rotate(17deg);
        vertical-align: middle; }
  .zd-domainlistitem:hover {
    background: #F5FAFF; }
  .zd-domainlistitem.is-removed {
    border-inline-start: 5px solid #D66068;
    background: #F4F6FA;
    padding-block-start: 16px;
    padding-block-end: 16px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    margin-block-end: 16px; }
  .zd-domainlistitem .h-left {
    width: 70%;
    display: inline-block; }
    .zd-domainlistitem .h-left .zd-text {
      word-break: break-all; }
      .zd-domainlistitem .h-left .zd-text ~ .zd-text {
        font-size: 15px;
        font-weight: normal;
        margin-block-start: 8px; }
  .zd-domainlistitem .h-right {
    width: 30%; }
    .zd-domainlistitem .h-right .zd-text {
      margin-inline-end: 24px;
      font-size: 16px;
      font-weight: 500; }
      .zd-domainlistitem .h-right .zd-text ~ .zd-text {
        font-size: 15px;
        font-weight: normal;
        margin-block-start: 8px; }
    .zd-domainlistitem .h-right .sites-badge .zd-text {
      margin: 0;
      font-size: 15px;
      font-weight: normal; }
  .zd-domainlistitem .sites-button .hb-loader {
    margin: 0 !important;
    height: 24px !important;
    width: 24px !important; }
  .zd-domainlistitem .zd-domainname {
    font-size: 18px;
    margin: 0; }
  .zd-domainlistitem .zd-cartaction {
    min-inline-size: 109px;
    text-align: center; }
  .zd-domainlistitem:last-child {
    border: none; }

/* Cart */
.zd-cartswitch {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  overflow: hidden;
  border: 1px solid #FFF;
  box-shadow: 1px 9px 6px 3px #e6e6e6;
  background: #FFF;
  position: absolute;
  inset-block-end: 100%;
  inset-inline-end: 0;
  cursor: pointer;
  margin-block-end: 16px; }
  .zd-cartswitch .zd-carttitleimg {
    padding: 0;
    height: 40px;
    margin-inline-start: 7px; }
    .zd-cartswitch .zd-carttitleimg:before {
      inset-block-end: 11px; }
  .zd-cartswitch .zd-icon {
    width: 24px;
    height: 24px; }

.zd-cart {
  border-inline-start: 1px solid #e6e6e6;
  background: #FFF;
  width: 480px;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 24px;
  margin-inline-end: 0;
  display: flex;
  flex-flow: column;
  flex-shrink: 0; }

.zd-carttitleimg {
  height: 70px;
  position: relative;
  display: flex;
  align-items: center;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  flex-shrink: 0; }
  .zd-carttitleimg:before, .zd-carttitleimg:after {
    content: '';
    position: absolute;
    inset-block-start: -30px;
    inset-block-end: 0;
    inset-inline-start: -30px;
    inset-inline-end: -30px;
    transform: rotate(-6deg);
    background: #FFF8DE;
    z-index: 0; }
  .zd-carttitleimg:after {
    inset-block-end: -10px;
    opacity: .6; }
  .zd-carttitleimg .zd-icon {
    z-index: 999;
    position: relative; }
  .zd-carttitleimg .zd-text {
    z-index: 999;
    position: relative; }

.zd-carttitle {
  font-size: 18px;
  font-weight: 500; }

.zd-cartcont {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 24px;
  padding-inline-end: 0;
  line-height: 21px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  opacity: 1;
  transition: opacity 300ms ease-in-out; }
  .zd-cartcont.is-disabled {
    opacity: .3;
    pointer-events: none;
    user-select: none;
    -webkit-animation-name: heartbeat;
    animation-name: heartbeat;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-duration: 2s; }
@-webkit-keyframes heartbeat {
  0% {
    opacity: .2; }
  50% {
    opacity: .5; }
  100% {
    opacity: .2; } }
@keyframes heartbeat {
  0% {
    opacity: .2; }
  50% {
    opacity: .5; }
  100% {
    opacity: .2; } }
  .zd-cartcont .h-left {
    width: 70%; }
  .zd-cartcont .h-right {
    width: 30%;
    white-space: nowrap;
    display: flex;
    align-items: flex-end; }
  .zd-cartcont .sites-button {
    margin-inline-start: 8px; }
    .zd-cartcont .sites-button.icononly {
      margin: 0;
      padding: 0;
      height: 16px; }
  .zd-cartcont .h-devide {
    margin-block-start: 24px;
    margin-block-end: 16px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .zd-cartcont .sites-link ~ .sites-link {
    margin-inline-start: 0px; }
  .zd-cartcont .hbui-cont.select {
    width: 120px;
    height: 33px; }
  .zd-cartcont .h-row {
    align-items: center; }
    .zd-cartcont .h-row ~ .h-row {
      margin-block-start: 12px; }

.zd-cartfoot {
  font-size: 18px;
  font-weight: bold; }
  .zd-cartfoot .h-devide {
    height: 2px;
    background: #000; }

.zd-cartdd {
  display: flex;
  flex-flow: row;
  align-items: center;
  max-inline-size: calc(100% - 20px); }
  .zd-cartdd .zd-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .zd-cartdd .zd-domainname {
    margin-block-end: 8px;
    line-height: 1.3; }

.zd-row {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: center; }
  .zd-row ~ .zd-row, .zd-row ~ .zd-addresses {
    margin-block-start: 24px; }
  .zd-row .zd-text + .sites-badge {
    margin-inline-start: 8px; }
  .zd-row.nowrap {
    flex-wrap: nowrap; }

.zd-rowtitle {
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  margin-block-end: 16px; }

.zd-tax {
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  margin-block-start: 8px;
  margin-block-end: 0;
  margin-inline-start: -24px;
  margin-inline-end: -24px;
  display: flex;
  background: #FFF;
  transition: background .7s ease-in-out; }
  .zd-tax.is-highlighted {
    background: #e6f3ff;
    -webkit-animation-name: zd-fadeIn;
    animation-name: zd-fadeIn;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-duration: 2s; }
  .zd-tax .zd-text {
    flex-grow: 1;
    text-align: end; }

@-webkit-keyframes zd-fadeIn {
  0% {
    background: #f2f9ff; }
  50% {
    background: #e6f3ff; }
  100% {
    background: #f2f9ff; } }
@keyframes zd-fadeIn {
  0% {
    background: #f2f9ff; }
  50% {
    background: #e6f3ff; }
  100% {
    background: #f2f9ff; } }
.zd-bubblecart {
  position: fixed;
  inset-block-start: 100px;
  inset-inline-end: calc(50% - 1200px / 2);
  background: #2b2f4c;
  z-index: 9999;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 12px;
  display: flex;
  flex-flow: column;
  min-inline-size: 250px;
  max-inline-size: 550px;
  opacity: 0;
  transition: all .3s ease-in-out;
  visibility: hidden;
  border-radius: 3px;
  border-inline-start: 6px solid #71C471; }
  .zd-bubblecart .zd-icon {
    width: 32px;
    height: 32px;
    margin-inline-end: 16px;
    margin-inline-start: 8px;
    margin-block-start: 2px; }
  .zd-bubblecart .zd-text {
    color: #FFF;
    font-size: 15px;
    line-height: 1.7;
    word-break: break-word; }
    .zd-bubblecart .zd-text.h-domain {
      font-size: 16px;
      color: #71C471; }
  .zd-bubblecart .sites-link {
    font-size: 14px; }
  .zd-bubblecart .zd-remove {
    position: absolute;
    inset-block-start: -8px;
    inset-inline-end: -8px;
    width: 20px;
    height: 20px;
    padding: 3px;
    background: #2b2f4c;
    border-radius: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .zd-bubblecart .zd-remove svg {
      height: 20px;
      width: 20px;
      margin: 0; }
  .zd-bubblecart.h-show {
    visibility: visible;
    opacity: 1;
    transition: all .3s ease-in-out; }

/* Shopping Cart */
.zd-shoppingcart {
  width: 100%;
  display: flex;
  flex-flow: column;
  height: 100%; }
  .zd-shoppingcart .zd-titlebar .h-vdevide {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 8px;
    margin-inline-end: 8px; }

.zd-shoppingcartitem {
  display: flex;
  align-items: flex-start; }
  .zd-shoppingcartitem .hbui-cont.select {
    width: 120px;
    margin-block-end: 8px; }
  .zd-shoppingcartitem .zd-text ~ .zd-text {
    margin-block-start: 8px; }

.zd-shopactions {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 24px; }
  .zd-shopactions .sites-checkboxcont,
  .zd-shopactions .sites-radiocont {
    margin-block-start: 16px;
    margin-block-end: 4px; }
    .zd-shopactions .sites-checkboxcont + .zd-text,
    .zd-shopactions .sites-radiocont + .zd-text {
      margin-block-start: 0;
      margin-block-end: 8px;
      margin-inline-start: 22px;
      margin-inline-end: 0; }
    .zd-shopactions .sites-checkboxcont:first-child,
    .zd-shopactions .sites-radiocont:first-child {
      margin-block-start: 0; }
  .zd-shopactions input[type="checkbox"].checkbox + label {
    margin-block-start: 5px;
    margin-block-end: 5px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .zd-shopactions input[type="radio"].radio + label {
    margin-block-start: 5px;
    margin-block-end: 5px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .zd-shopactions .sites-link {
    line-height: 1; }
  .zd-shopactions .checkbox-cont + label,
  .zd-shopactions .radio-cont + label {
    line-height: 1.7; }
  .zd-shopactions .zd-text {
    line-height: 1.7; }
    .zd-shopactions .zd-text ~ .zd-text {
      margin-block-start: 10px; }
  .zd-shopactions.h-select {
    flex-flow: row; }
    .zd-shopactions.h-select .sites-radiocont {
      margin-inline-end: 12px; }

.zd-shopprice {
  display: flex;
  flex-flow: column;
  align-items: flex-end; }
  .zd-shopprice .zd-text {
    text-align: end; }

.zd-titlebar {
  display: flex;
  align-items: center;
  line-height: 24px;
  width: 100%;
  flex-shrink: 0;
  font-size: 16px; }
  .zd-titlebar .sites-link ~ .sites-link {
    margin-inline-start: 16px; }
  .zd-titlebar .zd-menutabcont {
    border: none; }
    .zd-titlebar .zd-menutabcont:first-child {
      margin-block-start: 0;
      height: 33px; }
    .zd-titlebar .zd-menutabcont .zd-breadcrumb a {
      padding: 0; }

.zd-pagetitle {
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  background: #FFF;
  border-block-end: 1px solid #e6e6e6;
  width: 100%; }

.zd-domainname {
  font-size: 16px;
  margin-block-start: 8px;
  margin-block-end: 16px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: 500;
  font-size: 24px;
  word-break: break-all; }
  .zd-domainname ~ div:not(.h-devide) {
    margin-block-start: 8px; }

.sites-link .sites-icon.inline.large {
  width: 20px;
  height: 20px; }
.sites-link .sites-icon.blue {
  fill: #0087ff; }

/* Dialog */
.zd-overlay {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  background: #000;
  opacity: .4;
  z-index: 999999; }
  .zd-overlay ~ .zd-overlay {
    z-index: 9999999; }

.sites-dialogheader {
  height: 50px; }

.hb-mo-content > .zd-section {
  padding: 16px; }
.hb-mo-content .sites-form.h-addressform {
  max-inline-size: 750px;
  padding: 16px;
  margin: 0; }

.hb-mo-footer .sites-button + .sites-button {
  margin: 0;
  margin-inline-end: 12px; }

/* Form */
.zd-form {
  display: flex;
  flex-flow: column; }
  .zd-form.plain .zd-formrow {
    margin-block-start: 0;
    margin-block-end: 16px;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .zd-form.plain .zd-formlabel {
    margin: 0; }

.sites-form {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 24px;
  padding-inline-end: 24px; }
  .sites-form.plain {
    margin-block-start: 24px;
    margin-block-end: 24px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding: 0; }
    .sites-form.plain .sites-formgroup {
      margin-block-start: 0;
      margin-block-end: 12px;
      margin-inline-start: 0;
      margin-inline-end: 0; }
      .sites-form.plain .sites-formgroup:last-child {
        margin: 0; }
    .sites-form.plain .sites-formlabel {
      margin: 0; }
    .sites-form.plain .sites-formactions {
      justify-content: center; }
  .sites-form .sites-formactions.h-domain {
    max-inline-size: unset; }
    .sites-form .sites-formactions.h-domain .sites-group {
      min-inline-size: 350px;
      width: auto; }
    .sites-form .sites-formactions.h-domain input {
      width: 175px; }
  .sites-form .sites-formactions .zd-text:only-child {
    margin-block-start: 7px; }
  .sites-form .sites-formactions .hbui-cont.select {
    min-block-size: 33px; }

.zd-formtitle {
  width: 100%;
  font-weight: 500; }
  .zd-formtitle ~ .zd-formtitle {
    margin-block-start: 16px; }

.zd-formrow {
  display: flex;
  flex-flow: row;
  align-items: flex-start;
  margin-block-start: 16px; }
  .zd-formrow:first-child {
    margin-block-start: 0; }

.zd-formaction {
  display: flex;
  flex-flow: column; }

.zd-formclm {
  display: flex;
  flex-flow: column;
  justify-content: center; }

.zd-formlabel {
  width: 200px;
  line-height: 23px;
  margin-block-start: 4px; }
  .zd-formlabel.gray {
    color: #9E9E9E; }

.zd-formaction .zd-textfield,
.zd-formaction .zd-textarea,
.zd-formaction .zd-select, .zd-formaction .zd-select select,
.zd-formaction .zd-text {
  width: 350px;
  font-size: 15px; }
  .zd-formaction .zd-textfield ~ .h-row,
  .zd-formaction .zd-textarea ~ .h-row,
  .zd-formaction .zd-select ~ .h-row, .zd-formaction .zd-select select ~ .h-row,
  .zd-formaction .zd-text ~ .h-row {
    margin-block-start: 8px;
    align-items: center; }
.zd-formaction .zd-select + .zd-text {
  width: 350px;
  margin-block-start: 4px;
  display: block;
  font-size: 15px;
  line-height: 1.5; }
.zd-formaction .zd-select + .zd-switch {
  margin-block-start: 12px; }
.zd-formaction .zd-text {
  line-height: 23px; }
.zd-formaction .zd-fieldgroup + .zd-text {
  margin-block-start: 8px; }
.zd-formaction .zd-switch:first-child {
  margin-block-start: 6px; }
.zd-formaction .zd-textfield + .zd-text {
  font-size: 15px;
  margin-block-start: 4px; }

.zd-fieldgroup {
  display: flex;
  flex-flow: row; }
  .zd-fieldgroup .zd-select {
    background: #F4F6FA;
    z-index: 0; }
    .zd-fieldgroup .zd-select:first-child {
      border-radius: 3px 0 0 3px;
      border-start-start-radius: 3px;
      border-start-end-radius: 0;
      border-end-start-radius: 3px;
      border-end-end-radius: 0; }
    .zd-fieldgroup .zd-select:only-child {
      border-radius: 3px; }
    .zd-fieldgroup .zd-select select {
      height: 30px;
      padding-block-start: 0;
      padding-block-end: 0;
      padding-inline-start: 10px;
      padding-inline-end: 10px; }
    .zd-fieldgroup .zd-select + .zd-textfield {
      margin-inline-start: -1px;
      z-index: 1; }
    .zd-fieldgroup .zd-select .zd-desc {
      inset-block-start: 7px; }
    .zd-fieldgroup .zd-select + .zd-textfield {
      border-radius: 0 3px 3px 0;
      border-start-start-radius: 0;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 3px; }
  .zd-fieldgroup .zd-select, .zd-fieldgroup .zd-select select {
    width: 90px; }
  .zd-fieldgroup .zd-textfield {
    width: 261px; }
    .zd-fieldgroup .zd-textfield:first-child {
      border-radius: 3px 0 0 3px;
      border-start-start-radius: 3px;
      border-start-end-radius: 0;
      border-end-start-radius: 3px;
      border-end-end-radius: 0; }
    .zd-fieldgroup .zd-textfield:only-child {
      border-radius: 3px; }
    .zd-fieldgroup .zd-textfield + .zd-select {
      border-radius: 0 3px 3px 0;
      border-start-start-radius: 0;
      border-start-end-radius: 3px;
      border-end-start-radius: 0;
      border-end-end-radius: 3px; }
  .zd-fieldgroup .sites-button {
    flex-shrink: 0; }

.zd-btncont {
  display: flex;
  flex-flow: row; }
  .zd-btncont .sites-button ~ .sites-button {
    margin-inline-start: 8px; }

.zd-inlineform {
  display: inline-flex;
  flex-flow: row; }
  .zd-inlineform .zd-fieldgroup {
    margin-inline-end: 8px;
    position: relative; }
    .zd-inlineform .zd-fieldgroup .zd-textfield {
      padding-inline-end: 65px; }
    .zd-inlineform .zd-fieldgroup .sites-link {
      position: absolute;
      inset-block-start: 10px;
      inset-inline-end: 16px; }

.h-vform .zd-formrow {
  flex-flow: column; }
.h-vform .zd-formlabel {
  width: 100%; }
.h-vform .zd-formaction {
  width: 100%;
  margin-block-start: 12px; }
  .h-vform .zd-formaction .zd-textfield,
  .h-vform .zd-formaction .zd-textarea,
  .h-vform .zd-formaction .zd-select, .h-vform .zd-formaction .zd-select select,
  .h-vform .zd-formaction .zd-text {
    width: 100%; }
  .h-vform .zd-formaction .zd-textfield,
  .h-vform .zd-formaction .zd-textarea {
    padding-block-start: 10px;
    padding-block-end: 10px;
    padding-inline-start: 12px;
    padding-inline-end: 12px; }
.h-vform .zd-desc {
  inset-block-start: 11px; }
.h-vform .zd-select + .zd-text {
  width: 100%; }
.h-vform .zd-select.multi {
  height: auto;
  min-block-size: 38px; }

.zd-orgform {
  display: flex;
  flex-flow: row;
  padding: 16px;
  background: #F4F6FA;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0; }
  .zd-orgform .hb-ui.select,
  .zd-orgform .sites-inputtext {
    width: 185px; }
  .zd-orgform .zd-formclm {
    margin-inline-end: 16px;
    justify-content: flex-end; }
    .zd-orgform .zd-formclm:last-child {
      margin: 0; }
  .zd-orgform .zd-formlabel {
    margin-block-end: 8px;
    width: auto; }
  .zd-orgform .zd-datefield {
    width: 185px; }
  .zd-orgform .sites-button {
    padding-block-start: 2px;
    padding-block-end: 2px;
    padding-inline-start: 16px;
    padding-inline-end: 16px; }
  .zd-orgform + .zd-actionbar {
    margin-block-start: 16px; }
    .zd-orgform + .zd-actionbar .zd-text {
      margin-block-start: 0;
      margin-block-end: 0;
      margin-inline-start: 8px;
      margin-inline-end: 8px; }

.zd-error-group {
  display: flex;
  flex-flow: column;
  flex-grow: 1; }
  .zd-error-group .zd-text.red {
    margin-block-start: 8px; }
  .zd-error-group ~ .zd-error-group {
    margin-block-start: 11px; }
  .zd-error-group .zd-groupfields {
    display: flex;
    align-items: center; }
    .zd-error-group .zd-groupfields .zd-text {
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      flex-shrink: 0; }
    .zd-error-group .zd-groupfields.is-error input {
      border: 1px solid #E53935; }

/* Address */
.zd-addresses {
  display: flex;
  flex-flow: column; }
  .zd-addresses .zd-row {
    align-items: flex-start; }
    .zd-addresses .zd-row ~ .zd-row {
      margin: 0; }
  .zd-addresses .h-left {
    flex-shrink: 0;
    flex-grow: 0;
    padding-block-start: 2px; }
  .zd-addresses .h-right {
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    text-align: start;
    padding-inline-start: 16px;
    align-items: flex-start; }
    .zd-addresses .h-right:first-child {
      padding: 0; }
    .zd-addresses .h-right .zd-text ~ .zd-text {
      margin-block-start: 10px;
      margin-block-end: 0;
      margin-inline-start: 0;
      margin-inline-end: 0; }

/* My Domain */
.zd-mydomainlist {
  width: 100%; }
  .zd-mydomainlist .h-left {
    flex-shrink: 0;
    flex-grow: 0; }
  .zd-mydomainlist .h-mid {
    flex-grow: 1;
    display: flex;
    flex-flow: column; }
    .zd-mydomainlist .h-mid .zd-text ~ .zd-text {
      margin-block-start: 8px; }
  .zd-mydomainlist .h-col {
    width: 100%;
    display: flex; }
    .zd-mydomainlist .h-col:last-child {
      margin: 0;
      justify-content: flex-end; }
    .zd-mydomainlist .h-col.h-fl-clm {
      flex-flow: column; }
      .zd-mydomainlist .h-col.h-fl-clm .zd-text ~ .zd-text {
        margin-block-start: 8px; }
    .zd-mydomainlist .h-col.h-col-3 {
      max-inline-size: 25%; }
    .zd-mydomainlist .h-col.h-col-6 {
      max-inline-size: 50%; }
  .zd-mydomainlist .sites-badge {
    margin-block-start: 2px; }
    .zd-mydomainlist .sites-badge.large {
      padding-block: 5px;
      padding-inline: 16px;
      height: 32px; }
  .zd-mydomainlist .zd-checkbox {
    margin-inline-end: 16px; }
  .zd-mydomainlist .sites-button {
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-inline-start: 24px;
    padding-inline-end: 24px; }
    .zd-mydomainlist .sites-button:last-child {
      margin: 0; }
  .zd-mydomainlist .sites-button.icononly {
    padding: 0;
    height: 22px;
    margin-inline-start: 8px;
    border-radius: 10px;
    width: 22px;
    border: none; }
    .zd-mydomainlist .sites-button.icononly .sites-icon {
      width: 16px;
      height: 16px;
      fill: #9E9E9E; }
  .zd-mydomainlist .zd-row {
    padding-block: 16px;
    padding-inline: 24px;
    position: relative;
    min-block-size: 100px;
    flex-flow: row nowrap; }
    .zd-mydomainlist .zd-row:hover {
      background: #F5FAFF; }
    .zd-mydomainlist .zd-row:last-child:after {
      display: none; }
    .zd-mydomainlist .zd-row ~ .zd-row {
      margin-block-start: 0; }
    .zd-mydomainlist .zd-row:after {
      content: '';
      border-block-end: 1px dashed #e6e6e6;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-end: 0;
      position: absolute; }
    .zd-mydomainlist .zd-row.title {
      padding-block-start: 0;
      padding-block-end: 16px;
      padding-inline-start: 24px;
      padding-inline-end: 24px;
      min-block-size: initial; }
      .zd-mydomainlist .zd-row.title:hover {
        background: transparent; }
  .zd-mydomainlist .zd-domainname {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 24px;
    font-size: 20px; }

/* Manage */
.zd-manage .zd-navtitle {
  padding: 0; }
  .zd-manage .zd-navtitle a {
    color: #FFF;
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    line-height: 20px;
    display: flex;
    align-items: center;
    user-select: none;
    text-decoration: none; }
    .zd-manage .zd-navtitle a .zd-icon {
      margin-inline-end: 8px; }
.zd-manage .zd-navitem {
  padding: 0; }
  .zd-manage .zd-navitem a {
    color: #FFF;
    padding-block-start: 8px;
    padding-block-end: 8px;
    padding-inline-start: 24px;
    padding-inline-end: 24px;
    cursor: pointer;
    line-height: 20px;
    user-select: none;
    text-decoration: none;
    display: block; }
    .zd-manage .zd-navitem a:hover {
      color: #BFCAE3;
      background: #282b45; }
    .zd-manage .zd-navitem a.is-selected {
      color: #0087ff; }
.zd-manage .h-left {
  flex-flow: column;
  align-items: flex-start;
  margin-right: 24px; }
  .zd-manage .h-left.h-row {
    flex-flow: row;
    align-items: center; }
.zd-manage .zd-titlebar .zd-text ~ .zd-text {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 4px;
  margin-inline-end: 0; }
.zd-manage .sites-link ~ .sites-link {
  margin-inline-start: 32px; }
.zd-manage .zd-rowtitle ~ .h-left .zd-text ~ .zd-text {
  margin-block-start: 10px;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0; }
  .zd-manage .zd-rowtitle ~ .h-left .zd-text ~ .zd-text.bluebg {
    margin-inline-start: 8px; }
.zd-manage .zd-rowtitle ~ .h-left .zd-text ~ .sites-button {
  margin-block-start: 10px;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0; }
.zd-manage .zd-row.is-active {
  background: #F4F6FA;
  padding: 24px;
  box-sizing: border-box;
  margin-block-end: 20px;
  flex-flow: row nowrap; }
.zd-manage .zd-section {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px; }
.zd-manage .zd-renew {
  flex-shrink: 0; }

.zd-managecont {
  flex-grow: 1;
  width: 100%;
  display: flex;
  flex-flow: column; }
  .zd-managecont .zd-table {
    padding: 0; }
  .zd-managecont.h-spacer .zd-row.is-active {
    margin-block-end: 0; }
  .zd-managecont.h-spacer .zd-menutabcont {
    height: 58px;
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 24px;
    padding-inline-end: 24px; }
  .zd-managecont.h-spacer .zd-menutab a {
    padding-block-start: 20px;
    padding-block-end: 20px;
    margin-inline-end: 32px; }
  .zd-managecont .sites-banner {
    margin-inline-end: 16px; }

.zd-domaintitle {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-block-end: 16px; }
  .zd-domaintitle > .zd-text {
    font-size: 20px;
    font-weight: bold;
    max-inline-size: 600px;
    word-break: break-all; }
  .zd-domaintitle .sites-badge {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 8px;
    margin-inline-end: 0; }

.zd-domaindetail {
  display: flex;
  align-items: flex-start; }
  .zd-domaindetail .zd-text {
    flex-shrink: 0; }

/* Table */
.sites-listtitle {
  margin: 0; }
  .sites-listtitle .sites-checkboxcont {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 16px; }
  .sites-listtitle .sites-text {
    padding-inline-start: 24px;
    align-items: center;
    display: flex;
    font-size: 15px; }

.sites-listitem {
  margin: 0; }
  .sites-listitem .sites-listcont {
    padding-inline-start: 24px; }
    .sites-listitem .sites-listcont .sites-inputtext + div.zd-addcont .sites-link {
      margin: 0; }
  .sites-listitem .h-showonhover {
    z-index: unset; }

.sites-list .h-ov .sites-listcont .sites-text {
  line-height: 1.5;
  white-space: normal;
  overflow: visible;
  word-break: break-word; }

.sites-total .h-clm .sites-text ~ .sites-text {
  margin-block-start: 12px; }

.zd-addcont {
  display: flex;
  align-items: center;
  margin-block-start: 12px; }

.zd-removebtn {
  display: flex;
  flex-flow: column;
  align-items: center; }
  .zd-removebtn .sites-link {
    margin-block-start: 8px;
    margin-block-end: 20px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    align-items: center; }
    .zd-removebtn .sites-link ~ .sites-link {
      margin-block-start: 8px;
      margin-block-end: 20px;
      margin-inline-start: 0;
      margin-inline-end: 0; }

.zd-table {
  display: flex;
  flex-flow: column;
  width: 100%;
  margin-block-start: 16px;
  flex-grow: 1;
  overflow: hidden; }
  .zd-table.h-clm2 .zd-th, .zd-table.h-clm2 .zd-td {
    width: 50%; }
  .zd-table.h-clm3 .zd-th, .zd-table.h-clm3 .zd-td {
    width: 33.33%; }
  .zd-table.h-clm211 .zd-th, .zd-table.h-clm211 .zd-td {
    width: 25%; }
    .zd-table.h-clm211 .zd-th:first-child, .zd-table.h-clm211 .zd-td:first-child {
      width: 50%; }
  .zd-table .zd-tb {
    overflow: auto;
    flex-grow: 1; }

.zd-tr {
  display: flex;
  flex-flow: row;
  border-block-end: 1px dotted #e6e6e6;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px; }
  .zd-tr.title {
    background: #F4F4F4;
    border-block-start: 1px solid #e6e6e6;
    border-block-end: 1px solid #e6e6e6;
    position: relative; }
    .zd-tr.title:after {
      content: '';
      height: 1px;
      background: #e6e6e6;
      position: absolute;
      inset-inline-start: 0;
      inset-inline-end: 0;
      inset-block-end: 2px; }
  .zd-tr:hover {
    background: #F4F4F4; }

.zd-th {
  font-size: 15px;
  font-weight: 500; }

.zd-th, .zd-td {
  width: 20%;
  padding-block-start: 13px;
  padding-block-end: 13px;
  padding-inline-start: 0;
  padding-inline-end: 16px;
  display: inline-flex;
  flex-flow: row;
  align-items: center;
  box-sizing: border-box;
  word-break: break-all;
  line-height: 1.6; }
  .zd-th .sites-link ~ .sites-link, .zd-td .sites-link ~ .sites-link {
    margin-inline-start: 16px; }
  .zd-th .zd-checkbox, .zd-td .zd-checkbox {
    margin-inline-end: 16px; }

.h-select .zd-checkbox {
  margin-inline-end: 16px; }

.zd-info {
  margin-block-start: 4px;
  margin-block-end: 0;
  margin-inline-start: 8px;
  margin-inline-end: 0; }

/* Auth Code */
.zd-authcode {
  padding-block-start: 13px;
  padding-block-end: 13px;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  margin-block-start: 24px;
  display: inline-flex;
  background-color: #F4F6FA; }
  .zd-authcode .zd-text {
    margin-block-start: 8px; }
  .zd-authcode .zd-fieldgroup {
    margin-inline-start: 16px; }
  .zd-authcode .zd-textfield {
    width: 215px;
    height: 36px;
    border: 1px solid #0087ff; }
    .zd-authcode .zd-textfield.is-error {
      border: 1px solid #D66068; }
    .zd-authcode .zd-textfield .zd-text {
      margin-block-start: 4px; }
  .zd-authcode + .zd-row {
    margin-block-start: 24px; }

/* Tab */
.zd-tabcontainer {
  display: flex;
  flex-flow: row;
  border-block-start: 1px solid #e6e6e6;
  width: 100%;
  margin-block-start: 16px;
  flex-grow: 1;
  height: calc(100% - 16px); }
  .zd-tabcontainer.h-sticky .zd-tabs {
    position: fixed;
    height: calc(100% - 115px); }
  .zd-tabcontainer.h-sticky .zd-tabcontent {
    margin-inline-start: 172px; }

.zd-tabs {
  width: 172px;
  border-inline-end: 1px solid #e6e6e6;
  flex-shrink: 0;
  margin: 0;
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  display: flex;
  flex-flow: column;
  overflow: auto; }

.zd-tab {
  list-style: none;
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0; }
  .zd-tab.is-selected {
    color: #0087ff; }

.zd-tabcontent {
  flex-grow: 1;
  display: flex;
  justify-content: center; }

/* Address Book */
.zd-addressbook {
  display: flex;
  flex-flow: column;
  width: 650px;
  margin-block-start: 24px;
  margin-block-end: 24px;
  margin-inline-start: auto;
  margin-inline-end: auto; }

.zd-addresstitle {
  display: flex;
  flex-flow: row;
  flex-shrink: 0;
  border-block-end: 1px solid #e6e6e6;
  padding-block-start: 0;
  padding-block-end: 24px;
  padding-inline-start: 0;
  padding-inline-end: 0; }
  .zd-addresstitle .h-left {
    flex-grow: 1; }
  .zd-addresstitle .h-right {
    flex-shrink: 0; }
    .zd-addresstitle .h-right .sites-link ~ .sites-link {
      margin-inline-start: 24px; }
  .zd-addresstitle .sites-button {
    margin-block-start: -5px;
    margin-block-end: -5px;
    margin-inline-start: 0;
    margin-inline-end: 0; }

.zd-addresscont {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  margin-block-start: 24px;
  margin-block-end: 24px;
  margin-inline-start: 75px;
  margin-inline-end: 75px;
  padding: 0;
  overflow: auto; }
  .zd-addresscont.bordered .zd-addressitem {
    border-block-end: 1px solid #e6e6e6; }
    .zd-addresscont.bordered .zd-addressitem:last-child {
      border: none; }

.zd-addressitem {
  padding-block-start: 10px;
  padding-block-end: 10px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  display: flex;
  flex-flow: row; }
  .zd-addressitem:last-child {
    border: none; }

.zd-addresslabel {
  width: 200px;
  font-size: 15px;
  font-weight: 500;
  flex-shrink: 0; }

.zd-addressdetail {
  max-inline-size: 550px;
  word-break: break-all; }

/* Note */
.zd-note {
  background: #F5FAFF;
  padding: 16px;
  margin-block-start: 16px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px; }
  .zd-note.med {
    max-inline-size: 675px; }

.zd-notetitle {
  font-weight: 500;
  line-height: 24px; }
  .zd-notetitle ~ .zd-notelist {
    margin-block-start: 8px; }

.zd-notelist {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 16px;
  margin-inline-end: 0;
  padding: 0; }
  .zd-notelist li {
    list-style: circle;
    line-height: 1.6; }
    .zd-notelist li ~ li {
      margin-block-start: 8px; }

.h-noterow {
  align-items: flex-start;
  flex-wrap: nowrap; }
  .h-noterow .h-left {
    flex-grow: 0;
    flex-shrink: 0; }
  .h-noterow .h-right {
    flex-grow: 1;
    margin-inline-start: 16px; }
  .h-noterow .zd-note {
    margin-block-start: 0; }
  .h-noterow .sites-form {
    min-inline-size: 618px; }

/* Whois */
.zd-whois {
  background: #FFF;
  margin-block-start: 16px;
  color: #424242;
  line-height: 2; }

/* Pagination */
.zd-pagination {
  padding-block-start: 24px;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  width: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-block-start: 1px solid #e6e6e6; }
  .zd-pagination .sites-button {
    height: 24px;
    width: 28px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border: 1px solid #d5d5d5; }
    .zd-pagination .sites-button ~ .sites-button {
      margin-inline-start: 8px; }
    .zd-pagination .sites-button.is-disabled svg {
      opacity: .3; }

/* Popup */
.zd-popup {
  background: #FFF;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.22);
  position: absolute;
  inset-block-start: 70px;
  inset-inline-end: 16px;
  width: 250px;
  padding-block-start: 0;
  padding-block-end: 16px;
  padding-inline-start: 0;
  padding-inline-end: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 200ms ease-in;
  z-index: 9999; }
  .zd-popup:before {
    content: '';
    position: absolute;
    inset-block-start: -8px;
    inset-inline-end: 16px;
    width: 0;
    height: 0;
    border: 8px solid #FFF;
    border-inline-end-color: transparent;
    border-inline-start-color: transparent;
    border-block-start: none;
    filter: drop-shadow(0px -7px 5px rgba(0, 0, 0, 0.22)); }

.zd-profiledata {
  display: flex;
  flex-flow: column;
  max-inline-size: 340px;
  padding: 16px;
  align-items: center; }

.zd-profilename {
  font-size: 15px;
  color: #424242;
  font-weight: 500; }

.zd-profileemail {
  font-size: 15px;
  color: #9E9E9E;
  margin-block-start: 8px;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  word-break: break-all;
  white-space: pre-line; }

.zd-popupmenu {
  margin: 0;
  padding: 0; }
  .zd-popupmenu li {
    list-style: none;
    text-align: start; }
    .zd-popupmenu li a {
      padding-block-start: 9px;
      padding-block-end: 9px;
      padding-inline-start: 16px;
      padding-inline-end: 16px;
      font-size: 15px;
      text-decoration: none;
      display: block;
      color: #424242; }
      .zd-popupmenu li a:hover {
        background: #F5FAFF; }

/* Org List */
.zd-orglist {
  width: 1000px;
  display: flex;
  flex-flow: column; }

.zd-orgtitle {
  font-weight: 500;
  margin-block-end: 16px; }

.zd-orgitem {
  border: 1px solid #e6e6e6;
  position: relative;
  padding-block-start: 16px;
  padding-block-end: 16px;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  display: flex;
  flex-flow: column; }
  .zd-orgitem:after {
    content: '';
    width: 5px;
    background: #e6e6e6;
    position: absolute;
    inset-block-start: -1px;
    inset-block-end: -1px;
    inset-inline-start: -1px; }
  .zd-orgitem.is-active {
    border: none;
    background: #F4F6FA; }
    .zd-orgitem.is-active:after {
      display: none; }
  .zd-orgitem + .zd-orgitem {
    margin-block-start: 16px; }
  .zd-orgitem .h-row {
    margin-block-start: 10px; }
  .zd-orgitem + .zd-orgtitle {
    margin-block-start: 24px; }
  .zd-orgitem .sites-link ~ .sites-link {
    margin-inline-start: 24px; }
  .zd-orgitem.h-cont {
    padding: 0;
    border: none; }
    .zd-orgitem.h-cont:after {
      display: none; }

/* Banner */
.sites-banner {
  background: #F5FAFF;
  padding-block-start: 12px;
  padding-block-end: 12px;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  display: flex;
  flex-flow: row;
  box-sizing: border-box;
  font-size: 15px; }
  .sites-banner .zd-icon {
    flex-shrink: 0;
    margin-block-start: 3px; }
  .sites-banner.orange {
    background: #fff5e3; }
    .sites-banner.orange .sites-text {
      color: #424242; }
  .sites-banner.yellow {
    background: #FFF8DE; }
  .sites-banner.mild-yellow {
    background: #fdfcf6; }
  .sites-banner .zd-successtext {
    display: flex;
    align-items: center;
    margin-block-start: 16px; }
    .sites-banner .zd-successtext .zd-icon {
      width: 24px;
      height: 24px;
      margin: 0;
      border: 1px solid #71C471;
      border-radius: 100px; }
    .sites-banner .zd-successtext .zd-text {
      line-height: 1.2;
      color: #71C471; }

.zd-banner {
  background: #fbfafa;
  max-inline-size: 675px;
  margin-block-start: 0;
  margin-block-end: 20px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 20px;
  display: flex; }
  .zd-banner .zd-icon {
    margin-block-start: -4px;
    margin-inline-end: 12px;
    width: 32px;
    height: 32px; }
  .zd-banner .zd-msg {
    font-size: 24px;
    color: #000;
    margin-block-end: 16px;
    word-break: break-word; }
    .zd-banner .zd-msg.h-success {
      color: #71C471;
      font-weight: 300; }
    .zd-banner .zd-msg.h-fails {
      color: #E53935;
      font-weight: 300; }
    .zd-banner .zd-msg:last-child {
      margin-block-end: 0; }
  .zd-banner .h-clm {
    margin-block-start: 16px; }
    .zd-banner .h-clm:first-child {
      margin-block-start: 0; }

.sites-bannercont {
  border-block-end: 1px dotted #e6e6e6;
  padding-block-start: 20px;
  padding-block-end: 20px;
  padding-inline-start: 24px;
  padding-inline-end: 24px;
  display: flex;
  align-items: center;
  width: 100%;
  min-block-size: 74px; }
  .sites-bannercont .sites-banner {
    padding-block-start: 1px;
    padding-block-end: 1px;
    padding-inline-start: 12px;
    padding-inline-end: 12px;
    border-radius: none; }
  .sites-bannercont .zd-action {
    margin-inline-start: auto;
    white-space: nowrap; }

/* Loading */
.sites-loading {
  letter-spacing: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  width: 100%; }

.sites-loading span {
  font-size: 22px;
  letter-spacing: 0;
  text-shadow: 0 0 80px rgba(255, 255, 255, 0.5);
  background: url(../images/loader.png) repeat-x;
  background-clip: text;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: aitf 8s linear infinite; }

@keyframes aitf {
  0% {
    background-position: -10% 0%; }
  to {
    background-position: -120% 0%; } }
/* Welcome */
.sites-welcome.hb-dialog[data-type=modals] {
  border-radius: 5px; }

.sites-welcomecont {
  display: flex; }
  .sites-welcomecont .sites-button {
    margin-inline-end: 16px; }
  .sites-welcomecont p.sites-text {
    margin-block-start: 0;
    margin-block-end: 24px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    line-height: 1.6; }
  .sites-welcomecont .h-p24 + .h-p24 {
    padding-inline-start: 0; }
  .sites-welcomecont .h-scroll {
    margin-block-start: 16px;
    margin-block-end: 16px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    max-block-size: 400px; }

/* Captcha */
.zd-captcha {
  width: 200px;
  height: 70px;
  margin-inline-end: 12px; }

/* Card */
.zd-card {
  width: 100%;
  height: 236px;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  flex-flow: column;
  margin-block-start: 28px;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 20px; }
  .zd-card.purple {
    background: #f3f3ff; }
  .zd-card.green {
    background: #ebf2e7; }
  .zd-card.red {
    background: #ffeee7; }
  .zd-card:last-child {
    margin-inline-end: 0; }
  .zd-card.h-hasicon {
    position: relative;
    padding-block-start: 46px;
    padding-block-end: 20px;
    padding-inline-start: 20px;
    padding-inline-end: 20px; }
    .zd-card.h-hasicon .zd-icon {
      position: absolute;
      inset-block-start: -28px;
      inset-inline-start: 20px;
      filter: drop-shadow(0 4px 1px #E0E0E0); }
  .zd-card p.zd-text {
    line-height: 1.6;
    margin-block-start: 20px;
    margin-block-end: 20px;
    margin-inline-start: 0;
    margin-inline-end: 0;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }

/* box */
.zd-box {
  border: 1px solid #e6e6e6;
  display: flex;
  flex-flow: row;
  width: 100%;
  margin-block-start: 20px;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  border-radius: 5px; }
  .zd-box .zd-boxitem {
    padding: 20px;
    display: flex;
    flex-flow: column;
    position: relative;
    width: 100%;
    flex-grow: 1; }
    .zd-box .zd-boxitem:after {
      content: '';
      height: 1px;
      position: absolute;
      inset-block-end: -3px;
      inset-inline-start: 16px;
      inset-inline-end: 16px;
      background: #e6e6e6; }
    .zd-box .zd-boxitem.h-separate:after {
      content: '';
      width: 1px;
      height: auto;
      position: absolute;
      inset-block: 24px;
      inset-inline-end: 0;
      inset-inline-start: auto;
      background: #e6e6e6; }
    .zd-box .zd-boxitem.h-separate:last-child {
      margin: 0; }
      .zd-box .zd-boxitem.h-separate:last-child:after {
        display: none; }
    .zd-box .zd-boxitem:last-child:after {
      display: none; }
    .zd-box .zd-boxitem .zd-row .zd-group {
      margin: 0;
      flex-grow: 1; }
      .zd-box .zd-boxitem .zd-row .zd-group ~ .zd-group {
        margin-inline-start: 16px; }
    .zd-box .zd-boxitem.h-row {
      flex-flow: row;
      padding-block-start: 30px;
      padding-block-end: 30px;
      padding-inline-start: 20px;
      padding-inline-end: 20px; }
  .zd-box .zd-group {
    display: flex;
    flex-flow: column;
    flex-grow: 1; }
    .zd-box .zd-group ~ .zd-group,
    .zd-box .zd-group ~ .zd-row {
      margin-block-start: 20px; }
    .zd-box .zd-group .zd-text,
    .zd-box .zd-group .sites-link,
    .zd-box .zd-group .sites-form {
      margin-block-end: 10px; }
    .zd-box .zd-group .zd-text:last-child {
      margin: 0; }
  .zd-box .zd-title {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-block-end: 20px; }
  .zd-box.h-footer {
    border-radius: 0;
    border: none;
    background: #FFF8DE; }
    .zd-box.h-footer .zd-boxitem:after {
      content: '';
      width: 5px;
      height: auto;
      position: absolute;
      inset-block-start: 0;
      inset-block-end: 0;
      inset-inline-start: auto;
      inset-inline-end: -10px;
      background: url("../images/separator.png") no-repeat 0; }
  .zd-box.inline {
    max-inline-size: 100%;
    display: inline-flex;
    margin-block-end: 16px; }
    .zd-box.inline .zd-boxitem {
      flex-grow: 1;
      flex-flow: revert;
      align-items: center; }

.zd-splitrow {
  display: flex;
  flex-flow: row; }
  .zd-splitrow .zd-box {
    width: 50%;
    margin-inline-end: 20px;
    flex-flow: column; }
    .zd-splitrow .zd-box:last-child {
      margin-inline-end: 0; }

/* Form */
.sites-group.h-extnselect {
  position: relative; }
  .sites-group.h-extnselect .zd-select {
    width: 80px;
    border-radius: 3px 0 0 3px;
    border-start-start-radius: 3px;
    border-start-end-radius: 0;
    border-end-start-radius: 3px;
    border-end-end-radius: 0; }
  .sites-group.h-extnselect select {
    opacity: 0;
    width: 80px; }
  .sites-group.h-extnselect .h-extnvalue {
    position: absolute;
    inset-block-start: 7px;
    inset-inline-start: 10px;
    pointer-events: none; }
  .sites-group.h-extnselect .sites-inputtext {
    border-radius: 0 3px 3px 0;
    border-start-start-radius: 0;
    border-start-end-radius: 3px;
    border-end-start-radius: 0;
    border-end-end-radius: 3px;
    margin-inline-start: -1px; }
  .sites-group.h-extnselect .hbui-cont.select {
    width: 120px;
    max-inline-size: 80px;
    margin: 0; }

.sites-form.h-addressform {
  flex-grow: 1;
  padding: 0; }
  .sites-form.h-addressform .sites-formgroup {
    flex-flow: row;
    margin-block-end: 10px; }
    .sites-form.h-addressform .sites-formgroup .h-clm {
      flex: 1 0;
      margin-inline-start: 16px; }
      .sites-form.h-addressform .sites-formgroup .h-clm:nth-child(odd) {
        margin: 0; }
      .sites-form.h-addressform .sites-formgroup .h-clm:only-child .sites-formactions {
        max-inline-size: 100%; }
      .sites-form.h-addressform .sites-formgroup .h-clm:only-child .sites-textarea {
        width: 100%;
        height: 100px; }
      .sites-form.h-addressform .sites-formgroup .h-clm .sites-inputtext,
      .sites-form.h-addressform .sites-formgroup .h-clm .sites-group.h-extnselect {
        width: auto; }
      .sites-form.h-addressform .sites-formgroup .h-clm .hbui-cont.select {
        min-inline-size: auto;
        max-inline-size: initial; }

/* Helpers */
.h-ac {
  justify-content: center; }

.h-oh {
  overflow: hidden; }

.h-oa {
  overflow: auto; }

.h-vc {
  align-items: center; }

.h-left {
  flex-grow: 1;
  text-align: start;
  display: inline-flex;
  align-items: center; }

.h-right {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end; }

.h-gray {
  color: #9E9E9E; }

.h-devide {
  height: 1px;
  width: 100%;
  background: #e6e6e6;
  margin-block-start: 24px;
  margin-block-end: 24px;
  margin-inline-start: 0;
  margin-inline-end: 0;
  display: inline-block;
  flex-shrink: 0; }
  .h-devide + .zd-row {
    margin-block-start: 0; }
  .h-devide + .zd-table {
    margin-block-start: -17px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0; }
  .h-devide + .sites-list {
    margin-block-start: -17px;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0; }
    .h-devide + .sites-list .sites-listtitle {
      margin-block-start: 0;
      border-block-start: 0; }
  .h-devide.h-dashed {
    height: 0;
    background: transparent;
    border-block-end: 1px dashed #e6e6e6; }

.h-vdevide {
  width: 1px;
  height: 15px;
  background: #e6e6e6;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 16px;
  margin-inline-end: 16px;
  display: inline-block; }

.h-bold {
  font-weight: 500; }

.h-mt0 {
  margin-block-start: 0; }

.h-mt8 {
  margin-block-start: 8px; }

.h-mt10 {
  margin-block-start: 10px; }

.h-mt16 {
  margin-block-start: 16px; }

.h-mt20 {
  margin-block-start: 20px; }

.h-mt24 {
  margin-block-start: 24px; }

.h-mt40 {
  margin-block-start: 40px; }

.h-mb0 {
  margin-block-end: 0; }

.h-mb16 {
  margin-block-end: 16px; }

.h-at {
  align-items: flex-start; }

.h-w1000 {
  width: 1000px; }

.h-w100 {
  width: 100%; }

.h-wd100 {
  width: 100px !important; }

.h-mwd700 {
  max-inline-size: 700px; }

.h-wd675 {
  width: 675px; }

.h-clm {
  display: flex;
  flex-flow: column; }

.h-row {
  display: flex;
  flex-flow: row; }

.h-grow {
  flex-grow: 1; }

.on-hover {
  visibility: hidden; }

.for-hover:hover .on-hover {
  visibility: visible; }

.h-plr0 {
  padding-inline-start: 0;
  padding-inline-end: 0; }

.h-scroll {
  flex-grow: 1;
  overflow: auto; }

.h-dnone {
  display: none !important; }

.h-ml0 {
  margin-inline-start: 0px !important; }

.h-ml4 {
  margin-inline-start: 4px; }

.h-ml8 {
  margin-inline-start: 8px; }

.h-ml16 {
  margin-inline-start: 16px; }

.h-ml24 {
  margin-inline-start: 24px; }

.h-ml-16 {
  margin-inline-start: -16px; }

.h-ar {
  text-align: end;
  justify-content: flex-end;
  margin-inline-start: auto; }

.h-p16 {
  padding: 16px; }

.h-noshrink {
  flex-shrink: 0; }

.h-p24 {
  padding: 24px; }

.h-pl24 {
  padding-inline-start: 24px; }

.h-vspacer {
  margin-block-start: 8px; }

.h-nb {
  border: none; }

.h-ttw:after {
  width: 300px;
  white-space: normal;
  text-align: left; }

.h-mh400 {
  max-block-size: 400px; }

/* zs-widget override */
.zs_widget {
  width: 590px !important;
  margin-block-end: 10px !important;
  font-family: 'ZohoPuvi' !important;
  box-shadow: none;
  font: 14px/20px 'ZohoPuvi' !important;
  inset-block-start: 50%;
  transform: translateY(-50%); }

.zs_widget_popupHeading {
  border-block-end: none;
  font-size: 16px !important;
  padding: 16px;
  color: #FFF;
  background: #2b2f4c; }

.zs_widget_popupCloseIcon {
  inset-block-start: 12px !important;
  inset-inline-end: 24px !important;
  background: #3c4962;
  border: 0;
  width: 24px;
  height: 24px;
  border-radius: 100%; }
  .zs_widget_popupCloseIcon:before, .zs_widget_popupCloseIcon:after {
    content: "";
    width: 12px;
    height: 1px;
    background: #FFF;
    transform: rotate(45deg);
    display: inline-flex;
    position: absolute;
    inset-block-start: 11px;
    inset-inline-start: 6px; }
  .zs_widget_popupCloseIcon:after {
    transform: rotate(-45deg); }

.zs_widget-statecontainer {
  width: 100% !important; }

.zs_widget-cardTable {
  width: 526px !important; }

.zs_widget td > .cardInpt.zs_widget-company {
  width: 240px !important; }

.zs_widget-cardno-cont .zs_widget-cardNo {
  width: 210px !important; }

.zs-widget-selcardcontainer {
  height: 31px !important;
  width: 52px !important; }

.zs_widget-cvvCont .zs_widget-cvv {
  width: 44px !important; }

.zs_widget-cvvContainer {
  height: 31px !important; }

.zs_widget [type="radio"]:checked + label::after,
.zs_widget [type="radio"]:not(:checked) + label::after {
  inset-block-start: 3px !important;
  inset-inline-start: -1px !important; }

.zs_widget .cardInpt:not(select):not(.bootstrap-select):not(.selectboxit), textarea {
  border: 1px solid #d5d5d5 !important;
  padding-block-start: 4px !important;
  padding-block-end: 4px !important;
  padding-inline-start: 8px !important;
  padding-inline-end: 8px !important;
  border-radius: 3px !important;
  min-block-size: 32px !important;
  font-size: 15px !important;
  color: #424242 !important;
  font-family: 'ZohoPuvi' !important; }

.zs_widget .selectboxit-container .selectboxit {
  border: 1px solid #d5d5d5 !important;
  border-radius: 3px !important;
  font-size: 15px !important;
  min-block-size: 32px !important; }

.zs_widget .selectboxit-arrow-container {
  height: 32px !important;
  border-inline-start: 0 !important; }

.zs_widget .selectboxit-container .selectboxit-arrow-container {
  border: none !important; }

.zs_widget fieldset {
  border-radius: 3px !important; }

.zs_widget [type="radio"]:checked + label:before {
  width: 13px !important;
  height: 13px !important;
  border: 1px solid #0087ff !important;
  background: #0087ff !important; }

.zs_widget [type="radio"]:not(:checked) + label:before {
  width: 13px !important;
  height: 13px !important;
  border: 1px solid #d5d5d5 !important;
  background: #FFF !important; }

.zs_widget [type="radio"]:checked + label:after {
  inset-block-start: 6px !important;
  inset-inline-start: 2px !important;
  width: 7px !important;
  height: 7px !important;
  background: #FFF !important; }

.zs_widget [type="radio"]:not(:checked) + label:after {
  background: transparent !important; }

.zs_widget_greenbtn, .zs_widget_graybtn, .zs_widget_primarybtn {
  font-family: 'ZohoPuvi';
  border-radius: 3px; }

.zs_widget_greenbtn {
  background-color: #0087ff !important;
  border: 1px solid #0087ff !important;
  line-height: 1.3; }

.zs_widget_graybtn {
  background-color: #FFF !important;
  color: #424242;
  border: 1px solid #d5d5d5 !important; }

.zs_widget_primarybtn {
  background-color: #0087ff !important;
  border: 1px solid #0087ff !important;
  border-radius: 3px !important;
  color: white !important; }

.zs_widget_addOn_content {
  padding: 16px; }

.zs_widget_actionContent {
  padding: 16px; }

.zs_widget .control input:checked ~ .control__indicator {
  background: #0087ff;
  border: 1px solid #0087ff;
  border-radius: 3px; }

.zs_widget_checkbox {
  display: none; }

.zs_widget_checkbox .control__indicator:after,
.zs_widget-useBillingAddress-check .control__indicator:after,
.zs_widget-registeredaddr-check .control__indicator:after,
.zs_widget #tax_fields .agreementLabel .control__indicator:after {
  border-color: #FFF;
  inset-block-start: 2px; }

.zs_widget-actionContainer {
  padding: 16px; }

.zs_widget #billAddrContainer,
.zs_widget #taxfieldsContainer,
.zs_widget #chinaRegAddrContainer,
.zs_widget #netAmountContainer,
.zs_widget #razorPayContainer,
.zs_widget #tax_fields {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  margin: 0;
  width: 100%; }

.zs_widget button.inlineSpin:before {
  width: 16px;
  height: 16px; }

.selectboxit-default-arrow {
  border: none; }

.checkout-dialog {
  background: rgba(0, 0, 0, 0.7); }

.loader-mask {
  inset-inline-start: 0px;
  inset-block-start: 0px;
  inset-inline-end: 0px;
  inset-block-end: 0px;
  position: fixed;
  overflow: hidden;
  z-index: 100000;
  background-color: rgba(0, 0, 3, 0.75); }

.loader-circle-text {
  color: #FFF;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-block-start: 20px; }

.loader-circle,
.loader-circle:after {
  border-radius: 50%;
  width: 70px;
  height: 70px; }

.loader-circle {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: auto;
  margin-inline-end: auto;
  position: relative;
  border: 7px solid rgba(255, 255, 255, 0.2);
  border-inline-start-color: #FFF;
  -webkit-animation: spinner-animation 1.1s infinite linear;
  animation: spinner-animation 1.1s infinite linear;
  inset-block-start: 50%;
  margin-block-start: -70px; }

@-webkit-keyframes spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spinner-animation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
/* Hamburger */
.zd-hamburger {
  width: 48px;
  height: 48px;
  position: relative;
  cursor: pointer;
  background: #1f2131;
  display: none; }
  .zd-hamburger span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    max-inline-size: 16px;
    background: #0087ff;
    border-radius: 3px;
    opacity: 1;
    inset-inline-start: 16px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out; }
    .zd-hamburger span:nth-child(1) {
      inset-block-start: 18px; }
    .zd-hamburger span:nth-child(2), .zd-hamburger span:nth-child(3) {
      inset-block-start: 25px;
      width: 70%;
      max-inline-size: 11px; }
    .zd-hamburger span:nth-child(4) {
      inset-block-start: 32px; }

.zd-hamburger.active span:nth-child(1) {
  inset-block-start: 25px;
  transform: rotate(45deg); }
.zd-hamburger.active span:nth-child(2), .zd-hamburger.active span:nth-child(3) {
  width: 0; }
.zd-hamburger.active span:nth-child(4) {
  inset-block-start: 25px;
  transform: rotate(-45deg); }

/* HB Overraid */
.hbui-cont .toggle-arr span:before,
.hbui-cont .toggle-arr span:after {
  background-color: #0087ff; }
.hbui-cont .dd-cont ul li {
  padding-block-start: 8px;
  padding-block-end: 8px;
  padding-inline-start: 10px;
  padding-inline-end: 10px; }
.hbui-cont .selected-val {
  border: 0;
  font-size: 15px; }
  .hbui-cont .selected-val:focus {
    border: 0; }

[data-tooltip]::after {
  font-size: 14px;
  font-family: 'ZohoPuvi';
  line-height: 1.5; }

[data-tooltip].zd-info:after {
  width: 250px;
  white-space: inherit; }

.tooltip-top:hover::after {
  -webkit-transform: translate3d(-50%, -5px, 0);
  -moz-transform: translate3d(-50%, -5px, 0);
  -ms-transform: translate3d(-50%, -5px, 0);
  -o-transform: translate3d(-50%, -5px, 0);
  transform: translate3d(-50%, -5px, 0);
  z-index: 10000; }

.tooltip-top:hover::before {
  border-bottom: none;
  z-index: 10000; }

.tooltip-bottom:after,
.tooltip-bottom:before {
  transition: all 200ms ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(-50%, -10px, 0) rotateY(60deg);
  -moz-transform: translate3d(-50%, -10px, 0) rotateY(60deg);
  -ms-transform: translate3d(-50%, -10px, 0) rotateY(60deg);
  -o-transform: translate3d(-50%, -10px, 0) rotateY(60deg);
  transform: translate3d(-50%, -10px, 0) rotateY(60deg); }

.tooltip-bottom:hover::after {
  -webkit-transform: translate3d(-50%, 5px, 0);
  -moz-transform: translate3d(-50%, 5px, 0);
  -ms-transform: translate3d(-50%, 5px, 0);
  -o-transform: translate3d(-50%, 5px, 0);
  transform: translate3d(-50%, 5px, 0);
  z-index: 10000;
  opacity: 1; }

.tooltip-bottom:hover::before {
  border-top: none;
  z-index: 10000;
  opacity: 1; }

.tooltip-left:after,
.tooltip-left:before {
  transition: all 200ms ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(10px, -50%, 0) rotateX(60deg);
  -moz-transform: translate3d(10px, -50%, 0) rotateX(60deg);
  -ms-transform: translate3d(10px, -50%, 0) rotateX(60deg);
  -o-transform: translate3d(10px, -50%, 0) rotateX(60deg);
  transform: translate3d(10px, -50%, 0) rotateX(60deg); }

.tooltip-left:hover::after {
  -webkit-transform: translate3d(-5px, -50%, 0);
  -moz-transform: translate3d(-5px, -50%, 0);
  -ms-transform: translate3d(-5px, -50%, 0);
  -o-transform: translate3d(-5px, -50%, 0);
  transform: translate3d(-5px, -50%, 0);
  z-index: 10000;
  opacity: 1; }

.tooltip-left:hover::before {
  border-right: none;
  z-index: 10000;
  opacity: 1; }

.tooltip-right:after,
.tooltip-right:before {
  transition: all 200ms ease-in-out;
  opacity: 0;
  -webkit-transform: translate3d(-10px, -50%, 0) rotateX(60deg);
  -moz-transform: translate3d(-10px, -50%, 0) rotateX(60deg);
  -ms-transform: translate3d(-10px, -50%, 0) rotateX(60deg);
  -o-transform: translate3d(-10px, -50%, 0) rotateX(60deg);
  transform: translate3d(-10px, -50%, 0) rotateX(60deg); }

.tooltip-right:hover::after {
  -webkit-transform: translate3d(5px, -50%, 0);
  -moz-transform: translate3d(5px, -50%, 0);
  -ms-transform: translate3d(5px, -50%, 0);
  -o-transform: translate3d(5px, -50%, 0);
  transform: translate3d(5px, -50%, 0);
  z-index: 10000;
  opacity: 1; }

.tooltip-right:hover::before {
  border-left: none;
  z-index: 10000;
  opacity: 1; }

/*
.sites-button {
    font-size: 15px;
    height: 33px;
    // border-color: $blue;
    // color: $blue;
    outline: none;
    // &:hover, &:active, &:focus {
    //     border-color: shade($blue, 10%);
    //     color: shade($blue, 10%);
    // }
    // &.primary {
    //     &:hover, &:active, &:focus {
    //         border-color: shade($blue, 10%);
    //         color: $white;
    //     }
    // }
    &.h-bhover {
        background: $white;
        transition: all .2s ease-in-out;
        &:hover {
            background: $blue;
            color: $white;
            border-color: $blue;
        }
    }
    &.h-rhover {
        background: $white;
        color: $red;
        transition: all .2s ease-in-out;
        &:hover {
            background: $red;
            color: $white;
            border-color: $red;
        }
    }
    &.outline.red {
        color: $red;
        transition: all .2s ease-in-out;
        &:hover {
            background: $red;
            color: $white;
            border-color: $red;
        }
    }
}*/
.sites-inputtext {
  height: 33px; }

.sites-inputtext,
.sites-link,
.sites-formlabel {
  font-size: 15px; }

/* Search */
.sites-search {
  margin-inline-end: 8px; }
  .sites-search .sites-inputtext {
    border-radius: 3px;
    padding-inline-start: 38px;
    background: transparent;
    width: 100%;
    height: 32px; }
    .sites-search .sites-inputtext:focus + .sites-icon {
      background: #F5FAFF; }
  .sites-search .sites-icon {
    height: 30px;
    width: 30px;
    background: #F4F4F4;
    padding: 8px;
    border-radius: 2px 0 0 2px;
    border-start-start-radius: 2px;
    border-start-end-radius: 0;
    border-end-start-radius: 2px;
    border-end-end-radius: 0;
    border: none;
    border-inline-end: none;
    position: absolute;
    inset-block-end: 1px;
    inset-inline-start: 1px; }
  .sites-search .zd-remove {
    padding: 8px;
    height: 30px;
    width: 30px;
    position: absolute;
    inset-block-end: 1px;
    inset-inline-end: 1px;
    cursor: pointer; }

/* Refine Dialog */
.zd-refine {
  overflow: hidden;
  position: fixed;
  inset-block-start: 100px;
  inset-block-end: 0;
  inset-inline-end: -322px;
  width: 322px;
  border-inline-start: 1px solid #e6e6e6;
  background: #FFF;
  display: flex;
  flex-flow: column;
  transition: all .5s ease-in-out;
  opacity: 0; }
  .zd-refine.h-show {
    inset-inline-end: 0;
    opacity: 1; }
  .zd-refine .sites-search {
    flex-shrink: 0;
    margin: 16px;
    min-inline-size: auto; }

.zd-refinefooter {
  flex-shrink: 0;
  padding: 20px;
  border-block-start: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center; }
  .zd-refinefooter .sites-button ~ .sites-button {
    margin-inline-start: 8px; }

.zd-collapsecont .zd-checkcontainer {
  display: flex;
  flex-flow: row wrap;
  padding: 12px;
  padding-block: 0;
  width: 100%;
  overflow: hidden; }
  .zd-collapsecont .zd-checkcontainer:after {
    content: '';
    padding-block-end: 8px;
    display: flex;
    width: 100%; }
.zd-collapsecont .zd-tagcheck {
  margin-block-start: 0;
  margin-block-end: 8px;
  margin-inline-start: 0;
  margin-inline-end: 8px;
  display: inline-flex; }
  .zd-collapsecont .zd-tagcheck input[type="checkbox"] {
    display: none; }
    .zd-collapsecont .zd-tagcheck input[type="checkbox"] + label {
      border: 1px solid #d5d5d5;
      border-radius: 4px;
      padding-block: 5px;
      padding-inline: 8px;
      height: 32px;
      cursor: pointer; }
    .zd-collapsecont .zd-tagcheck input[type="checkbox"]:checked + label {
      background: #F5FAFF;
      border: 1px solid #0087ff;
      color: #0087ff; }

.sites-filteritems {
  padding-block: 4px;
  display: flex;
  align-items: center;
  max-inline-size: 675px;
  margin-block-end: 16px; }
  .sites-filteritems .sites-icon {
    width: 16px;
    height: 16px;
    margin-inline-end: 8px; }
  .sites-filteritems .sites-link {
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 16px;
    margin-inline-end: 0;
    line-height: 1; }
  .sites-filteritems.blue {
    background: #F5FAFF;
    padding-inline: 12px;
    display: inline-flex; }

/* Tab menu */
.h-mobwrap .zd-managetab {
  display: none;
  margin: 0;
  border: none;
  border-block-end: 1px solid #e6e6e6;
  height: 50px;
  max-block-size: 50px;
  flex-shrink: 0;
  overflow: hidden;
  position: relative; }
  .h-mobwrap .zd-managetab:before, .h-mobwrap .zd-managetab:after {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    width: 30px;
    background: linear-gradient(90deg, #DADADA 0%, rgba(255, 255, 255, 0) 100%); }
  .h-mobwrap .zd-managetab:after {
    inset-inline-start: auto;
    inset-inline-end: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #DADADA 100%); }
  .h-mobwrap .zd-managetab.shaderight:before {
    display: none; }
  .h-mobwrap .zd-managetab.shadeleft:after {
    display: none; }
  .h-mobwrap .zd-managetab .zd-tabs {
    flex-flow: row;
    width: 100%;
    padding-block-start: 0;
    padding-block-end: 15px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin-block-end: -15px; }
  .h-mobwrap .zd-managetab .zd-tab {
    padding: 0;
    display: flex; }
    .h-mobwrap .zd-managetab .zd-tab a {
      padding: 16px;
      color: #424242;
      text-decoration: none; }
      .h-mobwrap .zd-managetab .zd-tab a.active {
        border-block-end: 2px solid #0087ff; }

/* Promotions */
.zd-promo {
  margin-block-start: 0;
  margin-block-end: 24px;
  margin-inline-start: 0;
  margin-inline-end: 0; }
  .zd-promo .sites-link {
    display: inline-flex; }
    .zd-promo .sites-link .sites-icon {
      width: 24px;
      height: 24px;
      margin-inline-end: 8px;
      position: relative;
      fill: #0087ff; }

.zd-promoline {
  display: flex;
  align-items: center;
  width: 100%;
  color: #9E9E9E;
  font-size: 15px;
  margin-block-start: 8px; }
  .zd-promoline .sites-icon {
    margin-inline-end: 4px;
    width: 16px;
    height: 16px;
    fill: #9E9E9E; }

.sites-promodialog {
  margin: 0;
  max-block-size: 500px;
  overflow: auto; }
  .sites-promodialog li {
    padding-block-start: 16px;
    padding-block-end: 16px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    color: #9E9E9E;
    font-size: 15px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    border-block-end: 1px dashed #d5d5d5; }
    .sites-promodialog li span {
      font-size: 15px;
      color: #424242;
      margin-block-end: 8px; }

/* Collapse */
.zd-collapse {
  display: flex;
  flex-flow: column;
  margin-inline: 4px;
  flex-grow: 1;
  overflow: auto; }

.zd-collapsetitle > input[type="checkbox"] {
  display: none; }
  .zd-collapsetitle > input[type="checkbox"] + label {
    color: #424242;
    padding-block: 18px;
    padding-inline: 12px;
    display: flex;
    align-items: center;
    user-select: none; }
  .zd-collapsetitle > input[type="checkbox"]:checked + label .zd-arrow {
    transform: rotate(-45deg);
    margin-block-start: 4px; }
  .zd-collapsetitle > input[type="checkbox"]:checked + label + .zd-collapsecont {
    grid-template-rows: 1fr; }
.zd-collapsetitle:last-child .zd-collapsecont {
  border-block-end: none; }
.zd-collapsetitle:first-child > input[type="checkbox"] + label {
  padding-block-start: 0; }
.zd-collapsetitle .zd-indicate {
  display: inline-flex;
  width: 8px;
  height: 4px;
  margin-inline-start: 8px;
  margin-block-start: -2px;
  border-block-end: 1px solid #0087ff;
  border-inline-start: 1px solid #0087ff;
  transform: rotate(-45deg); }
.zd-collapsetitle .zd-arrow {
  display: inline-flex;
  width: 8px;
  height: 8px;
  margin-block-start: -4px;
  margin-inline-start: auto;
  border-block-start-width: 2px;
  border-block-end-width: 0;
  border-inline-start-width: 0;
  border-inline-end-width: 2px;
  border-color: #424242;
  border-style: solid;
  transform: rotate(135deg);
  transition: transform .2s ease-in-out, margin-block-start .2s ease-in-out; }
.zd-collapsetitle .sites-checkboxcont {
  margin: 0;
  margin-inline-end: 8px; }

.zd-collapsecont {
  display: grid;
  grid-template-rows: 0fr;
  transition: .2s ease-in-out;
  border-block-end: 1px solid #e6e6e6; }

/* Breadcrumb */
.zd-breadcrumb {
  list-style: none;
  display: flex;
  align-items: center;
  position: relative; }
  .zd-breadcrumb a {
    padding-block-start: 17px;
    padding-block-end: 17px;
    padding-inline-start: 0;
    padding-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 12px;
    text-decoration: none;
    color: #0087ff; }
    .zd-breadcrumb a.is-active {
      color: #424242;
      pointer-events: none; }
  .zd-breadcrumb ~ .zd-breadcrumb a {
    margin-inline-start: 12px; }
  .zd-breadcrumb ~ .zd-breadcrumb:before {
    content: '/';
    font-size: 12px;
    color: #424242;
    font-weight: 400; }

/* Tags */
.sites-tags {
  display: flex;
  flex-flow: row wrap; }

.sites-tag {
  height: 24px;
  font-size: 15px;
  background: #e3f2ff;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  display: inline-flex;
  align-items: center;
  margin-block-start: 0;
  margin-block-end: 10px;
  margin-inline-start: 0;
  margin-inline-end: 10px;
  color: #424242;
  cursor: default; }

/* Video */
.zd-video {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-block-start: 92px; }
  .zd-video .zd-thumbnail {
    position: relative;
    width: 300px;
    height: 168px;
    margin-inline-end: 32px; }
    .zd-video .zd-thumbnail img {
      border-radius: 5px; }
    .zd-video .zd-thumbnail img.play {
      border-radius: 0;
      position: absolute;
      width: 64px;
      height: 64px;
      inset-block-start: 50%;
      inset-inline-start: 50%;
      transform: translateX(-50%) translateY(-50%);
      pointer-events: none; }
  .zd-video .zd-note {
    margin: 0;
    padding: 0;
    background: #FFF;
    border: 1px solid #fbfafa;
    width: 300px;
    display: flex;
    flex-flow: column;
    justify-content: center; }
    .zd-video .zd-note li {
      list-style: none;
      margin-bottom: 16px;
      font-size: 16px;
      line-height: 25px; }

/* Upload */
.sites-upload {
  display: flex;
  align-items: center;
  margin-block-end: 8px; }
  .sites-upload .sites-button {
    margin: 0; }
  .sites-upload .sites-badge {
    margin-inline-start: 8px;
    border-radius: 2px; }

/* DNS Dialog */
.zd-dnsdialog > p {
  padding: 24px; }
.zd-dnsdialog .sites-listitem {
  padding-block-start: 16px;
  padding-block-end: 16px;
  align-items: flex-start; }
  .zd-dnsdialog .sites-listitem:last-child {
    border: 0; }
.zd-dnsdialog .zd-listform {
  padding-block: 8px;
  display: flex;
  line-height: 1.2; }
  .zd-dnsdialog .zd-listform .zd-listformlabel {
    display: inline-flex;
    min-inline-size: 47px;
    margin-inline-end: 8px;
    flex-shrink: 0; }
  .zd-dnsdialog .zd-listform .zd-listformdetail {
    display: inline-flex;
    word-break: break-all;
    white-space: normal; }
.zd-dnsdialog .zd-listformclm {
  display: inline-flex;
  flex-flow: column; }
  .zd-dnsdialog .zd-listformclm .zd-listformdetail {
    margin-block-end: 8px; }
    .zd-dnsdialog .zd-listformclm .zd-listformdetail:last-child {
      margin-block-end: 0; }

/* Layout */
.cs-top-shaper {
  position: absolute;
  inset-block-start: 0;
  z-index: 99; }

.cs-mid-shaper {
  position: absolute;
  inset-block-start: 20%;
  inset-inline-end: 0;
  z-index: 99; }

/* Steps */
.zd-steps {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 80vh;
  z-index: 999; }
  .zd-steps > svg {
    width: 88px;
    height: 88px;
    flex-shrink: 0; }
  .zd-steps b {
    font-weight: 500;
    text-align: center;
    margin-top: 20px;
    line-height: 1.5; }
  .zd-steps ul {
    margin-block-start: 42px;
    font-size: 16px;
    max-inline-size: 550px;
    line-height: 1.5; }
  .zd-steps li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    margin-block-end: 42px;
    position: relative; }
    .zd-steps li:before {
      content: "";
      height: 100%;
      border-inline-start: 1px dashed #9E9E9E;
      position: absolute;
      inset-inline-start: 16px;
      inset-block-start: 32px; }
    .zd-steps li:last-child:before {
      display: none; }
    .zd-steps li svg {
      width: 32px;
      height: 32px;
      fill: #0087ff;
      margin-inline-end: 12px;
      flex-shrink: 0;
      margin-block: -4px; }
  .zd-steps li.zd-inc-step {
    color: #9E9E9E; }
    .zd-steps li.zd-inc-step svg {
      fill: #d5d5d5; }
  .zd-steps .loader-spin {
    --dot: 14px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    color: #0087ff;
    box-shadow: calc(1*var(--dot)) calc(0*var(--dot)) 0 0, calc(0.707*var(--dot)) calc(0.707*var(--dot)) 0 0, calc(0*var(--dot)) calc(1*var(--dot)) 0 0, calc(-0.707*var(--dot)) calc(0.707*var(--dot)) 0 0, calc(-1*var(--dot)) calc(0*var(--dot)) 0 0, calc(-0.707*var(--dot)) calc(-0.707*var(--dot)) 0 1px, calc(0*var(--dot)) calc(-1*var(--dot)) 0 2px;
    animation: dots 1s infinite steps(8);
    margin-inline-start: 14px;
    margin-inline-end: 26px;
    margin-block-start: 10px;
    margin-block-end: -2px; }
@keyframes dots {
  100% {
    transform: rotate(1turn); } }
/* Install apps */
.zd-appimage {
  height: 48px;
  margin-inline-end: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .zd-appimage svg {
    width: inherit;
    height: inherit; }
  .zd-appimage.zsites {
    width: 119px; }
  .zd-appimage.zdomains {
    width: 164px; }

.zd-installapps {
  display: flex;
  flex-flow: row;
  align-items: center;
  margin-block-end: 32px; }
  .zd-installapps .zd-appimage {
    margin: 0; }
    .zd-installapps .zd-appimage svg {
      width: 100%; }
  .zd-installapps .zd-icon {
    width: 32px;
    height: 32px;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 24px;
    margin-inline-end: 24px; }

/* Transition override*/
.sites-button {
  transition: all .1s ease; }

.sites-listitem.h-infoitem .sites-banner .zd-upload .sites-button {
  margin: 0;
  margin-inline-end: 16px; }

.zd-upload {
  display: flex;
  align-items: center;
  margin-block-start: 16px; }
  .zd-upload .sites-link {
    margin-inline-start: 8px; }
  .zd-upload .sites-badge .zd-icon {
    margin: 0;
    margin-inline-end: 8px; }
  .zd-upload .sites-badge .sites-link .zd-icon {
    margin: 0; }
  .zd-upload > div {
    display: flex; }

.zd-listspace .sites-actionbar {
  background: #FFF;
  position: sticky;
  inset-block-start: 0;
  z-index: 11; }

.dd-cont-invert .dd-cont {
  height: 138px;
  top: -140px;
  animation-name: none; }
.dd-cont-invert .selected-val {
  width: 100% !important; }

.sticky-table .sites-listtitle {
  position: sticky;
  inset-block-start: 0;
  z-index: 100;
  background: #fff; }
  .sticky-table .sites-listtitle .sites-text:first-child {
    position: sticky;
    inset-inline-start: 0;
    z-index: 100;
    background: #fff; }
.sticky-table .sites-listitem .sites-text:first-child {
  position: sticky;
  inset-inline-start: 0;
  z-index: 100;
  background: #fff; }

.info-banner {
  width: 100%;
  line-height: 30px;
  text-align: center;
  background: #ffdfb8;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px; }

.info-banner span {
  color: #b00625; }

/*# sourceMappingURL=domain-style.css.map */