@aleen42/calendar 1.0.0-beta.0

package/dist/calendar.css

@@ -0,0 +1,3232 @@
+/*
+ * Copyright (c) 2025 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+/*
+ * Copyright (c) 2018 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+.radio,
+.checkbox {
+  /* width and height of one radio/checkbox */
+  font-size: 16px;
+  /* desired margin */
+  margin: 2px 0;
+  display: inline-block;
+  vertical-align: middle;
+  /* ie 6 */
+  overflow: hidden;
+}
+.radio:before,
+.checkbox:before {
+  float: left;
+  transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+/* hide input from view but still visible (ie & opera support) */
+.rc-hidden {
+  position: absolute !important;
+  left: -999em;
+}
+.rc-disabled {
+  opacity: 0.3;
+}
+/* switch button 切换按钮*/
+.u-switch-onoff {
+  float: left;
+  position: relative;
+  width: 32px;
+  height: 18px;
+  border-radius: 100px;
+  background-color: #505052;
+  border: 1px solid #505052;
+  overflow: hidden;
+}
+.u-switch-onoff:not(.rc-disabled) {
+  cursor: pointer;
+}
+.u-switch-onoff .switch,
+.u-switch-onoff .track {
+  transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+.u-switch-onoff .switch {
+  left: 1px;
+  top: 1px;
+  bottom: 1px;
+  right: 16px;
+  background-color: #505052;
+  border-radius: 36px;
+  z-index: 1;
+}
+.u-switch-onoff .track {
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 100px;
+  background: #fff;
+}
+.u-switch-onoff .switch,
+.u-switch-onoff .track {
+  position: absolute;
+}
+.u-switch-onoff.checkbox-checked {
+  border-color: #2c6ccc;
+  background-color: #2c6ccc;
+}
+.u-switch-onoff.checkbox-checked .switch {
+  right: 1px;
+  left: 16px;
+  background: #fff;
+}
+.u-switch-onoff.checkbox-checked .track {
+  background-color: transparent;
+}
+.u-btn * {
+  margin: 0;
+  padding: 0;
+}
+.u-btn {
+  position: relative;
+  display: inline-block;
+  *display: inline;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  font-size: 14px;
+  font-family: inherit;
+  /* Correct font family not being inherited in all browsers for <button> <input> */
+  font-weight: normal;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px;
+  padding: 0 6px;
+  *zoom: 1;
+  *overflow: visible;
+  /* for a ie6/7 bug http://blog.csdn.net/jyy_12/article/details/6636099 */
+  background-image: none;
+  white-space: nowrap;
+  user-select: none;
+  outline: none;
+}
+.u-btn::-moz-focus-inner {
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.u-btn .u-btn-text {
+  background: none;
+  padding: 0;
+  height: auto;
+  line-height: 1;
+}
+.u-btn:hover {
+  text-decoration: none;
+}
+.u-btn:active {
+  outline: 0;
+  background-image: none;
+}
+.u-btn.disabled,
+.u-btn[disabled],
+.u-btn.disabled:active,
+.u-btn[disabled]:active {
+  cursor: not-allowed;
+  pointer-events: none;
+  box-shadow: none;
+  opacity: 0.5;
+}
+/* 按钮组 */
+.u-btns {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  zoom: 1;
+}
+.u-btns:before,
+.u-btns:after {
+  content: " ";
+  display: table;
+}
+.u-btns:after {
+  clear: both;
+}
+.u-btns > .u-btn {
+  position: relative;
+  float: left;
+}
+.u-btns > .u-btn:focus,
+.u-btns > .u-btn:active,
+.u-btns > .u-btn.active {
+  z-index: 100;
+}
+.u-btns > .u-btn:hover {
+  z-index: 101;
+}
+.u-btns > .u-btn .iconfont {
+  line-height: 1;
+}
+.u-btns .u-btn + .u-btn {
+  margin-left: -1px;
+}
+.u-btns .u-btn:not(:first-child):not(:last-child) {
+  border-radius: 0;
+}
+.u-btns > .u-btn:first-child:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.u-btns > .u-btn:last-child:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+/* 按钮尺寸 */
+.u-btn-round {
+  border-radius: 50%;
+  padding: 0 7px;
+}
+.u-btn-large {
+  height: 32px;
+  line-height: 32px;
+}
+.u-btn-large.u-btn-round {
+  padding: 0 8px;
+}
+input.u-btn.u-btn-large,
+button.u-btn.u-btn-large {
+  height: 34px;
+  line-height: 32px;
+}
+input.u-btn,
+button.u-btn {
+  height: 32px;
+  line-height: 30px;
+}
+.u-btn-small {
+  font-size: 12px;
+  height: 22px;
+  line-height: 22px;
+}
+.u-btn-small.u-btn-round {
+  padding: 0 3px;
+}
+input.u-btn.u-btn-small,
+button.u-btn.u-btn-small {
+  height: 24px;
+  line-height: 22px;
+}
+/* 按钮样式 */
+.u-btn-default {
+  color: #505052;
+  background-color: #fff;
+  border-color: #D9D9D9;
+}
+.u-btn-default:hover {
+  color: #505052;
+  background-color: #F5F6F7;
+  border-color: #B2B2B2;
+}
+.u-btn-default.focus,
+.u-btn-default:active,
+.u-btn-default.active {
+  color: #505052;
+  background-color: #E8E9EB;
+  border-color: #B2B2B2;
+}
+.u-btn-default.disabled,
+.u-btn-default[disabled],
+.u-btn-default.disabled:hover,
+.u-btn-default[disabled]:hover,
+.u-btn-default.disabled.focus,
+.u-btn-default[disabled].focus,
+.u-btn-default.disabled:active,
+.u-btn-default[disabled]:active,
+.u-btn-default.disabled.active,
+.u-btn-default[disabled].active {
+  background-color: #F5F6F7;
+  border-color: #D9D9D9;
+}
+.u-btn-primary {
+  color: #fff;
+  background-color: #2c6ccc;
+  border-color: #2c6ccc;
+}
+.u-btn-primary:hover {
+  color: #fff;
+  background-color: #188BCE;
+  border-color: #2c6ccc;
+}
+.u-btn-primary.focus,
+.u-btn-primary:active,
+.u-btn-primary.active {
+  color: #fff;
+  background-color: #11699C;
+  border-color: #11699C;
+}
+.u-btn-primary.disabled,
+.u-btn-primary[disabled],
+.u-btn-primary.disabled:hover,
+.u-btn-primary[disabled]:hover,
+.u-btn-primary.disabled.focus,
+.u-btn-primary[disabled].focus,
+.u-btn-primary.disabled:active,
+.u-btn-primary[disabled]:active,
+.u-btn-primary.disabled.active,
+.u-btn-primary[disabled].active {
+  background-color: #2c6ccc;
+  border-color: #2c6ccc;
+}
+.u-btn-success {
+  color: #fff;
+  background-color: #26AF1E;
+  border-color: #26AF1E;
+}
+.u-btn-success:hover {
+  color: #fff;
+  background-color: #27B820;
+  border-color: #26AF1E;
+}
+.u-btn-success.focus,
+.u-btn-success:active,
+.u-btn-success.active {
+  color: #fff;
+  background-color: #219E1A;
+  border-color: #26AF1E;
+}
+.u-btn-success.disabled,
+.u-btn-success[disabled],
+.u-btn-success.disabled:hover,
+.u-btn-success[disabled]:hover,
+.u-btn-success.disabled.focus,
+.u-btn-success[disabled].focus,
+.u-btn-success.disabled:active,
+.u-btn-success[disabled]:active,
+.u-btn-success.disabled.active,
+.u-btn-success[disabled].active {
+  background-color: #26AF1E;
+  border-color: #26AF1E;
+}
+.u-btn-warning {
+  color: #fff;
+  background-color: #F1BA31;
+  border-color: #F1BA31;
+}
+.u-btn-warning:hover {
+  color: #fff;
+  background-color: #FEC535;
+  border-color: #F1BA31;
+}
+.u-btn-warning.focus,
+.u-btn-warning:active,
+.u-btn-warning.active {
+  color: #fff;
+  background-color: #E5B02E;
+  border-color: #F1BA31;
+}
+.u-btn-warning.disabled,
+.u-btn-warning[disabled],
+.u-btn-warning.disabled:hover,
+.u-btn-warning[disabled]:hover,
+.u-btn-warning.disabled.focus,
+.u-btn-warning[disabled].focus,
+.u-btn-warning.disabled:active,
+.u-btn-warning[disabled]:active,
+.u-btn-warning.disabled.active,
+.u-btn-warning[disabled].active {
+  background-color: #F1BA31;
+  border-color: #F1BA31;
+}
+.u-btn-error {
+  color: #fff;
+  background-color: #E15051;
+  border-color: #E15051;
+}
+.u-btn-error:hover {
+  color: #fff;
+  background-color: #FD595B;
+  border-color: #E15051;
+}
+.u-btn-error.focus,
+.u-btn-error:active,
+.u-btn-error.active {
+  color: #fff;
+  background-color: #CF3D3F;
+  border-color: #E15051;
+}
+.u-btn-error.disabled,
+.u-btn-error[disabled],
+.u-btn-error.disabled:hover,
+.u-btn-error[disabled]:hover,
+.u-btn-error.disabled.focus,
+.u-btn-error[disabled].focus,
+.u-btn-error.disabled:active,
+.u-btn-error[disabled]:active,
+.u-btn-error.disabled.active,
+.u-btn-error[disabled].active {
+  background-color: #E15051;
+  border-color: #E15051;
+}
+/* 局部遮罩 */
+.u-lmask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  background: #fff;
+  opacity: 0.8;
+}
+.u-lmask-floater {
+  position: relative;
+  height: 50%;
+  margin-bottom: -50px;
+}
+.u-lmask-content {
+  position: relative;
+  height: 100px;
+  width: 80%;
+  margin: 0 auto;
+  text-align: center;
+}
+.u-lmask-loading {
+  background: url(data:image/gif;base64,R0lGODlhZAAoAMQdAC+QxAt9uqvS56rS5y2PwxKBvK3T6KzT5wp9uSeMwiGJwODu9iKKwOHv9rjZ64G822uw1Wmv1PX6/Pb6/D6YyGqw1ROBvH+72yWLwSaMwYC724K82wV6uP///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFRjVFQTI3Qzg4MzExRTRBQTdDRUEyMDdENEI3QzZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFRjVFQTI4Qzg4MzExRTRBQTdDRUEyMDdENEI3QzZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REVGNUVBMjVDODgzMTFFNEFBN0NFQTIwN0Q0QjdDNkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REVGNUVBMjZDODgzMTFFNEFBN0NFQTIwN0Q0QjdDNkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQJDAAdACwAAAAAZAAoAAAF/WAnjmRpnmiqrmzrvnAsz3Rt33iu73zv/8CgcEgsGo/IpHLJbDqf0Kh0Sq1afQ0II8CANK5FR4FDJhccYOHCUm4XFiUBIAAQoOR0+wlfv8/7e396ORFthhAkBoaDI4ptjCKOZZAdkmSUlhyUNAqGbQwkAIYAJqJtpCWmZaiho6WuOQGeZQEksm21Jbe0JrtkubaGwCO+HMM2nbMcoCOqZKzNsK2nr9Sp0jeFyhEkB4YDJt5t4CXiZeTd3+HqOQtjnm8lAwQIBOjy9PYo8/X3JPz6TgD0d0OMoTNphjSooCCAggpfEkqcSLGixYsYM2rcyLGjx48gQ4ocSbJklBAAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWpcNCCPAgDSuuckjEUg8JiVHgcNmFxxgm4TSZlMko4Wl3i4sSgIAAQACKIGDhSeHhIaCjDsafGwbIxGSbRAkBnyJmpwmm3WdI6FtozcJlxkjCpdsDCQAfAAmsnW0JbZtuLGzOwGXASPArsLDfMYkxG3Jx3XNIsts0DapkhisrhywI7psvN2+ueK9tzsXlw+V2hEkB3wDJu918SXzbfXu8DtzfHd5ayT5KTGAAAIC+QgaRIii4MGEJBwy5CGGjBk0JNTweRNnSIMKCgIoqPClo8mTKFMVqlzJsqXLlzBjypxJs6bNmzhzEgkBACH5BAkMAB0ALAAAAABkACgAAAX/YCeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqvnQaEEWBAGljc5JEIJB6TkqPAabcLjrBKAAgABCYJxd2mSEYLFnxuBQsldHZ4J4h3KIyKOwaDkCIag20bIxGXbhAkknyUIqBuoh2kbaY2AIMAJQmcGSMKnG0MJKx8riW5bru4rTwBgwElw5fFIsecycrEJsttzSPRHNM4vW2/IrCXGLO1HLcj2RzbIuXnHek8B4MDJRecD5rhESTufPAl+W77+O96DCCAgMC/EXoG+QHE5lKhEgMLHiQR0SCKihOLjClzJg2JNYPgyBHSoIKCAAoqHIAZybKly5cwY8qcSbOmzZs4c+rcybOnz58iQgAAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq+uBoQRYEAaWNzkkQgkHpOSo8BptwsOqwAQAAhQ8/q9JKG42xQSIwsWf24FCyV5dnh0jDwGhnskkX+TIhqGbRsjEZpuEJSSJpVulzgAhgAmqX+rJAmfGSMKn20MJK1ur7mqPAGGASbAf8IkxMEjyJrGIssczcrJO7ptvCPVHNcdsZoYtLYcuNi+JdnbNweGAybqf+wkF58PneERJO5u8PjrPQMECAjsK/Ev4EARfQwFGsRGEyKCAAWiKCjRypgyZ9KQWGMITpghDSooCKCgApiPKFMXqlzJsqXLlzBjypxJs6bNmzhz6typIgQAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq+7BoQRYEAaWNzkkQgkHpOSo8BptwuOpAAQAAhQ8/r9lLebJBRubRQSIwsWgm4FCyV9ezsGiY8jkYKTIpVulxqJbRsjEZ1uECSZbZc3AIkAJqqCrCWubrAjCaIZIwqibQwksm20OQGJASbDgsUlx27JI8vIzrsczR3P0zy/HMEi2dsd3SW2nRi50r0j4DsHiQMm64LtJe9u8SMXog+g0hEk8231OgYQQEAAIAmBBA2OQFjwTyBBhAyx6bSoBEOFYUqMKXMmDYk1ieBkFNKggoIACiobgBnJsqXLlzBjypxJs6bNmzhz6tzJs6fPKyEAACH5BAkMAB0ALAAAAABkACgAAAX/YCeOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsOp/QqHRKrVqvyAaEEWBAGljc5JEIJB6TkqPAabcLDp4AEAAIUPP6/ZS34+l+JRIUbm0UEiMLFoVuBQs6Box7JJGFkyOVbpcimW2bGoxtGyMRoW4QOgCMACaqhawlrm6wJLJttCIJphkjCqZtDDoBjAEmw4XFJcduySTLbc0iz8wj08ipq63Zsdu13bmmGL2/HME5B4wDJuiF6iXsbu4k8G3yIhemD6TkETsDBAgI2CPxL+DAEQUFokh4cBCjQ4nYhHIUpsaYMmfSkFjDCE5FIQ0qKAigoAKYjyhTFqpcybKly5cwY8qcSbOmzZs4c+pUEgIAIfkECQwAHQAsAAAAAGQAKAAABf9gJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq/IBoQRYEAaWKKjwCmXCw6eABAACFDr9vsUd8PZdjp+PlpYzIAFCzoGgBx8I4WAiCKKZowdjmWQkockEYaAEDoAhgAmnYCfJaFmoySlZacjqRyrCplmDDoBhgEmtYC3JblmuyS9Zb8jwRzDxbqcnqDLpM2oz6zRsLEcszkHhgMm2YDbJd1m3yThZeMj5RznmNUROwMECATnJPDy9CP28yj6+CL9JRaQySQoTJAxhtAYFNKggoIACiqAWUixosWLGDNq3Mixo8ePIEOKHEmypEklIQAAIfkEBQwAHQAsAAAAAGQAKAAABddgJ45kaZ5oqq5s675wLM90bd94ru987//AoHBILBqPyKRyyWw6n9CodEqtWq/YrLYkAAQAAlT3Gz6NwWIv2qwum85unYFDp8dF8zrn3snX+X52JoF7g3qFOwCHACaKeowljnWQJJJ0lCOWHJgimpw3AYcBJqF6oyWldackqXSrI60cryKxszeejYu5j7uTvZe/mzwHhwMmxHrGJch1yiTMdM4j0BzSItTWOAMECATZItvd3x3h3ijl4+jn3OZb7u/w8fLz9PX29/j5+vv8/f7/AAMKHDgiBAA7) no-repeat center center;
+  width: 100px;
+  height: 40px;
+  margin: 0 auto;
+}
+.u-lmask-message {
+  font-size: 13px;
+  color: #333;
+}
+.u-menu-dropdown {
+  position: absolute;
+  z-index: 100;
+  top: 100%;
+  left: 0;
+}
+.u-menu-dropdown:not(.u-menu-show) .u-menu {
+  margin-top: -5px;
+}
+.u-menu-dropdown:not(.u-menu-show).over-height .u-menu {
+  margin-top: 5px;
+}
+.u-menu-dropdown.color .u-menu-choose {
+  font-weight: 600;
+}
+.u-menu-dropdown.color .u-menu-choose .iconchoose {
+  color: #0e931b;
+  font-weight: normal;
+}
+.u-menu-dropdown.color .u-menu-choose.u-menu-disabled a,
+.u-menu-dropdown.color .u-menu-choose.u-menu-disabled a:hover {
+  color: #333333;
+}
+input[disabled][role=dropdown] {
+  background: #f3f3f3;
+  color: rgba(42, 42, 42, 0.3);
+}
+input[disabled][role=dropdown] + i {
+  opacity: 0.3;
+}
+/* 下拉菜单 */
+.u-menu {
+  line-height: 1.5;
+  margin: 2px 0 0;
+  padding: 4px;
+  border-radius: 4px;
+  background: #fff;
+  list-style: none;
+  text-align: left;
+  transition: all 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
+}
+.u-menu .u-input-container {
+  padding: 0 5px 0 27px;
+}
+.u-menu li {
+  position: relative;
+}
+.u-menu li a {
+  display: block;
+  padding: 6px 30px 6px 38px;
+  overflow: hidden;
+  word-wrap: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #333333;
+  text-decoration: none;
+  height: 32px;
+  box-sizing: border-box;
+  line-height: 19px;
+  border-radius: 4px;
+}
+.u-menu li a:focus {
+  outline: none;
+}
+.u-menu li a:hover,
+.u-menu li.active a {
+  color: #333333;
+  text-decoration: none;
+}
+.u-menu li a:hover {
+  background: #f5f5f5;
+}
+.u-menu li.active > a,
+.u-menu li:active > a {
+  background: #e5e5e5;
+}
+.u-menu li.u-menu-disabled i,
+.u-menu li.u-menu-disabled a,
+.u-menu li.u-menu-disabled a:hover {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+.u-menu li .iconfont {
+  position: absolute;
+  line-height: 1;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 20px;
+}
+.u-menu li .iconfont.checkbox,
+.u-menu li .iconfont.radio {
+  margin: -8px 0 0 2px;
+  font-size: 16px;
+}
+.u-menu li .iconfont.left {
+  left: 8px;
+}
+.u-menu li .iconfont.right {
+  right: 8px;
+}
+.u-menu .divider {
+  height: 0;
+  line-height: 0;
+  font-size: 0;
+  margin: 4px 0;
+  border-top: 1px solid #e8e8e8;
+}
+.u-menu-right {
+  left: auto;
+  right: 0;
+}
+.u-menu-top {
+  top: auto;
+  bottom: 100%;
+  margin: 0 0 1px;
+}
+/*二级菜单*/
+.u-submenu {
+  position: relative;
+}
+.u-submenu .u-menu {
+  position: absolute;
+  left: 100%;
+  top: -4px;
+  margin: 0;
+}
+.u-submenu .u-menu-right {
+  left: auto;
+  right: 100%;
+}
+.u-submenu .u-menu-top {
+  top: auto;
+  bottom: 0;
+  margin: 0 0 2px;
+}
+/* 翻页器 */
+.u-page {
+  margin: 10px 0 0;
+  text-align: center;
+  font-size: 0;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+}
+.u-page > a,
+.u-page > i {
+  height: 30px;
+  line-height: 30px;
+}
+.u-page a,
+.u-page i {
+  height: 32px;
+  line-height: 32px;
+  display: inline-block;
+  vertical-align: top;
+  padding: 0 6px;
+  margin-left: -1px;
+  font-size: 13px;
+  letter-spacing: normal;
+  word-spacing: normal;
+  background: #fff;
+}
+.u-page a {
+  border-radius: 4px;
+}
+.u-page a,
+.u-page a:hover,
+.u-page a:active {
+  text-decoration: none;
+  color: #505052;
+}
+.u-page a:hover {
+  background: #ebebeb;
+}
+.u-page a:active {
+  background: #e0e0e0;
+}
+/* current当前值 */
+.u-page a.z-current,
+.u-page a.z-current:hover,
+.u-page a.z-current:active {
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.3;
+}
+/* disable非选中 */
+.u-page a.z-disabled,
+.u-page a.z-disabled:hover,
+.u-page a.z-disabled:active {
+  cursor: not-allowed;
+  pointer-events: none;
+  color: #ccc;
+  background: #fff;
+}
+/* 上下分页圆角 */
+.u-page-round .u-page-prev {
+  border-radius: 16px 0 0 16px;
+}
+.u-page-round .u-page-next {
+  border-radius: 0 16px 16px 0;
+}
+/* 分离 */
+.u-page-sep a,
+.u-page-sep i {
+  margin: 0 3px;
+}
+.u-page-sep i {
+  border: 0;
+}
+/* 尺寸 */
+.u-page-small {
+  line-height: 22px;
+}
+.u-page-small a,
+.u-page-small i {
+  font-size: 12px;
+  padding: 0 8px;
+}
+/* 跳页菜单 */
+.u-page-btns {
+  position: relative;
+  display: inline-block;
+  margin: 0 3px;
+}
+.u-page-btns-center {
+  margin-left: 0;
+  margin-right: 1px;
+}
+.u-page-btns-center .u-page-btn {
+  background-color: #fff;
+}
+.u-page-btns-center .u-page-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 4px;
+}
+.u-page-btn {
+  width: 84px;
+  display: inline-block;
+  font-size: 13px;
+  margin: 0 6px;
+  word-spacing: normal;
+  text-align: center;
+  vertical-align: middle;
+  cursor: default;
+  line-height: 32px;
+  height: 32px;
+  border-radius: 4px;
+  outline: none;
+  background-color: #fff;
+  border: none;
+  opacity: 0.3;
+}
+.u-page-btn:not(.disabled) {
+  opacity: 1;
+  cursor: pointer;
+}
+.u-page-btn:not(.disabled):hover {
+  background: #ebebeb;
+}
+.u-page-btn:not(.disabled):active,
+.u-page-btn:not(.disabled).active {
+  background: #e5e5e5;
+}
+.u-page-btnsel.iconfont {
+  display: inline-block;
+  overflow: hidden;
+  vertical-align: top;
+  font-size: 16px;
+}
+.u-page-menu {
+  position: absolute;
+  z-index: 100;
+  top: 100%;
+  left: 7px /** border-left = */;
+  max-height: 200px;
+  max-width: 120px;
+  margin: -5px 0 0;
+  opacity: 0;
+  list-style: none;
+  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
+  border-radius: 3px;
+  line-height: 1.5;
+  background: #fff;
+  overflow-y: auto;
+  overflow-x: auto;
+  transition: margin-top 0.1s cubic-bezier(0.17, 0.17, 0, 1), opacity 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+.u-page-menu li.current a {
+  font-weight: 600;
+  background: #e5e5e5;
+}
+.u-page-menu li a {
+  display: block;
+  min-width: 50px;
+  margin: 0;
+  height: 24px /** horizontal padding = */;
+  line-height: 24px /** horizontal padding = */;
+  padding: 4px 9px;
+  border: none;
+  color: #333333;
+  border-radius: 0;
+}
+.u-page-menu-show {
+  display: block;
+  margin-top: 1px;
+  opacity: 1;
+}
+.u-page-menu-hidden {
+  top: -9999px !important;
+  left: -9999px !important;
+}
+.icon-current {
+  background: none;
+  display: inline-block;
+  vertical-align: middle;
+}
+.icon-current:after {
+  content: '';
+  display: block;
+  border-radius: 50%;
+  height: 6px;
+  width: 6px;
+  margin-right: 5px;
+}
+.f-cf:before,
+.f-cf:after {
+  content: " ";
+  display: table;
+}
+.f-cf:after {
+  clear: both;
+}
+.f-fl {
+  float: left !important;
+}
+.f-fr {
+  float: right !important;
+}
+.f-ib {
+  display: inline-block;
+}
+.f-dn {
+  display: none;
+}
+.f-dni {
+  display: none !important;
+}
+.f-db {
+  display: block;
+}
+.f-dbi {
+  display: block !important;
+}
+.f-pr {
+  position: relative;
+}
+.f-prz {
+  position: relative;
+  zoom: 1;
+}
+.f-oh {
+  overflow: hidden !important;
+}
+.f-tal {
+  text-align: left;
+}
+.f-tac {
+  text-align: center;
+}
+.f-tar {
+  text-align: right;
+}
+.f-vat {
+  vertical-align: top;
+}
+.f-vam {
+  vertical-align: middle;
+}
+.f-vab {
+  vertical-align: bottom;
+}
+.f-taj {
+  text-align: justify;
+  text-justify: inter-ideograph;
+}
+.f-tdn {
+  text-decoration: none;
+}
+.f-fwb {
+  font-weight: bold;
+}
+.f-fwn {
+  font-weight: normal;
+}
+.f-wsn {
+  word-wrap: normal;
+  white-space: nowrap;
+}
+.f-pre {
+  overflow: hidden;
+  text-align: left;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+.f-wwb {
+  white-space: normal;
+  word-wrap: break-word;
+  word-break: break-all;
+}
+.f-ellipsis {
+  overflow: hidden;
+  word-wrap: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.f-csp {
+  cursor: pointer;
+}
+.f-csd {
+  cursor: default;
+}
+.f-csh {
+  cursor: help;
+}
+.f-csm {
+  cursor: move;
+}
+.f-usn {
+  user-select: none;
+}
+.f-mgr {
+  margin-right: 10px;
+}
+.f-mgl {
+  margin-left: 10px;
+}
+.f-mgr-l {
+  margin-right: 16px;
+}
+.f-mgl-l {
+  margin-left: 16px;
+}
+.f-mgt {
+  margin-top: 10px;
+}
+.f-mgb {
+  margin-bottom: 10px;
+}
+.f-vh {
+  visibility: hidden;
+}
+.disable-mask {
+  position: absolute;
+  z-index: 99;
+  left: 0;
+  right: 0;
+  opacity: 0.5;
+  background-color: #fff;
+}
+.f-abs {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.u-scroll {
+  overflow: auto;
+}
+*::-webkit-scrollbar {
+  width: 14px;
+  height: 14px;
+}
+*::-webkit-scrollbar-thumb {
+  border: 4px solid transparent;
+  background-clip: padding-box;
+  background-color: #ccc;
+  border-radius: 10px;
+}
+*::-webkit-scrollbar-thumb:hover {
+  border-width: 2px;
+  background-color: #ccc;
+  border-radius: 10px;
+}
+*::-webkit-scrollbar-track {
+  border-radius: 10px;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
+}
+/*
+ * Copyright (c) 2023 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+.aside-animation {
+  transition: left 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+.lyToolbar {
+  position: relative;
+  white-space: nowrap;
+}
+.lyToolbar,
+.lyToolbar[data-view] + .lycontent {
+  padding: 0 18px 0 13px;
+}
+.lyToolbar .main-nav.aside {
+  padding-left: 40px;
+}
+.lyToolbar .main-nav.aside .icon-nav {
+  padding: 8px;
+  position: absolute;
+  left: -8px;
+  top: 0;
+  cursor: pointer;
+}
+.lyToolbar .content-wrapper {
+  width: 100%;
+  height: 38px;
+  padding: 3px 4px;
+  border-radius: 4px;
+  box-shadow: 0 1px 4px rgba(1, 10, 15, 0.2);
+  box-sizing: border-box;
+  background: #fff;
+  position: relative;
+  overflow: hidden;
+}
+.lyToolbar .content-wrapper.scrollable {
+  padding: 3px 20px;
+}
+.lyToolbar .content-wrapper.scrollable > div.scroll {
+  display: block;
+}
+.lyToolbar .content-wrapper > [data-role=panel] {
+  overflow: hidden;
+}
+.lyToolbar .content-wrapper > [data-role=panel] > div {
+  font-size: 0;
+}
+.lyToolbar .content-wrapper > [data-role=panel] > div .u-list {
+  font-size: 14px;
+}
+.lyToolbar .content-wrapper > div.scroll {
+  position: absolute;
+  top: 0;
+  height: 38px;
+  line-height: 38px;
+  box-sizing: border-box;
+  display: none;
+}
+.lyToolbar .content-wrapper > div.scroll:not(.disabled) {
+  cursor: pointer;
+}
+.lyToolbar .content-wrapper > div.scroll:not(.disabled):hover {
+  background: #fafafa;
+}
+.lyToolbar .content-wrapper > div.scroll.disabled {
+  opacity: 0.3;
+}
+.lyToolbar .content-wrapper > div.scroll i {
+  font-size: 14px;
+}
+.lyToolbar .content-wrapper > div.scroll.left {
+  left: 0;
+  border-right: 1px solid #e2e2e2;
+}
+.lyToolbar .content-wrapper > div.scroll.right {
+  right: 0;
+  border-left: 1px solid #e2e2e2;
+}
+.lyToolbar .toggle-ribbon {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 18px;
+  font-size: 18px;
+  text-align: center;
+  height: 18px;
+  line-height: 18px;
+  cursor: pointer;
+}
+.lyToolbar .toggle-ribbon:hover {
+  background: #e8e8e8;
+}
+.lyToolbar .divider {
+  margin-right: 4px;
+  height: 26px;
+  width: 1px;
+  background: #d9d9d9;
+  display: inline-block;
+  vertical-align: middle;
+}
+.lyToolbar .divider + .divider {
+  display: none;
+}
+.lyToolbar .u-btn.f-dni + br,
+.lyToolbar .u-btn.f-dni + .divider {
+  display: none;
+}
+.lyToolbar.ribbon .u-btn-groups-2 {
+  margin: 6px 0;
+  line-height: 36px;
+}
+.lyToolbar.ribbon .u-btn-groups-3 .u-btn {
+  height: 24px;
+  line-height: 24px;
+}
+.lyToolbar.ribbon .u-btn-groups-3 .u-btn:not(:last-child) {
+  margin-bottom: 3px;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar.primary {
+  color: #424242;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]),
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) {
+  height: 84px;
+  line-height: normal;
+  box-sizing: border-box;
+  padding-top: 9px;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[data-dropdown],
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[data-dropdown],
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow])[role=dropdown],
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow])[role=dropdown],
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]).split,
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]).split {
+  padding-right: 6px;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]).no-icon,
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]).no-icon {
+  padding-top: 44px /** icon height = */;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .u-btn[arrow],
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .u-btn[arrow] {
+  height: auto;
+  margin-left: 0;
+  border-radius: 0 0 4px 4px;
+  position: absolute;
+  width: 100%;
+  left: -1px;
+  bottom: -1px;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont,
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont,
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .u-btn[arrow],
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .u-btn[arrow] {
+  display: block;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont:not(.icondown),
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont:not(.icondown) {
+  font-size: 32px;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .iconfont.f-mgr,
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .iconfont.f-mgr {
+  margin-right: 0;
+}
+.lyToolbar.ribbon .u-btn.u-btn-toolbar:not(.small-icon):not([arrow]) .icondown,
+.lyToolbar.ribbon .u-btn.u-btn-primary:not(.small-icon):not([arrow]) .icondown {
+  height: 16px;
+  line-height: 16px;
+}
+.lyToolbar.ribbon .content-wrapper {
+  height: 90px;
+}
+.lyToolbar.ribbon .content-wrapper > div.scroll {
+  height: 90px;
+  line-height: 90px;
+}
+.lyToolbar.ribbon .divider {
+  height: 78px;
+}
+.u-btn-primary:not([disabled]):not(.disabled).split:hover > .u-btn-toolbar[arrow] {
+  background-color: #188BCE;
+}
+.u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow] {
+  border-color: transparent transparent transparent rgba(255, 255, 255, 0.35);
+  background-color: #2c6ccc;
+}
+.u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:hover {
+  border-color: transparent transparent transparent rgba(255, 255, 255, 0.35);
+  background-color: #188BCE;
+}
+.u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow].active,
+.u-btn-primary:not([disabled]):not(.disabled).split > .u-btn-toolbar[arrow]:active {
+  background-color: #11699C;
+}
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+.u-btn-primary:not([disabled]):not(.disabled).split:has([arrow]:active) {
+  background: #fafafa;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary) {
+  border-color: transparent;
+  background-color: #fff;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary).primary,
+.u-btn.u-btn-toolbar:not(.u-btn-primary).primary > i {
+  color: #2c6ccc;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary).disabled.active {
+  background-color: #f5f5f5;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):hover,
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):hover [arrow] {
+  border-color: #e8e8e8;
+  background-color: #fafafa;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active,
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active,
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active {
+  background-color: #f5f5f5;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]),
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]),
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) {
+  border-color: #a6a6a6;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active),
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active),
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active) {
+  border-color: transparent;
+  border-left-color: #a6a6a6;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).active:not([arrow]) [arrow]:not(.active):not(:active):hover,
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):active:not([arrow]) [arrow]:not(.active):not(:active):hover,
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active:not([arrow]) [arrow]:not(.active):not(:active):hover {
+  border-color: #e8e8e8;
+  border-left-color: #a6a6a6;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled)[arrow]:active {
+  border-color: #a6a6a6;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border:hover,
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border:hover [arrow] {
+  border-color: transparent;
+}
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border.active:not([arrow]),
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border:active:not([arrow]),
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled).no-border[arrow]:active:not([arrow]) {
+  border-color: transparent;
+}
+/* stylelint-disable-next-line selector-pseudo-class-disallowed-list */
+.u-btn.u-btn-toolbar:not(.u-btn-primary):not([disabled]):not(.disabled):has([arrow]:active) {
+  background: #fafafa;
+}
+.lyToolbar .u-list {
+  display: inline-block;
+  vertical-align: middle;
+  line-height: 32px;
+  padding: 0 14px;
+}
+.lyToolbar .u-list li:last-child {
+  margin-right: 0;
+}
+.lyToolbar .u-list .checkbox {
+  margin-top: 0;
+}
+.lyToolbar .u-btn.u-btn-primary:hover {
+  border-color: transparent;
+}
+.lyToolbar .u-btn.u-btn-primary {
+  padding: 0 8px;
+}
+.lyToolbar .u-btn.u-btn-primary,
+.u-btn.u-btn-primary.u-btn-toolbar,
+.u-btn.u-btn-toolbar {
+  margin-right: 4px;
+  border-radius: 4px;
+}
+.lyToolbar .u-btn.u-btn-primary.iconfont,
+.u-btn.u-btn-primary.u-btn-toolbar.iconfont,
+.u-btn.u-btn-toolbar.iconfont {
+  font-size: 20px;
+}
+.lyToolbar .u-btn.u-btn-primary i.checkbox,
+.u-btn.u-btn-primary.u-btn-toolbar i.checkbox,
+.u-btn.u-btn-toolbar i.checkbox {
+  float: none;
+  display: inline-block;
+  vertical-align: middle;
+  margin-top: 0;
+}
+.lyToolbar .u-btn.u-btn-primary i.checkbox + i,
+.u-btn.u-btn-primary.u-btn-toolbar i.checkbox + i,
+.u-btn.u-btn-toolbar i.checkbox + i {
+  font-size: 14px;
+  margin-left: 5px;
+  vertical-align: middle;
+}
+.lyToolbar .u-btn.u-btn-primary[data-dropdown],
+.u-btn.u-btn-primary.u-btn-toolbar[data-dropdown],
+.u-btn.u-btn-toolbar[data-dropdown],
+.lyToolbar .u-btn.u-btn-primary[role=dropdown],
+.u-btn.u-btn-primary.u-btn-toolbar[role=dropdown],
+.u-btn.u-btn-toolbar[role=dropdown] {
+  padding-right: 0;
+}
+.lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown*=more],
+.u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown*=more],
+.u-btn.u-btn-toolbar[data-dropdown][data-dropdown*=more],
+.lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown*=more],
+.u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown*=more],
+.u-btn.u-btn-toolbar[role=dropdown][data-dropdown*=more],
+.lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=view],
+.u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=view],
+.u-btn.u-btn-toolbar[data-dropdown][data-dropdown=view],
+.lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=view],
+.u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=view],
+.u-btn.u-btn-toolbar[role=dropdown][data-dropdown=view],
+.lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=sort],
+.u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=sort],
+.u-btn.u-btn-toolbar[data-dropdown][data-dropdown=sort],
+.lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=sort],
+.u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=sort],
+.u-btn.u-btn-toolbar[role=dropdown][data-dropdown=sort],
+.lyToolbar .u-btn.u-btn-primary[data-dropdown][data-dropdown=filter],
+.u-btn.u-btn-primary.u-btn-toolbar[data-dropdown][data-dropdown=filter],
+.u-btn.u-btn-toolbar[data-dropdown][data-dropdown=filter],
+.lyToolbar .u-btn.u-btn-primary[role=dropdown][data-dropdown=filter],
+.u-btn.u-btn-primary.u-btn-toolbar[role=dropdown][data-dropdown=filter],
+.u-btn.u-btn-toolbar[role=dropdown][data-dropdown=filter] {
+  padding-right: 6px;
+}
+.lyToolbar .u-btn.u-btn-primary.split,
+.u-btn.u-btn-primary.u-btn-toolbar.split,
+.u-btn.u-btn-toolbar.split {
+  padding-right: 0;
+}
+.lyToolbar .u-btn.u-btn-primary.split > .iconfont,
+.u-btn.u-btn-primary.u-btn-toolbar.split > .iconfont,
+.u-btn.u-btn-toolbar.split > .iconfont,
+.lyToolbar .u-btn.u-btn-primary.split > .iconfont + span:not([arrow]),
+.u-btn.u-btn-primary.u-btn-toolbar.split > .iconfont + span:not([arrow]),
+.u-btn.u-btn-toolbar.split > .iconfont + span:not([arrow]) {
+  display: inline-block;
+  vertical-align: top;
+}
+.lyToolbar .u-btn.u-btn-primary > .iconfont,
+.u-btn.u-btn-primary.u-btn-toolbar > .iconfont,
+.u-btn.u-btn-toolbar > .iconfont {
+  line-height: inherit;
+  vertical-align: bottom;
+}
+.lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgr,
+.u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgr,
+.u-btn.u-btn-toolbar > .iconfont.f-mgr {
+  margin-right: 6px;
+}
+.lyToolbar .u-btn.u-btn-primary > .iconfont.f-mgl,
+.u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-mgl,
+.u-btn.u-btn-toolbar > .iconfont.f-mgl {
+  margin-left: 6px;
+}
+.lyToolbar .u-btn.u-btn-primary > .iconfont.f-vam,
+.u-btn.u-btn-primary.u-btn-toolbar > .iconfont.f-vam,
+.u-btn.u-btn-toolbar > .iconfont.f-vam {
+  vertical-align: middle;
+}
+.lyToolbar .u-btn.u-btn-primary[arrow],
+.u-btn.u-btn-primary.u-btn-toolbar[arrow],
+.u-btn.u-btn-toolbar[arrow] {
+  padding: 0;
+  margin: -1px -1px 0 6px;
+  border-radius: 0 4px 4px 0;
+  vertical-align: bottom;
+}
+.lyToolbar .u-btn.u-btn-primary[arrow] .icondown,
+.u-btn.u-btn-primary.u-btn-toolbar[arrow] .icondown,
+.u-btn.u-btn-toolbar[arrow] .icondown {
+  margin-left: 0;
+}
+.lyToolbar .u-btn.u-btn-primary .icondown,
+.u-btn.u-btn-primary.u-btn-toolbar .icondown,
+.u-btn.u-btn-toolbar .icondown {
+  font-size: 16px;
+}
+.lyToolbar .u-btn.u-btn-primary.disabled,
+.u-btn.u-btn-primary.u-btn-toolbar.disabled,
+.u-btn.u-btn-toolbar.disabled,
+.lyToolbar .u-btn.u-btn-primary[disabled],
+.u-btn.u-btn-primary.u-btn-toolbar[disabled],
+.u-btn.u-btn-toolbar[disabled],
+.lyToolbar .u-btn.u-btn-primary.disabled:active,
+.u-btn.u-btn-primary.u-btn-toolbar.disabled:active,
+.u-btn.u-btn-toolbar.disabled:active,
+.lyToolbar .u-btn.u-btn-primary[disabled]:active,
+.u-btn.u-btn-primary.u-btn-toolbar[disabled]:active,
+.u-btn.u-btn-toolbar[disabled]:active {
+  cursor: default;
+  pointer-events: initial;
+}
+.lyToolbar .u-btn.u-btn-primary.split.disabled,
+.u-btn.u-btn-primary.u-btn-toolbar.split.disabled,
+.u-btn.u-btn-toolbar.split.disabled,
+.lyToolbar .u-btn.u-btn-primary.split[disabled],
+.u-btn.u-btn-primary.u-btn-toolbar.split[disabled],
+.u-btn.u-btn-toolbar.split[disabled],
+.lyToolbar .u-btn.u-btn-primary.split.disabled:active,
+.u-btn.u-btn-primary.u-btn-toolbar.split.disabled:active,
+.u-btn.u-btn-toolbar.split.disabled:active,
+.lyToolbar .u-btn.u-btn-primary.split[disabled]:active,
+.u-btn.u-btn-primary.u-btn-toolbar.split[disabled]:active,
+.u-btn.u-btn-toolbar.split[disabled]:active {
+  cursor: default;
+  opacity: 1;
+}
+.lyToolbar .u-btn.u-btn-primary.split.disabled > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-primary.u-btn-toolbar.split.disabled > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-toolbar.split.disabled > *:not([arrow]):not(.u-menu-dropdown),
+.lyToolbar .u-btn.u-btn-primary.split[disabled] > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-primary.u-btn-toolbar.split[disabled] > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-toolbar.split[disabled] > *:not([arrow]):not(.u-menu-dropdown),
+.lyToolbar .u-btn.u-btn-primary.split.disabled:active > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-primary.u-btn-toolbar.split.disabled:active > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-toolbar.split.disabled:active > *:not([arrow]):not(.u-menu-dropdown),
+.lyToolbar .u-btn.u-btn-primary.split[disabled]:active > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-primary.u-btn-toolbar.split[disabled]:active > *:not([arrow]):not(.u-menu-dropdown),
+.u-btn.u-btn-toolbar.split[disabled]:active > *:not([arrow]):not(.u-menu-dropdown) {
+  opacity: 0.5;
+}
+.lyToolbar .u-btn.u-btn-primary .iconhelp,
+.u-btn.u-btn-primary.u-btn-toolbar .iconhelp,
+.u-btn.u-btn-toolbar .iconhelp {
+  color: #cd1515;
+}
+body {
+  font-family: Arial, Helvetica Neue, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Microsoft YaHei, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
+}
+body ul,
+body li {
+  list-style: none;
+}
+body p {
+  margin: 0;
+}
+
+/*
+ * Copyright (c) 2024 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+/*
+ * Copyright (c) 2025 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+.m-cal-day .content-wrapper li.now:before,
+.m-cal-week .content-wrapper li.now:before,
+.m-cal-month .content-wrapper li.now:before,
+.m-cal-day .content-wrapper li.now:after,
+.m-cal-week .content-wrapper li.now:after,
+.m-cal-month .content-wrapper li.now:after {
+  background: #2c6ccc;
+}
+.m-cal-month .content-wrapper td.cal-selected {
+  color: #2c6ccc;
+  background: #e4ecf8;
+}
+.m-cal-month .content-wrapper td.cal-selected .f-abs:before {
+  border: 1px solid #2c6ccc;
+  box-shadow: 0 0 4px 0 #2c6ccc;
+}
+.m-cal-month .content-wrapper td.cal-selected.cal-new-event:after {
+  background: rgba(44, 108, 204, 0.2);
+}
+.m-cal-list .content-wrapper tr.highlight,
+.m-cal-list .content-wrapper tr.selected {
+  background: #e4ecf8;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th.cal-today,
+.m-cal-week .content-wrapper .main-content .calendar table th.cal-today {
+  border-top: 4px solid #2c6ccc;
+}
+.calMain .content-wrapper .cal-today:before {
+  background: #2c6ccc;
+}
+.calMain .content-wrapper .cal-today label > span {
+  color: #2c6ccc;
+}
+.m-cal-day,
+.m-cal-week,
+.m-cal-month,
+.m-cal-list {
+  height: 100%;
+}
+.m-cal-day .content-wrapper,
+.m-cal-week .content-wrapper,
+.m-cal-month .content-wrapper,
+.m-cal-list .content-wrapper {
+  width: 100%;
+  height: 100%;
+}
+.m-cal-day .content-wrapper .main-content,
+.m-cal-week .content-wrapper .main-content,
+.m-cal-month .content-wrapper .main-content,
+.m-cal-list .content-wrapper .main-content {
+  height: 100%;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px 4px 0 0;
+  box-sizing: border-box;
+  position: relative;
+}
+.m-cal-day .content-wrapper .main-content .message-tip .close,
+.m-cal-week .content-wrapper .main-content .message-tip .close,
+.m-cal-month .content-wrapper .main-content .message-tip .close,
+.m-cal-list .content-wrapper .main-content .message-tip .close {
+  margin-left: 10px;
+}
+.m-cal-day .content-wrapper .main-content .message-tip .content,
+.m-cal-week .content-wrapper .main-content .message-tip .content,
+.m-cal-month .content-wrapper .main-content .message-tip .content,
+.m-cal-list .content-wrapper .main-content .message-tip .content {
+  max-height: 96px;
+}
+.m-cal-day .content-wrapper .main-content .toolbar,
+.m-cal-week .content-wrapper .main-content .toolbar,
+.m-cal-month .content-wrapper .main-content .toolbar,
+.m-cal-list .content-wrapper .main-content .toolbar {
+  padding: 12px 0 12px 16px;
+  height: 55px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #e8e8e8;
+}
+.m-cal-day .content-wrapper .main-content .toolbar .u-btn[data-btn=today],
+.m-cal-week .content-wrapper .main-content .toolbar .u-btn[data-btn=today],
+.m-cal-month .content-wrapper .main-content .toolbar .u-btn[data-btn=today],
+.m-cal-list .content-wrapper .main-content .toolbar .u-btn[data-btn=today] {
+  padding: 0 20px;
+  border: 1px solid #e8e8e8;
+}
+.m-cal-day .content-wrapper .main-content .toolbar .picker,
+.m-cal-week .content-wrapper .main-content .toolbar .picker,
+.m-cal-month .content-wrapper .main-content .toolbar .picker,
+.m-cal-list .content-wrapper .main-content .toolbar .picker {
+  padding: 0 6px 0 8px;
+}
+.m-cal-day .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-week .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-month .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-list .content-wrapper .main-content .toolbar .picker .text {
+  border: none;
+  font-weight: 500;
+}
+.m-cal-day .content-wrapper .main-content .toolbar .picker .icondown,
+.m-cal-week .content-wrapper .main-content .toolbar .picker .icondown,
+.m-cal-month .content-wrapper .main-content .toolbar .picker .icondown,
+.m-cal-list .content-wrapper .main-content .toolbar .picker .icondown {
+  margin-left: 4px;
+}
+.m-cal-day .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-week .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-month .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-list .content-wrapper .main-content .toolbar .picker .text,
+.m-cal-day .content-wrapper .main-content .toolbar .picker .icondown,
+.m-cal-week .content-wrapper .main-content .toolbar .picker .icondown,
+.m-cal-month .content-wrapper .main-content .toolbar .picker .icondown,
+.m-cal-list .content-wrapper .main-content .toolbar .picker .icondown {
+  font-size: 20px;
+}
+.m-cal-day .content-wrapper .main-content .calendar,
+.m-cal-week .content-wrapper .main-content .calendar,
+.m-cal-month .content-wrapper .main-content .calendar,
+.m-cal-list .content-wrapper .main-content .calendar {
+  position: absolute;
+  bottom: 0;
+}
+.m-cal-day .content-wrapper .main-content .calendar table,
+.m-cal-week .content-wrapper .main-content .calendar table,
+.m-cal-month .content-wrapper .main-content .calendar table,
+.m-cal-list .content-wrapper .main-content .calendar table {
+  user-select: none;
+  width: 100%;
+  height: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th,
+.m-cal-week .content-wrapper .main-content .calendar table th,
+.m-cal-month .content-wrapper .main-content .calendar table th,
+.m-cal-list .content-wrapper .main-content .calendar table th,
+.m-cal-day .content-wrapper .main-content .calendar table td,
+.m-cal-week .content-wrapper .main-content .calendar table td,
+.m-cal-month .content-wrapper .main-content .calendar table td,
+.m-cal-list .content-wrapper .main-content .calendar table td {
+  text-align: left;
+  position: relative;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th,
+.m-cal-week .content-wrapper .main-content .calendar table th,
+.m-cal-month .content-wrapper .main-content .calendar table th,
+.m-cal-list .content-wrapper .main-content .calendar table th {
+  font-weight: 400;
+  color: #424242;
+  box-sizing: border-box;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th[data-order],
+.m-cal-week .content-wrapper .main-content .calendar table th[data-order],
+.m-cal-month .content-wrapper .main-content .calendar table th[data-order],
+.m-cal-list .content-wrapper .main-content .calendar table th[data-order] {
+  cursor: pointer;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th[data-order] span,
+.m-cal-week .content-wrapper .main-content .calendar table th[data-order] span,
+.m-cal-month .content-wrapper .main-content .calendar table th[data-order] span,
+.m-cal-list .content-wrapper .main-content .calendar table th[data-order] span,
+.m-cal-day .content-wrapper .main-content .calendar table th[data-order] + i,
+.m-cal-week .content-wrapper .main-content .calendar table th[data-order] + i,
+.m-cal-month .content-wrapper .main-content .calendar table th[data-order] + i,
+.m-cal-list .content-wrapper .main-content .calendar table th[data-order] + i {
+  vertical-align: middle;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th[data-order] i,
+.m-cal-week .content-wrapper .main-content .calendar table th[data-order] i,
+.m-cal-month .content-wrapper .main-content .calendar table th[data-order] i,
+.m-cal-list .content-wrapper .main-content .calendar table th[data-order] i {
+  font-weight: bold;
+  font-size: 12px;
+}
+.m-cal-day .content-wrapper .main-content .calendar li,
+.m-cal-week .content-wrapper .main-content .calendar li,
+.m-cal-month .content-wrapper .main-content .calendar li,
+.m-cal-list .content-wrapper .main-content .calendar li {
+  white-space: nowrap;
+}
+.m-cal-day .content-wrapper .main-content .calendar li:not(.now),
+.m-cal-week .content-wrapper .main-content .calendar li:not(.now),
+.m-cal-month .content-wrapper .main-content .calendar li:not(.now),
+.m-cal-list .content-wrapper .main-content .calendar li:not(.now) {
+  overflow: hidden;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.now,
+.m-cal-week .content-wrapper .main-content .calendar li.now,
+.m-cal-month .content-wrapper .main-content .calendar li.now,
+.m-cal-list .content-wrapper .main-content .calendar li.now {
+  transition: top 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+.m-cal-day .content-wrapper .main-content .calendar li.now:before,
+.m-cal-week .content-wrapper .main-content .calendar li.now:before,
+.m-cal-month .content-wrapper .main-content .calendar li.now:before,
+.m-cal-list .content-wrapper .main-content .calendar li.now:before,
+.m-cal-day .content-wrapper .main-content .calendar li.now:after,
+.m-cal-week .content-wrapper .main-content .calendar li.now:after,
+.m-cal-month .content-wrapper .main-content .calendar li.now:after,
+.m-cal-list .content-wrapper .main-content .calendar li.now:after {
+  position: absolute;
+  content: '';
+  top: 0;
+  display: inline-block;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.now:before,
+.m-cal-week .content-wrapper .main-content .calendar li.now:before,
+.m-cal-month .content-wrapper .main-content .calendar li.now:before,
+.m-cal-list .content-wrapper .main-content .calendar li.now:before {
+  width: 12px;
+  height: 12px;
+  border-radius: 12px;
+  margin: -6px 0 0 -6px;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.now:after,
+.m-cal-week .content-wrapper .main-content .calendar li.now:after,
+.m-cal-month .content-wrapper .main-content .calendar li.now:after,
+.m-cal-list .content-wrapper .main-content .calendar li.now:after {
+  left: 8px;
+  right: 0;
+  height: 2px;
+  top: -1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.event_selection,
+.m-cal-week .content-wrapper .main-content .calendar li.event_selection,
+.m-cal-month .content-wrapper .main-content .calendar li.event_selection,
+.m-cal-list .content-wrapper .main-content .calendar li.event_selection {
+  font-size: 12px;
+  line-height: 20px;
+  height: 24px;
+  border-radius: 3px;
+  padding: 2px 4px 2px 10px;
+  box-sizing: border-box;
+  z-index: 1;
+  position: relative;
+  cursor: pointer;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.event_selection.collapsed,
+.m-cal-week .content-wrapper .main-content .calendar li.event_selection.collapsed,
+.m-cal-month .content-wrapper .main-content .calendar li.event_selection.collapsed,
+.m-cal-list .content-wrapper .main-content .calendar li.event_selection.collapsed {
+  visibility: hidden;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.event_selection .event_icon,
+.m-cal-week .content-wrapper .main-content .calendar li.event_selection .event_icon,
+.m-cal-month .content-wrapper .main-content .calendar li.event_selection .event_icon,
+.m-cal-list .content-wrapper .main-content .calendar li.event_selection .event_icon {
+  font-size: 20px;
+  white-space: nowrap;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
+.m-cal-week .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
+.m-cal-month .content-wrapper .main-content .calendar li.event_selection:not(.counter):before,
+.m-cal-list .content-wrapper .main-content .calendar li.event_selection:not(.counter):before {
+  box-sizing: border-box;
+  content: '';
+  border-radius: 3px 0 0 3px;
+  height: 100%;
+  width: 4px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  display: inline-block;
+}
+.m-cal-day .content-wrapper .main-content .calendar li.event_selection.short-item:before,
+.m-cal-week .content-wrapper .main-content .calendar li.event_selection.short-item:before,
+.m-cal-month .content-wrapper .main-content .calendar li.event_selection.short-item:before,
+.m-cal-list .content-wrapper .main-content .calendar li.event_selection.short-item:before {
+  height: 6px;
+}
+.m-cal-day .content-wrapper .main-content .calendar .main,
+.m-cal-week .content-wrapper .main-content .calendar .main,
+.m-cal-month .content-wrapper .main-content .calendar .main,
+.m-cal-list .content-wrapper .main-content .calendar .main {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+.m-cal-week[firstweekday] .content-wrapper .main-content .calendar .main table td:last-child,
+.m-cal-week[firstweekday="0"] .content-wrapper .main-content .calendar .main table td:nth-child(2),
+.m-cal-week[firstweekday="1"] .content-wrapper .main-content .calendar .main table td:nth-child(7) {
+  background: #f5f6f8;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days,
+.m-cal-week .content-wrapper .main-content .calendar .all-days {
+  max-height: 260px;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next,
+.m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next {
+  margin-left: 5px;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev,
+.m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev {
+  margin-left: -10px;
+  margin-right: 5px;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next,
+.m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next,
+.m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev,
+.m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev {
+  width: 56px;
+  height: 20px;
+  font-size: 12px;
+  display: inline-block;
+  vertical-align: top;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days span.date-next i,
+.m-cal-week .content-wrapper .main-content .calendar .all-days span.date-next i,
+.m-cal-day .content-wrapper .main-content .calendar .all-days span.date-prev i,
+.m-cal-week .content-wrapper .main-content .calendar .all-days span.date-prev i {
+  color: #2e2e2e;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days table td,
+.m-cal-week .content-wrapper .main-content .calendar .all-days table td {
+  vertical-align: top;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul {
+  padding: 0 2px;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-next i,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-next i,
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-prev i,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul li.new_event_on span.date-prev i {
+  color: #fff;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul li.empty,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul li.empty,
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul li.event_selection,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul li.event_selection {
+  margin: 1px 0;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul li.empty,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul li.empty {
+  height: 24px;
+}
+.m-cal-day .content-wrapper .main-content .calendar .all-days ul li.empty:hover,
+.m-cal-week .content-wrapper .main-content .calendar .all-days ul li.empty:hover {
+  background: none;
+}
+.m-cal-day .content-wrapper .main-content .calendar .events li,
+.m-cal-week .content-wrapper .main-content .calendar .events li {
+  position: absolute;
+}
+.m-cal-day .content-wrapper .main-content .calendar .events li.now,
+.m-cal-week .content-wrapper .main-content .calendar .events li.now {
+  z-index: 2;
+}
+.m-cal-day .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon,
+.m-cal-week .content-wrapper .main-content .calendar .events li:not(.slim) .event_icon {
+  position: absolute;
+  bottom: 2px;
+  right: 4px;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main,
+.m-cal-week .content-wrapper .main-content .calendar div.main {
+  top: 58px;
+  border-top: 1px solid #e8e8e8;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table,
+.m-cal-week .content-wrapper .main-content .calendar div.main table {
+  margin-top: -1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table td,
+.m-cal-week .content-wrapper .main-content .calendar div.main table td {
+  border-style: solid;
+  border-color: #e8e8e8;
+  border-width: 0 1px 1px 1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table td:first-child,
+.m-cal-week .content-wrapper .main-content .calendar div.main table td:first-child {
+  width: 60px;
+  padding: 0 8px;
+  border-width: 0 1px 0 0;
+  box-sizing: border-box;
+  text-align: center;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table td:last-child,
+.m-cal-week .content-wrapper .main-content .calendar div.main table td:last-child {
+  border-width: 0 0 0 1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table td:first-child,
+.m-cal-week .content-wrapper .main-content .calendar div.main table td:first-child {
+  border-width: 0 1px 1px 0;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table td:last-child,
+.m-cal-week .content-wrapper .main-content .calendar div.main table td:last-child {
+  border-width: 1px 0 0 1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table td li,
+.m-cal-week .content-wrapper .main-content .calendar div.main table td li {
+  position: absolute;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table tr.odd td,
+.m-cal-week .content-wrapper .main-content .calendar div.main table tr.odd td {
+  border-bottom-style: dashed;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table tr:not(.odd) td,
+.m-cal-week .content-wrapper .main-content .calendar div.main table tr:not(.odd) td {
+  border-top-style: dashed;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table tr td,
+.m-cal-week .content-wrapper .main-content .calendar div.main table tr td {
+  height: 31px;
+}
+.m-cal-day .content-wrapper .main-content .calendar div.main table tr td:not(:first-child),
+.m-cal-week .content-wrapper .main-content .calendar div.main table tr td:not(:first-child) {
+  vertical-align: top;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th,
+.m-cal-week .content-wrapper .main-content .calendar table th,
+.m-cal-day .content-wrapper .main-content .calendar table td,
+.m-cal-week .content-wrapper .main-content .calendar table td {
+  border-style: solid;
+  border-color: #e8e8e8;
+  border-width: 0 1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th:first-child,
+.m-cal-week .content-wrapper .main-content .calendar table th:first-child,
+.m-cal-day .content-wrapper .main-content .calendar table td:first-child,
+.m-cal-week .content-wrapper .main-content .calendar table td:first-child {
+  width: 60px;
+  padding: 0 8px;
+  border-width: 0 1px 0 0;
+  box-sizing: border-box;
+  text-align: center;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th:last-child,
+.m-cal-week .content-wrapper .main-content .calendar table th:last-child,
+.m-cal-day .content-wrapper .main-content .calendar table td:last-child,
+.m-cal-week .content-wrapper .main-content .calendar table td:last-child {
+  border-width: 0 0 0 1px;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th,
+.m-cal-week .content-wrapper .main-content .calendar table th {
+  height: 60px;
+  font-size: 12px;
+  padding: 4px 0;
+  vertical-align: top;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th:first-child,
+.m-cal-week .content-wrapper .main-content .calendar table th:first-child {
+  vertical-align: bottom;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th > .label,
+.m-cal-week .content-wrapper .main-content .calendar table th > .label,
+.m-cal-day .content-wrapper .main-content .calendar table th .date,
+.m-cal-week .content-wrapper .main-content .calendar table th .date {
+  padding: 0 12px;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th .date,
+.m-cal-week .content-wrapper .main-content .calendar table th .date {
+  font-size: 14px;
+  line-height: 28px;
+  margin-top: 4px;
+}
+.m-cal-day .content-wrapper .main-content .calendar table th {
+  border-width: 0 0 0 1px;
+}
+.m-cal-month .content-wrapper .main-content.aside {
+  margin-right: 340px /** gap = */;
+}
+.m-cal-month .content-wrapper .main-content .calendar div.main {
+  top: 49px;
+  overflow: hidden !important;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td,
+.m-cal-month .content-wrapper .main-content .calendar table th {
+  border-bottom: 1px solid #e8e8e8;
+}
+.m-cal-month .content-wrapper .main-content .calendar table th {
+  height: 48px;
+  padding: 20px 0 8px 14px;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td {
+  cursor: pointer;
+  vertical-align: top;
+  position: relative;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td > div > label {
+  display: inline-block;
+  overflow: hidden;
+  word-wrap: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  width: 100%;
+  box-sizing: border-box;
+  padding: 8px 0 4px 14px;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent {
+  padding: 0 2px;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.empty,
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection {
+  margin: 1px 0;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.empty {
+  height: 24px;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.empty:hover {
+  background: none;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection.counter {
+  background: #ededed;
+  padding: 2px 0;
+  text-align: center;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection.counter:hover {
+  background: #e0e0e0;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td .MonthEvent li.event_selection .event_time {
+  margin-right: 4px;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-today:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  display: inline-block;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-today label > span {
+  font-weight: 700;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-hidden {
+  color: #626262;
+  background: #f8f8f8;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-selected {
+  position: relative;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-selected .f-abs:before {
+  border-radius: 1px;
+  height: 100%;
+  padding: 1px;
+  top: 0;
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
+  border-radius: 4px;
+  height: 24px;
+  top: 5px;
+  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+}
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-selected .f-abs:before,
+.m-cal-month .content-wrapper .main-content .calendar table td.cal-selected.cal-new-event:after {
+  content: '';
+  width: 100%;
+  display: inline-block;
+  left: 0;
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 1;
+}
+.m-cal-month .content-wrapper .main-content.transition .calendar table td li {
+  transition: width 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+.m-cal-month .content-wrapper .main-content .aside-toggle {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  margin-right: 0;
+  z-index: 1;
+}
+.m-cal-month .content-wrapper .aside-toggle {
+  border-color: #e8e8e8;
+}
+.m-cal-month .content-wrapper .aside-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 100%;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 4px 4px 0 0;
+  box-sizing: border-box;
+  width: 335px;
+}
+.m-cal-month .content-wrapper .aside-content .header {
+  height: 55px;
+  border-bottom: 1px solid #e8e8e8;
+  font-size: 20px;
+  font-weight: 700;
+  padding: 14px 16px;
+  box-sizing: border-box;
+}
+.m-cal-month .content-wrapper .aside-content > ul {
+  position: absolute;
+  width: 100%;
+  top: 55px;
+  bottom: 32px;
+  padding: 0 16px;
+  box-sizing: border-box;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li {
+  border-radius: 4px;
+  margin-top: 9px;
+  height: 54px;
+  background: #fff;
+  overflow: hidden;
+  padding: 0 16px 0 6px;
+  line-height: 16px;
+  font-size: 12px;
+  position: relative;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li table {
+  width: 100%;
+  height: 100%;
+  table-layout: fixed;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li table td {
+  padding-left: 4px;
+  overflow: hidden;
+  word-wrap: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li table i {
+  color: #626262;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li .ico {
+  text-align: right;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li .name {
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18px;
+  margin-bottom: 6px;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li.selected {
+  background: #e5e5e5;
+}
+.m-cal-month .content-wrapper .aside-content > ul > li:before {
+  position: absolute;
+  left: 0;
+  content: '';
+  width: 6px;
+  height: 100%;
+  display: inline-block;
+}
+.m-cal-month .content-wrapper .aside-content .footer {
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  border-top: 1px solid #e8e8e8;
+}
+.m-cal-month .content-wrapper .aside-content .footer .aside-toggle {
+  border-radius: 0 4px 4px 0;
+  margin: -1px 0 0 -1px;
+}
+.m-cal-month .content-wrapper .main-content,
+.m-cal-month .content-wrapper .aside-content {
+  transition: 0.1s cubic-bezier(0.17, 0.17, 0, 1);
+}
+.m-cal-list .content-wrapper .main-content [data-dropdown=filter] {
+  margin-right: 23px;
+}
+.m-cal-list .content-wrapper .main-content .calendar tr {
+  height: 46px;
+  border-bottom: 1px solid #e8e8e8;
+}
+.m-cal-list .content-wrapper .main-content .calendar tr .checkbox {
+  cursor: pointer;
+}
+.m-cal-list .content-wrapper .main-content .calendar td:not(.check),
+.m-cal-list .content-wrapper .main-content .calendar th:not(.check) {
+  overflow: hidden;
+  word-wrap: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.check,
+.m-cal-list .content-wrapper .main-content .calendar th.check,
+.m-cal-list .content-wrapper .main-content .calendar td.size,
+.m-cal-list .content-wrapper .main-content .calendar th.size,
+.m-cal-list .content-wrapper .main-content .calendar td.date,
+.m-cal-list .content-wrapper .main-content .calendar th.date,
+.m-cal-list .content-wrapper .main-content .calendar td.time,
+.m-cal-list .content-wrapper .main-content .calendar th.time,
+.m-cal-list .content-wrapper .main-content .calendar td[class$=Ico],
+.m-cal-list .content-wrapper .main-content .calendar th[class$=Ico] {
+  box-sizing: border-box;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.check,
+.m-cal-list .content-wrapper .main-content .calendar th.check {
+  width: 52px;
+  padding: 0 16px;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.colorIco,
+.m-cal-list .content-wrapper .main-content .calendar th.colorIco {
+  width: 38px;
+  padding: 10px 16px 10px 10px;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.colorIco > i,
+.m-cal-list .content-wrapper .main-content .calendar th.colorIco > i {
+  width: 12px;
+  height: 12px;
+  display: inline-block;
+  border-radius: 12px;
+  vertical-align: middle;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.typeIco,
+.m-cal-list .content-wrapper .main-content .calendar th.typeIco {
+  width: 28px;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.detailIco,
+.m-cal-list .content-wrapper .main-content .calendar th.detailIco {
+  width: 80px;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.size,
+.m-cal-list .content-wrapper .main-content .calendar th.size {
+  width: 159px;
+  padding-right: 29px;
+  text-align: right;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.time,
+.m-cal-list .content-wrapper .main-content .calendar th.time {
+  width: 160px;
+}
+.m-cal-list .content-wrapper .main-content .calendar td.date {
+  width: 192px;
+}
+.m-cal-list .content-wrapper .main-content .calendar th.date {
+  width: 390px;
+}
+.m-cal-list .content-wrapper .main-content .calendar .main {
+  top: 46px;
+  bottom: 46px;
+}
+.m-cal-list .content-wrapper .main-content .pg {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding-top: 7px;
+  height: 39px;
+  background: #fff;
+  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.02), 0 -1px 3px 0 rgba(0, 0, 0, 0.03), 0 -3px 3px 0 rgba(0, 0, 0, 0.06);
+}
+.m-cal-list .content-wrapper .main-content .pg .u-page {
+  margin: 0;
+}
+.m-cal-bubble[color=Indigo] .color,
+[data-view-name="calendar.edit"][color=Indigo] .color {
+  background: #56A2FF;
+}
+.m-cal-bubble[color=Indigo] .time-range,
+[data-view-name="calendar.edit"][color=Indigo] .time-range {
+  background: rgba(86, 162, 255, 0.5);
+}
+.calMain[color=Indigo].calMain_MONTH .sidebar:before,
+.calMain[color=Indigo].calMain_WEEK .sidebar:before,
+.calMain[color=Indigo].calMain_DAY .sidebar:before,
+.calMain[color=Indigo].calMain_MONTH .event_selection,
+.calMain[color=Indigo].calMain_WEEK .event_selection,
+.calMain[color=Indigo].calMain_DAY .event_selection,
+.calMain[color=Indigo].calMain_MONTH .event_selection:hover,
+.calMain[color=Indigo].calMain_WEEK .event_selection:hover,
+.calMain[color=Indigo].calMain_DAY .event_selection:hover {
+  background-color: rgba(86, 162, 255, 0.5);
+}
+.calMain[color=Indigo].calMain_MONTH .event_selection .iconfont,
+.calMain[color=Indigo].calMain_WEEK .event_selection .iconfont,
+.calMain[color=Indigo].calMain_DAY .event_selection .iconfont {
+  color: #56A2FF;
+}
+.calMain[color=Indigo].calMain_MONTH .event_selection:before,
+.calMain[color=Indigo].calMain_WEEK .event_selection:before,
+.calMain[color=Indigo].calMain_DAY .event_selection:before {
+  background: #56A2FF;
+}
+.calMain[color=Indigo].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=Indigo].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=Indigo].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=Indigo].calMain_MONTH .new_event_on,
+.calMain[color=Indigo].calMain_WEEK .new_event_on,
+.calMain[color=Indigo].calMain_DAY .new_event_on,
+.calMain[color=Indigo].calMain_MONTH .new_event_on:hover,
+.calMain[color=Indigo].calMain_WEEK .new_event_on:hover,
+.calMain[color=Indigo].calMain_DAY .new_event_on:hover,
+.calMain[color=Indigo].calMain_MONTH .new_event_on div,
+.calMain[color=Indigo].calMain_WEEK .new_event_on div,
+.calMain[color=Indigo].calMain_DAY .new_event_on div {
+  border-color: #56A2FF;
+  background-color: #56A2FF !important;
+  box-shadow: none;
+}
+.calMain[color=Indigo].calMain_LIST .colorIco > i {
+  background-color: rgba(86, 162, 255, 0.5);
+}
+.m-cal-bubble[color="Grass Green"] .color,
+[data-view-name="calendar.edit"][color="Grass Green"] .color {
+  background: #25C541;
+}
+.m-cal-bubble[color="Grass Green"] .time-range,
+[data-view-name="calendar.edit"][color="Grass Green"] .time-range {
+  background: rgba(37, 197, 65, 0.5);
+}
+.calMain[color="Grass Green"].calMain_MONTH .sidebar:before,
+.calMain[color="Grass Green"].calMain_WEEK .sidebar:before,
+.calMain[color="Grass Green"].calMain_DAY .sidebar:before,
+.calMain[color="Grass Green"].calMain_MONTH .event_selection,
+.calMain[color="Grass Green"].calMain_WEEK .event_selection,
+.calMain[color="Grass Green"].calMain_DAY .event_selection,
+.calMain[color="Grass Green"].calMain_MONTH .event_selection:hover,
+.calMain[color="Grass Green"].calMain_WEEK .event_selection:hover,
+.calMain[color="Grass Green"].calMain_DAY .event_selection:hover {
+  background-color: rgba(37, 197, 65, 0.5);
+}
+.calMain[color="Grass Green"].calMain_MONTH .event_selection .iconfont,
+.calMain[color="Grass Green"].calMain_WEEK .event_selection .iconfont,
+.calMain[color="Grass Green"].calMain_DAY .event_selection .iconfont {
+  color: #25C541;
+}
+.calMain[color="Grass Green"].calMain_MONTH .event_selection:before,
+.calMain[color="Grass Green"].calMain_WEEK .event_selection:before,
+.calMain[color="Grass Green"].calMain_DAY .event_selection:before {
+  background: #25C541;
+}
+.calMain[color="Grass Green"].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color="Grass Green"].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color="Grass Green"].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color="Grass Green"].calMain_MONTH .new_event_on,
+.calMain[color="Grass Green"].calMain_WEEK .new_event_on,
+.calMain[color="Grass Green"].calMain_DAY .new_event_on,
+.calMain[color="Grass Green"].calMain_MONTH .new_event_on:hover,
+.calMain[color="Grass Green"].calMain_WEEK .new_event_on:hover,
+.calMain[color="Grass Green"].calMain_DAY .new_event_on:hover,
+.calMain[color="Grass Green"].calMain_MONTH .new_event_on div,
+.calMain[color="Grass Green"].calMain_WEEK .new_event_on div,
+.calMain[color="Grass Green"].calMain_DAY .new_event_on div {
+  border-color: #25C541;
+  background-color: #25C541 !important;
+  box-shadow: none;
+}
+.calMain[color="Grass Green"].calMain_LIST .colorIco > i {
+  background-color: rgba(37, 197, 65, 0.5);
+}
+.m-cal-bubble[color=Orange] .color,
+[data-view-name="calendar.edit"][color=Orange] .color {
+  background: #EEA526;
+}
+.m-cal-bubble[color=Orange] .time-range,
+[data-view-name="calendar.edit"][color=Orange] .time-range {
+  background: rgba(238, 165, 38, 0.5);
+}
+.calMain[color=Orange].calMain_MONTH .sidebar:before,
+.calMain[color=Orange].calMain_WEEK .sidebar:before,
+.calMain[color=Orange].calMain_DAY .sidebar:before,
+.calMain[color=Orange].calMain_MONTH .event_selection,
+.calMain[color=Orange].calMain_WEEK .event_selection,
+.calMain[color=Orange].calMain_DAY .event_selection,
+.calMain[color=Orange].calMain_MONTH .event_selection:hover,
+.calMain[color=Orange].calMain_WEEK .event_selection:hover,
+.calMain[color=Orange].calMain_DAY .event_selection:hover {
+  background-color: rgba(238, 165, 38, 0.5);
+}
+.calMain[color=Orange].calMain_MONTH .event_selection .iconfont,
+.calMain[color=Orange].calMain_WEEK .event_selection .iconfont,
+.calMain[color=Orange].calMain_DAY .event_selection .iconfont {
+  color: #EEA526;
+}
+.calMain[color=Orange].calMain_MONTH .event_selection:before,
+.calMain[color=Orange].calMain_WEEK .event_selection:before,
+.calMain[color=Orange].calMain_DAY .event_selection:before {
+  background: #EEA526;
+}
+.calMain[color=Orange].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=Orange].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=Orange].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=Orange].calMain_MONTH .new_event_on,
+.calMain[color=Orange].calMain_WEEK .new_event_on,
+.calMain[color=Orange].calMain_DAY .new_event_on,
+.calMain[color=Orange].calMain_MONTH .new_event_on:hover,
+.calMain[color=Orange].calMain_WEEK .new_event_on:hover,
+.calMain[color=Orange].calMain_DAY .new_event_on:hover,
+.calMain[color=Orange].calMain_MONTH .new_event_on div,
+.calMain[color=Orange].calMain_WEEK .new_event_on div,
+.calMain[color=Orange].calMain_DAY .new_event_on div {
+  border-color: #EEA526;
+  background-color: #EEA526 !important;
+  box-shadow: none;
+}
+.calMain[color=Orange].calMain_LIST .colorIco > i {
+  background-color: rgba(238, 165, 38, 0.5);
+}
+.m-cal-bubble[color=Grey] .color,
+[data-view-name="calendar.edit"][color=Grey] .color {
+  background: #909090;
+}
+.m-cal-bubble[color=Grey] .time-range,
+[data-view-name="calendar.edit"][color=Grey] .time-range {
+  background: rgba(144, 144, 144, 0.5);
+}
+.calMain[color=Grey].calMain_MONTH .sidebar:before,
+.calMain[color=Grey].calMain_WEEK .sidebar:before,
+.calMain[color=Grey].calMain_DAY .sidebar:before,
+.calMain[color=Grey].calMain_MONTH .event_selection,
+.calMain[color=Grey].calMain_WEEK .event_selection,
+.calMain[color=Grey].calMain_DAY .event_selection,
+.calMain[color=Grey].calMain_MONTH .event_selection:hover,
+.calMain[color=Grey].calMain_WEEK .event_selection:hover,
+.calMain[color=Grey].calMain_DAY .event_selection:hover {
+  background-color: rgba(144, 144, 144, 0.5);
+}
+.calMain[color=Grey].calMain_MONTH .event_selection .iconfont,
+.calMain[color=Grey].calMain_WEEK .event_selection .iconfont,
+.calMain[color=Grey].calMain_DAY .event_selection .iconfont {
+  color: #909090;
+}
+.calMain[color=Grey].calMain_MONTH .event_selection:before,
+.calMain[color=Grey].calMain_WEEK .event_selection:before,
+.calMain[color=Grey].calMain_DAY .event_selection:before {
+  background: #909090;
+}
+.calMain[color=Grey].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=Grey].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=Grey].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=Grey].calMain_MONTH .new_event_on,
+.calMain[color=Grey].calMain_WEEK .new_event_on,
+.calMain[color=Grey].calMain_DAY .new_event_on,
+.calMain[color=Grey].calMain_MONTH .new_event_on:hover,
+.calMain[color=Grey].calMain_WEEK .new_event_on:hover,
+.calMain[color=Grey].calMain_DAY .new_event_on:hover,
+.calMain[color=Grey].calMain_MONTH .new_event_on div,
+.calMain[color=Grey].calMain_WEEK .new_event_on div,
+.calMain[color=Grey].calMain_DAY .new_event_on div {
+  border-color: #909090;
+  background-color: #909090 !important;
+  box-shadow: none;
+}
+.calMain[color=Grey].calMain_LIST .colorIco > i {
+  background-color: rgba(144, 144, 144, 0.5);
+}
+.m-cal-bubble[color="Light Yellow"] .color,
+[data-view-name="calendar.edit"][color="Light Yellow"] .color {
+  background: #DFCB05;
+}
+.m-cal-bubble[color="Light Yellow"] .time-range,
+[data-view-name="calendar.edit"][color="Light Yellow"] .time-range {
+  background: rgba(223, 203, 5, 0.5);
+}
+.calMain[color="Light Yellow"].calMain_MONTH .sidebar:before,
+.calMain[color="Light Yellow"].calMain_WEEK .sidebar:before,
+.calMain[color="Light Yellow"].calMain_DAY .sidebar:before,
+.calMain[color="Light Yellow"].calMain_MONTH .event_selection,
+.calMain[color="Light Yellow"].calMain_WEEK .event_selection,
+.calMain[color="Light Yellow"].calMain_DAY .event_selection,
+.calMain[color="Light Yellow"].calMain_MONTH .event_selection:hover,
+.calMain[color="Light Yellow"].calMain_WEEK .event_selection:hover,
+.calMain[color="Light Yellow"].calMain_DAY .event_selection:hover {
+  background-color: rgba(223, 203, 5, 0.5);
+}
+.calMain[color="Light Yellow"].calMain_MONTH .event_selection .iconfont,
+.calMain[color="Light Yellow"].calMain_WEEK .event_selection .iconfont,
+.calMain[color="Light Yellow"].calMain_DAY .event_selection .iconfont {
+  color: #DFCB05;
+}
+.calMain[color="Light Yellow"].calMain_MONTH .event_selection:before,
+.calMain[color="Light Yellow"].calMain_WEEK .event_selection:before,
+.calMain[color="Light Yellow"].calMain_DAY .event_selection:before {
+  background: #DFCB05;
+}
+.calMain[color="Light Yellow"].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color="Light Yellow"].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color="Light Yellow"].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color="Light Yellow"].calMain_MONTH .new_event_on,
+.calMain[color="Light Yellow"].calMain_WEEK .new_event_on,
+.calMain[color="Light Yellow"].calMain_DAY .new_event_on,
+.calMain[color="Light Yellow"].calMain_MONTH .new_event_on:hover,
+.calMain[color="Light Yellow"].calMain_WEEK .new_event_on:hover,
+.calMain[color="Light Yellow"].calMain_DAY .new_event_on:hover,
+.calMain[color="Light Yellow"].calMain_MONTH .new_event_on div,
+.calMain[color="Light Yellow"].calMain_WEEK .new_event_on div,
+.calMain[color="Light Yellow"].calMain_DAY .new_event_on div {
+  border-color: #DFCB05;
+  background-color: #DFCB05 !important;
+  box-shadow: none;
+}
+.calMain[color="Light Yellow"].calMain_LIST .colorIco > i {
+  background-color: rgba(223, 203, 5, 0.5);
+}
+.m-cal-bubble[color=Cyan] .color,
+[data-view-name="calendar.edit"][color=Cyan] .color {
+  background: #04CDB6;
+}
+.m-cal-bubble[color=Cyan] .time-range,
+[data-view-name="calendar.edit"][color=Cyan] .time-range {
+  background: rgba(4, 205, 182, 0.5);
+}
+.calMain[color=Cyan].calMain_MONTH .sidebar:before,
+.calMain[color=Cyan].calMain_WEEK .sidebar:before,
+.calMain[color=Cyan].calMain_DAY .sidebar:before,
+.calMain[color=Cyan].calMain_MONTH .event_selection,
+.calMain[color=Cyan].calMain_WEEK .event_selection,
+.calMain[color=Cyan].calMain_DAY .event_selection,
+.calMain[color=Cyan].calMain_MONTH .event_selection:hover,
+.calMain[color=Cyan].calMain_WEEK .event_selection:hover,
+.calMain[color=Cyan].calMain_DAY .event_selection:hover {
+  background-color: rgba(4, 205, 182, 0.5);
+}
+.calMain[color=Cyan].calMain_MONTH .event_selection .iconfont,
+.calMain[color=Cyan].calMain_WEEK .event_selection .iconfont,
+.calMain[color=Cyan].calMain_DAY .event_selection .iconfont {
+  color: #04CDB6;
+}
+.calMain[color=Cyan].calMain_MONTH .event_selection:before,
+.calMain[color=Cyan].calMain_WEEK .event_selection:before,
+.calMain[color=Cyan].calMain_DAY .event_selection:before {
+  background: #04CDB6;
+}
+.calMain[color=Cyan].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=Cyan].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=Cyan].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=Cyan].calMain_MONTH .new_event_on,
+.calMain[color=Cyan].calMain_WEEK .new_event_on,
+.calMain[color=Cyan].calMain_DAY .new_event_on,
+.calMain[color=Cyan].calMain_MONTH .new_event_on:hover,
+.calMain[color=Cyan].calMain_WEEK .new_event_on:hover,
+.calMain[color=Cyan].calMain_DAY .new_event_on:hover,
+.calMain[color=Cyan].calMain_MONTH .new_event_on div,
+.calMain[color=Cyan].calMain_WEEK .new_event_on div,
+.calMain[color=Cyan].calMain_DAY .new_event_on div {
+  border-color: #04CDB6;
+  background-color: #04CDB6 !important;
+  box-shadow: none;
+}
+.calMain[color=Cyan].calMain_LIST .colorIco > i {
+  background-color: rgba(4, 205, 182, 0.5);
+}
+.m-cal-bubble[color='Peach'] .color,
+[data-view-name="calendar.edit"][color='Peach'] .color {
+  background: #EF7BAD;
+}
+.m-cal-bubble[color='Peach'] .time-range,
+[data-view-name="calendar.edit"][color='Peach'] .time-range {
+  background: rgba(239, 123, 173, 0.5);
+}
+.calMain[color='Peach'].calMain_MONTH .sidebar:before,
+.calMain[color='Peach'].calMain_WEEK .sidebar:before,
+.calMain[color='Peach'].calMain_DAY .sidebar:before,
+.calMain[color='Peach'].calMain_MONTH .event_selection,
+.calMain[color='Peach'].calMain_WEEK .event_selection,
+.calMain[color='Peach'].calMain_DAY .event_selection,
+.calMain[color='Peach'].calMain_MONTH .event_selection:hover,
+.calMain[color='Peach'].calMain_WEEK .event_selection:hover,
+.calMain[color='Peach'].calMain_DAY .event_selection:hover {
+  background-color: rgba(239, 123, 173, 0.5);
+}
+.calMain[color='Peach'].calMain_MONTH .event_selection .iconfont,
+.calMain[color='Peach'].calMain_WEEK .event_selection .iconfont,
+.calMain[color='Peach'].calMain_DAY .event_selection .iconfont {
+  color: #EF7BAD;
+}
+.calMain[color='Peach'].calMain_MONTH .event_selection:before,
+.calMain[color='Peach'].calMain_WEEK .event_selection:before,
+.calMain[color='Peach'].calMain_DAY .event_selection:before {
+  background: #EF7BAD;
+}
+.calMain[color='Peach'].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color='Peach'].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color='Peach'].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color='Peach'].calMain_MONTH .new_event_on,
+.calMain[color='Peach'].calMain_WEEK .new_event_on,
+.calMain[color='Peach'].calMain_DAY .new_event_on,
+.calMain[color='Peach'].calMain_MONTH .new_event_on:hover,
+.calMain[color='Peach'].calMain_WEEK .new_event_on:hover,
+.calMain[color='Peach'].calMain_DAY .new_event_on:hover,
+.calMain[color='Peach'].calMain_MONTH .new_event_on div,
+.calMain[color='Peach'].calMain_WEEK .new_event_on div,
+.calMain[color='Peach'].calMain_DAY .new_event_on div {
+  border-color: #EF7BAD;
+  background-color: #EF7BAD !important;
+  box-shadow: none;
+}
+.calMain[color='Peach'].calMain_LIST .colorIco > i {
+  background-color: rgba(239, 123, 173, 0.5);
+}
+.m-cal-bubble[color="Light Brown"] .color,
+[data-view-name="calendar.edit"][color="Light Brown"] .color {
+  background: #d5904c;
+}
+.m-cal-bubble[color="Light Brown"] .time-range,
+[data-view-name="calendar.edit"][color="Light Brown"] .time-range {
+  background: rgba(213, 144, 76, 0.5);
+}
+.calMain[color="Light Brown"].calMain_MONTH .sidebar:before,
+.calMain[color="Light Brown"].calMain_WEEK .sidebar:before,
+.calMain[color="Light Brown"].calMain_DAY .sidebar:before,
+.calMain[color="Light Brown"].calMain_MONTH .event_selection,
+.calMain[color="Light Brown"].calMain_WEEK .event_selection,
+.calMain[color="Light Brown"].calMain_DAY .event_selection,
+.calMain[color="Light Brown"].calMain_MONTH .event_selection:hover,
+.calMain[color="Light Brown"].calMain_WEEK .event_selection:hover,
+.calMain[color="Light Brown"].calMain_DAY .event_selection:hover {
+  background-color: rgba(213, 144, 76, 0.5);
+}
+.calMain[color="Light Brown"].calMain_MONTH .event_selection .iconfont,
+.calMain[color="Light Brown"].calMain_WEEK .event_selection .iconfont,
+.calMain[color="Light Brown"].calMain_DAY .event_selection .iconfont {
+  color: #d5904c;
+}
+.calMain[color="Light Brown"].calMain_MONTH .event_selection:before,
+.calMain[color="Light Brown"].calMain_WEEK .event_selection:before,
+.calMain[color="Light Brown"].calMain_DAY .event_selection:before {
+  background: #d5904c;
+}
+.calMain[color="Light Brown"].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color="Light Brown"].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color="Light Brown"].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color="Light Brown"].calMain_MONTH .new_event_on,
+.calMain[color="Light Brown"].calMain_WEEK .new_event_on,
+.calMain[color="Light Brown"].calMain_DAY .new_event_on,
+.calMain[color="Light Brown"].calMain_MONTH .new_event_on:hover,
+.calMain[color="Light Brown"].calMain_WEEK .new_event_on:hover,
+.calMain[color="Light Brown"].calMain_DAY .new_event_on:hover,
+.calMain[color="Light Brown"].calMain_MONTH .new_event_on div,
+.calMain[color="Light Brown"].calMain_WEEK .new_event_on div,
+.calMain[color="Light Brown"].calMain_DAY .new_event_on div {
+  border-color: #d5904c;
+  background-color: #d5904c !important;
+  box-shadow: none;
+}
+.calMain[color="Light Brown"].calMain_LIST .colorIco > i {
+  background-color: rgba(213, 144, 76, 0.5);
+}
+.m-cal-bubble[color=Red] .color,
+[data-view-name="calendar.edit"][color=Red] .color {
+  background: #F96B6B;
+}
+.m-cal-bubble[color=Red] .time-range,
+[data-view-name="calendar.edit"][color=Red] .time-range {
+  background: rgba(249, 107, 107, 0.5);
+}
+.calMain[color=Red].calMain_MONTH .sidebar:before,
+.calMain[color=Red].calMain_WEEK .sidebar:before,
+.calMain[color=Red].calMain_DAY .sidebar:before,
+.calMain[color=Red].calMain_MONTH .event_selection,
+.calMain[color=Red].calMain_WEEK .event_selection,
+.calMain[color=Red].calMain_DAY .event_selection,
+.calMain[color=Red].calMain_MONTH .event_selection:hover,
+.calMain[color=Red].calMain_WEEK .event_selection:hover,
+.calMain[color=Red].calMain_DAY .event_selection:hover {
+  background-color: rgba(249, 107, 107, 0.5);
+}
+.calMain[color=Red].calMain_MONTH .event_selection .iconfont,
+.calMain[color=Red].calMain_WEEK .event_selection .iconfont,
+.calMain[color=Red].calMain_DAY .event_selection .iconfont {
+  color: #F96B6B;
+}
+.calMain[color=Red].calMain_MONTH .event_selection:before,
+.calMain[color=Red].calMain_WEEK .event_selection:before,
+.calMain[color=Red].calMain_DAY .event_selection:before {
+  background: #F96B6B;
+}
+.calMain[color=Red].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=Red].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=Red].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=Red].calMain_MONTH .new_event_on,
+.calMain[color=Red].calMain_WEEK .new_event_on,
+.calMain[color=Red].calMain_DAY .new_event_on,
+.calMain[color=Red].calMain_MONTH .new_event_on:hover,
+.calMain[color=Red].calMain_WEEK .new_event_on:hover,
+.calMain[color=Red].calMain_DAY .new_event_on:hover,
+.calMain[color=Red].calMain_MONTH .new_event_on div,
+.calMain[color=Red].calMain_WEEK .new_event_on div,
+.calMain[color=Red].calMain_DAY .new_event_on div {
+  border-color: #F96B6B;
+  background-color: #F96B6B !important;
+  box-shadow: none;
+}
+.calMain[color=Red].calMain_LIST .colorIco > i {
+  background-color: rgba(249, 107, 107, 0.5);
+}
+.m-cal-bubble[color=Purple] .color,
+[data-view-name="calendar.edit"][color=Purple] .color {
+  background: #C36FD0;
+}
+.m-cal-bubble[color=Purple] .time-range,
+[data-view-name="calendar.edit"][color=Purple] .time-range {
+  background: rgba(195, 111, 208, 0.5);
+}
+.calMain[color=Purple].calMain_MONTH .sidebar:before,
+.calMain[color=Purple].calMain_WEEK .sidebar:before,
+.calMain[color=Purple].calMain_DAY .sidebar:before,
+.calMain[color=Purple].calMain_MONTH .event_selection,
+.calMain[color=Purple].calMain_WEEK .event_selection,
+.calMain[color=Purple].calMain_DAY .event_selection,
+.calMain[color=Purple].calMain_MONTH .event_selection:hover,
+.calMain[color=Purple].calMain_WEEK .event_selection:hover,
+.calMain[color=Purple].calMain_DAY .event_selection:hover {
+  background-color: rgba(195, 111, 208, 0.5);
+}
+.calMain[color=Purple].calMain_MONTH .event_selection .iconfont,
+.calMain[color=Purple].calMain_WEEK .event_selection .iconfont,
+.calMain[color=Purple].calMain_DAY .event_selection .iconfont {
+  color: #C36FD0;
+}
+.calMain[color=Purple].calMain_MONTH .event_selection:before,
+.calMain[color=Purple].calMain_WEEK .event_selection:before,
+.calMain[color=Purple].calMain_DAY .event_selection:before {
+  background: #C36FD0;
+}
+.calMain[color=Purple].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=Purple].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=Purple].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=Purple].calMain_MONTH .new_event_on,
+.calMain[color=Purple].calMain_WEEK .new_event_on,
+.calMain[color=Purple].calMain_DAY .new_event_on,
+.calMain[color=Purple].calMain_MONTH .new_event_on:hover,
+.calMain[color=Purple].calMain_WEEK .new_event_on:hover,
+.calMain[color=Purple].calMain_DAY .new_event_on:hover,
+.calMain[color=Purple].calMain_MONTH .new_event_on div,
+.calMain[color=Purple].calMain_WEEK .new_event_on div,
+.calMain[color=Purple].calMain_DAY .new_event_on div {
+  border-color: #C36FD0;
+  background-color: #C36FD0 !important;
+  box-shadow: none;
+}
+.calMain[color=Purple].calMain_LIST .colorIco > i {
+  background-color: rgba(195, 111, 208, 0.5);
+}
+.m-cal-bubble[color=/* default */ ""] .color,
+[data-view-name="calendar.edit"][color=/* default */ ""] .color {
+  background: #56A2FF;
+}
+.m-cal-bubble[color=/* default */ ""] .time-range,
+[data-view-name="calendar.edit"][color=/* default */ ""] .time-range {
+  background: rgba(86, 162, 255, 0.5);
+}
+.calMain[color=/* default */ ""].calMain_MONTH .sidebar:before,
+.calMain[color=/* default */ ""].calMain_WEEK .sidebar:before,
+.calMain[color=/* default */ ""].calMain_DAY .sidebar:before,
+.calMain[color=/* default */ ""].calMain_MONTH .event_selection,
+.calMain[color=/* default */ ""].calMain_WEEK .event_selection,
+.calMain[color=/* default */ ""].calMain_DAY .event_selection,
+.calMain[color=/* default */ ""].calMain_MONTH .event_selection:hover,
+.calMain[color=/* default */ ""].calMain_WEEK .event_selection:hover,
+.calMain[color=/* default */ ""].calMain_DAY .event_selection:hover {
+  background-color: rgba(86, 162, 255, 0.5);
+}
+.calMain[color=/* default */ ""].calMain_MONTH .event_selection .iconfont,
+.calMain[color=/* default */ ""].calMain_WEEK .event_selection .iconfont,
+.calMain[color=/* default */ ""].calMain_DAY .event_selection .iconfont {
+  color: #56A2FF;
+}
+.calMain[color=/* default */ ""].calMain_MONTH .event_selection:before,
+.calMain[color=/* default */ ""].calMain_WEEK .event_selection:before,
+.calMain[color=/* default */ ""].calMain_DAY .event_selection:before {
+  background: #56A2FF;
+}
+.calMain[color=/* default */ ""].calMain_MONTH .new_event_on:not([data-uid=new]):before,
+.calMain[color=/* default */ ""].calMain_WEEK .new_event_on:not([data-uid=new]):before,
+.calMain[color=/* default */ ""].calMain_DAY .new_event_on:not([data-uid=new]):before {
+  background: rgba(255, 255, 255, 0.3);
+}
+.calMain[color=/* default */ ""].calMain_MONTH .new_event_on,
+.calMain[color=/* default */ ""].calMain_WEEK .new_event_on,
+.calMain[color=/* default */ ""].calMain_DAY .new_event_on,
+.calMain[color=/* default */ ""].calMain_MONTH .new_event_on:hover,
+.calMain[color=/* default */ ""].calMain_WEEK .new_event_on:hover,
+.calMain[color=/* default */ ""].calMain_DAY .new_event_on:hover,
+.calMain[color=/* default */ ""].calMain_MONTH .new_event_on div,
+.calMain[color=/* default */ ""].calMain_WEEK .new_event_on div,
+.calMain[color=/* default */ ""].calMain_DAY .new_event_on div {
+  border-color: #56A2FF;
+  background-color: #56A2FF !important;
+  box-shadow: none;
+}
+.calMain[color=/* default */ ""].calMain_LIST .colorIco > i {
+  background-color: rgba(86, 162, 255, 0.5);
+}
+.calMain.calMain_MONTH .out-dated,
+.calMain.calMain_WEEK .out-dated,
+.calMain.calMain_DAY .out-dated {
+  opacity: 0.5;
+}
+.calMain.calMain_MONTH .new_event_on,
+.calMain.calMain_WEEK .new_event_on,
+.calMain.calMain_DAY .new_event_on,
+.calMain.calMain_MONTH .new_event_on:hover,
+.calMain.calMain_WEEK .new_event_on:hover,
+.calMain.calMain_DAY .new_event_on:hover,
+.calMain.calMain_MONTH .new_event_on div,
+.calMain.calMain_WEEK .new_event_on div,
+.calMain.calMain_DAY .new_event_on div {
+  box-shadow: none;
+  opacity: 1;
+}
+.calMain.calMain_MONTH .calDayMain .event_selection .event_icon,
+.calMain.calMain_WEEK .calDayMain .event_selection .event_icon,
+.calMain.calMain_DAY .calDayMain .event_selection .event_icon,
+.calMain.calMain_MONTH .weekE .event_selection .event_icon,
+.calMain.calMain_WEEK .weekE .event_selection .event_icon,
+.calMain.calMain_DAY .weekE .event_selection .event_icon {
+  height: 27px;
+  line-height: 27px;
+  padding-right: 10px;
+}
+.calMain.calMain_MONTH .event_selection .iconfont,
+.calMain.calMain_WEEK .event_selection .iconfont,
+.calMain.calMain_DAY .event_selection .iconfont {
+  margin-left: 3px;
+}
+.calMain.calMain_MONTH .event_selection a,
+.calMain.calMain_WEEK .event_selection a,
+.calMain.calMain_DAY .event_selection a,
+.calMain.calMain_MONTH .event_selection .day_time,
+.calMain.calMain_WEEK .event_selection .day_time,
+.calMain.calMain_DAY .event_selection .day_time,
+.calMain.calMain_MONTH .event_selection .week_time,
+.calMain.calMain_WEEK .event_selection .week_time,
+.calMain.calMain_DAY .event_selection .week_time,
+.calMain.calMain_MONTH .event_selection .event_time,
+.calMain.calMain_WEEK .event_selection .event_time,
+.calMain.calMain_DAY .event_selection .event_time,
+.calMain.calMain_MONTH .event_selection .day_event,
+.calMain.calMain_WEEK .event_selection .day_event,
+.calMain.calMain_DAY .event_selection .day_event,
+.calMain.calMain_MONTH .event_selection .week_event_row,
+.calMain.calMain_WEEK .event_selection .week_event_row,
+.calMain.calMain_DAY .event_selection .week_event_row {
+  color: #444;
+}
+.calMain.calMain_MONTH .event_selection.new_event_on,
+.calMain.calMain_WEEK .event_selection.new_event_on,
+.calMain.calMain_DAY .event_selection.new_event_on,
+.calMain.calMain_MONTH .event_selection.new_event_on a,
+.calMain.calMain_WEEK .event_selection.new_event_on a,
+.calMain.calMain_DAY .event_selection.new_event_on a,
+.calMain.calMain_MONTH .event_selection.new_event_on .day_time,
+.calMain.calMain_WEEK .event_selection.new_event_on .day_time,
+.calMain.calMain_DAY .event_selection.new_event_on .day_time,
+.calMain.calMain_MONTH .event_selection.new_event_on .week_time,
+.calMain.calMain_WEEK .event_selection.new_event_on .week_time,
+.calMain.calMain_DAY .event_selection.new_event_on .week_time,
+.calMain.calMain_MONTH .event_selection.new_event_on .event_time,
+.calMain.calMain_WEEK .event_selection.new_event_on .event_time,
+.calMain.calMain_DAY .event_selection.new_event_on .event_time,
+.calMain.calMain_MONTH .event_selection.new_event_on .day_event,
+.calMain.calMain_WEEK .event_selection.new_event_on .day_event,
+.calMain.calMain_DAY .event_selection.new_event_on .day_event,
+.calMain.calMain_MONTH .event_selection.new_event_on .week_event_row,
+.calMain.calMain_WEEK .event_selection.new_event_on .week_event_row,
+.calMain.calMain_DAY .event_selection.new_event_on .week_event_row,
+.calMain.calMain_MONTH .event_selection.new_event_on .iconfont,
+.calMain.calMain_WEEK .event_selection.new_event_on .iconfont,
+.calMain.calMain_DAY .event_selection.new_event_on .iconfont {
+  color: #fff;
+}
+.calMain.calMain_MONTH .MonthEvent li:hover .overlay,
+.calMain.calMain_WEEK .MonthEvent li:hover .overlay,
+.calMain.calMain_DAY .MonthEvent li:hover .overlay,
+.calMain.calMain_MONTH .MonthEvent .new_event_on .overlay,
+.calMain.calMain_WEEK .MonthEvent .new_event_on .overlay,
+.calMain.calMain_DAY .MonthEvent .new_event_on .overlay,
+.calMain.calMain_MONTH .MonthEvent .new_event_on a,
+.calMain.calMain_WEEK .MonthEvent .new_event_on a,
+.calMain.calMain_DAY .MonthEvent .new_event_on a,
+.calMain.calMain_MONTH .MonthEvent .new_event_on .event_time,
+.calMain.calMain_WEEK .MonthEvent .new_event_on .event_time,
+.calMain.calMain_DAY .MonthEvent .new_event_on .event_time {
+  background: none;
+  background-color: transparent !important;
+}
+.calMain_LIST tr.event_selection.out-dated td:not(:first-child) {
+  opacity: 0.5;
+}
+
+/*!
+ * Datepicker v1.0.10
+ * https://fengyuanchen.github.io/datepicker
+ *
+ * Copyright 2014-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2020-09-29T14:46:09.037Z
+ */
+
+.datepicker-container {
+  background-color: #fff;
+  direction: ltr;
+  font-size: 12px;
+  left: 0;
+  line-height: 30px;
+  position: fixed;
+  -webkit-tap-highlight-color: transparent;
+  top: 0;
+  -ms-touch-action: none;
+  touch-action: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  width: 210px;
+  z-index: -1;
+}
+
+.datepicker-container::before,
+.datepicker-container::after {
+  border: 5px solid transparent;
+  content: " ";
+  display: block;
+  height: 0;
+  position: absolute;
+  width: 0;
+}
+
+.datepicker-dropdown {
+  border: 1px solid #ccc;
+  -webkit-box-shadow: 0 3px 6px #ccc;
+  box-shadow: 0 3px 6px #ccc;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+  position: absolute;
+  z-index: 1;
+}
+
+.datepicker-inline {
+  position: static;
+}
+
+.datepicker-top-left,
+.datepicker-top-right {
+  border-top-color: #39f;
+}
+
+.datepicker-top-left::before,
+.datepicker-top-left::after,
+.datepicker-top-right::before,
+.datepicker-top-right::after {
+  border-top: 0;
+  left: 10px;
+  top: -5px;
+}
+
+.datepicker-top-left::before,
+.datepicker-top-right::before {
+  border-bottom-color: #39f;
+}
+
+.datepicker-top-left::after,
+.datepicker-top-right::after {
+  border-bottom-color: #fff;
+  top: -4px;
+}
+
+.datepicker-bottom-left,
+.datepicker-bottom-right {
+  border-bottom-color: #39f;
+}
+
+.datepicker-bottom-left::before,
+.datepicker-bottom-left::after,
+.datepicker-bottom-right::before,
+.datepicker-bottom-right::after {
+  border-bottom: 0;
+  bottom: -5px;
+  left: 10px;
+}
+
+.datepicker-bottom-left::before,
+.datepicker-bottom-right::before {
+  border-top-color: #39f;
+}
+
+.datepicker-bottom-left::after,
+.datepicker-bottom-right::after {
+  border-top-color: #fff;
+  bottom: -4px;
+}
+
+.datepicker-top-right::before,
+.datepicker-top-right::after,
+.datepicker-bottom-right::before,
+.datepicker-bottom-right::after {
+  left: auto;
+  right: 10px;
+}
+
+.datepicker-panel > ul {
+  margin: 0;
+  padding: 0;
+  width: 102%;
+}
+
+.datepicker-panel > ul::before,
+.datepicker-panel > ul::after {
+  content: " ";
+  display: table;
+}
+
+.datepicker-panel > ul::after {
+  clear: both;
+}
+
+.datepicker-panel > ul > li {
+  background-color: #fff;
+  cursor: pointer;
+  float: left;
+  height: 30px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+  width: 30px;
+}
+
+.datepicker-panel > ul > li:hover {
+  background-color: rgb(229, 242, 255);
+}
+
+.datepicker-panel > ul > li.muted,
+.datepicker-panel > ul > li.muted:hover {
+  color: #999;
+}
+
+.datepicker-panel > ul > li.highlighted {
+  background-color: rgb(229, 242, 255);
+}
+
+.datepicker-panel > ul > li.highlighted:hover {
+  background-color: rgb(204, 229, 255);
+}
+
+.datepicker-panel > ul > li.picked,
+.datepicker-panel > ul > li.picked:hover {
+  color: #39f;
+}
+
+.datepicker-panel > ul > li.disabled,
+.datepicker-panel > ul > li.disabled:hover {
+  background-color: #fff;
+  color: #ccc;
+  cursor: default;
+}
+
+.datepicker-panel > ul > li.disabled.highlighted,
+.datepicker-panel > ul > li.disabled:hover.highlighted {
+  background-color: rgb(229, 242, 255);
+}
+
+.datepicker-panel > ul > li[data-view="years prev"],
+.datepicker-panel > ul > li[data-view="year prev"],
+.datepicker-panel > ul > li[data-view="month prev"],
+.datepicker-panel > ul > li[data-view="years next"],
+.datepicker-panel > ul > li[data-view="year next"],
+.datepicker-panel > ul > li[data-view="month next"],
+.datepicker-panel > ul > li[data-view="next"] {
+  font-size: 18px;
+}
+
+.datepicker-panel > ul > li[data-view="years current"],
+.datepicker-panel > ul > li[data-view="year current"],
+.datepicker-panel > ul > li[data-view="month current"] {
+  width: 150px;
+}
+
+.datepicker-panel > ul[data-view="years"] > li,
+.datepicker-panel > ul[data-view="months"] > li {
+  height: 52.5px;
+  line-height: 52.5px;
+  width: 52.5px;
+}
+
+.datepicker-panel > ul[data-view="week"] > li,
+.datepicker-panel > ul[data-view="week"] > li:hover {
+  background-color: #fff;
+  cursor: default;
+}
+
+.datepicker-hide {
+  display: none;
+}
+
+/*
+ * Copyright (c) 2023 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+/*
+ * Copyright (c) 2025 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+.datepicker-panel[data-view="week picker"] > ul[data-view=days] > li.picked.selected-wrapper:before,
+.datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked > span {
+  background: #e4ecf8;
+  border: 1px solid #2c6ccc;
+}
+.datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked.today > span,
+.datepicker-panel[data-view="week picker"] > ul[data-view=days] > li.picked.today > span {
+  background: #2c6ccc;
+}
+.datepicker-panel > ul > li.picked,
+.datepicker-panel > ul > li.picked:hover {
+  color: #2c6ccc;
+}
+.u-date-range-wrap > ul > li.active,
+.u-date-range .datepicker-panel > ul > li.range:after {
+  background: #e4ecf8;
+}
+.datepicker-input {
+  position: relative;
+  display: inline-block;
+}
+.datepicker-input input {
+  background: transparent;
+  padding: 3px 18px 3px 5px;
+  box-sizing: border-box;
+  height: 32px;
+  border-radius: 4px;
+}
+.datepicker-input input + i {
+  position: absolute;
+  font-size: 16px;
+  right: 3px;
+}
+.datepicker-input input[disabled] {
+  background: #f3f3f3;
+  color: rgba(42, 42, 42, 0.3);
+}
+.datepicker-input input[disabled] + i {
+  opacity: 0.3;
+}
+.datepicker-panel > ul > li,
+.datepicker-panel > ul > li:hover {
+  background: transparent;
+}
+.datepicker-panel > ul > li[data-view$=current] {
+  font-size: 14px;
+  font-weight: 700;
+  box-sizing: border-box;
+  text-align: left;
+}
+.datepicker-panel > ul > li.highlighted,
+.datepicker-panel > ul > li.highlighted.disabled,
+.datepicker-panel > ul > li.highlighted:hover {
+  background: none;
+}
+.datepicker-panel > ul > li.picked.disabled {
+  background: none;
+  opacity: 0.3;
+}
+.datepicker-panel > ul > li.disabled:hover.highlighted {
+  background: #f5f5f5;
+}
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked {
+  color: #2e2e2e;
+  position: relative;
+}
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper,
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper > span {
+  position: relative;
+}
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
+  content: '';
+  width: 210px;
+  height: 26px;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -14px;
+  border-radius: 2px;
+  z-index: -2;
+  display: inline-block;
+}
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.today,
+.datepicker-panel[data-view="days picker"] > ul[data-view=days] > li {
+  position: relative;
+}
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.today.picked.today,
+.datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked.today {
+  color: #fff;
+}
+.datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.today.picked > span,
+.datepicker-panel[data-view="days picker"] > ul[data-view=days] > li.picked > span {
+  display: inline-block;
+  width: 28px;
+  height: 28px;
+  line-height: 28px;
+  border-radius: 2px;
+  z-index: -1;
+  position: relative;
+}
+.u-datepicker {
+  position: relative;
+  height: 240px;
+}
+.u-datepicker .datepicker-inline {
+  position: absolute;
+  background: transparent;
+  z-index: 0;
+  left: 50%;
+}
+.u-datepicker .datepicker-inline .datepicker-panel > ul > li {
+  background: transparent;
+  font-size: 14px;
+}
+.u-datepicker .datepicker-inline .datepicker-panel > ul > li.iconleft,
+.u-datepicker .datepicker-inline .datepicker-panel > ul > li.iconright {
+  font-size: 20px;
+}
+.u-datepicker .datepicker-inline {
+  margin-left: -105px;
+  width: 210px;
+}
+.u-datepicker .datepicker-inline .datepicker-panel > ul > li {
+  width: 30px;
+  height: 30px;
+  line-height: 30px;
+}
+.u-datepicker .datepicker-inline .datepicker-panel > ul > li[data-view$=current] {
+  width: 150px;
+}
+.u-datepicker .datepicker-inline .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
+  width: 210px;
+  margin-top: -14px;
+}
+.u-datepicker .datepicker-inline .datepicker-panel[data-view="months picker"] > ul[data-view=months] > li,
+.u-datepicker .datepicker-inline .datepicker-panel[data-view="years picker"] > ul[data-view=years] > li {
+  width: 52.5px;
+  height: 52.5px;
+  line-height: 52.5px;
+}
+.u-datepicker.large {
+  height: 280px;
+}
+.u-datepicker.large .datepicker-inline {
+  margin-left: -122.5px;
+  width: 245px;
+}
+.u-datepicker.large .datepicker-inline .datepicker-panel > ul > li {
+  width: 35px;
+  height: 35px;
+  line-height: 35px;
+}
+.u-datepicker.large .datepicker-inline .datepicker-panel > ul > li[data-view$=current] {
+  width: 175px;
+}
+.u-datepicker.large .datepicker-inline .datepicker-panel[data-view="week picker"] > ul[data-view] > li.picked.selected-wrapper:before {
+  width: 245px;
+  margin-top: -14px;
+}
+.u-datepicker.large .datepicker-inline .datepicker-panel[data-view="months picker"] > ul[data-view=months] > li,
+.u-datepicker.large .datepicker-inline .datepicker-panel[data-view="years picker"] > ul[data-view=years] > li {
+  width: 61.25px;
+  height: 61.25px;
+  line-height: 61.25px;
+}
+.datepicker-dropdown {
+  border-radius: 4px;
+  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
+  border: none;
+  padding: 12px;
+}
+.datepicker-dropdown .datepicker-panel > ul > li.hover {
+  background: #f5f5f5;
+  z-index: 0;
+}
+.datepicker-dropdown .datepicker-panel > ul > li.hover.first {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.datepicker-dropdown .datepicker-panel > ul > li.hover.last {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.datepicker-dropdown.datepicker-top-left:before,
+.datepicker-dropdown.datepicker-top-right:before,
+.datepicker-dropdown.datepicker-top-left:after,
+.datepicker-dropdown.datepicker-top-right:after {
+  display: none;
+}
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) {
+  right: initial !important;
+}
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-left:before,
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-bottom-left:before,
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-left:after,
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-bottom-left:after {
+  left: 10px;
+  right: initial !important;
+}
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-right:before,
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-bottom-right:before,
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-top-right:after,
+[dir="rtl"] .datepicker-container:not(.datepicker-inline).datepicker-bottom-right:after {
+  right: 10px;
+  left: initial !important;
+}
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="years prev"],
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="years next"],
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="year prev"],
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="year next"],
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="month prev"],
+[dir="rtl"] .datepicker-container:not(.datepicker-inline) [data-view="month next"] {
+  transform: scaleX(-1);
+}
+
+/*
+ * Copyright (c) 2024 Mailtech.cn, Ltd. All Rights Reserved.
+ */
+.u-date-range {
+  padding: 0;
+  background: #fff;
+  outline: none;
+}
+.u-date-range-wrap {
+  font-size: 0;
+  overflow: hidden;
+}
+.u-date-range-wrap > * {
+  display: inline-block;
+}
+.u-date-range-wrap > ul {
+  height: 256px;
+  padding: 8px;
+  box-sizing: border-box;
+  border-right: 1px solid #e8e8e8;
+  vertical-align: top;
+}
+.u-date-range-wrap > ul li {
+  font-size: 14px;
+  height: 19px;
+  line-height: 19px;
+  margin-bottom: 4px;
+  padding: 4px 8px;
+  cursor: pointer;
+  overflow: hidden;
+  word-wrap: normal;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.u-date-range-wrap > ul li:hover {
+  background: #f5f5f5;
+}
+.u-date-range-wrap .u-datepicker {
+  width: 234px;
+  padding: 8px 0;
+  box-sizing: content-box;
+}
+.u-date-range-wrap .u-datepicker .datepicker-inline {
+  top: 8px;
+}
+.u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range:after {
+  content: '';
+  height: 28px;
+  position: absolute;
+  top: 1px;
+  z-index: -2;
+  left: 0;
+  right: 0;
+  display: inline-block;
+}
+.u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start.picked:after {
+  left: 15px;
+  right: 0;
+}
+.u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end.picked:after {
+  left: 0;
+  right: 15px;
+}
+.u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start.range-end.picked:after {
+  left: 15px;
+  right: 15px;
+}
+.u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-end:not(.picked):after {
+  border-radius: 0 4px 4px 0;
+}
+.u-date-range-wrap .u-datepicker .datepicker-panel > ul > li.range.range-start:not(.picked):after {
+  border-radius: 4px 0 0 4px;
+}
+