/*! jQuery UI - v1.10.4 - 2014-07-04
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000000;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  min-height: 0;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
.ui-button-icon-only {
  width: 2.2em;
}
button.ui-button-icon-only {
  width: 2.4em;
}
.ui-button-icons-only {
  width: 3.4em;
}
button.ui-button-icons-only {
  width: 3.7em;
}
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}
.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}
input.ui-button {
  padding: 0.4em 1em;
}
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}
.ui-buttonset {
  margin-right: 7px;
}
.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  min-height: 0;
  font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
  cursor: default;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: 0.2em;
}
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}
.ui-slider-horizontal {
  height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}
.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-tabs {
  position: relative;
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  box-shadow: 0 0 5px #aaaaaa;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-widget {
  font-family: "Helvetica Neue", "Helvetica", "Arial", tahoma, arial, "微軟正黑體";
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Helvetica Neue", "Helvetica", "Arial", tahoma, arial, "微軟正黑體";
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #ffffe9 url("images/ui-bg_highlight-soft_100_ffffe9_1x100.png") 50% top repeat-x;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #D95C5C;
  background: #d95c5c url("images/ui-bg_gloss-wave_10_D95C5C_500x100.png") 50% 50% repeat-x;
  color: #fff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #d95c5c url("images/ui-bg_glow-ball_70_D95C5C_600x600.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #e79b9b url("images/ui-bg_diagonals-medium_50_e79b9b_40x40.png") 50% 50% repeat;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_ffd27a_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
.ui-widget-overlay {
  background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: .5;
  filter: alpha(opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: .2;
  filter: alpha(opacity=20);
  border-radius: 5px;
}
.divclearable {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  position: relative;
}
.clearlink {
  position: absolute;
  top: 6px;
  right: 5px;
  cursor: pointer;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1.2;
  *display: inline;
  height: 16px;
  width: 16px;
  z-index: 2;
  border: 0px solid;
  opacity: 0.3;
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
.xdsoft_datetimepicker {
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  box-sizing: border-box;
  display: none;
}
.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px;
}
.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important;
}
.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_noselect::selection {
  background: transparent;
}
.xdsoft_noselect::-moz-selection {
  background: transparent;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none;
}
.xdsoft_datetimepicker * {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}
.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle;
}
.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0;
}
.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0;
}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0;
}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right;
}
.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both;
}
.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px;
}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  box-shadow: inherit !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default;
}
.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px;
}
.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eeeeee !important;
}
.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaaaaa !important;
}
.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc;
}
.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px;
}
.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto;
}
.xdsoft_scroller_box {
  position: relative;
}
.xdsoft_datetimepicker.xdsoft_dark {
  box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333333 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111111 !important;
}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555555 !important;
}
.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333;
}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important;
}
.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px;
}
.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
  /* IE6-9 */
}
.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #f4f8fa 0%, #ffffff 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
  /* IE6-9 */
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
        transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
        transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
        transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #ffffff;
}
.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  box-sizing: border-box;
}
#toast-container > div {
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > :hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51a351;
}
.toast-error {
  background-color: #bd362f;
}
.toast-info {
  background-color: #2f96b4;
}
.toast-warning {
  background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}
.slideout-panel {
  position: relative;
  z-index: 1;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
.slideout-open .slideout-menu {
  display: block;
}
/* BANNER AD STYLING (zone) */
.oio-banner-zone {
  margin: 0px;
  padding: 0px !important;
  background: none !important;
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}
.oio-banner-zone li:before,
.oio-banner-zone li:after {
  content: " " !important;
  margin: 0px !important;
  padding: 0px !important;
  display: none !important;
}
.oio-banner-zone li {
  float: left;
  overflow: hidden;
  display: inline !important;
  padding: 0px !important;
  background: none !important;
  clear: none !important;
  border: none !important;
}
.oio-banner-zone li:hover {
  padding: 0px !important;
}
.oio-banner-zone li a {
  background: none !important;
  width: auto !important;
}
.oio-banner-zone a,
.oio-banner-zone img {
  border: none;
  display: block;
  margin: 0px !important;
  padding: 0px !important;
  visibility: visible !important;
}
.oio-banner-zone .border,
.oio-banner-zone .border:hover {
  border: 2px solid #999 !important;
}
/* TEXT AD STYLING (zone) */
.oio-link-zone {
  margin: 0px;
  padding: 0px !important;
  background: none !important;
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  border: 1px solid #999;
}
.oio-link-zone li:before,
.oio-link-zone li:after {
  content: " " !important;
  margin: 0px !important;
  padding: 0px !important;
  display: none !important;
}
.oio-link-zone li {
  float: left;
  overflow: hidden;
  display: inline !important;
  margin: 0px !important;
  padding: 2px !important;
  background: none !important;
  clear: none !important;
  border: none !important;
}
.oio-link-zone li:hover {
  padding: 2px !important;
}
.oio-link-zone li a {
  background: none !important;
  width: auto !important;
}
.oio-link-zone a {
  border: none;
  display: block;
  margin: 0px !important;
  padding: 0px !important;
  visibility: visible !important;
  width: auto !important;
}
.oio-link-zone .cell {
  display: block;
  padding: 5px;
  margin: 0 auto !important;
}
/* TEXT AD STYLING (list) */
/* INLINE AD STYLING */
.oio-inline-left {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
.oio-inline-right {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}
.oio-inline-border,
.oio-inline-border:hover {
  border: 2px solid #999;
}
.oio-inline-left a,
.oio-inline-left img,
.oio-inline-right a,
.oio-inline-right img {
  border: none;
  display: block;
  margin: 0px !important;
  padding: 0px !important;
  visibility: visible !important;
}
/* RSS FEED AD STYLING */
#myrss_feed {
  padding: 10px;
  border: 1px dashed black;
}
.rsscontainer {
  margin-bottom: 1em;
  text-align: left;
}
/* AD BADGE STYLING */
.oio-badge {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
/* AVAILABLE ADS STYLING */
/* POSTLINKS STYLING */
.oio-postlinks {
  margin-top: 15px;
}
/* MISC STYLING */
.oio-body {
  margin: 0px !important;
  padding: 0px !important;
}
.oio-center {
  text-align: center;
}
.oio-clear-left {
  clear: left;
}
.oio-clear-right {
  clear: right;
}
.oio-clear {
  clear: both;
}
.oio-clear-left,
.oio-clear-right,
.oio-clear {
  content: " ";
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  visibility: hidden;
  overflow: hidden;
}
#oio-pixel {
  display: none;
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone {
  position: relative;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}
.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaaaaa;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: #008000;
}
.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}
.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eeeeee, #dddddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: #ffffff;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-success-mark svg,
.dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666666, #444444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: #ffffff;
}
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
/* noUiSlider Custom Styling - Match Semantic UI Theme */
/* Base slider styling */
.noUi-target {
  background: #f3f4f5;
  border-radius: 4px;
  border: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  height: 12px;
}
/* Connected range (filled area) */
.noUi-connect {
  background: #00B5AD;
  /* Semantic UI teal color */
  background: linear-gradient(to bottom, #00b5ad 0%, #009c95 100%);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
/* Slider handles - Perfectly circular */
.noUi-handle {
  background: #ffffff;
  border: 3px solid #00B5AD;
  /* Semantic UI teal color */
  border-radius: 50% !important;
  /* Perfect circle */
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  cursor: -webkit-grab;
  cursor: grab;
  width: 26px !important;
  height: 26px !important;
  right: -13px;
  /* Center on slider */
  top: -8px;
  /* Center vertically on 12px slider */
  outline: none;
  transition: all 0.2s ease;
}
.noUi-handle:before,
.noUi-handle:after {
  display: none;
  /* Hide default handle decorations */
}
/* Handle hover state */
.noUi-handle:hover {
  border-color: #009c95;
  border-width: 3px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  /* Slight grow on hover */
}
/* Handle active/dragging state */
.noUi-handle:active,
.noUi-active {
  border-color: #008c84;
  border-width: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 0 0 5px rgba(0, 181, 173, 0.2);
  cursor: grabbing;
  cursor: -webkit-grabbing;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  /* Slightly larger when dragging */
}
/* Touch device optimization */
.noUi-target,
.noUi-handle {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
          user-select: none;
  box-sizing: border-box;
}
/* Disabled state */
.noUi-target[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.noUi-target[disabled] .noUi-handle {
  cursor: not-allowed;
  border-color: #d4d4d5;
  background: #f3f4f5;
}
.noUi-target[disabled] .noUi-connect {
  background: #d4d4d5;
}
/* Tooltip styling (if needed in future) */
.noUi-tooltip {
  display: none;
  position: absolute;
  border: 1px solid #d4d4d5;
  border-radius: 3px;
  background: #fff;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  font-size: 12px;
  bottom: 120%;
}
.noUi-handle:hover .noUi-tooltip {
  display: block;
}
/* Vertical slider support (if needed) */
.noUi-vertical {
  width: 12px;
  height: 200px;
}
.noUi-vertical .noUi-handle {
  left: -7px;
  top: auto;
}
/* Responsive adjustments for mobile */
@media only screen and (max-width: 767px) {
  .noUi-handle {
    width: 32px !important;
    height: 32px !important;
    right: -16px;
    /* Recenter for larger handle */
    top: -11px;
    /* Recenter vertically */
    border-width: 4px;
    /* Thicker border on mobile */
  }
  .noUi-target {
    height: 10px;
  }
}
/* Integration with Semantic UI forms */
.ui.form .field .noUi-target {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Ensure sliders work well with Semantic UI disabled fields */
.ui.form .field.disabled .noUi-target {
  opacity: 0.45;
  pointer-events: none;
}
html {
  -webkit-font-smoothing: antialiased !important;
  background-size: 63px, 52px;
}
html .lockScroll {
  overflow: hidden;
}
html.blank {
  overflow-x: hidden;
  border-radius: 0.3em;
}
body {
  height: 100%;
  margin: 0px;
  font-size: 1rem;
  overflow-x: auto;
}
body.blank {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
main {
  display: block;
}
.ui.flash.message {
  margin-bottom: 0.6em;
  text-align: center;
}
.ui.simple.circular.label > i {
  margin: 0 0.25em;
}
.ui.menu .item > i.dropdown.icon {
  float: initial;
}
.ui.menu:not(.vertical) .item > .button {
  padding-bottom: 1em;
}
.doulaeasy-logo {
  width: 227px;
  height: 80px;
  margin-top: 2px;
  border: 0px;
}
.ui.dimmer {
  z-index: 1200;
}
.main.sidebar {
  background-color: #ffffff;
}
.ui.button.light-green {
  background-color: #72da72 !important;
  color: white!important;
}
p.sub.text {
  font-size: 1.1rem;
  font-weight: normal;
  margin: 0em;
  padding: 0em;
  line-height: 1.2;
  color: #444444;
}
h1.doulaeasy-slogan.text {
  margin-top: 0.6em!important;
  margin-bottom: 0.6em!important;
  font-size: 1.2em;
  font-weight: 400;
}
p.sub.text.small {
  font-size: 1rem;
}
p.light.text {
  margin: 0em 0em 0.3em;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-size: 1.1rem;
}
p.light.text.tiny {
  font-size: 0.9rem;
}
#header {
  width: 100%;
  z-index: 99999;
}
#front_poster_pic {
  /*margin-top: -34px;*/
  margin-left: -5px;
}
.search h2 {
  margin-top: 0px;
  margin-bottom: 5px;
}
h1.top.banner.title {
  margin-top: 30px;
  margin-bottom: 5px;
}
.top.banner.grid .column {
  margin-top: 7px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}
h1 {
  font-size: 1.8rem;
}
h2 {
  font-size: 1.3rem;
}
h3 {
  font-size: 1.2rem;
}
.ui.huge.buttons .button,
.ui.huge.buttons .or,
.ui.huge.button {
  font-size: 1.6rem;
}
.ui.message .header {
  margin: 0em;
  font-size: 1.2rem;
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
  color: #6b4242;
}
.feature_font {
  color: #6b4242;
  font-size: 1.6rem;
  font-weight: 700;
}
.helper.register .ui.form .field > label {
  margin: 0rem 0rem 0.3rem;
  display: block;
  color: #002d14;
  font-weight: 700;
}
p.description {
  padding-left: 25px;
  padding-right: 25px;
}
.ui.helper-profile.segment {
  margin-top: 0em;
  margin-bottom: 0em;
  border-top: none;
}
.search.bar.column {
  margin-top: 0px;
  margin-bottom: 5px;
}
.search.result.column {
  margin-top: 5px;
  padding: 5px;
}
.ui.column.messages {
  margin-top: 2px;
  margin-bottom: 2px;
}
#footer {
  margin-top: 1em;
  color: #8d6464;
}
#siteseal {
  margin-right: -15px;
}
#footer a,
h5 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 5px;
  color: #604444;
  text-decoration: none;
}
.ui.search.form {
  padding-left: 10px;
  padding-right: 10px;
}
.ui.search.form .row {
  margin-bottom: 5px;
}
.ui.search.form label {
  color: rgba(0, 0, 0, 0.8);
}
/********** custom for semantic ***************/
/******* Custom for Doula Easy ************/
#prompts_modal.ui.modal {
  height: 86% !important;
  top: 7%;
  overflow: auto;
}
#register_modal {
  top: 30%;
}
.ui.modal.popup-theme-1 {
  background: transparent!important;
  box-shadow: none !important;
}
.parent_register_button {
  text-decoration: none;
}
.helper_register_button {
  text-decoration: none;
}
.ui.top.attached.menu {
  border-radius: 6px 6px 0px 0px;
}
.ui.inverted.menu .item > a.whitebtn {
  color: #002d14;
}
.dropzone .dz-remove.original-url {
  display: inherit;
  margin-left: 18%;
}
.dropzone .dz-remove.left-padding {
  display: inherit;
  margin-left: 25%;
}
.dropzone .dz-remove.left-rotate {
  display: inline;
  margin-left: 10%;
}
.dropzone .dz-remove.right-rotate {
  display: inline;
  margin-left: 5%;
}
.dropzone .dz-preview .dz-image img {
  display: block;
  height: 100%;
}
.dropzone .dz-preview.ui.label.orange {
  width: 140px;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
          filter: none;
  transition: opacity 0.3s ease-in-out;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 123px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
.dropzone.dz-started .dz-message {
  display: none !important;
}
#search_result_segment {
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0 6px;
}
#search_result_wrapper {
  padding-bottom: 10px;
  padding-top: 8px;
  overflow: hidden;
}
#search_result_content {
  top: 0px;
  position: relative;
}
.ui.helper-item.modal input[name=helper_name] {
  border: none;
}
.ui.selection.dropdown.followed-by.manage-header {
  font-size: 0.8em;
}
.ui.selection.dropdown.followed-by.manage-header > .text {
  font-size: 1.3em;
}
.ui.selection.dropdown.followed-by {
  min-width: 120px;
}
.ui.selection.dropdown.followed-by > .text {
  text-transform: none;
}
.hiring-post .ui.button.add-hiring {
  background-color: rgba(255, 255, 255, 0.65);
}
.hiring-post .hiring-post-brief {
  cursor: pointer!important;
  margin-bottom: 0!important;
  min-height: 310px!important;
}
.hiring-post .hiring-post-brief > .content {
  min-height: 300px;
}
.hiring-post .hiring-post-brief span.paper-clip {
  z-index: 10;
  border: 2px solid #7B3C14;
}
.hiring-post .hiring-post-brief span.paper-clip:after {
  z-index: 10;
  border: 2px solid #7B3C14;
  border-bottom: 0px;
}
.hiring-post .hiring-post-brief div.hiring-zone.ui.label {
  text-align: center;
  padding-top: 0.5em;
}
.hiring-post .ui.segment.hiring-board {
  background: url('/assets/images/custom/bg-stitch3.gif');
  box-shadow: grey 0px 3px 8px 1px;
  border: none;
}
.hiring-post .ui.cards .hiring-card.card {
  cursor: default;
  box-shadow: grey 1px 3px 16px 1px;
}
.hiring-post .ui.cards .hiring-card.card .strong.meta {
  color: rgba(0, 0, 0, 0.7);
}
.hiring-post .ui.cards .hiring-card.card .meta {
  font-size: 0.85em;
  color: rgba(0, 0, 0, 0.5);
}
.hiring-post .ui.cards .hiring-card.card .meta .view-button {
  padding: 8px;
}
.hiring-post .ui.cards .hiring-card.card span.hiring-period-focus {
  font-weight: bold;
}
.hiring-post .ui.cards .hiring-card.card div.public-note {
  max-height: 10em;
  overflow: auto;
}
.hiring-post .ui.cards .hiring-card.card div.interested-helpers-div div.interested-helpers {
  max-height: 9em;
  overflow: auto;
}
.hiring-post .ui.cards .hiring-card.card .top-left-corner {
  position: absolute;
  top: -1.15em;
  left: -1em;
}
.hiring-post .ui.cards .hiring-card.card .role.label {
  padding: 7px;
}
.hiring-post .ui.cards .hiring-card.card.editable {
  cursor: pointer;
}
.hiring-post .ui.cards.segment {
  margin-left: -0.5em;
  margin-right: -0.5em;
  box-shadow: grey 0px 3px 8px 1px;
  background-clip: padding-box;
}
.hiring-post .ui.cards.segment .ui.top.attached.label:first-child + :not(.attached) {
  margin-top: 0.875em !important;
}
.hiring-post #wished_helpers input[name="note"] {
  display: none;
}
.hiring-post #wished_helpers .ui.card.helper-item i.edit.icon {
  display: none;
}
.hiring-post div#extra_data_hired_helper {
  display: none;
}
.hiring-post div#extra_data_preferred_helper {
  display: none;
}
.hiring-post div#extra_data_interested_helper {
  display: none;
}
.hiring-post #hired_helpers div#extra_data_hired_helper {
  display: block !important;
}
.hiring-post #preferred_helpers div#extra_data_preferred_helper {
  display: block !important;
}
.hiring-post #interested_helpers div#extra_data_interested_helper {
  display: block !important;
}
.hiring-post .hiring-item-board.ui.segment {
  background-image: url('/assets/images/custom/pinboard1.jpg');
  min-height: 20rem;
}
.hiring-post .hiring-item-board.ui.segment div.ui.cards {
  min-height: 15em;
  overflow: auto;
  position: static;
}
.hiring-post .hiring-item-board.ui.segment .ui.top.attached.label:first-child + :not(.attached) {
  margin-top: 0rem!important;
}
.hiring-post .hiring-item-board.ui.segment.read-only {
  background-image: url('/assets/images/custom/bg-stitch3.gif');
}
.hiring-post #hired_helpers.read-only .ui.card.helper-item i.right.floated.remove.icon,
.hiring-post #preferred_helpers.read-only .ui.card.helper-item i.right.floated.remove.icon {
  display: none;
}
.hiring-post #hired_helpers.read-only .ui.card.helper-item i.edit.icon,
.hiring-post #preferred_helpers.read-only .ui.card.helper-item i.edit.icon {
  display: none;
}
.hiring-post .ui.card.helper-item {
  height: 100%;
  box-shadow: #333333 0px 3px 20px 1px;
}
.hiring-post .ui.card.helper-item div.ui.numbering.label {
  background: rgba(0, 0, 0, 0.27);
  color: white;
  font-weight: bold;
  border: none;
  font-size: 0.75em;
  padding-left: 0.8em;
  border-radius: 0.2em 0em;
}
.hiring-post .ui.card.helper-item div.ui.numbering.label > span.number {
  font-size: 1.2em;
}
.hiring-post .ui.card.helper-item i.right.floated.remove.icon {
  margin-right: -0.2em;
  position: absolute;
  bottom: 0.6em;
  right: 0.5em;
  font-size: 1.3em;
}
.hiring-post .ui.card.helper-item i.edit.icon {
  margin-bottom: -0.5em;
  position: absolute;
  bottom: 1em;
  font-size: 1.3em;
}
.hiring-post .ui.card.helper-item .content {
  font-size: 0.8em;
  padding: .5em;
  word-break: break-word;
}
.hiring-post .ui.card.helper-item .content .header {
  font-size: 1.3em;
  padding: 0.3em;
}
.hiring-post .ui.card.helper-item .content textarea {
  font-size: 0.8em;
  padding: 2px;
  min-height: 4em;
  height: 4em;
}
.hiring-post .ui.card.helper-item .content input {
  font-size: 0.8em;
  padding: 2px;
}
.hirer h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
#loading_result {
  display: none;
  position: absolute;
  top: 20px;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
div.helper-profile.ui.modal {
  overflow: hidden;
  height: 86%!important;
  top: 6%;
}
div.helper-profile.ui.modal #helper_profile_iframe {
  overflow-x: hidden;
  overflow-y: hidden;
}
iframe {
  border: 0px inset;
  width: 100%;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}
.ui.menu .avatar.dropdown {
  z-index: 200;
  padding-top: 3px;
  padding-bottom: 3px;
}
.ui.menu .avatar.thumbnail {
  padding: 3px;
  padding-right: 10px;
}
.ui.user-avatar.image {
  border-radius: 0.4em;
}
.ui.pagination.menu {
  padding-left: 0;
}
i.dark.teal.icon {
  color: #008c86 !important;
}
.ui.dark.teal.label {
  background-color: #008c86 !important;
  color: #FFFFFF !important;
}
.ui.dark.teal.button {
  background-color: #008c86 !important;
  color: #FFFFFF !important;
}
.ui.dark.teal.button:active {
  background-color: #008c86 !important;
  color: #FFFFFF !important;
}
.ui.dark.teal.role.label {
  background-color: #008c86 !important;
  color: #FFFFFF !important;
}
.ui.dark.teal.role.button {
  background-color: #008c86 !important;
  color: #FFFFFF !important;
}
.ui.light.orange.button {
  background-color: #f09a78 !important;
  color: #FFFFFF !important;
}
.ui.light.orange.button:active {
  background-color: #E96633 !important;
  color: #FFFFFF !important;
}
.ui.light.red.button {
  background-color: #de7171 !important;
  color: #FFFFFF !important;
}
.ui.light.red.button:active {
  background-color: #D95C5C !important;
  color: #FFFFFF !important;
}
.ui.dividing.header {
  padding: 5px;
}
#my-avatar-dropzone {
  min-height: 217px;
}
#my-doula-certificate-dropzone {
  min-height: 217px;
}
#my-babysitter-certificate-dropzone {
  min-height: 217px;
}
#my-photo-dropzone {
  min-height: 217px;
}
#my-qualification-dropzone {
  min-height: 217px;
}
.receipt.dropzone {
  min-height: 217px;
}
.ui.badge.segment .dropzone {
  min-height: 217px;
}
.ui.badge.segment .dropzone .dz-message {
  margin-top: 40%!important;
  margin-left: 25%!important;
}
.ui.avatar.segment {
  width: 224px;
}
.ui.doula.certificate.segment {
  width: 235px;
}
.ui.babysitter.certificate.segment {
  width: 235px;
}
.ui.receipt.segment {
  width: 235px;
}
.ui.badge.segment {
  width: 250px;
}
.others.label.text {
  color: rgba(0, 0, 0, 0.6);
}
#boxes {
  padding-bottom: 1em;
}
#boxes .ad.item {
  min-height: 0px;
  background: inherit;
  border: inherit;
  box-shadow: inherit;
  margin-top: 0em;
  margin-bottom: 0.7em;
}
#boxes .ad.item img {
  border-radius: 0.25em;
}
#boxes .item:nth-child(3n+1) {
  clear: none;
}
#boxes .helper-card.outer.card {
  min-height: 225px;
  max-height: 257px!important;
  padding: 0px;
  margin-top: 0em!important;
  margin-bottom: 0em!important;
  background: none;
  box-shadow: none !important;
  border-bottom: none;
}
#boxes .helper-card {
  /* entire container, keeps perspective */
  /* flip the pane when hovered */
}
#boxes .helper-card .flip-container {
  -webkit-perspective: 1000;
          perspective: 1000;
  /* flip speed goes here */
  /* hide back of pane during swap */
  /* front pane, placed above back */
  /* back, initially hidden pane */
}
#boxes .helper-card .flip-container .flipper {
  transition: 0.6s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  position: relative;
}
#boxes .helper-card .flip-container .front,
#boxes .helper-card .flip-container .back {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
#boxes .helper-card .flip-container .front {
  z-index: 2;
  /* for firefox 31 */
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}
#boxes .helper-card .flip-container .back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
#boxes .helper-card .flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
#boxes .helper-card .flip-container,
#boxes .helper-card .front,
#boxes .helper-card .back {
  width: 21em;
  height: 18em;
  margin: auto;
}
#boxes .helper-card .ui.cards .card {
  cursor: pointer;
  width: 21em;
  height: 15em;
  min-height: 225px;
  margin: 0;
  margin-bottom: 2em;
  overflow: hidden;
  text-transform: none;
  background-color: white!important;
  border-color: white;
}
#boxes .helper-card .right.floated.circular.icon {
  margin-top: -10px;
}
#boxes .helper-card i.coffee.icon {
  margin-top: 5px;
  cursor: pointer;
}
#boxes .helper-card i.coffee.icon > a.red.circular.label {
  position: relative;
  top: -4.4em;
  right: -1.3em;
  font-size: .5rem;
  padding: 1px 5px!important;
}
#boxes .helper-card i.badge-popup.icon {
  margin-top: 3px;
  cursor: pointer;
  font-size: 1.15em;
}
#boxes .helper-card img.badge {
  opacity: 0.8;
  height: 3em;
  width: 3em;
  margin-bottom: 0em;
  margin-top: -0.1em;
  vertical-align: bottom;
}
#boxes .helper-card .click-enter {
  margin-left: 10px;
}
#boxes .helper-card .click-enter .click-enter-text {
  cursor: pointer;
}
#boxes .helper-card .front.side div.main.content {
  padding-top: 0em;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid {
  margin-top: 0;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.left-section-column .rounded-avatar img {
  border-radius: .2125em;
  height: 140px;
  width: 120px;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column {
  padding: 0.5em;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column div.helper-roles {
  margin-top: 10px;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column div.helper-roles div.left-column {
  padding-right: 0em;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column div.helper-roles div.right-column {
  padding-left: 0em;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column div.helper-roles div.doula.row {
  padding-top: 0px;
  padding-bottom: 5px;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column div.helper-roles div.babysitter.row {
  padding-top: 0px;
  padding-bottom: 5px;
}
#boxes .helper-card .front.side div.main.content div.upper-content.grid div.right-section-column .nickname.title {
  color: #6b4242;
  font-size: 1.4rem;
  font-weight: 100;
  margin-left: 5px;
  margin-top: 0px;
  vertical-align: top;
}
#boxes .helper-card .front.side div.extra.content {
  height: 3.3em;
}
#boxes .helper-card .front.side .viewed-label {
  border-top-color: blanchedalmond;
  color: #6ba8a8;
  display: none;
}
#boxes .helper-card .front.side .helper_card_phone_text {
  padding: 0px;
  left: 0px;
  font-size: 0.8rem;
  bottom: 22px;
  position: absolute;
}
#boxes .helper-card .front.side .helper_card_email_text {
  padding: 0px;
  left: 0px;
  font-size: 0.8rem;
  bottom: 3px;
  position: absolute;
}
#boxes .helper-card .front.side .card-matching-detail {
  color: black;
  padding-left: 5px;
  margin-top: 2px;
  margin-bottom: 0px;
  font-size: 0.9rem;
}
#boxes .helper-card .front.side .parent_register_text {
  color: black;
  font-size: 0.9em;
}
#boxes .helper-card .front.side .parent_register_button {
  font-size: 0.9em;
}
#boxes .helper-card .front.side .parent_register_button i {
  margin: 0 5px !important;
}
#boxes .helper-card .front.side .ui.label a {
  opacity: 1;
}
#boxes .helper-card .front.side span.bottom-instruction {
  color: #222222;
  font-size: 0.9em;
}
#boxes .helper-card .back.side .top.left.name.label {
  padding-top: 5px;
  padding-bottom: 5px;
}
#boxes .helper-card .back.side div.extra.content {
  height: 3.3em;
}
#boxes .helper-card .back.side div.content > div.description > div.ui.grid {
  height: 12em;
}
#boxes .helper-card .back.side .card-back-line {
  color: black;
  padding: 0px;
}
#boxes .helper-card .back.side .parent_register_button {
  color: black;
  font-size: 0.9rem;
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  margin-top: 8px;
}
.dz-details {
  margin-left: auto;
  margin-right: auto;
}
.ui.html.selection.dropdown {
  width: 300px;
  margin-left: 10px;
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 20rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 20rem;
  }
}
.ui.dropdown.hong-kong-district {
  min-width: 10em;
}
.ui.dropdown.organization {
  min-width: 8em;
}
.ui.menu.attached {
  margin: 0rem;
  box-shadow: 0px 0px 0px 0px #DDDDDD;
}
.ui.service.expiry.message {
  padding: 30px;
}
.ui.main.inner.page.segment {
  background-color: #FFF;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 0.5em;
}
.ui-widget-content {
  background: white;
}
.ui-widget-header {
  font-weight: normal;
  background: #e97f68;
  border: none;
}
.ui-slider .ui-slider-range {
  background: #8ada9d 50% 50% repeat-x;
}
.ui-slider .ui-state-active {
  background: inherit;
}
.ui-slider .ui-state-focus {
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
}
.ui-slider .ui-state-hover {
  background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
}
.ui-datepicker {
  margin-left: auto;
  margin-right: auto;
}
.ui-datepicker .ui-datepicker-year {
  width: 70px !important;
}
.ui-datepicker select {
  color: black;
}
.ui-datepicker .ui-datepicker-month {
  margin-left: 10px !important;
  width: 80px !important;
}
.ui-datepicker .unselectable a {
  cursor: default;
  border: 1px solid #3972B2;
  /*background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;*/
  color: #3972B2;
  font-weight: bold;
}
.ui-datepicker .ui-selectee a {
  font-weight: bold;
}
.ui-datepicker .ui-state-active {
  background: inherit;
}
.ui-datepicker .ui-state-default {
  background: white;
}
.ui-datepicker .ui-state-disabled {
  font-weight: normal;
}
.ui-datepicker .outer-highlight a {
  background: #e79b9b;
  color: #363636;
}
.ui-datepicker .ui-selected a {
  background: #e79b9b;
  color: #363636;
}
.ui-datepicker .outer-highlight {
  border: none;
  background: none;
}
.ui-datepicker .ui-datepicker-row-break {
  height: 10px;
}
.ui-datepicker.ui-widget {
  font-size: 1rem;
}
#ui-datepicker-div {
  z-index: 999999!important;
}
.no-prev-next .ui-datepicker .ui-datepicker-prev,
.ui-datepicker-next {
  display: none;
}
.required:after {
  content: " *";
  color: #ff0000;
}
#___plusone_0 {
  width: 35px !important;
}
#___plus_0 {
  width: 60px !important;
}
.ui.inverted.menu .dropdown.item.highlight {
  background-color: rgba(255, 255, 255, 0.2);
}
.ui.inverted.menu a.item.highlight:hover,
.ui.inverted.menu .dropdown.item.highlight:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.ui.content.form > .breadcrumb {
  margin: 0px;
}
.ui.content.form > .divider {
  margin: 0px;
}
.image-source-link {
  color: #98C3D1;
}
.magnific-image {
  display: inline;
}
.magnific-image a {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.ui.label:not(.corner) {
  padding-top: 0.25rem;
  padding-bottom: 0.3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  line-height: 1rem;
  background-color: #fcf6f2;
  color: #983b24;
  text-transform: none;
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.ui.ribbon.label {
  padding: .5em .8em;
}
.ui.form .changed input {
  background-color: #FEC154;
}
.ui.form label.changed {
  background-color: #FEC154;
}
span.disabled,
label.disabled {
  opacity: .4;
  color: rgba(0, 0, 0, 0.3);
}
.ui-slider.disabled {
  opacity: 0.4;
}
.ui.signin.form .field {
  margin-top: 1em;
}
.signin.page .facebook.button {
  width: 12em;
}
.signin.page .google.plus.button {
  width: 12em;
}
.signin.page div.ui.form.segment {
  padding: 0.5em;
}
.signin.page div.right.floated.text-link {
  right: 2em;
  position: absolute;
}
.signin.page #login_section div.ui.input.login-input {
  width: 15em;
}
.signin.page #login_section div.parent-role-button {
  width: 7em;
}
.signin.page #login_section .ui.buttons .or:before {
  content: '或';
  font-size: 0.9em;
}
.red_text {
  color: #d54c4c !important;
}
.ui.inverted.menu .dropdown .menu .red_text.item,
.ui.inverted.menu .dropdown .menu .red_text.item a {
  color: #d54c4c !important;
}
.ui.form textarea {
  min-height: 50px;
  height: auto;
  font-family: "Helvetica Neue", "Helvetica", Arial;
}
i.icon.hiring-type {
  font-family: "微軟正黑體";
}
.ui.shaded.checkbox label {
  cursor: default;
  opacity: .5;
  color: #000;
}
/* made for helper profile blank red segment */
.display_none {
  display: none !important;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.ui.buttons .active.button,
.ui.active.button {
  background-color: #DFDFDF;
}
.ui.search .result .title {
  font-weight: 100;
}
.ui.input input {
  font-family: inherit;
}
.ui.input input.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.cke_editor_self_introduction {
  margin-left: auto !important;
  margin-right: auto !important;
}
i.dark.green.icon {
  color: #6e9d30 !important;
}
i.dark.purple.icon {
  color: #423c6a !important;
}
i.dark.teal.icon {
  color: #00827c !important;
}
#status_labels {
  background: #bfddaf;
  border-bottom: 1px solid #DDD;
  margin-top: 5px;
  margin-bottom: 8px;
  border-radius: 5px;
}
#status_labels div.top.column {
  padding: 0.5em;
}
#status_labels div.top.column #email_confirmation_alert {
  margin-top: 1em;
  margin-bottom: 0.3em;
}
#status_labels div.top.column #email_confirmation_alert > div.row {
  padding: 0 5px !important;
}
#status_labels .ui.label {
  background-color: #fcfcfc;
}
#status_labels .ui.label a {
  text-decoration: none;
}
#status_labels .ui.right.floated.header {
  margin: 0px;
}
a.ui.label {
  text-decoration: none;
}
.role.button {
  font-weight: 100 !important;
  font-size: 1.2rem !important;
  padding-left: 0.7em;
  padding-right: 0.7em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  margin-left: 5px;
}
.ui.header .label .icon {
  padding-right: 0px;
  margin-right: 0px;
}
a.icon {
  text-decoration: inherit;
  color: inherit;
}
.ui.inverted.red.menu {
  background-color: #e97f68;
}
.ui.inverted.red.segment {
  background-color: #e97f68 !important;
  color: #FFF!important;
}
.ui.red.label,
.ui.red.labels .label {
  background-color: #e97f68 !important;
  border-color: #e97f68 !important;
  color: #FFF!important;
}
.ui.red.inverted.accordion.menu .title {
  color: #FFF;
}
.ui.red.inverted.accordion.menu {
  font-size: 1.1rem;
}
.ui.accordion .accordion .title,
.ui.accordion .title {
  padding: 0px;
}
.ui.accordion .accordion .content,
.ui.accordion .content {
  padding: 0px;
}
.helper-profile div#reveal_phone_button {
  cursor: pointer;
}
.helper-profile div#reveal_email_button {
  cursor: pointer;
}
.helper-profile .parent_register_text {
  color: black;
  font-size: 0.9em;
  margin-left: 0.5em;
}
.helper-profile #helper_show_inner_div {
  margin-top: 10px;
  padding-top: 10px;
  max-width: none;
}
.helper-profile .reference-map {
  font-size: 0.85rem;
}
.helper-profile .region {
  margin-bottom: 8px;
}
.helper-profile .region .region-title {
  padding-bottom: 2px;
}
.helper-profile .region .district {
  padding-left: 5px;
  color: #555555;
  font-size: 0.85rem;
  white-space: nowrap;
}
.helper-profile .email {
  word-wrap: break-word;
  font-size: 0.9rem;
}
.helper-profile .ad.show.profile {
  text-align: center;
}
.helper-profile img.badge {
  margin-left: 7px;
}
.helper-profile .organization.name {
  top: -10px;
  position: relative;
  vertical-align: top;
}
.helper-profile .parent_register_button {
  text-decoration: none;
}
div.more-info-fields.ui.grid .ui.dropdown > .default.text {
  color: black;
}
#btn_login {
  width: 7em;
}
#btn_register {
  width: 7em;
}
#facebook_like_column {
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}
#google_plusone_column {
  padding-left: 0px!important;
  padding-right: 0px!important;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}
.social.share.column {
  width: 48%!important;
}
.ui.form .inline.field > input {
  width: 100%;
}
.ui.edit.form .field {
  clear: both;
  margin: 0 0 0.3em;
}
.auto_margin_center {
  margin-left: auto!important;
  margin-right: auto!important;
}
.fb-comments,
.fb-comments span,
.fb-comments iframe {
  width: 100% !important;
}
.g-plus {
  width: 350px;
}
.ui.small.segment {
  padding-bottom: 0.3em;
}
.ui.small.segment .ui.selection.list {
  margin-top: 1.6em;
}
.ui.cards a {
  color: inherit;
  text-decoration: inherit;
}
.ui.cards a.default-link {
  color: #007ba9;
}
.ui.breadcrumb a {
  text-decoration: inherit;
}
.item .video-container iframe,
.item .video-container object,
.item .video-container embed {
  top: 0;
  left: 0;
  width: 100%;
  height: 14em;
}
.video-container {
  text-align: center;
}
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
  margin: 7px 0 7px 24px;
}
.alignleft {
  float: left;
  margin: 7px 24px 7px 0;
}
.single.post .post.content {
  padding: 5px;
}
.single.post .post.content section.main.content {
  padding-left: 40px;
  padding-right: 40px;
}
.single.post .post.content .name a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}
.single.post .post.content h2.name {
  margin-bottom: 0px;
}
.single.post .post.content div.author {
  float: right;
}
.single.post .post.content div.terminology {
  margin-top: 12px;
}
.single.post .post.content div.terminology span.category {
  margin-left: 3px;
}
.single.post .post.content div.terminology span.tag {
  margin-left: 3px;
}
.single.post .post.content div.datetime {
  margin-top: 7px;
}
.single.post .post.content div.datetime span.date {
  margin-left: 3px;
}
.single.post .post.content div.datetime span.time {
  margin-left: 3px;
}
.single.post .post.content .social.elements {
  margin-left: 3px;
  margin-top: 8px;
}
.single.post .post.content .social.elements .fb-like {
  height: 25px;
  margin-left: 1px;
}
.single.post .post.content p.event-location {
  margin-bottom: 5px;
}
.single.post .post.content .street.address {
  padding: 10px;
}
.single.post .post.content p.event-reference-url a {
  word-break: break-all;
}
.single.post .pagination.menu {
  margin-top: 1rem;
  padding: 4px;
}
.single.post .pagination.menu .item {
  padding: 0.5em;
}
.single.post .about.author h4 {
  margin-top: 5px;
  margin-bottom: 0px;
}
.single.post .about.author .description {
  margin-top: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.single.post .about.author .website.link {
  font-size: 0.9rem;
}
.side-panel .ui.segment > .attached.label:first-child + * {
  margin-top: 0em;
}
.red-hover-border-image > img {
  border-radius: 1em;
  border: solid 3px rgba(255, 200, 200, 0.55);
}
.red-hover-border-image > img:hover {
  border-radius: 1em;
  border: solid 3px rgba(255, 118, 118, 0.55);
}
.blue-hover-border-image > img {
  border-radius: 1em;
  border: solid 3px rgba(200, 200, 255, 0.55);
}
.blue-hover-border-image > img:hover {
  border-radius: 1em;
  border: solid 3px rgba(118, 118, 255, 0.55);
}
.home.content .ui.list {
  margin-top: 0em;
  margin-bottom: 0em;
}
.home.content h3 {
  margin-bottom: 0.3em;
}
.home.content .ui.segment {
  padding-bottom: 0.3em;
  padding-top: 0.6em;
}
.home.content i.icon {
  font-size: 1.1rem;
}
.home.content .ad.item {
  margin-top: 5px;
  overflow: hidden;
}
.home.content .hot-questions.ui.segment h3 {
  text-align: left;
  margin-top: 0em;
  margin-bottom: 0.2em;
}
.home.content .hot-questions.ui.segment img.question-zone-logo {
  max-width: 120px;
}
.home.content .hot-questions.ui.segment a.header {
  text-align: left;
}
.home.content .hot-questions.ui.segment a.title {
  text-decoration: inherit;
}
.home.content .hot-questions.ui.segment a.red.title {
  color: #e97f68;
  float: right;
}
.home.content .hot-questions.ui.segment .ui.list > .item .content {
  width: 88%;
}
.home.content .hot-questions.ui.segment .ui.list > .item .content .description {
  margin-top: 0.3em;
  font-size: 0.9em;
  text-align: right;
}
.home.content .hot-questions.ui.segment div.mCustomScrollbar {
  margin-right: -8px;
  margin-left: -8px;
  height: 3.6em;
  overflow: hidden;
}
.home.content .hot-questions.ui.segment div.mCustomScrollbar div.mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.home.content .hot-questions.ui.segment div.mCustomScrollbar div.mCSB_scrollTools_vertical {
  margin-right: -5px;
}
.home.content .hot-questions.ui.segment .qa-ask-box .qa-form-tall-table {
  width: 100%;
}
.home.content .hot-questions.ui.segment .qa-ask-box .qa-form-tall-table > tr {
  vertical-align: middle;
}
.home.content .hot-questions.ui.segment .qa-ask-box .qa-form-tall-table .qa-form-tall-label {
  padding: 8px;
  white-space: nowrap;
  text-align: right;
}
.home.content .hot-questions.ui.segment .qa-ask-box .qa-form-tall-table .qa-form-tall-data {
  padding: 8px;
  height: 3em;
  width: 100%;
}
.home.content .hot-questions.ui.segment .qa-ask-box .qa-form-tall-table .qa-form-tall-data .qa-form-tall-text {
  width: 95%;
}
.home.content .articles.listing .ui.items {
  margin-top: 1.1em;
  margin-bottom: 0em;
}
.home.content .articles.listing .ui.items .content .header {
  font-size: 1em;
  width: 100%;
  max-height: 1.2em;
  overflow: hidden;
}
.home.content .articles.listing .ui.items .content .description {
  margin-top: .2em;
}
.home.content .articles.listing .ui.items .item {
  min-height: 75px;
}
.home.content .articles.listing .ui.items .item .ui.mini.image,
.home.content .articles.listing .ui.items .item .ui.mini.images .image,
.home.content .articles.listing .ui.items .item .ui.mini.images img {
  height: 52px;
  width: 52px;
}
.home.content .articles.listing .ui.items .item .image {
  height: 52px!important;
  width: 52px!important;
  background-color: inherit;
  margin-left: 0.2em;
  margin-right: 0.5em;
}
.home.content .articles.listing .ui.items .item .icon.play {
  position: relative;
  top: -35px;
  color: white;
  left: 16px;
  height: 0px;
}
.home.content .articles.listing .ui.items .image + .content {
  padding-left: 0.8em;
}
.home.content .articles.listing .post-description {
  font-size: 1rem;
}
.home.content .articles.listing a.title {
  text-decoration: inherit;
  color: inherit;
}
.home.content .articles.listing span.start-date,
.home.content .articles.listing time.start-date {
  float: right;
  font-size: 0.8rem;
  font-weight: 100;
}
.home.content .articles.listing .articles-div {
  padding-bottom: 1.5em!important;
  padding-top: 1.2em;
  height: 29em;
  overflow: auto;
  margin: 0!important;
}
.home.content .articles.listing .tabular.fitted.menu {
  font-size: .895rem;
}
.home.content .articles.listing .tabular.fitted.menu > .item {
  padding: 3px;
}
.home.content .articles-div .know-more-div {
  height: 1.2em;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.home.content .articles-div .know-more-div .know-more {
  font-size: 0.9rem;
  float: right;
}
.ui.selection.list .item {
  color: rgba(0, 0, 0, 0.85);
  padding: .3em;
}
.ui.doulaeasy.label {
  margin-top: 2px;
}
#findus_whatsapp {
  position: fixed;
  bottom: 40px;
  right: 23px;
  background: #25d366;
  height: 55px;
  width: 55px;
  line-height: 39px;
  z-index: 100;
  text-align: center;
  color: #fff;
  border-radius: 15px;
  box-shadow: grey 1px 1px 6px 0px;
}
#findus_whatsapp:hover {
  color: #fff;
  background: #21BD5B;
}
#findus_whatsapp > i {
  position: relative;
  font-style: normal;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 50px;
  z-index: 100;
  font-size: 37px;
  text-align: center;
  color: #fff;
}
.brown.icon {
  color: #885b35 ;
}
.item-link {
  color: inherit;
  text-decoration: inherit;
}
.search.bar .ui.outer.segment {
  margin: 0px;
  padding-top: 1.1em;
  padding-bottom: 1.5em;
  padding-left: 0.6em;
  padding-right: 0.6em;
  margin-left: 1em;
  margin-right: 1em;
  border-top: 0em solid #e97f68;
  box-shadow: -3px 3px 8px 1px #d2d2d2;
}
.search.bar #helper_collection {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.search.bar #find_twenty_four_hour {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.search.bar .helper-collection-column {
  padding-left: 10px !important;
  padding-right: 3px !important;
}
.search.bar .find-twenty-four-hour-column {
  padding-left: 3px !important;
  padding-right: 10px !important;
}
.search.bar #find_twenty_four_hour.purple .ui.moon {
  color: yellow!important;
}
.search.bar ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(0, 0, 0, 0.55) !important;
  font-weight: bold;
}
.search.bar :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000000 !important;
  opacity: 0.55;
  font-weight: bold;
}
.search.bar ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000000 !important;
  opacity: 0.55;
  font-weight: bold;
}
.search.bar :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(0, 0, 0, 0.55) !important;
  font-weight: bold;
}
.search.bar #jump_to_top_button {
  position: absolute;
  z-index: 1;
  bottom: 5px;
  right: 32px;
}
.search.bar #reset_form_button {
  position: absolute;
  z-index: 1;
  bottom: 5px;
  right: 5px;
}
.search.bar .ui.button .visible.content {
  margin: auto;
}
#search_bar {
  transition: all 1s ease;
}
#search_bar.scroll-fixed {
  z-index: 1000!important;
  left: 0px!important;
  right: 0px!important;
  position: fixed;
  margin-left: 0!important;
  margin-right: 0!important;
}
.ui-slider {
  margin: 5px 5px 0 5px;
}
span.paper-clip:after {
  width: 8px;
  height: 20px;
  content: " ";
  -ms-transform: rotate(4deg);
      transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  display: block;
  position: absolute;
  right: 2px;
  top: 5px;
  border-radius: 10px;
  border: 2px solid #666666;
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
span.paper-clip {
  height: 40px;
  width: 13px;
  border-radius: 10px;
  border: 2px solid #666666;
  display: inline-block;
  position: absolute;
  top: -15px;
  right: 16px;
  -ms-transform: rotate(25deg);
      transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
}
.press.release h3 {
  margin-top: 0.4em;
  margin-bottom: 1em;
}
.press.release p {
  margin-top: 5px;
  margin-bottom: 5px;
}
.press.release .ui.segment {
  padding-bottom: 1em;
}
#search_icon {
  margin-left: 4px;
}
#email_sender textarea {
  width: 90%;
}
.blog.page h2.page.title {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
.blog.page .main-content {
  padding-left: 2em;
}
.blog.page .main-content .content.page {
  padding: 2em;
}
div.gallery-view .tag {
  margin-left: 5px;
}
div.gallery-view .datetime {
  margin-left: 5px;
}
div.gallery-view iframe {
  margin-top: 10px;
}
div.gallery-view .card > .image {
  background: transparent !important;
}
div.list-view {
  margin-top: 0px;
}
div.list-view .header {
  padding-bottom: 0.3em;
}
div.list-view .post-description {
  padding-bottom: 0.4em;
}
div.list-view .ui.mini.image,
div.list-view .ui.mini.images .image,
div.list-view .ui.mini.images img {
  height: 65px;
  width: 65px;
}
div.list-view .image.container {
  height: 65px;
  width: 65px;
  background-color: inherit;
  margin-right: 8px;
}
div.list-view .icon.play {
  position: relative;
  top: -42px;
  color: white;
  left: 25px;
  height: 0px;
}
div.list-view .icon.large.play {
  position: relative;
  top: -55px;
  color: white;
  left: 20px;
  height: 0px;
}
div.list-view div.content {
  line-height: 1.5em;
  width: 85%;
}
div.list-view div.content .meta {
  float: right;
}
div.list-view .tag {
  margin-left: 5px;
}
.ui.divided.list:not(.horizontal) .icon.list {
  margin: inherit;
  padding: inherit;
}
.acf-map {
  width: 100%;
  height: 250px;
  border: #ccc solid 1px;
  margin: 0px 0 15px;
}
.ui.segment.event.details {
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 1.5em;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ui.loader:after {
  border-color: #E5DBDB transparent transparent;
}
blockquote {
  font-style: italic;
}
.powerpoint-iframe {
  width: 90%;
}
.ui.lightpink.label {
  background-color: #ffeded;
}
.add.helper.collection.label {
  border: 1px solid pink;
}
.side-panel *[id^='oio-banner-'] {
  max-width: inherit!important;
  text-align: center;
}
.side-panel .ad.item {
  margin-top: 10px;
}
.default-300x250-ad-banner {
  background-image: url(https://farm8.staticflickr.com/7514/15812010005_8c00d0c1c2_o.png);
  height: 250px;
  border-radius: 0.25em;
}
#toggle_desktop_button {
  float: right;
  text-decoration: none;
  font-size: 1em;
  margin-right: 0.5em;
}
.blank #helper_show_inner_div {
  margin-top: 0px;
}
span.suggested-price {
  font-size: 0.85em;
}
.ui.list.organization li:before {
  top: 1em;
}
.ui.list.organization .text-description {
  vertical-align: super;
  margin-left: 8px;
  position: relative;
  top: -8px;
}
.divclearable {
  width: 100%;
}
table.ui.table div.hidden-columns {
  display: inline;
  opacity: 0.8;
}
div.row.center.aligned {
  text-align: center;
}
.ui.tagging.dropdown.labeled.button {
  min-width: 11em;
  padding-left: 3.6em!important;
}
.ui.tagging.dropdown.labeled.button > .ui.label {
  border-top-left-radius: inherit!important;
  border-bottom-left-radius: inherit!important;
  margin: 2px!important;
}
div.captcha-img > img {
  cursor: pointer;
}
div.captcha-img div.ui.input {
  vertical-align: top!important;
  width: 120px!important;
  margin-left: 5px!important;
}
a.item-link {
  color: #722f2f;
}
/* class for stuffing space: START */
.margin-0 {
  margin: 0px!important;
}
.margin-5 {
  margin: 5px!important;
}
.margin-10 {
  margin: 10px!important;
}
.margin-top-0 {
  margin-top: 0px!important;
}
.margin-top-5 {
  margin-top: 5px!important;
}
.margin-top-10 {
  margin-top: 10px!important;
}
.margin-top-15 {
  margin-top: 15px!important;
}
.margin-top-20 {
  margin-top: 20px!important;
}
.margin-bottom-0 {
  margin-bottom: 0px!important;
}
.margin-bottom-5 {
  margin-bottom: 5px!important;
}
.margin-bottom-10 {
  margin-bottom: 10px!important;
}
.margin-bottom-15 {
  margin-bottom: 15px!important;
}
.margin-bottom-20 {
  margin-bottom: 20px!important;
}
.margin-left-0 {
  margin-left: 0px!important;
}
.margin-left-5 {
  margin-left: 5px!important;
}
.margin-left-10 {
  margin-left: 10px!important;
}
.margin-left-15 {
  margin-left: 15px!important;
}
.margin-left-20 {
  margin-left: 20px!important;
}
.margin-right-0 {
  margin-right: 0px!important;
}
.margin-right-5 {
  margin-right: 5px!important;
}
.margin-right-10 {
  margin-right: 10px!important;
}
.margin-right-15 {
  margin-right: 15px!important;
}
.margin-right-20 {
  margin-right: 20px!important;
}
.padding-top-0 {
  padding-top: 0px!important;
}
.padding-top-5 {
  padding-top: 5px!important;
}
.padding-top-10 {
  padding-top: 10px!important;
}
.padding-top-15 {
  padding-top: 15px!important;
}
.padding-top-20 {
  padding-top: 20px!important;
}
.padding-left-0 {
  padding-left: 0px!important;
}
.padding-left-5 {
  padding-left: 5px!important;
}
.padding-left-10 {
  padding-left: 10px!important;
}
.padding-left-15 {
  padding-left: 15px!important;
}
.padding-left-20 {
  padding-left: 20px!important;
}
.padding-right-0 {
  padding-right: 0px!important;
}
.padding-right-5 {
  padding-right: 5px!important;
}
.padding-right-10 {
  padding-right: 10px!important;
}
.padding-right-15 {
  padding-right: 15px!important;
}
.padding-right-20 {
  padding-right: 20px!important;
}
.padding-bottom-0 {
  padding-bottom: 0px!important;
}
.padding-bottom-5 {
  padding-bottom: 5px!important;
}
.padding-bottom-10 {
  padding-bottom: 10px!important;
}
.padding-bottom-15 {
  padding-bottom: 15px!important;
}
.padding-bottom-20 {
  padding-bottom: 20px!important;
}
.padding-0 {
  padding: 0px !important;
}
.padding-2 {
  padding: 2px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-20 {
  padding: 20px !important;
}
/* class for stuffing space: END */
/* class to tune layout: START */
.middle-aligned {
  margin-top: auto!important;
  margin-bottom: auto!important;
}
/* class to tune layout: END */
/* awesome font */
i.fa {
  opacity: 0.75;
  margin-right: .6em;
  line-height: 1;
  transition: opacity .1s ease;
}
i.fa:hover {
  opacity: 0.9;
}
.ui.button:hover > i.fa {
  opacity: 0.9;
}
@media only screen and (max-width: 1499px) {
  html.admin.desktop {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1500px) {
  html.admin.desktop {
    font-size: 14px;
  }
}
.admin .main.segment .main.grid {
  margin: 0 0%;
}
.admin .main.segment .main.grid .sidebar-column {
  width: 16%;
  padding-left: 3px;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: visible;
}
.admin .main.segment .main.grid .sidebar-column .ui.search.sidebar-search > .results {
  width: 15em;
}
.admin .main.segment .main.grid .section-column {
  width: 84%;
}
.admin #email_confirmation_alert {
  margin-top: 5px;
}
.admin div.smart-search-helpers-button {
  width: 250px;
}
.admin table.helper-list .email {
  font-size: 0.85em;
}
.admin .ui.page.grid {
  min-width: 320px;
  margin-left: 0%;
  margin-right: 0%;
}
@media only screen and (max-width: 991px) {
  .admin .ui.page.grid {
    padding: 0% 2%;
  }
}
@media only screen and (min-width: 992px) {
  .admin .ui.page.grid {
    padding: 0% 4%;
  }
}
@media only screen and (min-width: 1500px) {
  .admin .ui.page.grid {
    padding: 0% 6%;
  }
}
@media only screen and (min-width: 1750px) {
  .admin .ui.page.grid {
    padding: 0% 9%;
  }
}
@media only screen and (min-width: 2000px) {
  .admin .ui.page.grid {
    padding: 0% 12%;
  }
}
.admin #account_list .inline.field input {
  width: inherit;
}
.admin .user-change-log-text {
  word-wrap: break-word;
}
html.desktop {
  font-size: 16px;
}
.desktop {
  /* solved facebook like comment box overflow cut off problem */
}
.desktop body {
  background-color: #ffe8e4;
}
.desktop .ui.container.main.page.board {
  width: 1200px;
}
.desktop div.inner.main.page {
  margin: 1em;
}
.desktop .top.banner.grid .sub.large.text {
  margin-top: 1.8em;
}
.desktop div.nav-menu.ui.menu {
  background-color: white;
}
.desktop #header {
  height: 62px;
}
.desktop #header #doulaeasy-desktop-menu {
  box-shadow: 1px 2px 10px 2px rgba(100, 100, 100, 0.3);
}
.desktop .toast-top-full-width {
  top: 72px;
  right: 0;
  width: 100%;
}
.desktop #right_header .small.button {
  font-size: .85714286rem !important;
}
.desktop .fb-like span {
  display: block;
}
.desktop .fb_iframe_widget_lift {
  z-index: 10;
}
.desktop .top.banner.row {
  margin-top: -10px;
}
.desktop .top.banner .title {
  margin-top: 13px;
  margin-left: 20px;
  margin-bottom: 5px;
}
.desktop .content.padding {
  padding-left: 50px;
  padding-right: 50px;
}
.desktop .self.introduction.text {
  margin-left: 30px;
  margin-right: 30px;
}
.desktop .ui.signin.segment .ui.page.grid {
  padding: 0 15%;
}
.desktop .ui.register.form .ui.page.grid {
  padding: 0 5%;
}
.desktop .ui.register.requirement.form .ui.page.grid {
  padding: 0 20%;
}
.desktop .ui.supplement.form .ui.page.grid {
  padding: 0 15%;
}
.desktop .ui.signin.segment .ui.login.page.grid {
  padding: 0 20%;
}
.desktop #register_modal #helper_register_button {
  margin-left: 3em;
}
.desktop .hiring-post .ui.segment.hiring-board .ui.cards .hiring-card.card > .content:not(.extra) {
  position: relative;
  padding-bottom: 12em;
}
.desktop .hiring-post .ui.segment.hiring-board .ui.cards .hiring-card.card > .content.interested-helpers-non-viewable:not(.extra) {
  padding-bottom: 4em;
}
.desktop .hiring-post .ui.cards .hiring-card.card div.interested-helpers-div {
  bottom: 1em;
  left: 1em;
  right: 1em;
  position: absolute;
}
.desktop .hiring-post .ui.cards .hiring-card.card.editable {
  cursor: pointer;
}
.desktop div.more-info-fields.ui.grid > .row:first-child,
.desktop .hiring-request.ui.form > .row:first-child {
  padding-top: 1rem;
}
.desktop div.more-info-fields.ui.grid > .row,
.desktop .hiring-request.ui.form > .row {
  padding: 0.5rem 0;
}
.desktop div.more-info-fields.ui.grid .other-region.ui.dropdown,
.desktop .hiring-request.ui.form .other-region.ui.dropdown {
  width: initial;
  padding: 10px;
  margin-left: 15px;
}
.desktop div.more-info-fields.ui.grid .hong-kong-district.ui.select,
.desktop .hiring-request.ui.form .hong-kong-district.ui.select {
  width: initial;
  margin-left: 15px;
}
.desktop div.more-info-fields.ui.grid .provinces.ui.select,
.desktop .hiring-request.ui.form .provinces.ui.select {
  width: initial;
  margin-left: 15px;
}
.desktop div.more-info-fields.ui.grid .source-others.ui.input,
.desktop .hiring-request.ui.form .source-others.ui.input {
  width: 12em;
  margin-left: 15px;
}
.desktop .three-in-a-row-images {
  margin-left: 1em;
}
.desktop .edit.page.content {
  padding: 0 15%;
}
.desktop .helper_card_email_text {
  color: black;
}
.desktop .helper_card_phone_text {
  color: black;
}
.desktop a.tel-phone {
  text-decoration: inherit;
}
.desktop .ui.breadcrumb {
  margin: 0em 0;
  display: inline-block;
  vertical-align: middle;
}
.desktop .search.bar.outer.boundary {
  overflow: visible;
  margin-top: 10px;
  margin-bottom: 10px;
}
.desktop #search_bar .left-most-column {
  padding-right: 0px;
  padding-left: 25px;
}
.desktop #search_bar .title-column {
  width: auto!important;
}
.desktop #search_bar .select-role-column {
  margin-top: 1.2em;
  width: 100%!important;
}
.desktop #search_bar .more-search-filters {
  padding-left: 10px;
}
.desktop #search_bar .more-search-filters #other_languages {
  padding: 0.2em 0.1em;
}
.desktop div.search.result #boxes {
  margin-top: 1em;
}
.desktop div.search.result #boxes div.helper-card > .content {
  padding: 0;
}
.desktop div.search.result #boxes div.helper-card > .content .ui.cards {
  margin: 0;
}
.desktop div.search.result #search_result_label {
  margin-top: 0.5em;
}
.desktop .about.author.segment .row.content {
  margin-top: 10px;
}
.desktop .home.content.ui.grid > .column {
  margin-top: 0rem;
}
.desktop .sidebar-column {
  padding-left: 15px!important;
  padding-right: 15px!important;
}
.desktop .home.content div.top-section.row div.left-column.column {
  padding-left: 2em;
}
.desktop .home.content div.top-section.row div.right-column.column {
  padding-right: 2em;
}
.desktop .home.content .h1-ad {
  width: 100%!important;
  padding-top: 0em!important;
  padding-bottom: 0em!important;
}
.desktop .home.content .h2-ad {
  padding-top: 0em!important;
  padding-bottom: 0em!important;
}
.desktop .home.content .h3-ad {
  padding-top: 0em!important;
  padding-bottom: 0em!important;
}
.desktop #more_search_filters_button {
  display: none;
}
.desktop .helper-profile .hiring_info_explained.ui.table {
  margin-top: 15px;
}
.desktop .helper-profile .ui.page.grid {
  padding: 0 50px;
}
.desktop .helper-profile #e1_ad_item {
  height: 90px;
}
.desktop .helper-profile #e2_ad_item {
  height: 90px;
}
.desktop #toggle_desktop_button {
  margin-top: 10px;
}
.desktop #district_selector .hong-kong-region-figure-column {
  padding-left: 40px;
}
html.ios {
  overflow-x: initial;
  -webkit-overflow-scrolling: touch;
}
html.mobile:not(.blank) {
  height: 120%;
}
.mobile {
  /* make-scrollbar-visible-in-mobile-browsers : START */
  /* make-scrollbar-visible-in-mobile-browsers : END */
}
.mobile h1.doulaeasy-slogan.text {
  margin-top: 0!important;
  margin-bottom: 1em!important;
}
.mobile .main.page.board {
  box-shadow: 1px 5px 3px 4px rgba(100, 100, 100, 0.4);
  background-color: #ffe8e4;
  background-size: 100% 100%;
  padding-top: 0.7em;
  padding-bottom: 5px;
  border: none;
  margin-top: 0.7em;
  margin-bottom: 1em;
  border-radius: 0.4em;
}
.mobile body.blank {
  min-height: 0px;
  background-color: #ffe8e4;
}
.mobile main {
  background: white;
}
.mobile .doulaeasy-logo {
  width: auto;
  height: 65px;
}
.mobile .toggle-desktop-version {
  padding-bottom: 25px;
}
.mobile div.jump-to-card-section.ui.grid {
  margin-top: 1em;
}
.mobile .home.content .ui.list .item > .content {
  width: 16em;
}
.mobile .home.content .ad.item {
  width: inherit;
}
.mobile .home.content .articles.listing .ui.items .item {
  margin: 0.3em 0em;
}
.mobile #facebook_like_column {
  padding: 0.7em!important;
}
.mobile #google_plusone_column {
  padding: 0.7em!important;
}
.mobile .ui.modal {
  width: 90%;
  margin-left: -45%;
}
.mobile .ui.modal > .close {
  position: fixed;
  top: -2.2em !important;
  right: 0.35em;
  color: #FFF;
  z-index: 100;
  opacity: .8;
  font-size: 1.25rem;
}
.mobile #prompts_modal.ui.modal .ui.tab.segment {
  height: 32em!important;
  overflow: auto;
}
.mobile .top.banner.row {
  padding-top: 20px;
}
.mobile .top.banner .text {
  text-align: center;
}
.mobile .top.banner .title {
  margin-top: -0.1em;
  margin-left: 0.5em;
}
.mobile #footer {
  padding: 1em;
}
.mobile #status_labels .ui.label {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1em;
}
.mobile #status_labels .ui.list.user-label {
  margin: 0 2em;
}
.mobile #status_labels .ui.right.floated.header {
  margin-top: 1em;
}
.mobile #register_modal #helper_register_button img {
  margin-top: 1em;
}
.mobile .helper-profile-actions.ui.labeled.icon.buttons .button {
  position: relative;
  padding-left: 3.6em!important;
  padding-right: 0.6em!important;
}
.mobile .ui.main.inner.page.segment {
  padding-left: 6px;
  padding-right: 6px;
}
.mobile .outer.main.page.segment {
  padding-left: 8px;
  padding-right: 8px;
}
.mobile #helper_show_inner_div {
  width: 100%;
  margin-top: 10px;
}
.mobile div.sidebar-right-menu {
  background-color: #fff;
  padding: 1em 0 0.2em 0;
  margin: 0 1em;
  border-radius: 0.4em;
}
.mobile div.launch_menu_button.transparent {
  background: transparent;
}
.mobile div.launch_menu_button {
  position: fixed;
  padding: 1em;
  top: 2em;
  color: white;
  left: 0px;
  background: rgba(233, 127, 104, 0.52);
  border-radius: 0 .4em .4em 0;
}
.mobile div.launch_menu_button span.text {
  font-size: 1.3em;
}
.mobile div.launch_menu_button.close-menu {
  position: relative;
  padding: 0 0 0 1em;
  top: initial;
}
.mobile div.main-menu.sidebar {
  overflow-x: hidden;
  background: rgba(223, 151, 151, 0.94);
}
.mobile div.main-menu.sidebar .ui.accordion {
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1em;
}
.mobile div.main-menu.sidebar .ui.large.menu .item .item {
  font-size: 1em;
}
.mobile div.main-menu.sidebar #toggle_desktop_button {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1;
}
.mobile .helper-profile .ui.basic.segment {
  margin-top: 0;
  padding-top: 0;
}
.mobile .helper-profile .ui.page.grid {
  margin-top: 20px;
}
.mobile .helper-profile .ui.right.floated.header {
  margin-top: 10px;
}
.mobile .helper-profile .ui.page.grid > .column {
  padding: 0 0px;
}
.mobile .helper-profile #e1_ad_item {
  height: 250px;
}
.mobile .helper-profile #e2_ad_item {
  height: 250px;
}
.mobile div.more-info-fields.ui.grid .other-region.ui.dropdown {
  margin-top: 15px;
}
.mobile div.more-info-fields.ui.grid .hong-kong-district.ui.select {
  margin-top: 15px;
}
.mobile div.more-info-fields.ui.grid .provinces.ui.select {
  margin-top: 15px;
}
.mobile div.more-info-fields.ui.grid .source-others.ui.input {
  margin-top: 15px;
}
.mobile #matching_search_text h2 {
  margin-bottom: 2px;
}
.mobile #select_role_buttons h2 {
  margin-top: 2px;
}
.mobile .right.header.button {
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 13px;
  border-radius: 0px;
  text-transform: none;
}
.mobile .right.header.button .icon.dropdown {
  padding-right: 0px;
  width: 100px;
}
.mobile div.ui.list.user-menu a.item {
  color: inherit;
  padding: 0.8em;
}
.mobile .ui.compact.vertical.menu .item:last-child::before {
  display: none;
}
.mobile .ui.compact.vertical.menu > .item:last-child::before {
  display: block;
}
.mobile .self.introduction.text {
  word-wrap: break-word;
  max-width: 400px;
}
.mobile .ui.rotate.reveal.no-hover:hover > .visible.content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.mobile .ui.rotate.reveal.hover > .visible.content {
  -webkit-transform: rotate(110deg);
  -ms-transform: rotate(110deg);
  transform: rotate(110deg);
}
.mobile .ui.label .helper_card_email_text a {
  color: -webkit-link;
  text-decoration: underline;
}
.mobile .ui.label .helper_card_phone_text a {
  color: -webkit-link;
  text-decoration: underline;
}
.mobile a.tel-phone {
  color: -webkit-link;
  text-decoration: underline;
}
.mobile .edit.page.content .row {
  margin-bottom: 2em;
}
.mobile .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.mobile .video-container iframe,
.mobile .video-container object,
.mobile .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mobile .doulaeasy.phone.label {
  padding-top: 0.3rem;
  padding-bottom: 0.28rem;
}
.mobile .doulaeasy.whatsapp.label {
  padding-top: 0.3rem;
  padding-bottom: 0.28rem;
}
.mobile .blog.index h2.page.title {
  margin-top: 0.6em;
}
.mobile .blog.index div.gallery-view .post-item {
  min-height: 200px;
}
.mobile .blog.index div.list-view {
  margin-top: 15px;
}
.mobile .blog.index div.list-view div.content {
  line-height: 1.5em;
  width: 250px;
}
.mobile .blog.page .main-content .content.page {
  padding: 0.3em;
}
.mobile .content.page nav {
  padding-left: 1em;
  padding-right: 1em;
}
.mobile .ui.stackable.items > .item,
.mobile .ui.stackable.items > .row > .item {
  display: block!important;
  height: auto!important;
  width: 100%!important;
  padding: 0.4em!important;
}
.mobile .about.author.segment .row.content {
  margin-top: 1em;
}
.mobile #search_result_segment {
  padding-left: 0px;
  padding-right: 0px;
}
.mobile #search_result_segment #search_result_content {
  padding-top: 0.5em;
}
.mobile #helper_schedule_calendar {
  width: 100%!important;
}
.mobile #helper_schedule_calendar > .ui-datepicker {
  width: 100%!important;
}
.mobile .single.post .post.content section.main.content {
  padding-left: 5px;
  padding-right: 5px;
}
.mobile .single.post .post.content .social.elements {
  height: 53px;
  margin-left: 4px;
}
.mobile .single.post .post.content .social.elements .fb-like {
  height: 25px;
}
.mobile .single.post .post.content .social.elements .facebook.like {
  margin-top: 5px;
}
.mobile .single.post .post.content .social.elements .google.share {
  margin-top: 10px;
}
.mobile .ui.items > .item > .image + .content {
  padding-left: 0.5em;
}
.mobile .social.share.column {
  margin-top: 6px!important;
  margin-bottom: 10px!important;
}
.mobile .ui.segment.event.details {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 1.5em;
}
.mobile .side-panel *[id^='oio-banner-'] {
  max-width: inherit!important;
}
.mobile .magnific-image img {
  max-width: 300px;
  height: auto;
}
.mobile #boxes {
  margin-left: 0em;
  margin-right: 0em;
  margin-top: 1em;
}
.mobile #boxes .ad.item {
  width: initial;
  margin: 0.5em;
}
.mobile #boxes .ad.item div {
  width: 100%!important;
  padding-top: 0.3em!important;
  padding-bottom: 0.3em!important;
}
.mobile #boxes .helper-card .ui.cards .card {
  min-height: initial!important;
}
.mobile #boxes .helper-card .ui.cards .card .rounded-avatar img {
  width: 7.5rem!important;
  height: 8.5rem!important;
}
.mobile #boxes .helper-card img.front.badge {
  top: 8px;
}
.mobile #boxes .helper-card > .content {
  padding: 0;
}
.mobile #boxes .helper-card .ui.cards {
  margin: auto;
}
.mobile .hiring-post div.ui.list.hiring-label div.ui.label {
  margin: 0.5em;
}
.mobile .hiring-post .ui.cards .hiring-card.card {
  margin-top: 1.5em!important;
}
.mobile .search.bar .hiring-period .small.input {
  font-size: 1rem;
}
.mobile .search.bar .ui.outer.segment {
  padding-top: 1.8em;
  padding-bottom: 2.3em;
}
.mobile .search.bar .more-search-filters {
  margin-top: 0;
  margin: 0px!important;
}
.mobile .search.bar .title-column {
  padding-right: 0.2em;
}
.mobile .search.bar .title-column h2 {
  font-size: 1.2em!important;
  padding-left: 0.2em;
}
.mobile .search.bar .select-role-column {
  padding-left: 0;
  padding-right: 0;
}
.mobile .search.bar #more_search_filters_button {
  padding: 0.6em;
  margin-left: 0.6em;
  margin-right: 0.6em;
  width: 95%;
}
.mobile .search.result .ui.three.items > .item {
  margin-left: -4px;
}
.mobile .social-elements .fb-like,
.mobile .social-elements .fb-like iframe[style] {
  width: 320px !important;
  display: block;
  z-index: 2000;
  position: relative;
}
.mobile .social-elements .fb-like span,
.mobile .social-elements .fb-like iframe span[style] {
  width: 320px !important;
  display: block;
  z-index: 2000;
  position: relative;
}
.mobile div.more-search-filters {
  padding-top: 0em!important;
}
.mobile .ui.modal.popup-theme-1 {
  width: 90% !important;
  margin-left: -45% !important;
}
@media only screen and (min-width: 350px) {
  .mobile #helper_schedule_calendar .ui-datepicker {
    font-size: 0.7rem!important;
  }
}
@media only screen and (max-width: 349px) {
  .mobile #helper_schedule_calendar .ui-datepicker {
    font-size: 3px!important;
    padding: .1em 0;
  }
}
@media only screen and (max-width: 330px) {
  .mobile #facebook_like_column {
    height: 18px;
    padding: 0px!important;
  }
  .mobile #google_plusone_column {
    height: 18px;
    padding: 0px!important;
  }
  .mobile #helper_card_email_text {
    bottom: -5px !important;
  }
  .mobile .outer.main.page.segment {
    background-size: 250%;
  }
  .mobile #parent_register_button img {
    width: 90%;
    height: 90%;
  }
  .mobile #helper_register_button img {
    width: 90%;
    height: 90%;
  }
  .mobile #boxes .helper-card.outer.card {
    max-height: 210px!important;
    min-height: 180px!important;
  }
  .mobile #boxes .helper-card .content.item {
    width: 214px;
    min-height: 170px;
  }
  .mobile #boxes .helper-card .upper {
    height: 110px;
  }
  .mobile .ui.small.segment {
    padding-bottom: 0.3em;
  }
  .mobile .self.introduction.text {
    max-width: 230px !important;
  }
  .mobile .ui.page.grid {
    min-width: 230px;
  }
  .mobile p.sub.text.large {
    font-size: 1.3rem;
  }
  .mobile .fb-comments,
  .mobile .fb-comments span,
  .mobile .fb-comments iframe {
    width: 220px !important;
  }
  .mobile .fb-like {
    width: 150px;
  }
  .mobile .fb-like,
  .mobile .fb-like iframe[style] {
    width: 200px !important;
    display: block;
    z-index: 2000;
    position: relative;
  }
  .mobile .fb-like span,
  .mobile .fb-like iframe span[style] {
    width: 200px !important;
    display: block;
    z-index: 2000;
    position: relative;
  }
  .mobile #___plus_1 {
    width: 160px!important;
  }
  .mobile #___plus_1 iframe {
    width: 160px!important;
  }
  .mobile div.list-view div.content {
    width: 145px;
  }
  .mobile .single.post .main.content img {
    max-width: 190px;
    height: auto;
  }
}
@media only screen and (min-width: 331px) {
  .mobile body.blank {
    min-width: inherit;
  }
  .mobile .mfp-container,
  .mobile .mfp-bg,
  .mobile .mfp-close {
    position: fixed!important;
  }
  .mobile .helper-card .nickname.title {
    font-size: 1rem;
  }
  .mobile .helper-card .card-matching-detail {
    font-size: 0.8rem;
  }
  .mobile .helper-card .card-back-line {
    font-size: 0.95rem;
  }
  .mobile .helper-card .click-enter {
    font-size: 1rem;
  }
  .mobile .helper-card .add.helper.collection {
    padding: 0.5em;
    font-size: 0.7rem;
  }
  .mobile .helper-card .helper_card_phone_text {
    bottom: 27px;
  }
  .mobile .helper-card .helper_card_email_text {
    bottom: 7px;
  }
}
.mobile ::-webkit-scrollbar {
  -webkit-appearance: none;
}
.mobile ::-webkit-scrollbar:vertical {
  width: 12px;
}
.mobile ::-webkit-scrollbar:horizontal {
  height: 12px;
}
.mobile ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}
.mobile ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}
.mobile #register_modal {
  top: 15%;
}
@media only screen and (max-width: 330px) {
  html.mobile {
    font-size: 0.70em;
  }
}

/*# sourceMappingURL=app.css.map */