@import url(https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css);
@charset "UTF-8";
/*! jQuery UI - v1.11.4 - 2016-06-22
* http://jqueryui.com
* Includes: core.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lato%2CHelvetica%2CArial%2Csans-serif&fsDefault=0.9em&fwDefault=normal&cornerRadius=5px&bgColorHeader=%231abc9c&bgTextureHeader=spotlight&borderColorHeader=%231abc9c&fcHeader=%23fff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=spotlight&borderColorContent=%231abc9c&fcContent=%2334495e&iconColorContent=%23222222&bgColorDefault=%231abc9c&bgTextureDefault=fine_grain&borderColorDefault=%231abc9c&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%2348c9b0&bgTextureHover=fine_grain&borderColorHover=%2348c9b0&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%2316a085&bgTextureActive=fine_grain&borderColorActive=%2316a085&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23ecf0f1&bgTextureHighlight=fine_grain&borderColorHighlight=%23bdc3c7&fcHighlight=%2334495e&iconColorHighlight=%233572ac&bgColorError=%23ecf0f1&bgTextureError=fine_grain&borderColorError=%23bdc3c7&fcError=%2334495e&iconColorError=%23e74c3c&bgColorOverlay=%2316a085&bgTextureOverlay=diagonal_maze&bgImgOpacityOverlay=0&opacityOverlay=90&bgColorShadow=%23246B58&bgTextureShadow=diagonal_maze&bgImgOpacityShadow=0&opacityShadow=0&thicknessShadow=0px&offsetTopShadow=10px&offsetLeftShadow=-10px&cornerRadiusShadow=18px&bgImgOpacityHeader=0&bgImgOpacityContent=0&bgImgOpacityDefault=0&bgImgOpacityHover=0&bgImgOpacityActive=0&bgImgOpacityHighlight=0&bgImgOpacityError=0
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
  min-height: 25px; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 25px;
  text-align: center;
  font-weight: normal; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  /*padding: 3px 1em 3px .4em;*/
  padding: 2px;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Lato','Helvetica Neue', Helvetica, Arial, Verdana, 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic' ,sans-serif;
  font-size: 0.9em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Gill Sans', 'Gill Sans MT', 'Lato','Helvetica Neue', Helvetica, Arial, Verdana, 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic' ,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px 0;
          box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 10px 0;
  /*	border: 1px solid #5cb85c;*/
  background: #ffffff url("/jquery-ui/images/ui-bg_spotlight_0_ffffff_600x600.png") 50% 2% repeat-x;
  color: #34495e; }

.ui-widget-content a {
  color: #34495e; }

.ui-widget-header {
  border: 1px solid #5cb85c;
  background: #5cb85c;
  color: #fff;
  font-weight: bold; }

.ui-widget-header a {
  color: #fff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #5cb85c;
  background: #5cb85c;
  font-weight: normal;
  color: #ffffff; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #ff5722;
  background: #ff5722;
  font-weight: normal;
  color: #ffffff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ff5722;
  background: #ff5722;
  font-weight: normal;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #bdc3c7;
  background: #ecf0f1 url("/jquery-ui/images/ui-bg_fine-grain_0_ecf0f1_60x60.png") 50% 50% repeat;
  color: #34495e; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #34495e; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #bdc3c7;
  background: #ecf0f1 url("/jquery-ui/images/ui-bg_fine-grain_0_ecf0f1_60x60.png") 50% 50% repeat;
  color: #34495e; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #34495e; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #34495e; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_222222_256x240.png"); }

.ui-widget-header .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_ffffff_256x240.png"); }

.ui-state-default .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_ffffff_256x240.png"); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_ffffff_256x240.png"); }

.ui-state-active .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_ffffff_256x240.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_3572ac_256x240.png"); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("/manage2/assets/jquery-ui/images/ui-icons_e74c3c_256x240.png"); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 1px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 1px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 1px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 1px; }

/* Overlays */
.ui-widget-overlay {
  background: #16a085 url("/manage2/assets/jquery-ui/images/ui-bg_diagonal-maze_0_16a085_10x10.png") 50% 50% repeat;
  opacity: .9;
  filter: Alpha(Opacity=90);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: 10px 0 0 -10px;
  padding: 0px;
  background: #246B58 url("/manage2/assets/jquery-ui/images/ui-bg_diagonal-maze_0_246B58_10x10.png") 50% 50% repeat;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
  border-radius: 18px; }

.xdsoft_datetimepicker {
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
  background: #fff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 8px;
  padding-left: 0;
  padding-top: 2px;
  position: absolute;
  z-index: 19999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none; }

.xdsoft_datetimepicker.xdsoft_rtl {
  padding: 8px 0 8px 8px; }

.xdsoft_datetimepicker iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 75px;
  height: 210px;
  background: transparent;
  border: none; }

/*For IE8 or lower*/
.xdsoft_datetimepicker button {
  border: none !important; }

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.xdsoft_noselect::-moz-selection {
  background: transparent; }

.xdsoft_noselect::selection {
  background: transparent; }

.xdsoft_noselect::-moz-selection {
  background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  -webkit-box-shadow: none;
          box-shadow: none; }

.xdsoft_datetimepicker * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
  display: none; }

.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
  display: block; }

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 224px;
  float: left;
  margin-left: 8px; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
  width: 256px; }

.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 58px;
  float: left;
  text-align: center;
  margin-left: 8px;
  margin-top: 0; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
  float: right;
  margin-right: 8px;
  margin-left: 0; }

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin-top: 8px;
  margin-bottom: 3px; }

.xdsoft_datetimepicker .xdsoft_mounthpicker {
  position: relative;
  text-align: center; }

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); }

.xdsoft_datetimepicker .xdsoft_label i {
  opacity: 0.5;
  background-position: -92px -19px;
  display: inline-block;
  width: 9px;
  height: 20px;
  vertical-align: middle; }

.xdsoft_datetimepicker .xdsoft_prev {
  float: left;
  background-position: -20px 0; }

.xdsoft_datetimepicker .xdsoft_today_button {
  float: left;
  background-position: -70px 0;
  margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_next {
  float: right;
  background-position: 0 0; }

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
  background-color: transparent;
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 30px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  outline: medium none;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  width: 20px;
  min-width: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  float: none;
  background-position: -40px -15px;
  height: 15px;
  width: 30px;
  display: block;
  margin-left: 14px;
  margin-top: 7px; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
  float: none;
  margin-left: 0;
  margin-right: 14px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  background-position: -40px 0;
  margin-bottom: 7px;
  margin-top: 0; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 151px;
  overflow: hidden;
  border-bottom: 1px solid #ddd; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: center;
  border-collapse: collapse;
  cursor: pointer;
  border-bottom-width: 0;
  height: 25px;
  line-height: 25px; }

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
  border-top-width: 0; }

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.xdsoft_datetimepicker .xdsoft_label {
  display: inline;
  position: relative;
  z-index: 9999;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
  float: left;
  width: 182px;
  text-align: center;
  cursor: pointer; }

.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: underline; }

.xdsoft_datetimepicker .xdsoft_label:hover i {
  opacity: 1.0; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
  border: 1px solid #ccc;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 101;
  display: none;
  background: #fff;
  max-height: 160px;
  overflow-y: hidden; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: -7px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right: 2px; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #fff;
  background: #ff8000; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 2px 10px 2px 5px;
  text-decoration: none !important; }

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #33aaff;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
          box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_month {
  width: 100px;
  text-align: right; }

.xdsoft_datetimepicker .xdsoft_calendar {
  clear: both; }

.xdsoft_datetimepicker .xdsoft_year {
  width: 48px;
  margin-left: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar table {
  border-collapse: collapse;
  width: 100%; }

.xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: 5px; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  height: 25px; }

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
  width: 14.2857142%;
  background: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  font-size: 12px;
  text-align: right;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;
  cursor: pointer;
  height: 25px; }

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
  width: 12.5%; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  background: #f1f1f1; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
  color: #33aaff; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
          box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
          box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #33aaff;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset;
          box-shadow: #178fe5 0 1px 3px 0 inset;
  color: #fff;
  font-weight: 700; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; }

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #fff !important;
  background: #ff8000 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
  background: #33aaff !important;
  -webkit-box-shadow: #178fe5 0 1px 3px 0 inset !important;
          box-shadow: #178fe5 0 1px 3px 0 inset !important;
  color: #fff !important; }

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
  color: inherit	!important;
  background: inherit !important;
  -webkit-box-shadow: inherit !important;
          box-shadow: inherit !important; }

.xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 700;
  text-align: center;
  color: #999;
  cursor: default; }

.xdsoft_datetimepicker .xdsoft_copyright {
  color: #ccc !important;
  font-size: 10px;
  clear: both;
  float: none;
  margin-left: 8px; }

.xdsoft_datetimepicker .xdsoft_copyright a {
  color: #eee !important; }

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
  color: #aaa !important; }

.xdsoft_time_box {
  position: relative;
  border: 1px solid #ccc; }

.xdsoft_scrollbar > .xdsoft_scroller {
  background: #ccc !important;
  height: 20px;
  border-radius: 3px; }

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer; }

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
  left: 0;
  right: auto; }

.xdsoft_scroller_box {
  position: relative; }

.xdsoft_datetimepicker.xdsoft_dark {
  -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
          box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
  background: #000;
  border-bottom: 1px solid #444;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top: 1px solid #333;
  color: #ccc; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
  border-bottom: 1px solid #222; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: #0a0a0a;
  border-top: 1px solid #222;
  color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
  background-color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
  border: 1px solid #333;
  background: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  color: #000;
  background: #007fff; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: #cc5500;
  -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
          box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0a0a0a;
  border: 1px solid #222;
  color: #999; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  background: #0e0e0e; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
  color: #cc5500; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
  background: #ffe9d2;
  -webkit-box-shadow: #ffb871 0 1px 4px 0 inset;
          box-shadow: #ffb871 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
  background: #c1ffc9;
  -webkit-box-shadow: #00dd1c 0 1px 4px 0 inset;
          box-shadow: #00dd1c 0 1px 4px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  background: #cc5500;
  -webkit-box-shadow: #b03e00 0 1px 3px 0 inset;
          box-shadow: #b03e00 0 1px 3px 0 inset;
  color: #000; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  color: #000 !important;
  background: #007fff !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
  color: #666; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
  color: #333 !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
  color: #111 !important; }

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
  color: #555 !important; }

.xdsoft_dark .xdsoft_time_box {
  border: 1px solid #333; }

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
  background: #333 !important; }

.xdsoft_datetimepicker .xdsoft_save_selected {
  display: block;
  border: 1px solid #dddddd !important;
  margin-top: 5px;
  width: 100%;
  color: #454551;
  font-size: 13px; }

.xdsoft_datetimepicker .blue-gradient-button {
  font-family: "museo-sans", "Book Antiqua", sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #82878c;
  height: 28px;
  position: relative;
  padding: 4px 17px 4px 33px;
  border: 1px solid #d7d8da;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(73%, #f4f8fa));
  background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa',GradientType=0 );
  /* IE6-9 */ }

.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span {
  color: #454551;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f8fa), color-stop(73%, #FFF));
  background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF',GradientType=0 );
  /* IE6-9 */ }

/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none; }

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none; }

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block; }

/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff; }

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle; }

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent; }

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38; }

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center; }

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0; }

.remodal-confirm {
  color: #fff;
  background: #81c784; }

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a; }

.remodal-cancel {
  color: #fff;
  background: #e57373; }

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0; }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0; } }

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px; } }

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38; }

.lt-ie9 .remodal {
  width: 700px; }

/* 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; }

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

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

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

body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: black;
  font-size: 12px; }

html.login {
  height: 100%;
  width: 100%; }
  html.login.mobile body #door {
    display: none; }
  html.login.mobile body #middle.guest-available {
    top: calc(50vh - 180px); }
  html.login body {
    height: 100%;
    background-color: #b61b24;
    color: #fff; }
    html.login body #home-btn {
      display: inline-block;
      font-size: 21px;
      color: #fff;
      position: fixed;
      left: 15px;
      top: 15px; }
    html.login body #door {
      position: fixed;
      width: 500px;
      height: calc(100vh - 100px);
      border: 2px solid #fff;
      border-bottom: none;
      top: 100px;
      left: calc(50vw - 250px); }
    html.login body #middle {
      position: fixed;
      top: calc(50vh - 0.5em);
      text-align: center;
      left: calc(50vw - 200px);
      width: 400px; }
      html.login body #middle.guest-available {
        top: calc(50vh - 150px); }
      html.login body #middle .message {
        margin-bottom: 20px; }
      html.login body #middle .login #login_link {
        color: #fff;
        display: inline-block;
        padding: 5px;
        border: 2px solid #fff; }
    html.login body .room_name {
      margin-bottom: 20px;
      font-size: 19px; }
    html.login body .or {
      margin-top: 30px;
      margin-bottom: 30px; }
    html.login body .guest p {
      margin-bottom: 5px; }
    html.login body .guest #login_twitter_link {
      color: #fff;
      display: inline-block;
      padding: 5px;
      border: 2px solid #fff;
      margin-bottom: 10px;
      margin-top: 5px; }
      html.login body .guest #login_twitter_link i {
        margin-right: 5px; }
    html.login body .guest form {
      display: table;
      border: 2px solid #fff;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px; }
      html.login body .guest form input[type="text"] {
        background: transparent;
        border: none;
        padding: 3px 5px;
        color: #fff;
        display: table-cell;
        vertical-align: middle; }
      html.login body .guest form input[type="submit"] {
        border: none;
        border-left: 2px solid #fff;
        background-color: transparent;
        color: #fff;
        padding: 3px 10px;
        display: table-cell;
        vertical-align: middle; }
      html.login body .guest form input[type="text"]::-webkit-input-placeholder {
        color: #fff;
        opacity: 0.5; }
      html.login body .guest form input[type="text"]::-moz-placeholder {
        color: #fff;
        opacity: 0.5; }
      html.login body .guest form input[type="text"]:-ms-input-placeholder {
        color: #fff;
        opacity: 0.5; }
      html.login body .guest form input[type="text"]::-ms-input-placeholder {
        color: #fff;
        opacity: 0.5; }
      html.login body .guest form input[type="text"]::placeholder {
        color: #fff;
        opacity: 0.5; }
      html.login body .guest form input:focus {
        outline: none; }

html {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  overflow: hidden; }
  html body {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, Verdana, "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
    overflow: hidden; }
    html body a {
      color: black;
      text-decoration: none; }
    html body .select2-results__option {
      font-size: 12px; }
    html body .select2-results__group {
      font-weight: bolder; }
    html body .select2-search__field {
      width: 10em; }
    html body button {
      font-size: 12px; }

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

.clearfix {
  display: inline-table; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

.text-replace {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.cover_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #ececec;
  background-position: center center; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

#wrap {
  position: relative;
  display: block;
  width: 100vw;
  height: 100%;
  overflow: hidden; }
  #wrap #main_content {
    width: 100vw;
    height: 100%;
    position: relative;
    padding-top: 50px;
    background-color: #ffffff; }
    #wrap #main_content #content {
      width: 100vw;
      height: 100%;
      position: relative; }
      #wrap #main_content #content #columns {
        width: 100vw;
        height: 100%; }
        #wrap #main_content #content #columns #main_column {
          width: 100vw;
          height: 100%; }
      #wrap #main_content #content .table {
        display: table; }
      #wrap #main_content #content .thead {
        display: table-header-group; }
      #wrap #main_content #content .tbody {
        display: table-row-group; }
      #wrap #main_content #content .tfoot {
        display: table-footer-group; }
      #wrap #main_content #content .tr {
        display: table-row;
        border-collapse: collapse; }
      #wrap #main_content #content .td,
      #wrap #main_content #content .th {
        display: table-cell; }
      #wrap #main_content #content input[disabled],
      #wrap #main_content #content select[disabled] {
        pointer-events: none; }

.emojione {
  width: 14px;
  height: 14px; }

html .ui-menu .ui-menu-item a {
  font-size: 11px;
  display: block;
  padding: 7px 4px; }

html .ui-menu .ui-menu-item a.ui-state-focus {
  font-weight: normal; }

.loading-frame {
  width: 100px;
  height: 100px;
  position: relative; }
  .loading-frame .st0 {
    fill: #ffffff; }
    .loading-frame .st0.path.path1 {
      -webkit-animation: loadingRB 0.6s linear infinite;
              animation: loadingRB 0.6s linear infinite; }
    .loading-frame .st0.path.path2 {
      -webkit-animation: loadingRB 0.6s 0.2s linear infinite;
              animation: loadingRB 0.6s 0.2s linear infinite; }
    .loading-frame .st0.path.path3 {
      -webkit-animation: loadingRB 0.6s 0.4s linear infinite;
              animation: loadingRB 0.6s 0.4s linear infinite; }

@-webkit-keyframes loadingRB {
  0% {
    opacity: 0.3; }
  10% {
    opacity: 1; }
  40% {
    opacity: 1; }
  70% {
    opacity: 0.3; }
  100% {
    opacity: 0.3; } }

@keyframes loadingRB {
  0% {
    opacity: 0.3; }
  10% {
    opacity: 1; }
  40% {
    opacity: 1; }
  70% {
    opacity: 0.3; }
  100% {
    opacity: 0.3; } }

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 405deg);
            transform: rotate3d(0, 0, 1, 405deg); } }

@keyframes rotating {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg); }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 405deg);
            transform: rotate3d(0, 0, 1, 405deg); } }

body.error #error_detail .box h1 {
  font-size: 35px;
  margin-top: 5px; }

body.error #error_detail .box h2 {
  font-size: 14px;
  margin-top: 10px; }

body.error #error_detail .box pre {
  margin-top: 70px;
  font-size: 11px;
  color: #888888; }

footer {
  position: fixed;
  bottom: 15px;
  text-align: center;
  width: calc(100% - 15px);
  font-size: 11px;
  color: #fff; }

[data-tooltip] {
  position: relative;
  display: inline-block; }

[data-tooltip]:after,
[data-tooltip]:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -12px);
          transform: translate(-50%, -12px);
  z-index: 1000;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0; }

[data-tooltip]:before {
  content: attr(data-tooltip);
  background: #333;
  color: #eee;
  padding: 8px 12px;
  white-space: nowrap;
  bottom: 100%;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65);
          box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.65); }

[data-tooltip]:after {
  content: "";
  background: transparent;
  border: 8px solid transparent;
  border-top-color: #333; }

[data-tooltip]:active:after,
[data-tooltip]:active:before,
[data-tooltip]:focus:after,
[data-tooltip]:focus:before,
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
  opacity: 1; }

[data-tooltip].tooltip-multiline:before {
  width: 100vw;
  max-width: 300px;
  white-space: normal; }

[data-tooltip][class*="tooltip-bottom"]:after,
[data-tooltip][class*="tooltip-bottom"]:before {
  -webkit-transform: translate(-50%, 12px);
          transform: translate(-50%, 12px); }

[data-tooltip][class*="tooltip-bottom"]:before {
  bottom: auto;
  top: 100%; }

[data-tooltip][class*="tooltip-bottom"]:after {
  bottom: 0;
  border: 8px solid transparent;
  border-bottom-color: #333; }

[data-tooltip].tooltip-bottom-left:before {
  -webkit-transform: translate(-24px, 12px);
          transform: translate(-24px, 12px); }

[data-tooltip].tooltip-bottom-right:before {
  left: auto;
  right: 50%;
  -webkit-transform: translate(24px, 12px);
          transform: translate(24px, 12px); }

[data-tooltip].tooltip-top-left:before {
  -webkit-transform: translate(-24px, -12px);
          transform: translate(-24px, -12px); }

[data-tooltip].tooltip-top-right:before {
  left: auto;
  right: 50%;
  -webkit-transform: translate(24px, -12px);
          transform: translate(24px, -12px); }

[data-tooltip].tooltip-bottom-xleft:before {
  -webkit-transform: translate(-24px, 12px);
          transform: translate(-24px, 12px);
  left: 10px; }

[data-tooltip].tooltip-bottom-xleft:after {
  left: 10px; }

@-webkit-keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); } }

@keyframes bounce {
  0%,
  25%,
  50%,
  75%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px); } }

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

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

html.mobile header #header_inner #top_corner {
  display: none; }

html.mobile header #header_inner #header_bar #header_bar_inner #header_controls #theme-btn.visible {
  display: none; }

html.mobile header #header_inner #header_bar #header_bar_inner #header_controls #user_name {
  display: none; }

html.mobile header #header_inner #header_bar #header_bar_inner #header_controls .profile_img {
  display: none; }

html.mobile header #header_inner #header_bar #header_bar_inner #header_controls #home-btn.visible {
  display: none; }

@media screen and (min-width: 550px) {
  html.mobile header #header_inner #top_corner {
    display: table-cell; } }

header {
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 50px;
  top: 0;
  left: 0;
  right: 0;
  background-color: #b61b24;
  color: #fff;
  border-bottom: 2px solid #000; }
  header a {
    color: #fff; }
  header #header_inner {
    display: table;
    width: 100%; }
    header #header_inner #top_corner {
      display: table-cell;
      height: 50px;
      vertical-align: middle;
      padding-left: 20px;
      padding-right: 10px; }
      header #header_inner #top_corner #room_name {
        font-size: 17px; }
    header #header_inner #header_bar {
      display: table-cell;
      vertical-align: middle;
      padding-left: 10px;
      padding-right: 10px;
      height: 50px; }
      header #header_inner #header_bar #header_bar_inner {
        display: table;
        width: 100%; }
        header #header_inner #header_bar #header_bar_inner #header_controls {
          display: table-cell;
          vertical-align: middle;
          text-align: right;
          padding-right: 10px;
          min-width: 300px;
          white-space: nowrap;
          word-break: keep-all;
          height: 50px; }
          header #header_inner #header_bar #header_bar_inner #header_controls > * {
            display: inline-block;
            vertical-align: middle; }
          header #header_inner #header_bar #header_bar_inner #header_controls #theme-btn {
            width: 35px;
            height: 21px;
            text-align: center;
            cursor: pointer;
            position: relative;
            margin-left: 10px;
            display: none; }
            header #header_inner #header_bar #header_bar_inner #header_controls #theme-btn i {
              text-align: center;
              font-size: 21px; }
            header #header_inner #header_bar #header_bar_inner #header_controls #theme-btn.visible {
              display: inline-block; }
          header #header_inner #header_bar #header_bar_inner #header_controls #user_name {
            margin-left: 10px;
            white-space: nowrap;
            word-break: keep-all;
            line-height: 50px; }
          header #header_inner #header_bar #header_bar_inner #header_controls .profile_img {
            display: inline-block;
            width: 21px;
            height: auto;
            position: relative;
            margin-left: 10px; }
          header #header_inner #header_bar #header_bar_inner #header_controls #home-btn {
            color: #fff;
            width: 35px;
            height: 21px;
            text-align: center;
            cursor: pointer;
            position: relative;
            margin-left: 5px;
            display: none; }
            header #header_inner #header_bar #header_bar_inner #header_controls #home-btn i {
              text-align: center;
              font-size: 21px; }
            header #header_inner #header_bar #header_bar_inner #header_controls #home-btn.visible {
              display: inline-block; }
          header #header_inner #header_bar #header_bar_inner #header_controls #logout {
            white-space: nowrap;
            word-break: keep-all;
            font-size: 12px;
            letter-spacing: 0.05em;
            padding: 0 10px;
            color: #fff; }

/** override **/
.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s; }

.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s; }

.remodal-overlay {
  background: rgba(43, 46, 56, 0.5); }

.remodal-cancel {
  margin-left: 20px; }

/** custom **/
.remodal h1.title {
  font-weight: 600; }

.remodal .message {
  margin-top: 20px;
  margin-bottom: 20px;
  word-break: break-all; }

.remodal .form {
  margin-top: 20px;
  margin-bottom: 40px; }
  .remodal .form fieldset label {
    margin-bottom: 5px;
    font-size: 12px; }

.remodal #device-dialog-devices {
  display: block;
  margin: 20px auto; }

.remodal #theme-dialog-themes {
  display: block;
  margin: 20px auto; }

.remodal #theme-dialog-theme-radios {
  display: block;
  text-align: center;
  margin: 20px auto; }
  .remodal #theme-dialog-theme-radios .theme-dialog-radio-item {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 2px;
    margin-left: 2px; }
    .remodal #theme-dialog-theme-radios .theme-dialog-radio-item input[type="radio"] {
      display: none; }
    .remodal #theme-dialog-theme-radios .theme-dialog-radio-item input[type="radio"] + label {
      position: relative;
      display: inline-block;
      width: 80px;
      height: 80px;
      background-size: cover; }
      .remodal #theme-dialog-theme-radios .theme-dialog-radio-item input[type="radio"] + label::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 78px;
        height: 78px;
        border: 1px solid #000; }
    .remodal #theme-dialog-theme-radios .theme-dialog-radio-item input[type="radio"]:checked + label::after {
      width: 72px;
      height: 72px;
      border: 4px solid #b61b24; }

html.top.sessions {
  height: auto;
  max-height: initial;
  min-height: initial;
  overflow: initial; }
  html.top.sessions body {
    height: auto;
    max-height: initial;
    min-height: initial;
    overflow: initial; }
    html.top.sessions body #wrap {
      height: auto;
      max-height: initial;
      min-height: initial;
      overflow: initial; }
      html.top.sessions body #wrap #main_content {
        height: auto; }
        html.top.sessions body #wrap #main_content #content {
          height: auto; }
          html.top.sessions body #wrap #main_content #content #columns {
            height: auto; }
            html.top.sessions body #wrap #main_content #content #columns #main_column {
              height: auto; }
              html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area {
                padding-left: 170px; }
                html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content {
                  display: none;
                  padding: 20px; }
                  html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #session_title {
                    font-size: 20px;
                    margin-bottom: 20px; }
                  html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex; }
                    html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area {
                      -webkit-box-flex: 0;
                          -ms-flex: 0 0 170px;
                              flex: 0 0 170px;
                      border: 2px solid #000;
                      border-top: none;
                      padding: 20px 10px; }
                      html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area #players .player_block {
                        margin-bottom: 10px; }
                        html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area #players .player_block .player_block_inner {
                          display: table-row;
                          width: 100%; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area #players .player_block .player_block_inner > * {
                            display: table-cell;
                            vertical-align: middle; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area #players .player_block .player_block_inner .player_image {
                            width: 25px;
                            height: 25px;
                            border-radius: 4px; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area #players .player_block .player_block_inner .player_image_alt {
                            width: 25px;
                            height: 25px;
                            line-height: 25px;
                            text-align: center;
                            background-color: #b7b7b7;
                            border-radius: 4px;
                            font-size: 12px;
                            color: #fff; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #players_area #players .player_block .player_block_inner .player_name {
                            padding-left: 10px;
                            line-height: 1.1em;
                            word-break: break-all; }
                    html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area {
                      -webkit-box-flex: 1;
                          -ms-flex-positive: 1;
                              flex-grow: 1;
                      border: 2px solid #000;
                      border-top: none;
                      border-left: none;
                      padding: 0 10px 20px; }
                      html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline {
                        padding-top: 20px; }
                        html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .tooltip-bottom-xleft {
                          display: block !important; }
                        html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block {
                          margin-bottom: 10px;
                          border-bottom: 1px solid #ccc;
                          padding-bottom: 5px;
                          position: relative; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_icon {
                            position: absolute;
                            width: 38px;
                            height: auto;
                            border-radius: 4px;
                            left: 2px; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_icon_alt {
                            width: 38px;
                            height: 38px;
                            line-height: 38px;
                            text-align: center;
                            background-color: #b7b7b7;
                            position: absolute;
                            left: 2px;
                            border-radius: 4px;
                            font-size: 21px;
                            color: #fff; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_block_header {
                            padding-left: 50px; }
                            html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_block_header .user_name {
                              font-weight: bold; }
                            html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_block_header .offset {
                              margin-left: 7px;
                              color: #555; }
                          html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_body {
                            margin-top: 7px;
                            padding-left: 50px; }
                            html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .user_block .user_body .comment_block {
                              margin-top: 5px;
                              word-break: break-all; }
                        html.top.sessions body #wrap #main_content #content #columns #main_column #session_content_area #session_content #room_info #timeline_area #timeline .comment_block span {
                          margin-right: 10px; }
              html.top.sessions body #wrap #main_content #content #columns #main_column #session_list_area {
                width: 170px;
                position: absolute;
                top: 0;
                left: 0;
                height: calc(100vh - 50px);
                overflow: auto;
                border-right: 2px solid; }
                html.top.sessions body #wrap #main_content #content #columns #main_column #session_list_area #no_session {
                  text-align: center;
                  margin: 20px 0px; }
                html.top.sessions body #wrap #main_content #content #columns #main_column #session_list_area #session_list {
                  text-align: center; }
                  html.top.sessions body #wrap #main_content #content #columns #main_column #session_list_area #session_list .session_link {
                    display: block;
                    font-size: 12px;
                    margin: 10px 0px; }
                    html.top.sessions body #wrap #main_content #content #columns #main_column #session_list_area #session_list .session_link.current {
                      font-weight: bold; }

#audio_player_wrap {
  position: relative; }
  #audio_player_wrap .waveform {
    width: 100%;
    border: 2px solid #000; }
    #audio_player_wrap .waveform .layers {
      position: relative; }
      #audio_player_wrap .waveform .layers .ground {
        position: relative; }
        #audio_player_wrap .waveform .layers .ground .bg {
          width: 100%;
          height: 120px;
          background-color: #b61b24; }
        #audio_player_wrap .waveform .layers .ground .fg {
          position: absolute;
          top: 0;
          width: 100%;
          height: 120px;
          background-size: 100% 120px; }
      #audio_player_wrap .waveform .layers .cursor {
        position: absolute;
        top: 0;
        width: 100%;
        -webkit-clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
                clip-path: polygon(0 0%, 0% 0%, 0% 100%, 0% 100%);
        -webkit-transition: -webkit-clip-path linear 0.08s;
        transition: -webkit-clip-path linear 0.08s;
        transition: clip-path linear 0.08s;
        transition: clip-path linear 0.08s, -webkit-clip-path linear 0.08s; }
        #audio_player_wrap .waveform .layers .cursor .bg {
          width: 100%;
          height: 120px;
          background-color: #b61b24; }
        #audio_player_wrap .waveform .layers .cursor .fg {
          position: absolute;
          top: 0;
          width: 100%;
          height: 120px;
          background-size: 100% 120px; }
  #audio_player_wrap .controls {
    height: 40px;
    background-color: white;
    border: 2px solid #000;
    border-top: none; }
    #audio_player_wrap .controls .controls_inner {
      visibility: hidden;
      display: table-row; }
      #audio_player_wrap .controls .controls_inner.visible {
        visibility: visible; }
      #audio_player_wrap .controls .controls_inner .play_btn,
      #audio_player_wrap .controls .controls_inner .pause_btn {
        display: none;
        width: 40px;
        height: 38px;
        text-align: center;
        line-height: 38px;
        font-size: 22px;
        border-right: 2px solid #000;
        cursor: pointer; }
      #audio_player_wrap .controls .controls_inner .play_btn {
        display: table-cell; }
      #audio_player_wrap .controls .controls_inner .info {
        display: table-cell;
        vertical-align: middle;
        height: 38px;
        padding-left: 12px; }
  #audio_player_wrap.playing .controls .controls_inner .play_btn {
    display: none; }
  #audio_player_wrap.playing .controls .controls_inner .pause_btn {
    display: table-cell; }

body.top.rooms #wrap header {
  border-bottom: none; }

body.top.rooms #main_column {
  background-color: #b61b24;
  color: #fff; }
  body.top.rooms #main_column #rooms_wrap {
    width: 100%;
    min-height: 100%; }
    body.top.rooms #main_column #rooms_wrap > tbody > tr > td {
      vertical-align: middle; }
      body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms {
        text-align: center; }
        body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .or {
          margin-top: 30px;
          margin-bottom: 5px; }
        body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room p {
          margin-bottom: 5px; }
        body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form {
          display: table;
          border: 2px solid #fff;
          margin-left: auto;
          margin-right: auto; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="text"] {
            background: transparent;
            border: none;
            padding: 3px 5px;
            color: #fff;
            display: table-cell;
            vertical-align: middle; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="submit"] {
            border: none;
            border-left: 2px solid #fff;
            background-color: transparent;
            color: #fff;
            padding: 3px 10px;
            display: table-cell;
            vertical-align: middle; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="text"]::-webkit-input-placeholder {
            color: #fff;
            opacity: 0.5; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="text"]::-moz-placeholder {
            color: #fff;
            opacity: 0.5; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="text"]:-ms-input-placeholder {
            color: #fff;
            opacity: 0.5; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="text"]::-ms-input-placeholder {
            color: #fff;
            opacity: 0.5; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input[type="text"]::placeholder {
            color: #fff;
            opacity: 0.5; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .new_room form input:focus {
            outline: none; }
        body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .existing_rooms {
          padding: 0 20px; }
          body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .existing_rooms #room_links .room_link_wrap {
            display: inline-block;
            word-break: keep-all;
            white-space: nowrap;
            margin-left: 12px; }
            body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .existing_rooms #room_links .room_link_wrap .room_recording_link {
              color: #b61b24;
              display: inline-block;
              border: 2px solid #fff;
              line-height: 28px;
              padding: 0 5px;
              margin-bottom: 10px;
              word-break: keep-all;
              white-space: nowrap;
              background-color: #fff; }
            body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .existing_rooms #room_links .room_link_wrap .room_link {
              color: #fff;
              display: inline-block;
              border: 2px solid #fff;
              line-height: 28px;
              padding: 0 5px;
              margin-bottom: 10px;
              word-break: keep-all;
              white-space: nowrap; }
            body.top.rooms #main_column #rooms_wrap > tbody > tr > td #rooms .existing_rooms #room_links .room_link_wrap .room_remove_btn {
              color: #b61b24;
              display: inline-block;
              border: 2px solid #fff;
              line-height: 28px;
              padding: 0 5px;
              margin-bottom: 10px;
              margin-left: 2px;
              word-break: keep-all;
              white-space: nowrap;
              background-color: #fff; }

body.top.chat footer {
  text-align: left;
  margin-left: 22px; }

body.top.chat #wrap header {
  background-color: transparent;
  border: none; }

body.top.chat #wrap #main_content {
  padding-top: 0; }
  body.top.chat #wrap #main_content #comment_input {
    bottom: -50px;
    z-index: 1000;
    text-align: center;
    width: 100vw;
    pointer-events: none;
    position: fixed;
    -webkit-transition: bottom 300ms cubic-bezier(0.25, 0, 0.25, 1);
    transition: bottom 300ms cubic-bezier(0.25, 0, 0.25, 1); }
    body.top.chat #wrap #main_content #comment_input.visible {
      bottom: 13px; }
    body.top.chat #wrap #main_content #comment_input #comment_input_form {
      display: inline-block;
      background-color: #fff;
      padding: 0px 5px 0px 18px;
      border-radius: 18px;
      height: 36px;
      line-height: 36px;
      pointer-events: initial;
      opacity: 0.3;
      -webkit-transition: opacity 150ms linear;
      transition: opacity 150ms linear; }
      body.top.chat #wrap #main_content #comment_input #comment_input_form.focused {
        opacity: 1; }
      body.top.chat #wrap #main_content #comment_input #comment_input_form #comment_input_text {
        width: 430px;
        height: 36px;
        border: none;
        outline: 0; }
      body.top.chat #wrap #main_content #comment_input #comment_input_form #comment_input_submit {
        border: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        border-radius: 0px;
        outline: 0;
        cursor: pointer;
        font-size: 18px;
        color: #aaa; }
  body.top.chat #wrap #main_content #tool_board {
    position: absolute;
    top: 0;
    right: 0;
    width: 75px;
    height: 100vh;
    z-index: 11;
    opacity: 0;
    pointer-events: none; }
    body.top.chat #wrap #main_content #tool_board.visible {
      opacity: 1; }
      body.top.chat #wrap #main_content #tool_board.visible #tool_buttons .tool-btn .svg {
        left: 0px; }
    body.top.chat #wrap #main_content #tool_board #tool_buttons {
      height: 500px;
      position: absolute;
      left: 4px;
      top: 50%;
      margin-top: -250px;
      width: calc(100% - 4px); }
      body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn {
        -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.4));
                filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.4));
        width: 48px;
        height: 48px;
        margin-bottom: 40px;
        pointer-events: initial;
        cursor: pointer;
        position: relative;
        -webkit-transition: top 300ms cubic-bezier(0.25, 0, 0.25, 1);
        transition: top 300ms cubic-bezier(0.25, 0, 0.25, 1);
        top: 0;
        left: 0;
        display: none; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn.visible {
          display: block; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn .svg {
          -webkit-transition: left 500ms 2000ms cubic-bezier(0.25, 0, 0.25, 1);
          transition: left 500ms 2000ms cubic-bezier(0.25, 0, 0.25, 1);
          position: relative;
          top: 0;
          left: 100px; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn.active .svg .st0 {
          fill: #b61b24; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn#recording-btn.active, body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn#recording-btn.disable-active {
          -webkit-animation: rotate 1s linear infinite;
                  animation: rotate 1s linear infinite; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn:last-child {
          margin-bottom: 0; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#screen-btn {
        top: -34px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#mute-btn, body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#unmute-btn {
        top: -67px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#skin-btn {
        top: -100px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#drawing-btn {
        top: 33px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#screen-btn {
        top: -34px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#mute-btn, body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#unmute-btn {
        top: -67px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#skin-btn {
        top: -100px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#drawing-btn {
        top: -133px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 270px;
        left: 8px; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors .skin-color {
          -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.4));
                  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.4));
          width: 30px;
          height: 30px;
          border-radius: 50%;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          -webkit-transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 0ms linear;
          transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 0ms linear; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors .skin-color.active {
            width: 36px;
            height: 36px;
            margin-left: -3px;
            margin-top: -3px; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color {
          -webkit-transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 100ms linear;
          transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 100ms linear;
          opacity: 1;
          pointer-events: initial;
          cursor: pointer; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color:nth-child(4n) {
            left: -0px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color:nth-child(4n + 1) {
            left: -135px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color:nth-child(4n + 2) {
            left: -90px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color:nth-child(4n + 3) {
            left: -45px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color[data-row="0"] {
            top: -45px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors.active .skin-color[data-row="2"] {
            top: 45px; }
      body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 323px;
        left: 8px; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items .item {
          -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.4));
                  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.4));
          width: 30px;
          height: 30px;
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          -webkit-transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 0ms linear;
          transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 0ms linear; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items .item.color {
            border-radius: 50%; }
            body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items .item.color.active {
              width: 36px;
              height: 36px;
              margin-left: -3px;
              margin-top: -3px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items .item.action {
            font-size: 20px;
            color: #ffffff; }
            body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items .item.action .svg {
              width: 30px;
              height: auto; }
            body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items .item.action i {
              position: relative;
              top: 3px;
              left: 6px; }
        body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items.active .item {
          -webkit-transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 100ms linear;
          transition: left 300ms cubic-bezier(0.25, 0, 0.25, 1), top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 200ms 100ms linear;
          opacity: 1;
          pointer-events: initial;
          cursor: pointer; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items.active .item.c0 {
            left: -90px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items.active .item.c1 {
            left: -45px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items.active .item.c2 {
            left: 0; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items.active .item.r0 {
            top: -45px; }
          body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items.active .item.r2 {
            top: 45px; }
  body.top.chat #wrap #main_content #link_board {
    -webkit-transition: top 300ms cubic-bezier(0.25, 0, 0.25, 1);
    transition: top 300ms cubic-bezier(0.25, 0, 0.25, 1);
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: 40px;
    z-index: 1100; }
    body.top.chat #wrap #main_content #link_board.visible {
      top: 0px; }
    body.top.chat #wrap #main_content #link_board .link {
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 19px; }
      body.top.chat #wrap #main_content #link_board .link #link_url {
        margin-right: 10px; }
      body.top.chat #wrap #main_content #link_board .link #link_url_copy_btn {
        cursor: pointer; }
    body.top.chat #wrap #main_content #link_board .close {
      width: 40px;
      height: 40px;
      text-align: center;
      position: absolute;
      right: 0;
      line-height: 40px;
      cursor: pointer; }
      body.top.chat #wrap #main_content #link_board .close i {
        font-size: 22px;
        vertical-align: middle; }
  body.top.chat #wrap #main_content #drawing_board {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background-color: #b61b24;
    border-left: 2px solid #000;
    display: none;
    z-index: 11; }
    body.top.chat #wrap #main_content #drawing_board i {
      color: #fff; }
    body.top.chat #wrap #main_content #drawing_board.visible {
      display: block; }
    body.top.chat #wrap #main_content #drawing_board .close {
      width: 40px;
      height: 40px;
      text-align: center;
      position: absolute;
      line-height: 40px;
      cursor: pointer; }
      body.top.chat #wrap #main_content #drawing_board .close i {
        font-size: 22px;
        vertical-align: middle; }
    body.top.chat #wrap #main_content #drawing_board .buttons {
      padding: 0 5px;
      margin-top: -130px;
      position: absolute;
      top: 50%; }
      body.top.chat #wrap #main_content #drawing_board .buttons > * {
        width: 30px;
        text-align: center;
        margin-top: 15px;
        cursor: pointer;
        height: 26px;
        position: relative; }
        body.top.chat #wrap #main_content #drawing_board .buttons > *.active i {
          font-size: 26px;
          top: 0px; }
        body.top.chat #wrap #main_content #drawing_board .buttons > * i {
          font-size: 20px;
          position: relative;
          top: 3px; }
  body.top.chat #wrap #main_content #main_column {
    position: relative;
    background-color: #fff;
    background-size: auto 100%;
    background-position: center center; }
    body.top.chat #wrap #main_content #main_column[data-parsed-theme="1"] {
      -webkit-perspective: 500px;
              perspective: 500px; }
      body.top.chat #wrap #main_content #main_column[data-parsed-theme="1"] #screen {
        -webkit-transform: translateX(34vh) rotateY(19deg) translateY(-15vh);
                transform: translateX(34vh) rotateY(19deg) translateY(-15vh); }
      body.top.chat #wrap #main_content #main_column[data-parsed-theme="1"] #video_area {
        z-index: unset; }
    body.top.chat #wrap #main_content #main_column #audios {
      display: none;
      position: absolute;
      top: 0;
      left: 0; }
    body.top.chat #wrap #main_content #main_column #screen {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute; }
      body.top.chat #wrap #main_content #main_column #screen #world {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10; }
      body.top.chat #wrap #main_content #main_column #screen #info {
        position: absolute;
        width: 100%;
        height: 100%; }
        body.top.chat #wrap #main_content #main_column #screen #info .user {
          font-size: 30px;
          display: none; }
    body.top.chat #wrap #main_content #main_column #video_area {
      top: 6.48%;
      left: -50vw;
      position: absolute;
      width: 200%;
      height: 67.59%;
      overflow: hidden;
      z-index: 8;
      text-align: center; }
      body.top.chat #wrap #main_content #main_column #video_area .video_area_inner {
        height: 100%;
        display: inline-block;
        position: relative; }
        body.top.chat #wrap #main_content #main_column #video_area .video_area_inner .placeholder {
          width: auto;
          height: 100%; }
        body.top.chat #wrap #main_content #main_column #video_area .video_area_inner #video_wrap {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
          body.top.chat #wrap #main_content #main_column #video_area .video_area_inner #video_wrap video {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            -o-object-position: 50% 0;
               object-position: 50% 0; }
          body.top.chat #wrap #main_content #main_column #video_area .video_area_inner #video_wrap .video_name {
            position: fixed;
            bottom: 93.52%;
            display: block;
            text-align: center;
            font-size: 12px;
            opacity: 0.5;
            z-index: 10;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%);
            left: 50%;
            padding: 3px 5px;
            color: #fff; }
            body.top.chat #wrap #main_content #main_column #video_area .video_area_inner #video_wrap .video_name i {
              margin-right: 5px; }
            body.top.chat #wrap #main_content #main_column #video_area .video_area_inner #video_wrap .video_name a {
              margin-left: 5px;
              text-decoration: underline;
              display: none; }
    body.top.chat #wrap #main_content #main_column #ground {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 13.43%;
      background-color: transparent; }
    body.top.chat #wrap #main_content #main_column #info {
      bottom: 0;
      left: 0;
      position: absolute;
      width: 100%;
      padding: 10px 10px 30px;
      background-color: rgba(255, 255, 255, 0.1);
      color: #fff;
      display: none; }

html.mobile body.top.chat #wrap header {
  background-color: transparent;
  border: none; }

html.mobile body.top.chat #wrap #main_content {
  padding-top: 0; }
  html.mobile body.top.chat #wrap #main_content #link_board {
    -webkit-transition: top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 300ms linear;
    transition: top 300ms cubic-bezier(0.25, 0, 0.25, 1), opacity 300ms linear;
    opacity: 0; }
    html.mobile body.top.chat #wrap #main_content #link_board.visible {
      opacity: 1; }
    html.mobile body.top.chat #wrap #main_content #link_board .link {
      font-size: 12px; }
  html.mobile body.top.chat #wrap #main_content #tool_board {
    width: 75px; }
    html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons {
      height: 255px;
      margin-top: -130px; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn {
        margin-bottom: 20px; }
        html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn#recording-btn.visible {
          display: none; }
        html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons .tool-btn#screen-btn.visible {
          display: none; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#mute-btn, html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#unmute-btn {
        top: -15px; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#skin-btn {
        top: -30px; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.skin-active .tool-btn#drawing-btn {
        display: none !important; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#mute-btn, html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#unmute-btn {
        top: -15px; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#skin-btn {
        display: none !important; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons.drawing-active .tool-btn#drawing-btn {
        top: -30px; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons #skin-colors {
        top: 209px; }
      html.mobile body.top.chat #wrap #main_content #tool_board #tool_buttons #drawing-items {
        top: 209px; }


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