@charset "UTF-8";
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
}

.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-mirror-skeleton {
  z-index: 5;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
}

.fc-event,
.fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */
}

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}

/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event.fc-dragging:not(.fc-selected) {
  opacity: 0.75;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}

/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "";
}

.fc-icon-chevron-right:before {
  content: "";
}

.fc-icon-chevrons-left:before {
  content: "";
}

.fc-icon-chevrons-right:before {
  content: "";
}

.fc-icon-minus-square:before {
  content: "";
}

.fc-icon-plus-square:before {
  content: "";
}

.fc-icon-x:before {
  content: "";
}

.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
}

/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.fc-button {
  -webkit-appearance: button;
}

.fc-button:not(:disabled) {
  cursor: pointer;
}

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc-button:hover {
  color: #212529;
  text-decoration: none;
}

.fc-button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc-button:disabled {
  opacity: 0.65;
}

/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f;
}

.fc-button-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}

.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.fc-button-group > .fc-button {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.fc-button-group > .fc-button:hover {
  z-index: 1;
}

.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
}

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}

.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative;
}

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

@media print {
  .fc {
    max-width: 100% !important;
  }

  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }

  .fc-event .fc-resizer {
    display: none;
  }

  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }

  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton,
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-mirror-container {
    display: none;
  }

  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */
  }

  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */
  }

  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */
  }

  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
       making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }

  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
.fc-more {
    display: none !important;
  }

  .fc tr.fc-limited {
    display: table-row !important;
  }

  .fc td.fc-limited {
    display: table-cell !important;
  }

  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */
  }

  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }

  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none;
  }

  /* don't display the horizontal lines */
  .fc-slats,
.fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */
  }

  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }

  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }

  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }

  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }

  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }

  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }

  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }

  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }

  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }

  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none;
  }

  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }

  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
.fc-day-grid-container,
.fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important;
  }

  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }

  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
.fc button {
    display: none;
    /* don't display any button-related controls */
  }
}
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px;
}

.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center;
}

.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
@charset "UTF-8";
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  margin-bottom: 1px;
}

.fc-time-grid-event-inset {
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}

.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%;
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: " - ";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: normal; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

h1 {
  display: none; }

img {
  width: 100%; }

video {
  width: 100%; }

.template {
  display: none !important; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.text-line-height-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
  .text-line-height-ellipsis.line-3 {
    -webkit-line-clamp: 3; }
  .text-line-height-ellipsis.line-4 {
    -webkit-line-clamp: 4; }
  .text-line-height-ellipsis.line-5 {
    -webkit-line-clamp: 5; }

.block-title {
  color: #464646;
  font-size: 35px;
  letter-spacing: 4px;
  font-weight: bold;
  border-bottom: 3px solid #fe4438;
  padding-bottom: 20px;
  display: inline-block; }

.default-content-layout {
  max-width: 1440px;
  width: 100%;
  padding: 130px 30px 0px 30px;
  margin: 0 auto;
  box-sizing: border-box; }
  @media (max-width: 1024px) {
    .default-content-layout {
      padding: 50px 30px 0px 30px; } }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 32px;
  z-index: 1; }

.datepicker--cell.-focus- {
  background: #f0f0f0; }

.datepicker--cell.-current- {
  color: #4EB5E6; }

.datepicker--cell.-current-.-focus- {
  color: #4a4a4a; }

.datepicker--cell.-current-.-in-range- {
  color: #4EB5E6; }

.datepicker--cell.-in-range- {
  background: rgba(92, 196, 239, 0.1);
  color: #4a4a4a;
  border-radius: 0; }

.datepicker--cell.-in-range-.-focus- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell.-disabled- {
  cursor: default;
  color: #aeaeae; }

.datepicker--cell.-disabled-.-focus- {
  color: #aeaeae; }

.datepicker--cell.-disabled-.-in-range- {
  color: #a1a1a1; }

.datepicker--cell.-disabled-.-current-.-focus- {
  color: #aeaeae; }

.datepicker--cell.-range-from- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 4px 0 0 4px; }

.datepicker--cell.-range-to- {
  border: 1px solid rgba(92, 196, 239, 0.5);
  background-color: rgba(92, 196, 239, 0.1);
  border-radius: 0 4px 4px 0; }

.datepicker--cell.-range-from-.-range-to- {
  border-radius: 4px; }

.datepicker--cell.-selected- {
  color: #fff;
  border: none;
  background: #5cc4ef; }

.datepicker--cell.-selected-.-current- {
  color: #fff;
  background: #5cc4ef; }

.datepicker--cell.-selected-.-focus- {
  background: #45bced; }

.datepicker--cell:empty {
  cursor: default; }

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #FF9A19;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }

@media print {
  .datepickers-container {
    display: none; } }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 100; }

.datepicker.-from-top- {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px); }

.datepicker.-from-right- {
  -webkit-transform: translateX(8px);
  transform: translateX(8px); }

.datepicker.-from-bottom- {
  -webkit-transform: translateY(8px);
  transform: translateY(8px); }

.datepicker.-from-left- {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px); }

.datepicker.active {
  opacity: 1;
  -webkit-transform: translate(0);
  transform: translate(0);
  transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }

.-only-timepicker- .datepicker--content {
  display: none; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }

.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
  top: calc(100% - 4px);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  right: calc(100% - 4px);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  bottom: calc(100% - 4px);
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); }

.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
  left: calc(100% - 4px);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
  left: 10px; }

.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
  right: 10px; }

.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
  left: calc(50% - 10px / 2); }

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
  top: 10px; }

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
  bottom: 10px; }

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
  top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }

.datepicker--body.active {
  display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }

.-only-timepicker- .datepicker--nav {
  display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker--nav-action:hover {
  background: #f0f0f0; }

.datepicker--nav-action.-disabled- {
  visibility: hidden; }

.datepicker--nav-action svg {
  width: 32px;
  height: 32px; }

.datepicker--nav-action path {
  fill: none;
  stroke: #9c9c9c;
  stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }

.datepicker--nav-title i {
  font-style: normal;
  color: #9c9c9c;
  margin-left: 5px; }

.datepicker--nav-title:hover {
  background: #f0f0f0; }

.datepicker--nav-title.-disabled- {
  cursor: default;
  background: none; }

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px; }

.datepicker--button:hover {
  color: #4a4a4a;
  background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  position: relative; }

.datepicker--time.-am-pm- .datepicker--time-sliders {
  -webkit-flex: 0 1 138px;
  -ms-flex: 0 1 138px;
  flex: 0 1 138px;
  max-width: 138px; }

.-only-timepicker- .datepicker--time {
  border-top: none; }

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
  -ms-flex: 0 1 153px;
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
  content: '';
  background: #f0f0f0;
  border-radius: 4px;
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0; }

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
  opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }

.datepicker--time-row:first-child {
  margin-bottom: 4px; }

.datepicker--time-row input[type='range'] {
  background: none;
  cursor: pointer;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none; }

.datepicker--time-row input[type='range']::-ms-tooltip {
  display: none; }

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
  border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
  border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:hover::-ms-thumb {
  border-color: #b8b8b8; }

.datepicker--time-row input[type='range']:focus {
  outline: none; }

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef; }

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef; }

.datepicker--time-row input[type='range']:focus::-ms-thumb {
  background: #5cc4ef;
  border-color: #5cc4ef; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s; }

.datepicker--time-row input[type='range']::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s; }

.datepicker--time-row input[type='range']::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid #dedede;
  background: #fff;
  cursor: pointer;
  transition: background .2s; }

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
  margin-top: -6px; }

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent; }

.datepicker--time-row input[type='range']::-moz-range-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent; }

.datepicker--time-row input[type='range']::-ms-track {
  border: none;
  height: 1px;
  cursor: pointer;
  color: transparent;
  background: transparent; }

.datepicker--time-row input[type='range']::-ms-fill-lower {
  background: transparent; }

.datepicker--time-row input[type='range']::-ms-fill-upper {
  background: transparent; }

.datepicker--time-row span {
  padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }

.datepicker--time-icon:after, .datepicker--time-icon:before {
  content: '';
  background: currentColor;
  position: absolute; }

.datepicker--time-icon:after {
  height: .4em;
  width: 1px;
  left: calc(50% - 1px);
  top: calc(50% + 1px);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%); }

.datepicker--time-icon:before {
  width: .4em;
  height: 1px;
  top: calc(50% + 1px);
  left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }

.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
  color: #c5c5c5; }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
  color: #dedede; }

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
  color: #fff;
  background: #a2ddf6; }

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
  background: #8ad5f4; }

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.1);
  color: #cccccc; }

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
  background-color: rgba(92, 196, 239, 0.2); }

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
  background: none;
  border: none; }

table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0; }

table.dataTable thead th, table.dataTable tfoot th {
  font-weight: bold; }

table.dataTable thead th, table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111; }

table.dataTable thead th:active, table.dataTable thead td:active {
  outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right; }

table.dataTable thead .sorting {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7XQMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC); }

table.dataTable thead .sorting_asc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==); }

table.dataTable thead .sorting_desc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII=); }

table.dataTable thead .sorting_asc_disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAW0lEQVQoz2NgoCm4w3Vnwh02wspK7/y6k01Ikdadx3f+37l9RxmfIsY7c4GKQHDiHUbcyhzvvIMq+3THBpci3jv7oIpAcMcdduzKEu/8vPMdDn/eiWQYBYMKAAC3ykIEuYQJUgAAAABJRU5ErkJggg==); }

table.dataTable thead .sorting_desc_disabled {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAWUlEQVQoz2NgGAWDCtyJvPPzznc4/HknEbsy9js77vyHw313eHGZZ3PnE1TRuzuOuK1lvDMRqmzuHUZ87lO+cxuo6PEdLUIeyb7z604pYf+y3Zlwh4u2YQoAc7ZCBHH4jigAAAAASUVORK5CYII=); }

table.dataTable tbody tr {
  background-color: #ffffff; }

table.dataTable tbody tr.selected {
  background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td {
  padding: 8px 10px; }

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #ddd; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
  border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
  border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb; }

table.dataTable.no-footer {
  border-bottom: 1px solid #111; }

table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
  padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
  padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
  text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td {
  box-sizing: content-box; }

.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1; }

.dataTables_wrapper .dataTables_length {
  float: left; }

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right; }

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em; }

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em; }

.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em; }

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: #333; }

.dataTables_wrapper .dataTables_scroll {
  clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none; }

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em; } }

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center; }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em; } }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: normal; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  text-decoration: none; }

h1 {
  display: none; }

img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

button, input:focus {
  outline: none; }

main {
  background-color: #fafafa; }
  main article {
    flex-grow: 1;
    min-width: 1024px; }

.error-message {
  color: #d60000;
  font-size: 12px;
  margin-top: 10px;
  display: block; }

.error-message2 {
  color: #d60000;
  font-size: 12px;
  margin-top: 10px;
  display: block; }

.admin-input-file__content .error-message {
  margin: 0; }

form .admin-item-block__content__select {
  max-width: 260px;
  min-width: 0;
  width: 100%; }

.item-button {
  display: flex; }
  .item-button .item-button__save {
    margin-right: 8px; }

.admin-modal-bg {
  background-color: rgba(255, 255, 255, 0.6);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  display: none; }
  .admin-modal-bg .admin-modal-content {
    width: 100%;
    max-width: 800px;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 10px;
    height: 100%;
    max-height: 600px;
    overflow-y: auto; }
    .admin-modal-bg .admin-modal-content .admin-modal-btn-group {
      display: flex; }
    .admin-modal-bg .admin-modal-content .admin-modal-btn {
      background: linear-gradient(to bottom, #5e9b51 0%, #2a5e1e 30%, #285f1c 99%, #5e9b51 100%);
      color: #fff;
      border-radius: 5px;
      width: 100px;
      line-height: 30px;
      border: 1px solid #5e9b51;
      cursor: pointer;
      font-size: 16px;
      margin-right: 10px;
      text-align: center; }
    .admin-modal-bg .admin-modal-content .admin-modal-item {
      width: 90%;
      margin: 1rem auto; }
    .admin-modal-bg .admin-modal-content .admin-modal-item-title {
      display: flex;
      align-items: center; }
      .admin-modal-bg .admin-modal-content .admin-modal-item-title label {
        color: #3B8B2C;
        font-size: 1.5rem;
        margin: 1rem; }
      .admin-modal-bg .admin-modal-content .admin-modal-item-title .admin-modal-item-toggle {
        display: inline-block;
        background: #888;
        width: 20px;
        color: #fff;
        line-height: 1;
        text-align: center;
        font-size: 20px;
        cursor: pointer; }
    .admin-modal-bg .admin-modal-content .admin-modal-item-title-sm {
      font-size: 1rem;
      margin: 0;
      color: #3B8B2C;
      font-weight: bold; }
    .admin-modal-bg .admin-modal-content .admin-modal-item-body {
      padding: 0 1rem; }
      .admin-modal-bg .admin-modal-content .admin-modal-item-body ul {
        display: flex;
        flex-wrap: wrap; }
        .admin-modal-bg .admin-modal-content .admin-modal-item-body ul li {
          width: 50%;
          margin: .25rem 0; }
    .admin-modal-bg .admin-modal-content.type-2 {
      max-width: 1000px;
      background: transparent;
      border: transparent; }
  .admin-modal-bg .admin-modal-title {
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #3B8B2C;
    margin: .5rem auto; }

.admin-modal-close {
  font-size: 1.5rem;
  margin-left: auto;
  width: 24px;
  text-align: center;
  opacity: .5;
  transition: .3s;
  transform: rotateX(40deg);
  position: absolute;
  right: 10px;
  cursor: pointer; }
  .admin-modal-close:hover {
    opacity: 1; }

.template {
  display: none !important; }

#page-title {
  display: none; }

.item-image-file {
  pointer-events: none;
  visibility: hidden;
  width: 0;
  margin-top: 0; }
  .item-image-file + .error-message {
    margin-top: 0; }

.input-file {
  cursor: pointer; }

.admin-page-header-controller-wrapper {
  display: flex;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 1; }

.admin-page-header-controller-button-block {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }
  .admin-page-header-controller-button-block._mb15 {
    margin-bottom: 15px; }
  .admin-page-header-controller-button-block .button-block__item {
    margin-right: 15px; }
    .admin-page-header-controller-button-block .button-block__item .excel-block {
      display: flex; }
      .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-button {
        position: relative;
        padding: 0 20px;
        height: 35px;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        box-sizing: border-box;
        margin-bottom: 10px;
        background-color: #ffffff;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-button:hover {
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out;
          background-color: #efefef; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-button.mr15 {
          margin-right: 15px; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-button__title {
          width: 100%;
          height: 100%;
          font-size: 16px;
          color: #000000;
          text-align: center;
          line-height: 2;
          pointer-events: none; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-button__input {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          cursor: pointer; }
      .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-filename {
        display: none;
        font-size: 16px;
        color: #000000;
        margin-left: 10px;
        margin-bottom: 15px; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__flex .excel-filename.show {
          display: block; }
      .admin-page-header-controller-button-block .button-block__item .excel-block__send {
        margin-left: 15px;
        display: none;
        font-size: 16px;
        border: 1px solid #02903f;
        border-radius: 2px;
        box-sizing: border-box;
        width: 95px;
        height: 35px;
        cursor: pointer;
        text-align: center;
        margin-bottom: 10px;
        background-color: #02903f;
        color: #ffffff;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__send.show {
          display: block; }
        .admin-page-header-controller-button-block .button-block__item .excel-block__send:hover {
          background-color: #ffffff;
          color: #02903f;
          border-color: #02903f;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
    .admin-page-header-controller-button-block .button-block__item__button {
      width: auto;
      height: 35px;
      padding: 0 20px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      box-sizing: border-box;
      background-color: #ffffff;
      display: flex;
      margin-bottom: 10px;
      align-items: center;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      background-color: #ffffff; }
      .admin-page-header-controller-button-block .button-block__item__button a {
        font-size: 16px;
        color: #000000; }
      .admin-page-header-controller-button-block .button-block__item__button:hover {
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        background-color: #efefef; }

.admin-page-header-controller-button {
  margin-bottom: 20px; }

.admin-show-hide-delete-button-block {
  display: none;
  align-items: center;
  margin-top: 3px; }
  .admin-show-hide-delete-button-block__line {
    width: 2px;
    height: 30px;
    background-color: #eaeaea;
    opacity: 0;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out; }
  .admin-show-hide-delete-button-block__icon-block {
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    margin-left: 15px; }
    .admin-show-hide-delete-button-block__icon-block__item {
      margin-right: 20px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .admin-show-hide-delete-button-block__icon-block__item:last-child {
        margin-right: 0; }
      .admin-show-hide-delete-button-block__icon-block__item.show-icon {
        background: url(../images/backend/show-icon.png);
        background-size: contain;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-show-hide-delete-button-block__icon-block__item.show-icon:hover {
          background: url(../images/backend/show-icon-green.png);
          background-size: contain;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
      .admin-show-hide-delete-button-block__icon-block__item.hide-icon {
        background: url(../images/backend/hide-icon.png);
        background-size: contain;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-show-hide-delete-button-block__icon-block__item.hide-icon:hover {
          background: url(../images/backend/hide-icon-green.png);
          background-size: contain;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
      .admin-show-hide-delete-button-block__icon-block__item.delete-icon {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAuhJREFUSA2tVs+LEmEYdnSWCcS6JIgDEYGHWOjSVkYtQZcOXcNLf4DFnryFelU7+AckFB46doqlOoUsQe6lDl2CPITUbFC2FRtSm870vF++H6/fjLpsDozvr+d9nvf75nPUis25Go3G1fF4/HwORJYK1Wr1kUxI35KB9Nvt9hHP895YluUg/1DWTD8IghvIHUsmk6dLpdJ3s06xHZWkHEQqMDkIXS+Xy09n4Shfr9c3fd9/ORwO7yK8FYW1arXaGZCdlEVMeBT3A+R68Xi8LGuzfODvoJYH123YTxIHjve0omeYJisLwl9F7bGIF7oQvGeCkNux8XEeBdcsLjOGhqcPQ6fTsbvd7jksPbkMEZzWn+l0+lWxWPxDfEqo1WqtDAaDF1C+sAwR5sDQ27lc7kqhUNiPUxIil5ctQrzgzPd6vUvkKyFyoi5MtIM7kDXE33D/kDn4PnJfjNxUqIQSicRgKvsv+JVKpU7BNU/RTeTo1hdE7mez2RNI7OvkxGFuJYQHFxJCs5PJZLD64J1sRuMe7qkVAfMWbwVa1YrEks/cSggP7KsJQLPV7/dd5D2zFhF7hKUes8bcSohOBabZM0GYxrVte6EQYQhr9hMncVNeCZGDaULbh9yBhQhLPPKSnFoI6lHb5+JAhE6eJENfQJgoIcmphaQ6E+E959I3G7V5R/czYQjLfWwlpxaCemjr0KCaUfvIzRGWn2FISHJqIRCEto6FYJksQkfXQkKSUwtJdcHGzYcSkpxaCHsc2joA1e8U7EwhrjFWDBmTnFpILpPBeJhOs9k8jnimENUIQ1juE1Y/Di2EiUIroobRaOTy1IJAu1QjjE4IR3JqIX75CZxy6dguEoo62tQsOfW/IMdxPmAyH3UtrpRisWsg2pr49JI8i20ai3gVg6xzLKxPnBxPvQTxj6gLkjwX/8dCfLtSqVxkDnP6DQB+c/GwdsKxIfunhDDBaxTXAHwCuyuBB/R3J71rEy7d9hcpEj4HcQvmdwAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: contain;
        width: 22px;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-show-hide-delete-button-block__icon-block__item.delete-icon:hover {
          background: url(../images/backend/delete-icon-green.png) center center no-repeat;
          background-size: contain;
          width: 22px;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
  .admin-show-hide-delete-button-block.show {
    display: flex; }
    .admin-show-hide-delete-button-block.show .admin-show-hide-delete-button-block__icon-block {
      opacity: 1;
      pointer-events: visible;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
    .admin-show-hide-delete-button-block.show .admin-show-hide-delete-button-block__line {
      opacity: 1;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }

.admin-page-header-controller-tab-block {
  display: block;
  align-items: center; }
  .admin-page-header-controller-tab-block .tab-item {
    white-space: nowrap;
    float: left; }
    .admin-page-header-controller-tab-block .tab-item__title {
      min-width: 70px;
      padding: 5px 10px 5px 10px;
      cursor: pointer;
      border-radius: 2px;
      display: flex;
      justify-content: center;
      align-items: center;
      border: solid 1px #fafafa;
      border-top: 3px solid #fafafa;
      color: #3a3a3a;
      transition: all 0.2s ease-out;
      -webkit-transition: all 0.2s ease-out; }
      .admin-page-header-controller-tab-block .tab-item__title:hover {
        transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        color: #02903f;
        background-color: #ffffff;
        border: solid 1px #ececec;
        border-top: 3px solid #02903f; }
      .admin-page-header-controller-tab-block .tab-item__title.select {
        transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        color: #02903f;
        background-color: #ffffff;
        border: solid 1px #ececec;
        border-top: 3px solid #02903f; }

.page-placeholder-text {
  color: #949090;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  margin-bottom: 8px; }

.admin-backend-page-inbox__center {
  width: 50%; }

.d-flex {
  display: flex; }

.flex-nowrap {
  flex-wrap: nowrap; }

.text-nowrap {
  white-space: nowrap; }

.w-100 {
  width: 100%; }

.mr-2 {
  margin-right: .5rem; }

.mb-0 {
  margin-bottom: 0 !important; }

.order-status-info-btn {
  display: flex;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  padding: 0 10px;
  box-sizing: border-box;
  background-color: #dad9d9;
  color: #000000;
  font-size: 16px;
  cursor: pointer; }
  .order-status-info-btn span {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: gray;
    font-size: 12px;
    border-radius: 50%; }

.admin-question {
  font-size: .8rem;
  width: 15px;
  line-height: 15px;
  background-color: gray;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  position: relative; }

.admin-question-wrap {
  position: absolute;
  width: 200px;
  right: 50%;
  top: 30px;
  transform: translateX(50%);
  text-align: left;
  color: #000;
  z-index: 1;
  pointer-events: none;
  transition: .3s;
  opacity: 0; }

.cssarrow {
  position: relative;
  background: #fff;
  border: 1px solid #e6e6e6;
  padding: .5rem;
  border-radius: 3px; }

.cssarrow:after,
.cssarrow:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.cssarrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px; }

.cssarrow:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #e6e6e6;
  border-width: 11px;
  margin-left: -11px; }

.admin-question:hover .admin-question-wrap {
  opacity: 1; }

.opacity-50 {
  opacity: 50%; }

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

.pr-3 {
  padding-right: 1rem; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.pt-2 {
  padding-top: .5rem; }

.mr-3 {
  margin-right: 1rem; }

.mb-3 {
  margin-bottom: 1rem; }

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important; }

.ml-1 {
  margin-left: 0.25rem !important; }

.ml-2 {
  margin-left: .5rem !important; }

.hidden {
  display: none !important; }

.ml-3 {
  margin-left: 1rem !important; }

.mr-1 {
  margin-right: 0.25rem !important; }

.w-50 {
  width: 50% !important; }

.position-relative {
  position: relative; }

.text-main {
  color: #02903f; }

small {
  font-size: .8rem; }

.d-none {
  display: none; }

.ml-0 {
  margin-left: 0; }

.justify-content-between {
  justify-content: space-between !important; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 4.5em; }

.fc {
  position: relative; }

.item-calender-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  height: 30px;
  background-color: #fed5d9;
  border-radius: 3px;
  padding: 0 10px;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 60px; }
  .item-calender-title__text {
    color: #000000;
    font-size: 16px; }
  .item-calender-title__icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #a00006;
    font-size: 12px;
    border-radius: 50%; }

.dashboard-list-group {
  display: flex;
  flex-wrap: wrap; }

.dashboard-list-title {
  font-size: 1rem;
  margin: 1rem; }
  .dashboard-list-title span {
    font-size: 2rem;
    font-weight: bold;
    padding-left: .5rem;
    display: inline-block;
    transform: translateY(25%); }

.dashboard-item {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 3px gray;
  margin: 0 0 1rem 1rem;
  width: 30%;
  min-width: 350px; }
  .dashboard-item-header {
    padding: .5rem;
    border-bottom: 1px solid #e0e0e080; }
    .dashboard-item-header p {
      font-size: 1.5rem;
      font-weight: bold;
      color: #000;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .dashboard-item-body {
    display: flex; }
    .dashboard-item-body-item {
      width: 33%;
      border-right: 1px solid #e0e0e080;
      margin: .5rem; }
      .dashboard-item-body-item p {
        color: #000;
        font-size: 1rem; }
      .dashboard-item-body-item-num {
        color: #02903f !important;
        font-weight: bold;
        font-size: 1.8rem !important; }
      .dashboard-item-body-item:last-child {
        border-right: none; }
  .dashboard-item-footer {
    font-size: .5rem;
    color: #000;
    opacity: .5;
    padding: .5rem; }

.fixed-table-arrow {
  position: fixed;
  bottom: 72px;
  right: 20px;
  z-index: 1;
  box-shadow: 0px 2px 6px #000;
  display: flex;
  align-items: center; }
  .fixed-table-arrow img {
    width: 36px;
    height: 36px;
    padding: 3px;
    background: white;
    vertical-align: middle;
    cursor: pointer; }
    .fixed-table-arrow img:first-of-type {
      transform: rotate(180deg); }

.break {
  flex-basis: 100%;
  height: 0; }

.admin-form-button {
  font-size: 16px;
  border: 1px solid;
  border-radius: 3px;
  box-sizing: border-box;
  height: 35px;
  padding: 0 20px;
  cursor: pointer;
  line-height: 2;
  text-align: center;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out; }
  .admin-form-button.save-mode {
    background-color: #02903f;
    color: #ffffff;
    border-color: #02903f;
    display: inline-block; }
    .admin-form-button.save-mode:hover {
      background-color: #ffffff;
      color: #02903f;
      border-color: #02903f;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
    .admin-form-button.save-mode:disabled, .admin-form-button.save-mode.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none; }
  .admin-form-button.custom-mode {
    background-color: #ffffff;
    color: #000000;
    border-color: #d2d2d2;
    display: inline-block; }
    .admin-form-button.custom-mode:hover {
      background-color: #efefef;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
    .admin-form-button.custom-mode:disabled, .admin-form-button.custom-mode.disabled {
      opacity: 0.5;
      cursor: not-allowed;
      pointer-events: none; }
  .admin-form-button:focus {
    outline: 0; }

.admin-backend-page {
  width: 100%; }
  .admin-backend-page main {
    display: flex;
    flex-wrap: nowrap;
    min-height: 100vh; }
    .admin-backend-page main .admin-sidebar {
      min-width: 220px;
      background-color: #ffffff;
      border-right: 1px solid #ececec;
      box-sizing: border-box; }
    .admin-backend-page main .admin-content {
      position: relative;
      width: 100%;
      background-color: #fafafa;
      padding: 24px;
      box-sizing: border-box; }

.admin-backend-page-inbox {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  width: 100%; }
  .admin-backend-page-inbox .admin-backend-page-inbox__left {
    margin-right: 12px;
    width: calc(50% - 12px); }
  .admin-backend-page-inbox .admin-backend-page-inbox__right {
    margin-left: 12px;
    width: calc(50% - 12px); }
  .admin-backend-page-inbox._add-line .admin-form__content__item-padding {
    border-bottom: 1px dashed #dddddd; }
    .admin-backend-page-inbox._add-line .admin-form__content__item-padding:last-child {
      border-bottom: 0; }

.admin-backend-page-inbox-button-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  gap: 10px;
  align-items: center; }

#admin-order-edit-product-block .admin-form__content {
  display: flex; }

#admin-order-edit-product-block .admin-form__content__item {
  flex-grow: 1; }

#admin-order-edit-product-block .admin-form__content__item__list__padding {
  border-bottom: 1px dashed #dddddd;
  padding: 5px 0; }
  #admin-order-edit-product-block .admin-form__content__item__list__padding:last-child {
    border-bottom: 0; }

.admin-header .admin-header-block {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  padding-bottom: 20px; }
  .admin-header .admin-header-block .header-left-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around; }
    .admin-header .admin-header-block .header-left-content__sidebar-btn {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 20px;
      background-color: #02903f;
      border-radius: 3px;
      cursor: pointer;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
      .admin-header .admin-header-block .header-left-content__sidebar-btn:hover {
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        background-color: #ffffff;
        border: 1px solid #02903f;
        box-sizing: border-box; }
        .admin-header .admin-header-block .header-left-content__sidebar-btn:hover .btn-line {
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out;
          background-color: #02903f; }
          .admin-header .admin-header-block .header-left-content__sidebar-btn:hover .btn-line.style .btn-line__left {
            background-color: #02903f;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
          .admin-header .admin-header-block .header-left-content__sidebar-btn:hover .btn-line.style .btn-line__right {
            background-color: #02903f;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
      .admin-header .admin-header-block .header-left-content__sidebar-btn .btn-line {
        display: block;
        width: 20px;
        height: 1px;
        background-color: #ffffff;
        margin: 1.5px 0px; }
        .admin-header .admin-header-block .header-left-content__sidebar-btn .btn-line.style {
          display: flex;
          justify-content: space-between;
          background-color: transparent; }
          .admin-header .admin-header-block .header-left-content__sidebar-btn .btn-line.style .btn-line__left {
            width: 45%;
            height: 1px;
            background-color: #ffffff; }
          .admin-header .admin-header-block .header-left-content__sidebar-btn .btn-line.style .btn-line__right {
            width: 45%;
            height: 1px;
            background-color: #ffffff; }
  .admin-header .admin-header-block .header-right-content {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    padding-left: 24px;
    box-sizing: border-box; }
    .admin-header .admin-header-block .header-right-content__page-title {
      font-size: 25px;
      font-weight: bold; }
    .admin-header .admin-header-block .header-right-content__user-info {
      display: flex;
      flex-wrap: nowrap; }
      .admin-header .admin-header-block .header-right-content__user-info__item {
        font-size: 14px;
        font-weight: 500;
        margin-right: 10px; }
      .admin-header .admin-header-block .header-right-content__user-info__logout-btn {
        display: flex;
        align-items: flex-start; }
        .admin-header .admin-header-block .header-right-content__user-info__logout-btn button {
          width: 35px;
          height: 20px;
          color: #ffffff;
          font-size: 12px;
          padding: 0px;
          border: 0px;
          border-radius: 2px;
          background-color: #02903f;
          cursor: pointer;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
          .admin-header .admin-header-block .header-right-content__user-info__logout-btn button:hover {
            background-color: #ffffff;
            color: #02903f;
            border: 1px solid #02903f;
            box-sizing: border-box;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }

.admin-logo-block {
  display: flex;
  justify-content: center;
  padding: 12px 0; }
  .admin-logo-block .logo-image {
    width: auto;
    height: 90px; }

.admin-sidebar {
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out; }
  .admin-sidebar .admin-sidebar-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 110px - 24px); }
    .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item {
      border-bottom: 1px solid rgba(224, 224, 224, 0.5); }
      .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item__title {
        display: flex;
        flex-wrap: nowrap;
        font-size: 16px;
        color: #000000;
        padding: 9px 30px 9px 20px;
        background-color: #ffffff;
        position: relative;
        cursor: pointer; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item__title::before {
          display: block;
          content: "";
          width: 16px;
          height: 16px;
          margin-right: 12px;
          margin-top: 3px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAATlJREFUWAntVzGygkAMTXbo7LDVDs+AV9AjsI6ldhTeQwus/D1n0COIV4BOW6m0dU2YgcZZxmE/f2f+bBpgQ/KSB8lucCnl7AXwo5QawR8KIt4EwErYAOc8OWHG9urMfd+HYDLRclDe71AUhVbfRcHYXm3I4HEc148f1yzLYJ8kH+umC/QZ7IoLwDFgnYGmDLnOudR0kue5TmW0jgspH9QQBkZeOhpTO34K6omHjvbmZoSN7EVKORVKjc09fu/hhXhN0/T8vYV7878yYP0nxEUUbRXAxgbDlP1OAOLaBniFSdh8JKu6YBAEMJvPtbFwKz4dj1p9FwVjN3uBPxxCGIatfn47AAazvhu6ABwD1hloyrCgOk9aJh8+svUhHk+pPKOVZQmXljNhH+DVhEzfYMU3fQC0+azACfsNkr5tIhfZ4RMAAAAASUVORK5CYII=) center center no-repeat;
          background-size: contain; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item__title::after {
          display: block;
          content: "";
          width: 10px;
          height: 10px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAWlJREFUOBHNk0tLw0AQx3e3No9DEXygfgFFKOjdS4v9AnosISQk5Ct5yQNC6dWTN6u9eFW81OoHUERUhNLaxGSdEQMhsGmOzWUeu/PjPzsTQpb9oyKBWrd7wSldlSTpJAiCN9G9Yp4VE1mMMML5URxFV47jbGT5RVYIZIydUkpHnPPmdDIZVIUKW0Yltm1vfc9m1wDdB/g9q9WOwzB8L1MpVIhFruu+KqraBncM0IMkSS4ty1orA5YqzAoNw9j+ieMhQPeg4E5W1Y7neR/Zed5WAmKBpmk7JE2HnJBdaP+2wXnnrN//zMPQL205f1mW5TlMfoo5UNqYK4qaP8/8Sgp1XV/H9wPSIRQ8SYrS9n3/OYPk7UKFuC5pkgz+YJQ+EsZaIhiCS4EIwx3ECcPd8Uq93ur1ei95RUVf2LJpmpv4lwCsCUN4wPXBNSoCirFQYRRF5/+wUVUYwoVAyvkXofSGMlZJWVHp8sa/CgmNOQtNeSEAAAAASUVORK5CYII=) center center no-repeat;
          background-size: contain;
          position: absolute;
          top: 50%;
          right: 20px;
          margin-top: -5px; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item__title:hover {
          color: #ffffff;
          background-color: #02903f;
          transition: all 0.2s ease-out;
          -webkit-transition: all 0.2s ease-out; }
          .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item__title:hover::before {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAANVJREFUaAXtmssNg0AMRE2E6CGVpoXQBsWxZWxsDjlw4DIHa6RnyRIfeRnPGOG1iDnnlv5NP9NdrLAW5m2pg4j4pDvaXgmcifztiD4xj0pgmoK/YK938Eva/drTeTcBrydwDvdIoFslFEABkQFKSCRQDkcBmUJxAXsF7Ju5UmCIKnaGj0rg6EQgPvuIbIett5QiAYTDAAzAAAy4M+D+IWM22lyBzEarGWwdDtvvyEig+SUOFEABkQFKSCRQDkcBmUJxAXsFmI2KFaCGMxutbrrD/r/b/ADPISIOlTC2NQAAAABJRU5ErkJggg==) center center no-repeat;
            background-size: contain;
            transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out; }
          .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item__title:hover::after {
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAALFJREFUOBHtkEkOgzAMRXOF0rn3vwI3YNsBqo6Xcd+XYlSgCYuqUhdYeopNvr9NQpjiv1/AzEqoYDm2KZpV1JZJbRRwWAOLlJC7NVxAUaV0gUtNdWFNPjDlm8yuoDhD/m8QvDecqOe+AfkGbqD4ONC1nROxTL3xSF7AFu6g0KDB9h2TfkGDtnGDA/kDFBrQbt3vy9Y0ais3IjUZF9mmsUsMdvCE/ddmPiyazryezt++wAtpgOPiWtHcKQAAAABJRU5ErkJggg==) center center no-repeat;
            background-size: contain;
            transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out; }
      .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item .sub-menu {
        display: none; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item .sub-menu__item a {
          display: block;
          color: #000000;
          font-size: 16px;
          padding: 9px 20px 9px 18px;
          background-color: #f4f4f4; }
          .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item .sub-menu__item a:hover {
            background-color: #e6e6e6; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item .sub-menu__item._active a {
          background-color: #e6e6e6; }
      .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item._active .menu-list__item__title {
        color: #ffffff;
        background-color: #02903f; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item._active .menu-list__item__title::before {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAANVJREFUaAXtmssNg0AMRE2E6CGVpoXQBsWxZWxsDjlw4DIHa6RnyRIfeRnPGOG1iDnnlv5NP9NdrLAW5m2pg4j4pDvaXgmcifztiD4xj0pgmoK/YK938Eva/drTeTcBrydwDvdIoFslFEABkQFKSCRQDkcBmUJxAXsF7Ju5UmCIKnaGj0rg6EQgPvuIbIett5QiAYTDAAzAAAy4M+D+IWM22lyBzEarGWwdDtvvyEig+SUOFEABkQFKSCRQDkcBmUJxAXsFmI2KFaCGMxutbrrD/r/b/ADPISIOlTC2NQAAAABJRU5ErkJggg==) center center no-repeat;
          background-size: contain; }
        .admin-sidebar .admin-sidebar-block .sidebar-menu-list .menu-list__item._active .menu-list__item__title::after {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAALFJREFUOBHtkEkOgzAMRXOF0rn3vwI3YNsBqo6Xcd+XYlSgCYuqUhdYeopNvr9NQpjiv1/AzEqoYDm2KZpV1JZJbRRwWAOLlJC7NVxAUaV0gUtNdWFNPjDlm8yuoDhD/m8QvDecqOe+AfkGbqD4ONC1nROxTL3xSF7AFu6g0KDB9h2TfkGDtnGDA/kDFBrQbt3vy9Y0ais3IjUZF9mmsUsMdvCE/ddmPiyazryezt++wAtpgOPiWtHcKQAAAABJRU5ErkJggg==) center center no-repeat;
          background-size: contain; }
    .admin-sidebar .admin-sidebar-block .sidebar-producer {
      display: flex;
      justify-content: center;
      font-size: 10px;
      margin-top: 50px;
      margin-bottom: 12px; }
      .admin-sidebar .admin-sidebar-block .sidebar-producer__link {
        margin-left: 5px; }
        .admin-sidebar .admin-sidebar-block .sidebar-producer__link a {
          color: #000000;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
        .admin-sidebar .admin-sidebar-block .sidebar-producer__link a:hover {
          color: #02903f;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
  .admin-sidebar._hidden {
    margin-left: -220px;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out; }

.admin-form {
  width: 100%; }
  .admin-form__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 5px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 6px 12px;
    box-sizing: border-box;
    background-color: #ffffff; }
    .admin-form__header .header__title {
      color: #000000;
      font-size: 16px; }
  .admin-form__content {
    background-color: #ffffff; }
    .admin-form__content.image-upload-mode {
      padding: 14px; }
    .admin-form__content.input-mode {
      padding: 14px; }
    .admin-form__content__item-block {
      width: 100%;
      border-bottom: 1px dashed #dddddd;
      padding: 10px 0; }
    .admin-form__content__item-block:last-child {
      border: 0;
      padding-bottom: 0; }
    .admin-form__content__title {
      font-size: 16px;
      display: flex;
      margin-bottom: 10px; }
      .admin-form__content__title::before {
        content: "";
        width: 4px;
        height: 14px;
        background-color: #02903f;
        margin-top: 4px;
        margin-right: 4px; }
    .admin-form__content__item-padding {
      padding: 1px 0; }
      .admin-form__content__item-padding._add-line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #dddddd;
        padding: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        box-sizing: border-box; }

.special_btn, .activity_btn {
  min-width: 140px;
  text-align: center; }

.d-inline-block {
  display: inline-block; }

.event-slide__header {
  position: relative;
  cursor: pointer;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out; }
  .event-slide__header:after {
    position: absolute;
    content: "";
    right: 12px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAAAAXNSR0IArs4c6QAAAwpJREFUaAXtmM9OE1EUxmmLvkB3rmhi0jSFHS/QJ9DQlmhAECQSFEWDQaNxYWL8Q9DYCFFIjEFFkWmJRvd9gW5btqzc9QUUqL+TzGluWBg7d+6wmdl8954w9/7O983tlPb1xVfsQOxA7MBJOpCw2bxard7udDp3EonEh2KxeB/t2KwX5N5kkJv0HoFnfAa9RzMbqJUhum4vatWAOG9sNlOr1dajbsLKMYHF+Xc0MWU0sl4qleaiepxsE+gAOwPsptHALEmsRZWEVQMCDfwRB3iaYfdxAn6OZFaNppwNrR4hkwroJM5vouNap7lVErqhcxdqnYBC+UlMMt/SGs3Mk0RF5y40tAQUDugUSXxEL2qN5iokcUvnYWpoCSgUsIeciUvMt7VGMwsk8VLnYWroCSicn8RndFRr6ItyuSwvv9Cu0BNQMkkinU6PMfe0hi6SxLIxtx46S0DJ6vV6f7vd3iaJotbQZZK4a8wDD50loESFQuGAJC6QyK7W0CWSeGrMAw+dJ6BkjUbj1P7+/g5JnNdaMpl8woF/oPMgGlkDAuc34dHEOQP2MY/TQ2Pe0zDSBoSs2WyebrVaTYZnlTSVSo2PjIx0X4Ba/x91fgaOQ+zt7T2i1oXnbPzMZrPmJ9XxW/45jzQBz/OeQ7OkRMD/yOVypXw+/1trvWpkCfif/yb8d1t4aba/146D/D3Or3BwF/VenP82MDAwivN/tBZUnSfgfwcy4XcFfnh42BpemnaaAPCvcH5B3cX5mrzUgD/Qmq06SwD4igkPqCfw8ma2hTbvd/IpBPxr4Od1I5zfkS92YcPL+indJAwFOjE4OLjGWtd1PeC/8nVhLJPJHGotTA3tERJ4+TUCuGsKCPwXgUedwMs+oRxigeexecN6swqPbgE/6RJe9rJuwHf+LWtdlQXlAvoT8Jddw8teVg34zm+wzows5l/yQ+8U8EdacKlWh3hoaEj+KbmpgEBv8uvDdFTwsq/VISaBCYVH3+N8pPDWDeD0Cov8Qp/h/JUonTeMi4exA7EDsQMn6MBfvKcUpolbUX0AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 15px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out; }

.event-slide__content {
  display: block; }

.event-slide.close .event-slide__header:after {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAtCAYAAADoSujCAAAAAXNSR0IArs4c6QAAAwpJREFUaAXtmM9OE1EUxmmLvkB3rmhi0jSFHS/QJ9DQlmhAECQSFEWDQaNxYWL8Q9DYCFFIjEFFkWmJRvd9gW5btqzc9QUUqL+TzGluWBg7d+6wmdl8954w9/7O983tlPb1xVfsQOxA7MBJOpCw2bxard7udDp3EonEh2KxeB/t2KwX5N5kkJv0HoFnfAa9RzMbqJUhum4vatWAOG9sNlOr1dajbsLKMYHF+Xc0MWU0sl4qleaiepxsE+gAOwPsptHALEmsRZWEVQMCDfwRB3iaYfdxAn6OZFaNppwNrR4hkwroJM5vouNap7lVErqhcxdqnYBC+UlMMt/SGs3Mk0RF5y40tAQUDugUSXxEL2qN5iokcUvnYWpoCSgUsIeciUvMt7VGMwsk8VLnYWroCSicn8RndFRr6ItyuSwvv9Cu0BNQMkkinU6PMfe0hi6SxLIxtx46S0DJ6vV6f7vd3iaJotbQZZK4a8wDD50loESFQuGAJC6QyK7W0CWSeGrMAw+dJ6BkjUbj1P7+/g5JnNdaMpl8woF/oPMgGlkDAuc34dHEOQP2MY/TQ2Pe0zDSBoSs2WyebrVaTYZnlTSVSo2PjIx0X4Ba/x91fgaOQ+zt7T2i1oXnbPzMZrPmJ9XxW/45jzQBz/OeQ7OkRMD/yOVypXw+/1trvWpkCfif/yb8d1t4aba/146D/D3Or3BwF/VenP82MDAwivN/tBZUnSfgfwcy4XcFfnh42BpemnaaAPCvcH5B3cX5mrzUgD/Qmq06SwD4igkPqCfw8ma2hTbvd/IpBPxr4Od1I5zfkS92YcPL+indJAwFOjE4OLjGWtd1PeC/8nVhLJPJHGotTA3tERJ4+TUCuGsKCPwXgUedwMs+oRxigeexecN6swqPbgE/6RJe9rJuwHf+LWtdlQXlAvoT8Jddw8teVg34zm+wzows5l/yQ+8U8EdacKlWh3hoaEj+KbmpgEBv8uvDdFTwsq/VISaBCYVH3+N8pPDWDeD0Cov8Qp/h/JUonTeMi4exA7EDsQMn6MBfvKcUpolbUX0AAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out; }

.event-slide:hover .event-slide__header {
  border-top-color: #02903f;
  transition: all .4s ease-out;
  -webkit-transition: all .4s ease-out; }

.event-check-show-dom-item {
  display: none !important; }
  .event-check-show-dom-item.show {
    display: flex !important; }

.event-timepicker .datepicker--nav,
.event-timepicker .datepicker--content {
  display: none; }

.event-timepicker .datepicker--time {
  border-top: none; }

.admin-input-file {
  display: flex;
  align-items: flex-start; }
  .admin-input-file__label {
    width: 230px;
    display: block;
    color: #000000;
    font-size: 16px;
    margin-top: 2px;
    position: relative; }
    .admin-input-file__label.required:after {
      position: relative;
      content: "*";
      right: 0;
      top: 0;
      color: #ff0000;
      font-size: 12px; }
  .admin-input-file__content {
    width: calc(100% - 230px);
    display: flex;
    align-items: center; }
    .admin-input-file__content._vertical-mode {
      flex-direction: column;
      align-items: flex-start; }
    .admin-input-file__content__btn {
      padding: 0 20px;
      height: 29px;
      border: 1px solid #d2d2d2;
      box-sizing: border-box;
      border-radius: 3px;
      color: #000000;
      font-size: 12px;
      position: relative;
      display: inline-block;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
      .admin-input-file__content__btn > .btn__input {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer; }
      .admin-input-file__content__btn > .btn__title {
        line-height: 29px; }
      .admin-input-file__content__btn:hover {
        background-color: #efefef;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
    .admin-input-file__content__file-name {
      margin-left: 15px;
      color: #000000;
      font-size: 16px; }
    .admin-input-file__content__file-text {
      color: #000000;
      font-size: 12px;
      margin-bottom: 10px; }
    .admin-input-file__content__item {
      margin-bottom: 10px; }
      .admin-input-file__content__item._row-mode {
        display: flex;
        align-items: center; }

.webform-list-wrapper {
  margin-top: 30px; }

.admin-item-checkbox {
  margin: 3px 0 0 0; }

.table-wrapper-scroll-product-list {
  display: none;
  opacity: 0;
  width: 100%;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out; }
  .table-wrapper-scroll-product-list._show {
    display: block;
    opacity: 1;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out; }
  .table-wrapper-scroll-product-list .export-button {
    margin-bottom: 10px; }

.table-wrapper-scroll-ship-list {
  display: none;
  opacity: 0;
  width: 100%;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out; }
  .table-wrapper-scroll-ship-list._show {
    display: block;
    opacity: 1;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out; }
  .table-wrapper-scroll-ship-list .export-button {
    margin-bottom: 10px; }

.admin-table-style {
  padding-left: 0;
  padding-right: 0;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  border: 1px solid #eaeaea !important;
  margin-bottom: 10px !important; }
  .admin-table-style thead tr {
    background-color: #dad9d9; }
    .admin-table-style thead tr th {
      padding: 4px 4px;
      border-bottom: 1px solid #dedede;
      border-right: 1px solid #F9F9F9;
      white-space: nowrap; }
      .admin-table-style thead tr th.hide-sort-tag::after {
        display: none !important; }
      .admin-table-style thead tr th:last-child {
        border-right: 0px; }
      .admin-table-style thead tr th.sorting {
        background: unset; }
        .admin-table-style thead tr th.sorting::after {
          content: "";
          display: inline-block;
          width: 6px;
          height: 12px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAAXNSR0IArs4c6QAAANdJREFUOBHNUVsKwyAQ1JJ71YIH24MJbU9mHXFk1TUkfxV013EexjhnjBhjwDSO3GGBBZOGh1Z7efSuNXDOOT8xrZRFUHSiTHRf4UFAdwqslEFQiIvjjHXB7L5L6YLZiYJWhfsq2LmTpL+FCd2BJKNWjm/ub4OwQN77FxKqcjm1gTtc2+EPULzSB+985S7llb63X8nD+UoK3FNK4f6f5t3PUugOLhPQC5bNEOL1G7ixUrQ7eDoBe8EyDdH7IQEHOmV2x/mcAEywtCFsTitSMC3SYYEFkw3ufhw7XXM+2zEYAAAAAElFTkSuQmCC) center center no-repeat;
          background-size: 100%;
          margin-left: 5px; }
      .admin-table-style thead tr th.sorting_asc {
        background: unset; }
        .admin-table-style thead tr th.sorting_asc::after {
          content: "";
          display: inline-block;
          width: 6px;
          height: 12px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAAXNSR0IArs4c6QAAAN9JREFUOBHNktENwyAQQwFlESZpKjEYmzVdhFUoRtzpgKOhf41EIcZ+JkmNUa4QwomhbJlDE4sWm362mSfHq7YAOef8wNBapkDJRQGR6yp3AaJTQGvpAsU4EUeNAyN91cKBkUSBNke6r4EVnUzyWaiBCWRS5uqxjf5SDJNkrX2ioSanXV34xasT/kC1KaUL73nnLOUtvV352X5yeJ33/kLyrgEeeOuX3mkhTw3ctRAdp6D/kiGCdjS5x4FVi6R3DbiRJGoaNW6AYWwZ6fB0AQiSKNfYW174+hia4dDEb+QPkbZSOurH6aMAAAAASUVORK5CYII=) center center no-repeat;
          background-size: 100%;
          margin-left: 5px; }
      .admin-table-style thead tr th.sorting_desc {
        background: unset; }
        .admin-table-style thead tr th.sorting_desc::after {
          content: "";
          display: inline-block;
          width: 6px;
          height: 12px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAAXNSR0IArs4c6QAAAONJREFUOBHNUm0OgyAMBeK9dIkH68FItp3Em+h4hEdqV4z7NxIofX0fGg3BWdu2LdjOKEweeByHNHyx82QBOBfBjO2lfAmUe9B3Gp8EdOfQSzkJPEeLdYF1H6V0gXWiAFXPqmDkTlERzOCgrwLtQJKt5EQo931/WoLXp5QeiUqPYLFfuFb7T31c1/VVXma+81Axxje+g9whN45EXO6kwD3nvPBfkuZwVSqnJoB1lUJ38JiAu+AYLCHeEwB4KdodHJ2AXnCYJbo/JWCgU6w75jYBmOBoS3i5rEjB9kiTBxZMBnj4AKQSkk1x9C/rAAAAAElFTkSuQmCC) center center no-repeat;
          background-size: 100%;
          margin-left: 5px; }
      .admin-table-style thead tr th .admin-item-sort-title {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        min-width: 70px; }
        .admin-table-style thead tr th .admin-item-sort-title__button {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 30px;
          height: 20px;
          margin-left: 5px;
          font-size: 10px;
          font-weight: lighter;
          background-color: #ffffff;
          border: 1px solid #d2d2d2;
          border-radius: 3px;
          cursor: pointer;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
          .admin-table-style thead tr th .admin-item-sort-title__button:hover {
            background-color: #efefef;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
      .admin-table-style thead tr th.admin-item-hide {
        display: none; }
  .admin-table-style tbody tr td {
    padding: 4px 4px;
    text-align: center;
    border-bottom: 0px;
    border-right: 1px solid #F9F9F9;
    vertical-align: middle;
    position: relative;
    word-break: keep-all; }
    .admin-table-style tbody tr td.admin-item-hide {
      display: none; }
    .admin-table-style tbody tr td.fs12 {
      font-size: 12px; }
    .admin-table-style tbody tr td:last-child {
      border-right: 0px; }
    .admin-table-style tbody tr td span.hide {
      color: #cc2a30; }
    .admin-table-style tbody tr td .item-image {
      height: 50px;
      overflow: hidden; }
      .admin-table-style tbody tr td .item-image img {
        height: 100%; }
    .admin-table-style tbody tr td input[type=text].admin-item-sort {
      width: 20px;
      text-align: center; }
    .admin-table-style tbody tr td .admin-item-text-ellipsis-block {
      max-width: 500px;
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: inline-block; }
      @media (max-width: 1105px) {
        .admin-table-style tbody tr td .admin-item-text-ellipsis-block {
          max-width: 300px; } }
    .admin-table-style tbody tr td .admin-item-scan-block {
      display: flex;
      align-items: center;
      justify-content: center; }
      .admin-table-style tbody tr td .admin-item-scan-block__num {
        font-size: 16px;
        color: #000000;
        min-width: 30px; }
      .admin-table-style tbody tr td .admin-item-scan-block__button {
        min-width: 45px;
        margin-left: 8px;
        padding: 3px 8px;
        background-color: #ffffff;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 12px;
        color: #000000;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-table-style tbody tr td .admin-item-scan-block__button:hover {
          background-color: #efefef;
          transition: all 0.2s ease-out;
          -webkit-transition: all 0.2s ease-out; }
        .admin-table-style tbody tr td .admin-item-scan-block__button.ml0 {
          margin-left: 0; }
      .admin-table-style tbody tr td .admin-item-scan-block__mobile {
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAYklEQVQ4jWNgQAWxQHwKiHfjwCC5GAY8YA8Qs0PZBkB8Bor1oWLsUDU4wX4kTbjwfkIGEAKjBowaQJQBHQQwQQOMkXASFCOL4TUAOTOBwAQohgGCmQmUVU8y4M7OILloZA0A/n0x/Ph8KtoAAAAASUVORK5CYII=) center center no-repeat;
        background-size: contain; }
    .admin-table-style tbody tr td .admin-item-select-block {
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      height: 29px;
      box-sizing: border-box;
      background-color: #ffffff;
      font-size: 12px; }
      .admin-table-style tbody tr td .admin-item-select-block:focus {
        outline: none; }
    .admin-table-style tbody tr td .admin-item-date-block {
      display: flex;
      align-items: center;
      justify-content: center; }
      .admin-table-style tbody tr td .admin-item-date-block__item {
        position: relative;
        margin-right: 5px; }
        .admin-table-style tbody tr td .admin-item-date-block__item__input {
          border: 1px solid #d2d2d2;
          border-radius: 3px;
          max-width: 260px;
          width: 100%;
          height: 29px;
          padding-right: 15px;
          padding-left: 30px;
          box-sizing: border-box;
          color: #000000;
          font-size: 12px; }
        .admin-table-style tbody tr td .admin-item-date-block__item::after {
          display: block;
          content: "";
          width: 16px;
          height: 16px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAAHNJREFUWAntlFEKwCAMQ9exU7Xn12ttMMjPUOzYoD/Pn2ptIEQT2ybL3c/RVe/dRn313uJ2AauqzRiLUGvt3kaEWqmaxZUrAAEUWLog9eU/DJU/wSHy8q3Oz6oc+HuuXAEIoAA5QA7gAhQgB8gBXIAC5MAFfwgxpgoU8zgAAAAASUVORK5CYII=) center center no-repeat;
          background-size: contain;
          position: absolute;
          top: 7px;
          left: 12px; }
      .admin-table-style tbody tr td .admin-item-date-block__btn {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        padding: 0 5px;
        height: 29px;
        box-sizing: border-box;
        background-color: #ffffff;
        font-size: 12px;
        cursor: pointer;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-table-style tbody tr td .admin-item-date-block__btn:hover {
          background-color: #efefef;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
    .admin-table-style tbody tr td._error::after {
      content: "只能輸入數字!";
      font-size: 10px;
      color: #ff0000;
      position: absolute;
      bottom: 15px;
      left: 50%;
      margin-left: -38px; }
    .admin-table-style tbody tr td.hide-text {
      color: #cc2a30; }
  .admin-table-style tbody tr .nowrap {
    white-space: nowrap; }
  .admin-table-style tbody tr .item-controller {
    display: flex;
    justify-content: center; }
    .admin-table-style tbody tr .item-controller__delete {
      margin: 0px 8px; }
      .admin-table-style tbody tr .item-controller__delete a {
        display: block;
        width: 18px;
        height: 18px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAuhJREFUSA2tVs+LEmEYdnSWCcS6JIgDEYGHWOjSVkYtQZcOXcNLf4DFnryFelU7+AckFB46doqlOoUsQe6lDl2CPITUbFC2FRtSm870vF++H6/fjLpsDozvr+d9nvf75nPUis25Go3G1fF4/HwORJYK1Wr1kUxI35KB9Nvt9hHP895YluUg/1DWTD8IghvIHUsmk6dLpdJ3s06xHZWkHEQqMDkIXS+Xy09n4Shfr9c3fd9/ORwO7yK8FYW1arXaGZCdlEVMeBT3A+R68Xi8LGuzfODvoJYH123YTxIHjve0omeYJisLwl9F7bGIF7oQvGeCkNux8XEeBdcsLjOGhqcPQ6fTsbvd7jksPbkMEZzWn+l0+lWxWPxDfEqo1WqtDAaDF1C+sAwR5sDQ27lc7kqhUNiPUxIil5ctQrzgzPd6vUvkKyFyoi5MtIM7kDXE33D/kDn4PnJfjNxUqIQSicRgKvsv+JVKpU7BNU/RTeTo1hdE7mez2RNI7OvkxGFuJYQHFxJCs5PJZLD64J1sRuMe7qkVAfMWbwVa1YrEks/cSggP7KsJQLPV7/dd5D2zFhF7hKUes8bcSohOBabZM0GYxrVte6EQYQhr9hMncVNeCZGDaULbh9yBhQhLPPKSnFoI6lHb5+JAhE6eJENfQJgoIcmphaQ6E+E959I3G7V5R/czYQjLfWwlpxaCemjr0KCaUfvIzRGWn2FISHJqIRCEto6FYJksQkfXQkKSUwtJdcHGzYcSkpxaCHsc2joA1e8U7EwhrjFWDBmTnFpILpPBeJhOs9k8jnimENUIQ1juE1Y/Di2EiUIroobRaOTy1IJAu1QjjE4IR3JqIX75CZxy6dguEoo62tQsOfW/IMdxPmAyH3UtrpRisWsg2pr49JI8i20ai3gVg6xzLKxPnBxPvQTxj6gLkjwX/8dCfLtSqVxkDnP6DQB+c/GwdsKxIfunhDDBaxTXAHwCuyuBB/R3J71rEy7d9hcpEj4HcQvmdwAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: contain;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-table-style tbody tr .item-controller__delete a:hover {
          opacity: 0.6;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
      .admin-table-style tbody tr .item-controller__delete.disabled {
        pointer-events: none; }
        .admin-table-style tbody tr .item-controller__delete.disabled a {
          width: 18px;
          height: 18px;
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAuhJREFUSA2tVs+LEmEYdnSWCcS6JIgDEYGHWOjSVkYtQZcOXcNLf4DFnryFelU7+AckFB46doqlOoUsQe6lDl2CPITUbFC2FRtSm870vF++H6/fjLpsDozvr+d9nvf75nPUis25Go3G1fF4/HwORJYK1Wr1kUxI35KB9Nvt9hHP895YluUg/1DWTD8IghvIHUsmk6dLpdJ3s06xHZWkHEQqMDkIXS+Xy09n4Shfr9c3fd9/ORwO7yK8FYW1arXaGZCdlEVMeBT3A+R68Xi8LGuzfODvoJYH123YTxIHjve0omeYJisLwl9F7bGIF7oQvGeCkNux8XEeBdcsLjOGhqcPQ6fTsbvd7jksPbkMEZzWn+l0+lWxWPxDfEqo1WqtDAaDF1C+sAwR5sDQ27lc7kqhUNiPUxIil5ctQrzgzPd6vUvkKyFyoi5MtIM7kDXE33D/kDn4PnJfjNxUqIQSicRgKvsv+JVKpU7BNU/RTeTo1hdE7mez2RNI7OvkxGFuJYQHFxJCs5PJZLD64J1sRuMe7qkVAfMWbwVa1YrEks/cSggP7KsJQLPV7/dd5D2zFhF7hKUes8bcSohOBabZM0GYxrVte6EQYQhr9hMncVNeCZGDaULbh9yBhQhLPPKSnFoI6lHb5+JAhE6eJENfQJgoIcmphaQ6E+E959I3G7V5R/czYQjLfWwlpxaCemjr0KCaUfvIzRGWn2FISHJqIRCEto6FYJksQkfXQkKSUwtJdcHGzYcSkpxaCHsc2joA1e8U7EwhrjFWDBmTnFpILpPBeJhOs9k8jnimENUIQ1juE1Y/Di2EiUIroobRaOTy1IJAu1QjjE4IR3JqIX75CZxy6dguEoo62tQsOfW/IMdxPmAyH3UtrpRisWsg2pr49JI8i20ai3gVg6xzLKxPnBxPvQTxj6gLkjwX/8dCfLtSqVxkDnP6DQB+c/GwdsKxIfunhDDBaxTXAHwCuyuBB/R3J71rEy7d9hcpEj4HcQvmdwAAAABJRU5ErkJggg==) center center no-repeat;
          background-size: contain;
          opacity: 0.6; }
    .admin-table-style tbody tr .item-controller__view {
      margin: 0px 8px; }
      .admin-table-style tbody tr .item-controller__view a {
        display: block;
        width: 18px;
        height: 18px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAABMfblJAAAAAXNSR0IArs4c6QAAAN5JREFUSA1jZACC/54OMgx/fnYBmQ4M//9LgsSoBhgZnwPNOsDAwl7GuP3AE0aoZReBFglRzRJsBjEyvgNaqs8E9hmtLQM5AGQHMBSZgEwHEJ9OwIGJ6nGGz+XA9AHyIV3B8LeQBWd47j6OU4ooCVdLrMroHqSM/10s/mN1Co0E6e7D4W/haCqlelod/omG7j4cTaWjqZTkEBhNpSQHGSENI6HGh/RuCIUEdeSBdoFS6QHqmEaUKQeYQP02BlBXitYA0l0rYwJ1EkH9NqCly4EY1HmkLgCZCTIbaAfILgAJiEEjVLGyyAAAAABJRU5ErkJggg==) center center no-repeat;
        background-size: contain;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-table-style tbody tr .item-controller__view a:hover {
          opacity: 0.6;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
    .admin-table-style tbody tr .item-controller__edit {
      margin: 0px 8px; }
      .admin-table-style tbody tr .item-controller__edit a {
        display: block;
        width: 18px;
        height: 18px;
        background: url(../images/backend/edit-icon.png) center center no-repeat;
        background-size: contain;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
        .admin-table-style tbody tr .item-controller__edit a:hover {
          opacity: 0.6;
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out; }
  .admin-table-style tbody tr.odd {
    background-color: #F9F9F9; }
  .admin-table-style tbody tr.even {
    background-color: #ffffff; }
  .admin-table-style tbody tr:hover {
    background-color: rgba(0, 144, 63, 0.08); }
  .admin-table-style tbody tr.active {
    background-color: rgba(0, 144, 63, 0.08); }

.divTable {
  padding-left: 0;
  padding-right: 0;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  border: 1px solid #eaeaea !important;
  margin-bottom: 10px !important;
  display: table;
  width: 100%; }
  .divTable .divTableHead {
    display: table-header-group;
    font-weight: bold; }
    .divTable .divTableHead .divTableRow {
      background-color: #dad9d9;
      display: table-row; }
      .divTable .divTableHead .divTableRow .divTableCell {
        padding: 8px 15px;
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #F9F9F9;
        white-space: nowrap;
        text-align: center;
        display: table-cell; }
        .divTable .divTableHead .divTableRow .divTableCell.hide-sort-tag::after {
          display: none !important; }
        .divTable .divTableHead .divTableRow .divTableCell:last-child {
          border-right: 0px; }
        .divTable .divTableHead .divTableRow .divTableCell.sorting {
          background: unset; }
          .divTable .divTableHead .divTableRow .divTableCell.sorting::after {
            content: "";
            display: inline-block;
            width: 6px;
            height: 12px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAAXNSR0IArs4c6QAAANdJREFUOBHNUVsKwyAQ1JJ71YIH24MJbU9mHXFk1TUkfxV013EexjhnjBhjwDSO3GGBBZOGh1Z7efSuNXDOOT8xrZRFUHSiTHRf4UFAdwqslEFQiIvjjHXB7L5L6YLZiYJWhfsq2LmTpL+FCd2BJKNWjm/ub4OwQN77FxKqcjm1gTtc2+EPULzSB+985S7llb63X8nD+UoK3FNK4f6f5t3PUugOLhPQC5bNEOL1G7ixUrQ7eDoBe8EyDdH7IQEHOmV2x/mcAEywtCFsTitSMC3SYYEFkw3ufhw7XXM+2zEYAAAAAElFTkSuQmCC) center center no-repeat;
            background-size: 100%;
            margin-left: 5px; }
        .divTable .divTableHead .divTableRow .divTableCell.sorting_asc {
          background: unset; }
          .divTable .divTableHead .divTableRow .divTableCell.sorting_asc::after {
            content: "";
            display: inline-block;
            width: 6px;
            height: 12px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAAXNSR0IArs4c6QAAAN9JREFUOBHNktENwyAQQwFlESZpKjEYmzVdhFUoRtzpgKOhf41EIcZ+JkmNUa4QwomhbJlDE4sWm362mSfHq7YAOef8wNBapkDJRQGR6yp3AaJTQGvpAsU4EUeNAyN91cKBkUSBNke6r4EVnUzyWaiBCWRS5uqxjf5SDJNkrX2ioSanXV34xasT/kC1KaUL73nnLOUtvV352X5yeJ33/kLyrgEeeOuX3mkhTw3ctRAdp6D/kiGCdjS5x4FVi6R3DbiRJGoaNW6AYWwZ6fB0AQiSKNfYW174+hia4dDEb+QPkbZSOurH6aMAAAAASUVORK5CYII=) center center no-repeat;
            background-size: 100%;
            margin-left: 5px; }
        .divTable .divTableHead .divTableRow .divTableCell.sorting_desc {
          background: unset; }
          .divTable .divTableHead .divTableRow .divTableCell.sorting_desc::after {
            content: "";
            display: inline-block;
            width: 6px;
            height: 12px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAcCAYAAABVo158AAAAAXNSR0IArs4c6QAAAONJREFUOBHNUm0OgyAMBeK9dIkH68FItp3Em+h4hEdqV4z7NxIofX0fGg3BWdu2LdjOKEweeByHNHyx82QBOBfBjO2lfAmUe9B3Gp8EdOfQSzkJPEeLdYF1H6V0gXWiAFXPqmDkTlERzOCgrwLtQJKt5EQo931/WoLXp5QeiUqPYLFfuFb7T31c1/VVXma+81Axxje+g9whN45EXO6kwD3nvPBfkuZwVSqnJoB1lUJ38JiAu+AYLCHeEwB4KdodHJ2AXnCYJbo/JWCgU6w75jYBmOBoS3i5rEjB9kiTBxZMBnj4AKQSkk1x9C/rAAAAAElFTkSuQmCC) center center no-repeat;
            background-size: 100%;
            margin-left: 5px; }
        .divTable .divTableHead .divTableRow .divTableCell .admin-item-sort-title {
          display: flex;
          flex-wrap: nowrap;
          justify-content: center;
          min-width: 70px; }
          .divTable .divTableHead .divTableRow .divTableCell .admin-item-sort-title__button {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 20px;
            margin-left: 5px;
            font-size: 10px;
            font-weight: lighter;
            background-color: #ffffff;
            border: 1px solid #d2d2d2;
            border-radius: 3px;
            cursor: pointer;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
            .divTable .divTableHead .divTableRow .divTableCell .admin-item-sort-title__button:hover {
              background-color: #efefef;
              transition: all 0.4s ease-out;
              -webkit-transition: all 0.4s ease-out; }
        .divTable .divTableHead .divTableRow .divTableCell.admin-item-hide {
          display: none; }
  .divTable .divTableBody {
    display: table-row-group; }
    .divTable .divTableBody .divTableRow {
      display: table-row; }
      .divTable .divTableBody .divTableRow .divTableCell {
        padding: 8px 15px;
        display: table-cell;
        text-align: center;
        border-bottom: 0px;
        border-right: 1px solid #F9F9F9;
        vertical-align: middle;
        position: relative;
        word-break: keep-all; }
        .divTable .divTableBody .divTableRow .divTableCell.admin-item-hide {
          display: none; }
        .divTable .divTableBody .divTableRow .divTableCell.fs12 {
          font-size: 12px; }
        .divTable .divTableBody .divTableRow .divTableCell:last-child {
          border-right: 0px; }
        .divTable .divTableBody .divTableRow .divTableCell span.hide {
          color: #cc2a30; }
        .divTable .divTableBody .divTableRow .divTableCell .item-image {
          height: 50px;
          overflow: hidden; }
          .divTable .divTableBody .divTableRow .divTableCell .item-image img {
            height: 100%; }
        .divTable .divTableBody .divTableRow .divTableCell input[type=text].admin-item-sort {
          width: 20px;
          text-align: center; }
        .divTable .divTableBody .divTableRow .divTableCell .admin-item-text-ellipsis-block {
          max-width: 500px;
          width: 100%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block; }
          @media (max-width: 1105px) {
            .divTable .divTableBody .divTableRow .divTableCell .admin-item-text-ellipsis-block {
              max-width: 300px; } }
        .divTable .divTableBody .divTableRow .divTableCell .admin-item-scan-block {
          display: flex;
          align-items: center;
          justify-content: center; }
          .divTable .divTableBody .divTableRow .divTableCell .admin-item-scan-block__num {
            font-size: 16px;
            color: #000000;
            min-width: 30px; }
          .divTable .divTableBody .divTableRow .divTableCell .admin-item-scan-block__button {
            min-width: 45px;
            margin-left: 8px;
            padding: 3px 8px;
            background-color: #ffffff;
            border: 1px solid #d2d2d2;
            border-radius: 3px;
            box-sizing: border-box;
            font-size: 12px;
            color: #000000;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
            .divTable .divTableBody .divTableRow .divTableCell .admin-item-scan-block__button:hover {
              background-color: #efefef;
              transition: all 0.2s ease-out;
              -webkit-transition: all 0.2s ease-out; }
            .divTable .divTableBody .divTableRow .divTableCell .admin-item-scan-block__button.ml0 {
              margin-left: 0; }
        .divTable .divTableBody .divTableRow .divTableCell .admin-item-select-block {
          border: 1px solid #d2d2d2;
          border-radius: 3px;
          height: 29px;
          box-sizing: border-box;
          background-color: #ffffff;
          font-size: 12px; }
          .divTable .divTableBody .divTableRow .divTableCell .admin-item-select-block:focus {
            outline: none; }
        .divTable .divTableBody .divTableRow .divTableCell .admin-item-date-block {
          display: flex;
          align-items: center;
          justify-content: center; }
          .divTable .divTableBody .divTableRow .divTableCell .admin-item-date-block__item {
            position: relative;
            margin-right: 5px; }
            .divTable .divTableBody .divTableRow .divTableCell .admin-item-date-block__item__input {
              border: 1px solid #d2d2d2;
              border-radius: 3px;
              max-width: 260px;
              width: 100%;
              height: 29px;
              padding-right: 15px;
              padding-left: 30px;
              box-sizing: border-box;
              color: #000000;
              font-size: 12px; }
            .divTable .divTableBody .divTableRow .divTableCell .admin-item-date-block__item::after {
              display: block;
              content: "";
              width: 16px;
              height: 16px;
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAAHNJREFUWAntlFEKwCAMQ9exU7Xn12ttMMjPUOzYoD/Pn2ptIEQT2ybL3c/RVe/dRn313uJ2AauqzRiLUGvt3kaEWqmaxZUrAAEUWLog9eU/DJU/wSHy8q3Oz6oc+HuuXAEIoAA5QA7gAhQgB8gBXIAC5MAFfwgxpgoU8zgAAAAASUVORK5CYII=) center center no-repeat;
              background-size: contain;
              position: absolute;
              top: 7px;
              left: 12px; }
          .divTable .divTableBody .divTableRow .divTableCell .admin-item-date-block__btn {
            border: 1px solid #d2d2d2;
            border-radius: 3px;
            padding: 0 5px;
            height: 29px;
            box-sizing: border-box;
            background-color: #ffffff;
            font-size: 12px;
            cursor: pointer;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
            .divTable .divTableBody .divTableRow .divTableCell .admin-item-date-block__btn:hover {
              background-color: #efefef;
              transition: all 0.4s ease-out;
              -webkit-transition: all 0.4s ease-out; }
        .divTable .divTableBody .divTableRow .divTableCell._error::after {
          content: "只能輸入數字!";
          font-size: 10px;
          color: #ff0000;
          position: absolute;
          bottom: 15px;
          left: 50%;
          margin-left: -38px; }
      .divTable .divTableBody .divTableRow .item-controller {
        display: flex;
        justify-content: center; }
        .divTable .divTableBody .divTableRow .item-controller__delete {
          margin: 0px 8px; }
          .divTable .divTableBody .divTableRow .item-controller__delete a {
            display: block;
            width: 18px;
            height: 18px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAuhJREFUSA2tVs+LEmEYdnSWCcS6JIgDEYGHWOjSVkYtQZcOXcNLf4DFnryFelU7+AckFB46doqlOoUsQe6lDl2CPITUbFC2FRtSm870vF++H6/fjLpsDozvr+d9nvf75nPUis25Go3G1fF4/HwORJYK1Wr1kUxI35KB9Nvt9hHP895YluUg/1DWTD8IghvIHUsmk6dLpdJ3s06xHZWkHEQqMDkIXS+Xy09n4Shfr9c3fd9/ORwO7yK8FYW1arXaGZCdlEVMeBT3A+R68Xi8LGuzfODvoJYH123YTxIHjve0omeYJisLwl9F7bGIF7oQvGeCkNux8XEeBdcsLjOGhqcPQ6fTsbvd7jksPbkMEZzWn+l0+lWxWPxDfEqo1WqtDAaDF1C+sAwR5sDQ27lc7kqhUNiPUxIil5ctQrzgzPd6vUvkKyFyoi5MtIM7kDXE33D/kDn4PnJfjNxUqIQSicRgKvsv+JVKpU7BNU/RTeTo1hdE7mez2RNI7OvkxGFuJYQHFxJCs5PJZLD64J1sRuMe7qkVAfMWbwVa1YrEks/cSggP7KsJQLPV7/dd5D2zFhF7hKUes8bcSohOBabZM0GYxrVte6EQYQhr9hMncVNeCZGDaULbh9yBhQhLPPKSnFoI6lHb5+JAhE6eJENfQJgoIcmphaQ6E+E959I3G7V5R/czYQjLfWwlpxaCemjr0KCaUfvIzRGWn2FISHJqIRCEto6FYJksQkfXQkKSUwtJdcHGzYcSkpxaCHsc2joA1e8U7EwhrjFWDBmTnFpILpPBeJhOs9k8jnimENUIQ1juE1Y/Di2EiUIroobRaOTy1IJAu1QjjE4IR3JqIX75CZxy6dguEoo62tQsOfW/IMdxPmAyH3UtrpRisWsg2pr49JI8i20ai3gVg6xzLKxPnBxPvQTxj6gLkjwX/8dCfLtSqVxkDnP6DQB+c/GwdsKxIfunhDDBaxTXAHwCuyuBB/R3J71rEy7d9hcpEj4HcQvmdwAAAABJRU5ErkJggg==) center center no-repeat;
            background-size: contain;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
            .divTable .divTableBody .divTableRow .item-controller__delete a:hover {
              opacity: 0.6;
              transition: all 0.4s ease-out;
              -webkit-transition: all 0.4s ease-out; }
          .divTable .divTableBody .divTableRow .item-controller__delete.disabled {
            pointer-events: none; }
            .divTable .divTableBody .divTableRow .item-controller__delete.disabled a {
              width: 18px;
              height: 18px;
              background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAAXNSR0IArs4c6QAAAuhJREFUSA2tVs+LEmEYdnSWCcS6JIgDEYGHWOjSVkYtQZcOXcNLf4DFnryFelU7+AckFB46doqlOoUsQe6lDl2CPITUbFC2FRtSm870vF++H6/fjLpsDozvr+d9nvf75nPUis25Go3G1fF4/HwORJYK1Wr1kUxI35KB9Nvt9hHP895YluUg/1DWTD8IghvIHUsmk6dLpdJ3s06xHZWkHEQqMDkIXS+Xy09n4Shfr9c3fd9/ORwO7yK8FYW1arXaGZCdlEVMeBT3A+R68Xi8LGuzfODvoJYH123YTxIHjve0omeYJisLwl9F7bGIF7oQvGeCkNux8XEeBdcsLjOGhqcPQ6fTsbvd7jksPbkMEZzWn+l0+lWxWPxDfEqo1WqtDAaDF1C+sAwR5sDQ27lc7kqhUNiPUxIil5ctQrzgzPd6vUvkKyFyoi5MtIM7kDXE33D/kDn4PnJfjNxUqIQSicRgKvsv+JVKpU7BNU/RTeTo1hdE7mez2RNI7OvkxGFuJYQHFxJCs5PJZLD64J1sRuMe7qkVAfMWbwVa1YrEks/cSggP7KsJQLPV7/dd5D2zFhF7hKUes8bcSohOBabZM0GYxrVte6EQYQhr9hMncVNeCZGDaULbh9yBhQhLPPKSnFoI6lHb5+JAhE6eJENfQJgoIcmphaQ6E+E959I3G7V5R/czYQjLfWwlpxaCemjr0KCaUfvIzRGWn2FISHJqIRCEto6FYJksQkfXQkKSUwtJdcHGzYcSkpxaCHsc2joA1e8U7EwhrjFWDBmTnFpILpPBeJhOs9k8jnimENUIQ1juE1Y/Di2EiUIroobRaOTy1IJAu1QjjE4IR3JqIX75CZxy6dguEoo62tQsOfW/IMdxPmAyH3UtrpRisWsg2pr49JI8i20ai3gVg6xzLKxPnBxPvQTxj6gLkjwX/8dCfLtSqVxkDnP6DQB+c/GwdsKxIfunhDDBaxTXAHwCuyuBB/R3J71rEy7d9hcpEj4HcQvmdwAAAABJRU5ErkJggg==) center center no-repeat;
              background-size: contain;
              opacity: 0.6; }
        .divTable .divTableBody .divTableRow .item-controller__view {
          margin: 0px 8px; }
          .divTable .divTableBody .divTableRow .item-controller__view a {
            display: block;
            width: 18px;
            height: 18px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAiCAYAAABMfblJAAAAAXNSR0IArs4c6QAAAN5JREFUSA1jZACC/54OMgx/fnYBmQ4M//9LgsSoBhgZnwPNOsDAwl7GuP3AE0aoZReBFglRzRJsBjEyvgNaqs8E9hmtLQM5AGQHMBSZgEwHEJ9OwIGJ6nGGz+XA9AHyIV3B8LeQBWd47j6OU4ooCVdLrMroHqSM/10s/mN1Co0E6e7D4W/haCqlelod/omG7j4cTaWjqZTkEBhNpSQHGSENI6HGh/RuCIUEdeSBdoFS6QHqmEaUKQeYQP02BlBXitYA0l0rYwJ1EkH9NqCly4EY1HmkLgCZCTIbaAfILgAJiEEjVLGyyAAAAABJRU5ErkJggg==) center center no-repeat;
            background-size: contain;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
            .divTable .divTableBody .divTableRow .item-controller__view a:hover {
              opacity: 0.6;
              transition: all 0.4s ease-out;
              -webkit-transition: all 0.4s ease-out; }
        .divTable .divTableBody .divTableRow .item-controller__edit {
          margin: 0px 8px; }
          .divTable .divTableBody .divTableRow .item-controller__edit a {
            display: block;
            width: 18px;
            height: 18px;
            background: url(../images/backend/edit-icon.png) center center no-repeat;
            background-size: contain;
            transition: all 0.4s ease-out;
            -webkit-transition: all 0.4s ease-out; }
            .divTable .divTableBody .divTableRow .item-controller__edit a:hover {
              opacity: 0.6;
              transition: all 0.4s ease-out;
              -webkit-transition: all 0.4s ease-out; }
      .divTable .divTableBody .divTableRow:nth-child(odd) {
        background-color: #F9F9F9; }
      .divTable .divTableBody .divTableRow:nth-child(even) {
        background-color: #ffffff; }
      .divTable .divTableBody .divTableRow:hover {
        background-color: rgba(0, 144, 63, 0.08); }
      .divTable .divTableBody .divTableRow.active {
        background-color: rgba(0, 144, 63, 0.08); }
  .divTable .title-hide,
  .divTable .started-hide,
  .divTable .method-hide {
    display: none !important; }

.admin-content {
  display: flex;
  flex-direction: column; }
  .admin-content .no-article {
    padding-top: 40px; }
  .admin-content .admin-order-excel-block.admin-order-style {
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
    .admin-content .admin-order-excel-block.admin-order-style .table-list-wrapper {
      flex-grow: 1; }

.dataTables_wrapper .top-search,
.divTableOuter .top-search {
  display: inline-block;
  margin-bottom: 16px; }
  .dataTables_wrapper .top-search .dataTables_filter,
  .divTableOuter .top-search .dataTables_filter {
    float: left; }
    .dataTables_wrapper .top-search .dataTables_filter input,
    .divTableOuter .top-search .dataTables_filter input {
      width: 350px;
      height: 30px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      padding: 0 15px;
      margin-left: 0;
      color: #000000;
      font-size: 12px; }

.dataTables_wrapper .top-page,
.divTableOuter .top-page {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 16px; }
  .dataTables_wrapper .top-page .dataTables_info,
  .divTableOuter .top-page .dataTables_info {
    font-size: 16px;
    padding: 0px; }
    .dataTables_wrapper .top-page .dataTables_info span,
    .divTableOuter .top-page .dataTables_info span {
      color: #02903f; }
  .dataTables_wrapper .top-page .dataTables_paginate,
  .divTableOuter .top-page .dataTables_paginate {
    padding: 0px;
    margin-left: 18px; }
    .dataTables_wrapper .top-page .dataTables_paginate select,
    .divTableOuter .top-page .dataTables_paginate select {
      display: block;
      width: 65px;
      height: 25px;
      font-size: 16px;
      background-color: #f9f9f9;
      border: 1px solid #ececec; }

.table-list-wrapper {
  position: relative; }

.admin-product-status__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  width: auto;
  margin-left: 0px;
  margin-right: 5px;
  font-size: 14px;
  font-weight: lighter;
  background-color: #ffffff;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.4s ease-out; }
  .admin-product-status__button:hover {
    background-color: #efefef; }

.divTableOuter,
.table-wrapper-scroll,
.admin-page-header-controller-wrapper,
.table-list-wrapper {
  overflow: auto; }

.admin-imgae-upload.row-mode {
  position: relative; }
  .admin-imgae-upload.row-mode .imgae-upload__picture {
    position: absolute;
    left: 0;
    margin-bottom: 0;
    margin-right: 30px;
    height: 100px;
    width: 180px;
    display: none; }
    .admin-imgae-upload.row-mode .imgae-upload__picture img {
      height: auto; }
  .admin-imgae-upload.row-mode.show .imgae-upload__picture {
    display: block; }
  .admin-imgae-upload.row-mode.show .imgae-upload__controller {
    position: relative;
    left: 210px; }
  .admin-imgae-upload.row-mode.show .image-upload__content {
    position: relative;
    left: 210px; }

.admin-imgae-upload.show .imgae-upload__picture {
  display: block; }

.admin-imgae-upload .imgae-upload__picture {
  height: 250px;
  margin-bottom: 17px;
  position: relative;
  display: none;
  float: left;
  margin-right: 20px; }
  .admin-imgae-upload .imgae-upload__picture > img {
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%; }

.admin-imgae-upload .imgae-upload__controller {
  display: flex;
  align-items: center; }
  .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__button {
    position: relative;
    width: 70px;
    height: 26px;
    overflow: hidden;
    margin-right: 9px; }
    .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__button:hover .button__input-style {
      background-color: #efefef;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
    .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__button .button__input {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      z-index: 1;
      cursor: pointer;
      font-size: 11px; }
    .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__button .button__input-style {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px solid #d2d2d2;
      box-sizing: border-box;
      border-radius: 2px;
      font-size: 12px;
      color: #000000;
      text-align: center;
      line-height: 2;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
  .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__info {
    align-items: center;
    display: none; }
    .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__info.show {
      display: flex; }
    .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__info .info__content {
      color: #000000;
      font-size: 12px; }
    .admin-imgae-upload .imgae-upload__controller .imgae-upload__controller__info .info__close {
      position: relative;
      width: 10px;
      height: 10px;
      margin-top: 5px;
      margin-left: 5px;
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAV5JREFUaAXtl10KwjAQhNuexyc9oPWA+uR5qoywsJSm3Z8JFNyCJGIyO99saeow1FUJVAKVQCVQCfxLAs/LdcanF29Ef7SagfhnWe5YP07T4/Z+zda9lnVRfROAFhczTIiM/iSGvCO6gcLefev1W+bXa/a+mzoAgVahTCcYmmYANgTDPDy5AFgQLPMhgCwE03wYIArBNp8C8EL0MJ8GsEL0Mk8BOILA73KCYy5X5vErGhjdTyG9Wc9bKes1MmeZhx4NAGIWCKZ5OsARBNs86oXfhbD5DFfdQtIFy/0va5m3EqUDLfMwCtOnfozumZd/bZY10h3vmOqAx5hnrQciDBAxFNlzBBMCyBjJ7N2CcQMwDDA0BMYFwCzM0jIDsApKchgZmiYARiFtXM+z2uF3IdZpirNCDjwNZp2bOgAxnRTLvDbZW/9XC0Xw0YWZ8976TK+lVQlUApVAJVAJUBL4Aj4nfYeHYLgfAAAAAElFTkSuQmCC);
      background-repeat: no-repeat;
      background-size: cover;
      cursor: pointer; }

.admin-imgae-upload .image-upload__content {
  margin-top: 17px; }
  .admin-imgae-upload .image-upload__content .content__description {
    font-size: 12px;
    color: #000000;
    margin-bottom: 6px; }

.admin-image-block {
  display: flex;
  align-items: flex-start; }
  .admin-image-block__label {
    width: 230px;
    display: block;
    color: #000000;
    font-size: 16px;
    margin-top: 2px;
    position: relative; }
    .admin-image-block__label.required:after {
      position: relative;
      content: "*";
      right: 0;
      top: 0;
      color: #ff0000;
      font-size: 12px; }
  .admin-image-block__content {
    width: calc(100% - 230px); }

.admin-image-block-segmentation {
  display: flex;
  flex-wrap: wrap; }
  .admin-image-block-segmentation__box {
    width: 50%;
    margin-bottom: 15px; }

.admin-filter-block {
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .admin-filter-block.show {
    opacity: 1;
    visibility: visible;
    pointer-events: visible; }
  .admin-filter-block__date .date-filter {
    display: flex; }
    .admin-filter-block__date .date-filter span {
      line-height: 29px; }
    .admin-filter-block__date .date-filter__date {
      margin: 0px 8px;
      position: relative; }
      .admin-filter-block__date .date-filter__date._ml0 {
        margin-left: 0; }
      .admin-filter-block__date .date-filter__date input {
        width: 212px;
        height: 29px;
        padding-left: 30px;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #d2d2d2;
        font-size: 12px; }
        .admin-filter-block__date .date-filter__date input.error-message {
          margin-top: 0; }
      .admin-filter-block__date .date-filter__date::after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAAHNJREFUWAntlFEKwCAMQ9exU7Xn12ttMMjPUOzYoD/Pn2ptIEQT2ybL3c/RVe/dRn313uJ2AauqzRiLUGvt3kaEWqmaxZUrAAEUWLog9eU/DJU/wSHy8q3Oz6oc+HuuXAEIoAA5QA7gAhQgB8gBXIAC5MAFfwgxpgoU8zgAAAAASUVORK5CYII=) center center no-repeat;
        background-size: contain;
        position: absolute;
        top: 7px;
        left: 12px; }
    .admin-filter-block__date .date-filter__text {
      margin: 0px 8px;
      position: relative; }
      .admin-filter-block__date .date-filter__text._ml0 {
        margin-left: 0; }
      .admin-filter-block__date .date-filter__text input {
        width: 212px;
        height: 29px;
        padding-left: 15px;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #d2d2d2;
        font-size: 12px; }
        .admin-filter-block__date .date-filter__text input.error-message {
          margin-top: 0; }
    .admin-filter-block__date .date-filter__button {
      margin: 0px 8px;
      background: #FFF;
      padding: 6px 12px;
      border: 1px solid #d2d2d2;
      height: 29px;
      border-radius: 3px;
      display: flex;
      align-items: center;
      justify-content: center; }

.admin-item-block {
  display: flex;
  align-items: center; }
  .admin-item-block._mb10 {
    margin-bottom: 10px; }
  .admin-item-block._hide-mode {
    display: none; }
  .admin-item-block._radio-show-hide-mode .admin-item-block__content .admin-item-block__content__radio .radio-label {
    color: #d2d2d2; }
  .admin-item-block._radio-show-hide-mode .admin-item-block__content .admin-item-block__content__radio .radio-input {
    pointer-events: none;
    opacity: 0.2; }
  .admin-item-block._radio-show-hide-mode._show .admin-item-block__content .admin-item-block__content__radio .radio-label {
    color: #000000; }
  .admin-item-block._radio-show-hide-mode._show .admin-item-block__content .admin-item-block__content__radio .radio-input {
    pointer-events: visible;
    opacity: 1; }
  .admin-item-block._align-items-start {
    align-items: flex-start; }
  .admin-item-block__label {
    width: 230px;
    display: block;
    color: #000000;
    font-size: 16px;
    position: relative; }
    .admin-item-block__label.required:after {
      position: relative;
      content: "*";
      right: 0;
      top: 0;
      color: #ff0000;
      font-size: 12px; }
  .admin-item-block__label-right {
    text-align: right; }
  .admin-item-block__content {
    width: calc(100% - 230px);
    margin-top: 3px; }
    .admin-item-block__content._row-mode {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
    .admin-item-block__content._wrap-mode {
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
    .admin-item-block__content ._mr15 {
      margin-right: 15px; }
    .admin-item-block__content__placeholder {
      margin-top: 5px;
      color: #000000;
      font-size: 12px; }
      .admin-item-block__content__placeholder._colorR {
        color: #ff0000; }
      .admin-item-block__content__placeholder._mt0 {
        margin-top: 0; }
    .admin-item-block__content__checkbox {
      display: flex;
      align-items: center;
      margin-right: 24px; }
      .admin-item-block__content__checkbox.mr30 {
        margin-right: 30px; }
      .admin-item-block__content__checkbox.mb30 {
        margin-bottom: 30px; }
      .admin-item-block__content__checkbox .item__checkbox {
        width: 15px;
        height: 15px;
        margin: 0; }
      .admin-item-block__content__checkbox .item__checkbox-title {
        margin-left: 10px;
        color: #000000;
        font-size: 16px; }
    .admin-item-block__content__item {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
    .admin-item-block__content__connection-text {
      margin: 0 10px 0 10px;
      font-size: 16px;
      color: #000000; }
    .admin-item-block__content__input {
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      width: 100%;
      height: 29px;
      padding: 0 15px;
      box-sizing: border-box;
      color: #000000;
      font-size: 16px; }
      .admin-item-block__content__input._wd60px {
        width: 60px; }
      .admin-item-block__content__input._wd90px {
        width: 90px; }
      .admin-item-block__content__input._wd230px {
        width: 230px; }
      .admin-item-block__content__input._wd350px {
        width: 350px; }
      .admin-item-block__content__input.mb12px {
        margin-bottom: 12px; }
      .admin-item-block__content__input::-webkit-inner-spin-button, .admin-item-block__content__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0; }
      .admin-item-block__content__input._disabled {
        color: #bcbcbc;
        background-color: #eeeeee;
        pointer-events: none; }
    .admin-item-block__content__date {
      position: relative; }
      .admin-item-block__content__date .date-input {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        width: 212px;
        height: 29px;
        padding: 0 15px 0 30px;
        box-sizing: border-box;
        color: #000000;
        font-size: 12px; }
        .admin-item-block__content__date .date-input.mb12px {
          margin-bottom: 12px; }
        .admin-item-block__content__date .date-input::-webkit-inner-spin-button, .admin-item-block__content__date .date-input::-webkit-outer-spin-button {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          margin: 0; }
      .admin-item-block__content__date:after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAAHNJREFUWAntlFEKwCAMQ9exU7Xn12ttMMjPUOzYoD/Pn2ptIEQT2ybL3c/RVe/dRn313uJ2AauqzRiLUGvt3kaEWqmaxZUrAAEUWLog9eU/DJU/wSHy8q3Oz6oc+HuuXAEIoAA5QA7gAhQgB8gBXIAC5MAFfwgxpgoU8zgAAAAASUVORK5CYII=) center center no-repeat;
        background-size: contain;
        position: absolute;
        top: 7px;
        left: 12px; }
    .admin-item-block__content__select {
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      min-width: 260px;
      height: 29px;
      box-sizing: border-box;
      background-color: #ffffff;
      font-size: 16px;
      padding-left: 10px; }
      .admin-item-block__content__select._wd90px {
        min-width: 90px; }
      .admin-item-block__content__select:focus {
        outline: none; }
      .admin-item-block__content__select._block-mode {
        display: block;
        margin-bottom: 10px; }
    .admin-item-block__content__des {
      font-size: 12px;
      color: #000000;
      margin-right: 8px;
      font-size: 16px; }
      .admin-item-block__content__des:last-child {
        margin-right: 0; }
      .admin-item-block__content__des._wd222px {
        width: 222px; }
    .admin-item-block__content__radio {
      margin-right: 24px; }
      .admin-item-block__content__radio:last-child {
        margin-right: 0; }
      .admin-item-block__content__radio .radio-input {
        width: 16px;
        height: 16px;
        margin-left: 0; }
      .admin-item-block__content__radio .radio-label {
        color: #000000;
        font-size: 16px; }
    .admin-item-block__content__textarea {
      width: 100%;
      height: 84px;
      outline: 0;
      resize: vertical;
      padding: 6px 15px;
      box-sizing: border-box;
      border-color: #d2d2d2;
      border-radius: 3px; }
      .admin-item-block__content__textarea._height260px {
        height: 260px; }
    .admin-item-block__content__features-btn {
      padding: 0 20px;
      height: 29px;
      border: 1px solid #d2d2d2;
      box-sizing: border-box;
      border-radius: 3px;
      color: #000000;
      line-height: 29px;
      font-size: 12px;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      margin-right: 8px;
      cursor: pointer; }
      .admin-item-block__content__features-btn:last-child {
        margin-right: 0; }
      .admin-item-block__content__features-btn:hover {
        background-color: #efefef;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
    .admin-item-block__content__link-btn {
      height: 29px;
      border: 1px solid #d2d2d2;
      box-sizing: border-box;
      border-radius: 3px;
      display: inline-block;
      padding: 0 20px;
      cursor: pointer;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
      .admin-item-block__content__link-btn:hover {
        background-color: #efefef;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
      .admin-item-block__content__link-btn .link-btn__content {
        color: #000000;
        line-height: 29px;
        font-size: 12px; }
  .admin-item-block .flex-nowrap {
    flex-flow: nowrap; }
  .admin-item-block .w-auto {
    width: auto; }
  .admin-item-block .text-center {
    text-align: center; }
  .admin-item-block .item__select {
    margin-bottom: 5px;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    min-width: 150px;
    height: 29px;
    box-sizing: border-box;
    background-color: #ffffff;
    font-size: 12px;
    margin-right: 10px; }

.admin-paginate__wrapper {
  display: flex;
  justify-content: flex-end;
  padding: 8px; }

.admin-paginate__info {
  margin-right: 16px; }

.login-block {
  width: 100vw;
  height: 100vh;
  background-color: #fafafa;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  .login-block .ohnohoney {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    z-index: -1; }
  .login-block__inbox {
    max-width: 357px;
    width: 100%;
    margin-top: 120px; }
    .login-block__inbox .inbox__logo {
      display: block;
      width: 80px;
      margin: 0 auto 8px auto; }
    .login-block__inbox .inbox__title {
      text-align: center;
      color: rgba(0, 0, 0, 0.5);
      margin-bottom: 16px;
      font-size: 16px; }
    .login-block__inbox form.inbox__content {
      background-color: #ffffff;
      padding: 36px 17px 26px 17px;
      box-sizing: border-box;
      box-shadow: 0 2px 4px 0 rgba(226, 226, 226, 0.5); }
      .login-block__inbox form.inbox__content .input-block {
        margin-bottom: 20px; }
        .login-block__inbox form.inbox__content .input-block__header {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 10px 15px;
          box-sizing: border-box;
          border-radius: 2px;
          margin-bottom: 8px;
          background-color: #f9f9f9; }
          .login-block__inbox form.inbox__content .input-block__header__icon {
            width: 16px;
            margin-right: 16px; }
          .login-block__inbox form.inbox__content .input-block__header__input {
            width: calc(100% - 16px - 16px);
            height: 17px;
            border: 0;
            background-color: #f9f9f9;
            color: #000; }
        .login-block__inbox form.inbox__content .input-block__placeholder {
          color: rgba(0, 0, 0, 0.25);
          font-size: 12px;
          margin-left: 10px; }
          .login-block__inbox form.inbox__content .input-block__placeholder.error-color {
            color: #d00d00; }
      .login-block__inbox form.inbox__content .submit-button {
        background-color: #02903f;
        width: 101px;
        height: 27px;
        border-radius: 2px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-content: center;
        outline: 0;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out;
        cursor: pointer; }
        .login-block__inbox form.inbox__content .submit-button__link {
          text-align: center;
          line-height: 2;
          color: #ffffff;
          font-size: 12px;
          display: block;
          width: 100%;
          height: 100%; }
        .login-block__inbox form.inbox__content .submit-button:hover {
          transition: all 0.4s ease-out;
          -webkit-transition: all 0.4s ease-out;
          background-color: #ffffff;
          border: 1px solid #02903f;
          box-sizing: border-box; }
          .login-block__inbox form.inbox__content .submit-button:hover .submit-button__link {
            color: #02903f; }

.admin-contact-webform-result-block .webform-content {
  padding: 9px 24px 24px 24px;
  box-sizing: border-box; }
  .admin-contact-webform-result-block .webform-content__row {
    display: flex;
    padding: 15px 0px;
    border-bottom: 1px dashed #dddddd; }
    .admin-contact-webform-result-block .webform-content__row:last-child {
      border-bottom: 0px; }
    .admin-contact-webform-result-block .webform-content__row.top-row {
      justify-content: space-between; }
    .admin-contact-webform-result-block .webform-content__row.middle-row .webform-content__row__item {
      padding-right: 24px;
      border-right: 1px solid #dddddd;
      margin-right: 24px; }
    .admin-contact-webform-result-block .webform-content__row__item {
      display: flex;
      font-size: 16px; }

.admin-contact-webform-result-block .admin-webform-pager {
  display: flex;
  margin-top: 20px; }

.admin-index-hour-edit-block .admin-backend-page-inbox {
  flex-wrap: wrap;
  justify-content: space-between; }

.admin-index-hour-edit-block .admin-index-hour-item {
  width: calc(100% / 4 - 20px);
  background-color: #ffffff;
  margin-bottom: 20px; }
  @media (max-width: 1450px) {
    .admin-index-hour-edit-block .admin-index-hour-item {
      width: calc(100% / 3 - 20px); } }
  @media (max-width: 1200px) {
    .admin-index-hour-edit-block .admin-index-hour-item {
      width: calc(100% / 2 - 20px); } }
  .admin-index-hour-edit-block .admin-index-hour-item__icon {
    width: 22px;
    height: 22px;
    margin-right: 5px; }
    .admin-index-hour-edit-block .admin-index-hour-item__icon:last-child {
      margin-right: 0; }
    .admin-index-hour-edit-block .admin-index-hour-item__icon.style1 {
      background: url(../images/backend/fortune1.png);
      background-size: cover;
      background-repeat: no-repeat; }
    .admin-index-hour-edit-block .admin-index-hour-item__icon.style2 {
      background: url(../images/backend/fortune2.png);
      background-size: cover;
      background-repeat: no-repeat; }
    .admin-index-hour-edit-block .admin-index-hour-item__icon.style3 {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAAXNSR0IArs4c6QAAAd9JREFUSA211ztLw1AUB/A8ioQ4ugjFqQ9wdtOvoIOD4AdwqOKgH0A3tTgJItbFyUmcdBDEycEHiOBoH6Yp1IIP7BSSNjT+jxgIMWlMegykN/fce389N7mht2Iul2sLgqCJolhH+ew4zr1hGBfNZvMD9diHmM/nHf8ooBR7xJecW5a1q+t6y98nrB4IejvDNgHvI7ZZLpffvW1B11JQ0BsDpqC+CljPZrNL3rag60jQHQRYlSRpD/f8ELGUG/eXkVP2D/ipX5umOd1oND797X/O0DdwUlGUM8RkX1xICpIzhRVS4gTJWgC67EUHydB1iul0esStcIDDqqqucYICltRiJpMZI5QjQ3KGZFle4QTJmqWPpAubxgYd41xT/sbxvs+wgng4E6wgMhxlBZEhL/gfGUqsU8ajbrGCmDIvyJ4hwAfWKdu2fcoJ1jVNe2ID8UBO6IVmAYEZOLfZQEDFarX6xgW23OwIDN1SUGPUAYh2afPIznL7DnoP1yuVypWLUZkYRHKXwDa8WGIQ2G23250D8GuzGvseAjtAZrT9sP3ZxcoQkImzAKwQhhEYmSFB6Ffq9XpbtVrtlQb1O/qBL8COOp3OTpxNe4oywI8L/bVo45p2pHcoj7G2bvplEtb2BUuTwbCdf5gUAAAAAElFTkSuQmCC);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center; }
    .admin-index-hour-edit-block .admin-index-hour-item__icon.style4 {
      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAs9JREFUWAnNmU1y2kAQhS3xU1lhCi5gFrANvgE5gfHO2eETBJ8g8TKrkJ13cW5AbkBuADsXFGVyAChllwAFeW9Ko2rJY0dYNvRUYfX89qfXMyON7B09M50gFQqFM8/zWtvttoxhyrCbHA75IS4B8gHswWq1+jFDYt2uydulA5jKxWLxA5y2LUza/oRGn/5yufwK1iBtv1SAAqwLJ1Tr2QmgVLaXFvS/gPV6vQOaL1nBkncUgl6Ox+N+sk7mczKTtBuNxkfeLX5vknVZ8+GYF9Vq9Wg+n/98bDynggwpFgBV6zzW8SXLoeYtFtKVa27mXY72CUf/FAI+aV7yj0wPQoywfkKHrmy0Dxs+mwi3h3APpL9YiLkg0PCbbHAA+1wunAgwnHf3AMy0jWS9Ia5uzMeanY++HRAbcOY9zo6V5UqByGLHMApqUc9CSRWNglrUs4BSRQMI4jNbqeVqmTyE9wQK3msBkxx4Xtf8fD7floWabLL5SC1NUJKFbD5ifdB9TwIlbbJxkRwnKxTlj30s6aYioBgK2cw2EytVliHgSBmTxBlxkQSyRJNNNs5BtYBk8zebzUCTapKFbP56ve7LQk022Xy8GM4ApXGhjMhmtxmNKhomA4i3hh5WzG8t4SULmchjAKGk+RyhBRCrt0emCJCGFhWlejHAUMUOCw+ZoF7HqkeO2MEdh+Y7Hp5R3mLlAdI1zsQ30m8MkBU82VcqlRrupCkbvraN0H6fTCbdpB+7zcTKcXDuskOs8BUz9EWfLhcPFGSjIAj+LBaL/p7CfU3l6DM1oG0YhvsX8u8Q8hf9RsjVijHfJ+ec9W2vTgVtJa9QclgqlW5yudxfDHqaFTQE+4yQXkyn06H05bLNpw9XhauMn0jC7yZt1L91tXmijM97fkSPNuEn2kZVOwFGvWDwwB+eW82/IaBsGcUWegSl+HQK+MrEtxLsbTPZP639DxA5ShfrRUSDAAAAAElFTkSuQmCC);
      background-size: cover;
      background-repeat: no-repeat; }
  .admin-index-hour-edit-block .admin-index-hour-item__header {
    height: 55px;
    box-sizing: border-box;
    border-bottom: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px; }
    .admin-index-hour-edit-block .admin-index-hour-item__header__title {
      font-size: 16px;
      color: #000000; }
    .admin-index-hour-edit-block .admin-index-hour-item__header__content {
      display: flex;
      align-items: center; }
  .admin-index-hour-edit-block .admin-index-hour-item__content-block {
    padding: 20px 30px; }
    .admin-index-hour-edit-block .admin-index-hour-item__content-block .admin-index-hour-item__content {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .admin-index-hour-edit-block .admin-index-hour-item__content-block .admin-index-hour-item__content__checkbox {
        margin-bottom: 10px; }
        .admin-index-hour-edit-block .admin-index-hour-item__content-block .admin-index-hour-item__content__checkbox .checkbox__label {
          display: flex;
          align-items: center; }
        .admin-index-hour-edit-block .admin-index-hour-item__content-block .admin-index-hour-item__content__checkbox .checkbox__input {
          width: 15px;
          height: 15px;
          margin: 0;
          margin-right: 10px; }

.admin-index-ad-list-block__title {
  text-overflow: ellipsis;
  text-align: left; }

.admin-data-manual-block .text-color-green {
  color: #02903f;
  opacity: 1;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out; }
  .admin-data-manual-block .text-color-green:hover {
    opacity: 0.6;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out; }

.admin-order-style .dataTables_wrapper .top-page {
  margin-bottom: 30px; }

.admin-order-style .admin-page-header-controller-wrapper {
  position: static;
  top: 25px;
  width: 100%; }

.admin-order-style ul.admin-order-edit-log {
  width: 100%;
  border: 1px solid #e0dcdc;
  display: none; }
  .admin-order-style ul.admin-order-edit-log._show {
    display: block; }
  .admin-order-style ul.admin-order-edit-log li {
    display: table-row;
    align-items: center;
    border-bottom: 1px solid #e0dcdc;
    box-sizing: border-box; }
    .admin-order-style ul.admin-order-edit-log li:last-child {
      border-bottom: 0; }
    .admin-order-style ul.admin-order-edit-log li .item {
      padding: 10px;
      display: table-cell;
      align-items: center; }
      .admin-order-style ul.admin-order-edit-log li .item:first-child {
        border-right: 1px solid #e0dcdc; }
      .admin-order-style ul.admin-order-edit-log li .item.border-right {
        border-right: 1px solid #e0dcdc; }
      .admin-order-style ul.admin-order-edit-log li .item._vertical-mode {
        flex-direction: column;
        align-items: flex-start;
        word-break: break-all; }
      .admin-order-style ul.admin-order-edit-log li .item__image {
        width: 30px;
        height: 30px;
        margin-right: 5px; }
      .admin-order-style ul.admin-order-edit-log li .item__info__name {
        font-weight: bold;
        display: inline-block;
        width: 80px; }
      .admin-order-style ul.admin-order-edit-log li .item__info__date {
        color: #02903f;
        display: inline-block;
        width: 180px; }
      .admin-order-style ul.admin-order-edit-log li .item__title {
        font-weight: bold;
        color: #000000;
        display: inline-block;
        width: 180px; }
      .admin-order-style ul.admin-order-edit-log li .item__subtitle {
        max-height: 100px;
        overflow: auto;
        color: #898989; }

.admin-order-style .admin-order-edit-prodcut-info {
  display: flex;
  align-items: center;
  margin-bottom: 25px; }
  .admin-order-style .admin-order-edit-prodcut-info .info-item {
    display: flex;
    align-items: center;
    margin-right: 25px; }
    .admin-order-style .admin-order-edit-prodcut-info .info-item__title {
      color: #000000;
      font-size: 16px;
      margin-right: 10px; }
    .admin-order-style .admin-order-edit-prodcut-info .info-item__value {
      color: #02903f;
      font-size: 16px; }

.admin-order-style__item-block {
  display: flex;
  align-items: flex-start; }
  .admin-order-style__item-block._textarea-mode {
    align-items: flex-start; }
  .admin-order-style__item-block__label {
    width: 230px;
    display: block;
    color: #000000;
    font-size: 16px;
    position: relative; }
    .admin-order-style__item-block__label.required:after {
      position: relative;
      content: "*";
      right: 0;
      top: 0;
      color: #ff0000;
      font-size: 12px; }
  .admin-order-style__item-block__content {
    width: calc(100% - 230px);
    margin-top: 3px;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .admin-order-style__item-block__content__item {
      display: flex; }
    .admin-order-style__item-block__content ._mr10 {
      margin-right: 10px; }
    .admin-order-style__item-block__content ._ml10 {
      margin-left: 10px; }
    .admin-order-style__item-block__content .item__text {
      margin-left: 10px;
      margin-right: 10px;
      margin-bottom: 5px; }
      .admin-order-style__item-block__content .item__text .item__text__input {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        width: 100%;
        max-width: 520px;
        height: 29px;
        padding-right: 15px;
        padding-left: 30px;
        box-sizing: border-box;
        color: #000000;
        font-size: 12px; }
    .admin-order-style__item-block__content .item__date {
      position: relative;
      margin-bottom: 5px; }
      .admin-order-style__item-block__content .item__date .item__date__input {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        width: 212px;
        height: 29px;
        padding-right: 15px;
        padding-left: 30px;
        box-sizing: border-box;
        color: #000000;
        font-size: 12px; }
      .admin-order-style__item-block__content .item__date::after {
        display: block;
        content: "";
        width: 16px;
        height: 16px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAAAXNSR0IArs4c6QAAAHNJREFUWAntlFEKwCAMQ9exU7Xn12ttMMjPUOzYoD/Pn2ptIEQT2ybL3c/RVe/dRn313uJ2AauqzRiLUGvt3kaEWqmaxZUrAAEUWLog9eU/DJU/wSHy8q3Oz6oc+HuuXAEIoAA5QA7gAhQgB8gBXIAC5MAFfwgxpgoU8zgAAAAASUVORK5CYII=) center center no-repeat;
        background-size: contain;
        position: absolute;
        top: 7px;
        left: 12px; }
    .admin-order-style__item-block__content .item__input {
      margin-bottom: 5px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      max-width: 230px;
      width: 100%;
      height: 29px;
      padding: 0 15px;
      box-sizing: border-box;
      color: #000000;
      font-size: 12px; }
      .admin-order-style__item-block__content .item__input::-webkit-inner-spin-button, .admin-order-style__item-block__content .item__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0; }
      .admin-order-style__item-block__content .item__input._maxwd520px {
        max-width: 520px; }
    .admin-order-style__item-block__content .item__select {
      margin-bottom: 5px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      min-width: 135px;
      height: 29px;
      box-sizing: border-box;
      background-color: #ffffff;
      font-size: 12px; }
      .admin-order-style__item-block__content .item__select:focus {
        outline: none; }
    .admin-order-style__item-block__content .item__button {
      margin-left: 8px;
      margin-bottom: 5px;
      border: 1px solid #d2d2d2;
      border-radius: 3px;
      padding: 0 20px;
      height: 29px;
      font-size: 12px;
      box-sizing: border-box;
      background-color: #ffffff;
      cursor: pointer;
      opacity: 1;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
      .admin-order-style__item-block__content .item__button:hover {
        opacity: 0.5;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }
    .admin-order-style__item-block__content .item__des {
      display: flex;
      align-items: center;
      margin-right: 10px; }
      .admin-order-style__item-block__content .item__des__text {
        font-size: 16px;
        color: #000000; }
      .admin-order-style__item-block__content .item__des__value {
        font-size: 16px;
        color: #000000;
        margin-left: 5px;
        margin-right: 5px; }
    .admin-order-style__item-block__content .item__radio {
      display: flex;
      align-items: center;
      margin-right: 20px; }
      .admin-order-style__item-block__content .item__radio__label {
        font-size: 16px;
        color: #000000; }
      .admin-order-style__item-block__content .item__radio__input {
        margin-right: 10px; }
    .admin-order-style__item-block__content .item__textarea {
      height: 84px;
      width: 100%;
      resize: vertical;
      outline: 0;
      padding: 6px 15px;
      box-sizing: border-box;
      border-color: #d2d2d2;
      border-radius: 3px; }

.admin-order-style .admin-order-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(225, 225, 225, 0.8);
  z-index: 1000;
  display: none; }
  .admin-order-style .admin-order-lightbox._show {
    display: block; }
  .admin-order-style .admin-order-lightbox .close {
    position: absolute;
    top: 10px;
    right: 60px;
    font-size: 40px;
    color: #000000;
    cursor: pointer;
    z-index: 1010;
    transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out; }
    .admin-order-style .admin-order-lightbox .close:hover {
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out;
      color: #02903f; }
  .admin-order-style .admin-order-lightbox .inbox {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
    -webkit-transform: translate(-50%, -60%);
    width: 80%;
    height: 80%;
    background-color: #ffffff;
    padding: 50px;
    border-radius: 5px;
    overflow: auto; }
    .admin-order-style .admin-order-lightbox .inbox__text {
      display: none;
      align-items: center;
      justify-content: center;
      font-size: 40px;
      color: #000000;
      height: 100%; }
      .admin-order-style .admin-order-lightbox .inbox__text._show {
        display: flex; }
    .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox {
      display: grid;
      grid-template-columns: repeat(10, auto);
      width: 1200px;
      text-align: center; }
      .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox__table-header {
        background-color: #dad9d9;
        padding: 8px 15px;
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #F9F9F9;
        border-left: 1px solid #F9F9F9; }
      .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox__table-data {
        padding: 8px 15px;
        border-bottom: 1px solid #dedede;
        border-right: 1px solid #F9F9F9;
        border-left: 1px solid #F9F9F9; }
        .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox__table-data--hover {
          background-color: rgba(0, 144, 63, 0.08); }
      .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox .admin-item-select-block._disabled {
        pointer-events: none; }
      .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox .admin-item-scan-block__button._hide {
        display: none; }
      .admin-order-style .admin-order-lightbox .inbox .admin-order-list-lightbox tbody tr {
        border-bottom: 1px solid #dad9d9; }

.table-list-wrapper {
  display: flex;
  flex-direction: column; }
  .table-list-wrapper .loading-block {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding-bottom: 20px; }
    .table-list-wrapper .loading-block .loading-animate {
      display: none;
      width: 24px;
      height: 24px;
      border-width: 4px;
      border-style: solid;
      border-color: #ccc #ccc #ccc transparent;
      border-radius: 50%;
      animation: loading-spin 1.5s infinite linear; }

@keyframes loading-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.admin-form__content__item-line {
  flex-shrink: 0;
  width: 2px;
  background-color: #ddd;
  margin: 0 2rem; }

.natal-chart-table {
  padding: 20px 0; }
  .natal-chart-table .table-row {
    display: flex;
    text-align: center;
    border-bottom: #ccc solid 1px; }
    .natal-chart-table .table-row.table-header {
      background-color: #ddd; }
    .natal-chart-table .table-row .table-td {
      padding: 0.25rem 0;
      max-width: 20%;
      flex: 0 0 20%; }

thead th.sorting {
  cursor: pointer; }

.admin-order-fixed-information {
  position: fixed;
  right: 0;
  bottom: 24px;
  z-index: 1;
  display: flex;
  font-size: 16px;
  align-items: center;
  height: 114px; }
  .admin-order-fixed-information .fixed-order-button {
    background-color: #009140;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 40px;
    height: 40px;
    cursor: pointer; }
    .admin-order-fixed-information .fixed-order-button .fixed-order-button-arrow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 0px 6px 6px;
      border-color: transparent transparent transparent #ffffff;
      margin: 0 6px; }
    .admin-order-fixed-information .fixed-order-button .fixed-order-button-arrow.left {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 6px 6px 0px;
      border-color: transparent #ffffff transparent transparent;
      margin: 0 6px; }
  .admin-order-fixed-information .fixed-order-content {
    padding: 15px 25px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    background: #fff; }
    .admin-order-fixed-information .fixed-order-content .fixed-order-item {
      display: flex;
      margin-bottom: 6px; }
      .admin-order-fixed-information .fixed-order-content .fixed-order-item:last-of-type {
        color: #009140;
        margin-bottom: 0; }
    .admin-order-fixed-information .fixed-order-content .fixed-order-info {
      text-align: right;
      width: 100%;
      white-space: nowrap; }
    .admin-order-fixed-information .fixed-order-content .fixed-order-title {
      font-weight: bold;
      word-break: keep-all; }
      .admin-order-fixed-information .fixed-order-content .fixed-order-title:last-of-type {
        color: #009140; }

.admin-shopping-process-freight-edit-block._edit-mode .item-box .item-box__content .content-input-text-box .content-input-text-box__des {
  display: none; }

.admin-shopping-process-freight-edit-block._edit-mode .item-box .item-box__content .content-input-text-box .content-input-text-box__input {
  display: block; }

.admin-shopping-process-freight-edit-block._edit-mode .item-button__save {
  display: block; }

.admin-shopping-process-freight-edit-block._edit-mode .item-button__edit {
  display: none; }

.admin-shopping-process-freight-edit-block .item-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  height: 30px;
  background-color: #fed5d9;
  border-radius: 3px;
  padding: 0 10px;
  box-sizing: border-box; }
  .admin-shopping-process-freight-edit-block .item-title__text {
    color: #000000;
    font-size: 16px; }
  .admin-shopping-process-freight-edit-block .item-title__icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #a00006;
    font-size: 12px;
    border-radius: 50%; }

.admin-shopping-process-freight-edit-block .item-box {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .admin-shopping-process-freight-edit-block .item-box__label {
    color: #000000;
    font-size: 16px;
    margin-right: 30px; }
  .admin-shopping-process-freight-edit-block .item-box__content {
    display: flex;
    align-items: center; }
    .admin-shopping-process-freight-edit-block .item-box__content .content-des {
      color: #000000;
      font-size: 16px; }
    .admin-shopping-process-freight-edit-block .item-box__content .content-input-text-box {
      margin: 0 5px; }
      .admin-shopping-process-freight-edit-block .item-box__content .content-input-text-box__des {
        color: #02903f;
        font-size: 16px; }
      .admin-shopping-process-freight-edit-block .item-box__content .content-input-text-box__input {
        display: none;
        border: 1px solid #d2d2d2;
        border-radius: 3px;
        width: 110px;
        height: 29px;
        padding: 0 15px;
        box-sizing: border-box;
        color: #000000; }

.admin-shopping-process-freight-edit-block .item-button__save {
  display: none; }

.admin-shopping-process-terms-edit-block .item-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  height: 30px;
  background-color: #fed5d9;
  border-radius: 3px;
  padding: 0 10px;
  box-sizing: border-box; }
  .admin-shopping-process-terms-edit-block .item-title__text {
    color: #000000;
    font-size: 16px; }
  .admin-shopping-process-terms-edit-block .item-title__icon {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background-color: #a00006;
    font-size: 12px;
    border-radius: 50%; }

.admin-shopping-process-renew-edit-block .renew-text {
  border: #F64464 1px solid;
  margin-bottom: 30px;
  border-radius: 10px;
  overflow: hidden; }
  .admin-shopping-process-renew-edit-block .renew-text__header {
    height: 40px;
    background-color: #ff4462;
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    padding-left: 12px; }
  .admin-shopping-process-renew-edit-block .renew-text__content {
    background-color: #ffffff;
    padding: 12px; }
    .admin-shopping-process-renew-edit-block .renew-text__content__des {
      color: #000000;
      font-size: 16px;
      margin-bottom: 12px; }
      .admin-shopping-process-renew-edit-block .renew-text__content__des:last-child {
        margin-bottom: 0; }

.admin-shopping-process-renew-edit-block .admin-input-block__content.input-date input {
  width: 250px; }

.admin-shopping-activity-list-block .admin-item-block__content__input {
  width: 100%;
  max-width: 405px; }

.admin-shopping-activity-edit-block .date-filter__date {
  margin: 0; }
  .admin-shopping-activity-edit-block .date-filter__date input {
    width: 100%;
    padding-left: 15px; }
  .admin-shopping-activity-edit-block .date-filter__date:after {
    right: 12px;
    left: auto; }

.admin-shopping-activity-edit-block .admin-item-block__content__select {
  width: 100%;
  max-width: 100%;
  padding-left: 10px; }

.admin-shopping-activity-edit-block .admin-add-btn {
  position: absolute;
  right: -30px;
  bottom: 13px;
  background: #02903f;
  color: #fff;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 1rem;
  cursor: pointer;
  z-index: 2; }
  .admin-shopping-activity-edit-block .admin-add-btn.active {
    right: -60px; }

.admin-shopping-activity-edit-block .admin-del-btn {
  position: absolute;
  right: -30px;
  bottom: 3px;
  background: gray;
  color: #fff;
  width: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  font-size: 1rem;
  cursor: pointer;
  z-index: 1; }

.admin-shopping-activity-edit-block .admin-item-block__content {
  position: relative; }

.admin-shopping-activity-edit-block .admin-item-block__content-item {
  position: relative;
  display: flex;
  margin-bottom: 10px; }

.admin-shopping-activity-edit-block .admin-form-group {
  display: none; }
  .admin-shopping-activity-edit-block .admin-form-group.active {
    display: block; }

.admin-shopping-activity-edit-block .set-mode-btn {
  font-size: 16px;
  border: 1px solid;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 27px;
  padding: 0 20px;
  cursor: pointer;
  text-align: center;
  transition: all 0.4s ease-out;
  background-color: #02903f;
  color: #ffffff;
  border-color: #02903f;
  width: inherit; }

.admin-shopping-activity-edit-block .admin-form-prize-group-title {
  margin-top: 1rem; }

.admin-shopping-activity-edit-block .admin-form-prize-group-outer {
  border-top: 2px dotted #e6e6e6; }

.admin-shopping-activity-edit-block .admin-form-prize-group {
  display: flex;
  flex-wrap: wrap;
  padding-top: .5rem; }

.admin-shopping-activity-edit-block .admin-form-prize-item {
  max-width: 50%;
  width: 50%;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem; }

.admin-shopping-activity-edit-block .percent-value {
  position: relative; }
  .admin-shopping-activity-edit-block .percent-value:after {
    right: 8px;
    content: "%";
    position: absolute;
    bottom: 6px;
    font-size: .8rem; }

.admin-shopping-activity-edit-block .special_btn-custom {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  line-height: 29px;
  box-sizing: border-box;
  background-color: #ffffff;
  font-size: 12px;
  width: 100%;
  max-width: 100%;
  padding-left: 10px;
  position: relative; }

.admin-shopping-activity-rule-list-block .admin-item-block__content__input {
  width: 100%;
  max-width: 405px; }

.admin-shopping-activity-rule-add-block .admin-form-button-group {
  display: flex; }

.admin-shopping-activity-rule-add-block .admin-form-button-item {
  text-align: center;
  margin-bottom: 10px; }

.admin-shopping-activity-rule-add-block .admin-form-button-xl {
  background-color: #ffffff;
  color: #000000;
  width: 120px;
  line-height: 120px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  transition: .4s;
  cursor: pointer;
  margin: 1rem 0; }
  .admin-shopping-activity-rule-add-block .admin-form-button-xl:hover, .admin-shopping-activity-rule-add-block .admin-form-button-xl.active {
    background-color: #efefef; }

#giftType, #drawType {
  display: none; }
  #giftType.active, #drawType.active {
    display: block; }

.range-switch {
  position: relative;
  display: inline-block;
  width: 49px;
  height: 22px;
  /* Rounded sliders */ }
  .range-switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .range-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s; }
  .range-switch .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s; }
  .range-switch input:checked + .slider {
    background-color: #02903f; }
  .range-switch input:focus + .slider {
    box-shadow: 0 0 1px #02903f; }
  .range-switch input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px); }
  .range-switch .slider.round {
    border-radius: 34px; }
  .range-switch .slider.round:before {
    border-radius: 50%; }

.admin-join-style ._single-layer-mode {
  display: none; }
  .admin-join-style ._single-layer-mode._show {
    display: block; }

.admin-system-style .admin-system-mail-item-wrapper {
  padding: 26px; }
  .admin-system-style .admin-system-mail-item-wrapper .admin-system-mail-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 34px;
    background-color: #f6f6f6;
    box-sizing: border-box;
    border-bottom: 1px solid #dedede; }
    .admin-system-style .admin-system-mail-item-wrapper .admin-system-mail-item:nth-child(2n) {
      background-color: #ffffff; }
    .admin-system-style .admin-system-mail-item-wrapper .admin-system-mail-item .item-title {
      font-size: 16px;
      color: #000000; }
    .admin-system-style .admin-system-mail-item-wrapper .admin-system-mail-item .item-edit {
      display: block;
      width: 18px;
      height: 18px;
      background: url(../images/backend/edit-icon.png) center center no-repeat;
      background-size: contain;
      transition: all 0.4s ease-out;
      -webkit-transition: all 0.4s ease-out; }
      .admin-system-style .admin-system-mail-item-wrapper .admin-system-mail-item .item-edit:hover {
        opacity: 0.6;
        transition: all 0.4s ease-out;
        -webkit-transition: all 0.4s ease-out; }

.admin-system-style .admin-system-admin-checkbox-list .item-checkbox {
  margin-right: 15px; }

.admin-system-style .admin-system-admin-checkbox-list .item-title {
  color: #000000;
  font-size: 16px; }

.admin-system-style .admin-system-admin-checkbox-list .item {
  background-color: #e3e3e3;
  height: 28px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 15px;
  box-sizing: border-box;
  margin-bottom: 5px; }
  .admin-system-style .admin-system-admin-checkbox-list .item._style1 {
    background-color: #f7f7f7;
    padding-left: 40px; }

.admin-system-information-edit-block .imgae-upload__picture, .admin-product-category-edit-block .imgae-upload__picture {
  height: 200px;
  width: 200px;
  background-image: url(../images/backend/icon-background.png);
  background-size: cover;
  padding: 16px; }
  .admin-system-information-edit-block .imgae-upload__picture .upload__picture__block, .admin-product-category-edit-block .imgae-upload__picture .upload__picture__block {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .admin-system-information-edit-block .imgae-upload__picture .upload__picture__block img, .admin-product-category-edit-block .imgae-upload__picture .upload__picture__block img {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%; }

.stronghold-address {
  display: flex; }
  .stronghold-address input:first-of-type {
    width: 140px; }
  .stronghold-address select {
    width: 140px;
    margin: 0 9px;
    outline: none; }

.stronghold-day {
  display: flex; }
  .stronghold-day input {
    max-width: 290px;
    width: 100%; }
  .stronghold-day div {
    margin: 0 9px; }