/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
.xswcrd-switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 22px;
}

.xswcrd-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.xswcrd-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

.xswcrd-slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

input:checked+.xswcrd-slider {
  background-color: #2196F3;
}

input:focus+.xswcrd-slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked+.xswcrd-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Disabled + checked */
input:checked:disabled+.xswcrd-slider {
  background-color: #9ecbf8;
}

/* Disabled knob */
input:disabled+.xswcrd-slider:before {
  background-color: #f5f5f5;
}

.xswcrd-help-tip {
  margin: 0 0 0 9px;
  position: relative;
  display: inline-block;
}

.xswcrd-help-tip::after {
  font-family: Dashicons;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-indent: 0px;
  text-align: center;
  content: "";
  cursor: help;
  margin: 0px;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.xs-pro-link {
  background-color: #2271b1;
  color: #fff;
  border: none;
  padding: 8px 20px !important;
  font-weight: bold;
  font-size: 14px;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
}

.xs-pro-link:hover,
.xs-pro-link:focus {
  color: #fff;
}

.pro {
  color: green;
  font-weight: bold;
}

.xswcrd-help-tip .xswcrd-tip {
  visibility: hidden;
  font-size: 11px;
  width: 180px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 5px 5px 5px 5px;
  position: absolute;
  z-index: 1;
  top: 125%;
  left: 50%;
  margin-left: -95px;
  opacity: 0;
  transition: opacity 1s;
}

.xswcrd-help-tip .xswcrd-tip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #555 transparent;
}

.xswcrd-help-tip:hover .xswcrd-tip {
  visibility: visible;
  opacity: 1;
}

#xswcrd-trigger-product,
#xswcrd-trigger-category,
#xswcrd-ex-products,
#xswcrd-products,
#xswcrd-category,
#xswcrd-ex-category {
  width: 50%;
}

.xswcrd-hidden {
  display: none;
}

.xswcrd-single-email-notice {
  display: none;
}

.xswcrd-notice-dismiss {
  display: none;
}

.xswcrd-pre {
  text-decoration: none;
}

.xswcrd-button-main {
  display: inline-block;
  width: 160px
}

.xswcrd-button-main p.submit {
  margin: 0px;
  padding-bottom: 0px;
}

/* Support css start */
.xs-pro {
  color: #2fbb1c;
  font-weight: inherit;
  font-size: 14px;
}

.xs-col-button {
  width: 380px;
  float: left;

}

.xs-button-main {
  display: inline-block;
  width: 160px
}

.xs-button-main p.submit {
  margin: 0px;
  padding-bottom: 0px;
}

#xs_name,
#xs_email {
  width: 335px;
}

.xs-send-email-notice {
  display: none;
}

.xs-notice-dismiss {
  display: none;
}

.xs-send-mail {
  font-size: 15px !important;
  font-family: bold;
  padding: 2px 15px !important;
}

.xs_is_active {
  display: inline-block;
  visibility: visible;
  opacity: 1
}

.xs-top-margin {
  margin-top: 20px !important;
}

.xs-mail-spinner {
  margin-top: 38px;
}

.error {
  outline: 1px solid red;
}

.input-group {
  display: inline-flex;
}

/* support css end */