{"version":3,"sources":["cute.css","cute/utils/_color.scss","cute/utils/_variables.scss","cute/base/_reset.scss","cute/base/_type.scss","cute/base/_grid.scss","cute/base/_global.scss","cute/utils/_mixins.scss","cute/components/_button.scss","cute/components/_input.scss","cute/components/_dropdown.scss","cute/components/_switch.scss","cute/components/_calendar.scss","cute/components/_timecard.scss","cute/components/_avatar.scss","cute/components/_btns.scss","cute/components/_cursor.scss","cute/components/_direct.scss","cute/components/_line.scss","cute/components/_loading.scss","cute/components/_multi-select.scss","cute/components/_popup.scss","cute/components/_select.scss","cute/components/_squares-menu.scss","cute/components/_tab.scss","cute/themes/_default.scss"],"names":[],"mappings":"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EE,0BxBjIe,EwBkIhB;;AAED;EAEM,sBxBtIW,EwBuId;;AAHH;EAOQ,exBxIc,EwByIf;;AAMP;EACE,uBxB/LU,EwB2NX;EA7BD;IAKM,0BxBvJW,EwBwJZ;EANL;IAUI,2CxBrIS,EwBsIV;EAXH;IAeI,0BxBjKa,EwBkKd;EAhBH;IAmBI,exBlKkB,EwBmKnB;EApBH;;IA0BQ,exBzKc,EwB0Kf;;AAIP;EACE,exB5LiB,EwB6LlB;;AAED;EACE,sBxBpLkB,EwBqLnB;;AAGD;EAEI,0BxB1LgB,EwB2LjB;;AAIH;EACE,uBxB9OU;EwB+OV,sBxBjMkB,EwBsMnB;EAPD;IAKI,uBxBlPQ,EwBmPT;;AAGH;EACE,uBxBvPU,EwBwPX;;AAGD;;EAEE,uBxB7PU,EwB8PX;;AAED;EACE,0BxBrNe,EwB2NhB;EAPD;;IAKI,0BxBzNa,EwB0Nd;;AAGH;;EAEE,iCxB3QU,EwB4QX;;AAID;EACI,iBxBjRQ,EwBwSX;EAxBD;IAIQ,sBxBtOY,EwBuOf;EALL;IAawB,exB7PF,EwB8PD;EAdrB;IAmBoB,exBjQD,EwBkQF;;AAOjB;EACI,iBxB5SQ,EwB6SX;;AAGD;EACI,YxBjTQ,EwBkTX;;AAID;EACI,WxBvTQ;EwBwTR,aAAa,EAChB;;AAED;EACI,WAAW,EACd;;AAED;EACI,WxBhUQ,EwBiUX;;AAGD;;EAEI,WxBlUU,EwBmUb;;AAED;;EAGQ,cxBtUQ,EwBuUX;;AAGL;;;EAGI,cxB7UY,EwB8Uf;;AAID;;EAEI,cxBvVc,EwBwVjB;;AAED;;;;EAIQ,cxB3VQ,EwB4VX;;AAGL;;;EAGI,WxBxWQ,EwByWX;;AAID;EACI,cxB/TkB;EwBgUlB,exBhUkB,EwBiUrB;;AAGD;;EAEI,cxBtUkB;EwBuUlB,exBvUkB,EwBwUrB;;AAED;EACI,cxBpXY;EwBqXZ,exBrXY,EwBsXf;;AAED;EACI,cxB7Ve;EwB8Vf,exB9Ve,EwB+VlB;;AAED;;EAEI,cxB/XY,EwBgYf;;AAED;EACI,cxBnYY;EwBoYZ,exBpYY,EwBqYf;;AAED;EACI,cxBxYY,EwByYf;;AAID;EACI,cxBhUkB,EwBiUrB;;AAED;EACI,cxBrUqB,EwBsUxB;;AAED;EACI,cxB1UmB,EwB2UtB;;AAKD;;EAGI,sBxBvXgB,EwBwXjB;;AAJH;;EAOI,qCAAuC,EACxC;;AAIH;;EAEI,0BxBpYa;EwBqYb,exB3aY,EwB4af","file":"cute.css","sourcesContent":["@charset \"UTF-8\";\n/* ==========  Color Palettes  ========== */\n/* ========== background-color ========= */\n/* ==========  font  ========== */\n/* ==========  Media Query Ranges  ========== */\n/* ==========  /Media Query Ranges  ========== */\nhtml, body, div, span, object, i,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: middle; }\n\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block; }\n\nol, ul, li {\n  list-style: none; }\n\nblockquote, q {\n  quotes: none; }\n\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none; }\n\ncaption,\nth {\n  text-align: left; }\n\nins {\n  text-decoration: none; }\n\ndel {\n  text-decoration: line-through; }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\nol li {\n  list-style-type: decimal; }\n  ol li:focus {\n    outline: 0; }\n\ninput,\ntextarea,\n*[contenteditable] {\n  -moz-user-select: text;\n  -webkit-user-select: text;\n  -ms-user-select: text; }\n\na,\nstrong {\n  vertical-align: initial;\n  vertical-align: auto; }\n\ninput::-ms-clear {\n  display: none; }\n\na {\n  text-decoration: none; }\n  a:hover {\n    cursor: pointer;\n    text-decoration: none; }\n  a:hover, a:active {\n    outline: 0; }\n\nhtml, body {\n  height: 100%; }\n\n*,\n*:before,\n*:after {\n  box-sizing: border-box; }\n\nhtml {\n  font-size: 100%; }\n\nbody {\n  font-family: -apple-system, \".SFNSText-Regular\", \"Roboto\", \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Microsoft Yahei\", \"微软雅黑\", \"Helvetica Neue\", \"メイリオ\", \"ＭＳ Ｐゴシック\", Arial, sans-serif;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.5;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  margin: 0;\n  padding: 0;\n  position: relative;\n  height: 100%; }\n\nimg {\n  max-width: 100%;\n  height: auto; }\n\nimg {\n  -ms-interpolation-mode: bicubic; }\n\nimg {\n  display: inline-block;\n  vertical-align: middle; }\n\n/* Default header styles */\nh1, h2, h3, h4, h5, h6 {\n  font-family: -apple-system, \".SFNSText-Regular\", \"Roboto\", \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Microsoft Yahei\", \"微软雅黑\", \"Helvetica Neue\", \"メイリオ\", \"ＭＳ Ｐゴシック\", Arial, sans-serif;\n  font-style: normal;\n  font-weight: normal;\n  line-height: 1.5;\n  text-rendering: optimizeLegibility; }\n  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {\n    color: #f3f3f3;\n    font-size: 12px; }\n\nh1 {\n  font-size: 30px; }\n\nh2 {\n  font-size: 25px; }\n\nh3 {\n  font-size: 22px; }\n\nh4 {\n  font-size: 22px; }\n\nh5 {\n  font-size: 22px; }\n\nh6 {\n  font-size: 12px; }\n\n/* Default paragraph styles */\np {\n  font-family: -apple-system, \".SFNSText-Regular\", \"Roboto\", \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Microsoft Yahei\", \"微软雅黑\", \"Helvetica Neue\", \"メイリオ\", \"ＭＳ Ｐゴシック\", Arial, sans-serif;\n  font-size: 14px;\n  font-weight: normal;\n  text-rendering: optimizeLegibility; }\n\nstrong {\n  color: #333;\n  font-weight: bold;\n  line-height: inherit; }\n\nsmall {\n  font-size: 12px;\n  line-height: inherit; }\n\ntextarea {\n  min-height: 30px; }\n\nselect {\n  width: 100%; }\n\ninput,\ntextarea {\n  font-family: -apple-system, \".SFNSText-Regular\", \"Roboto\", \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Microsoft Yahei\", \"微软雅黑\", \"Helvetica Neue\", \"メイリオ\", \"ＭＳ Ｐゴシック\", Arial, sans-serif; }\n\n.container {\n  width: 80%;\n  margin: auto; }\n\n.section {\n  padding: 20px; }\n\n.row {\n  padding: 10px 0;\n  display: block; }\n\n.col {\n  float: left;\n  width: 100%; }\n  .col.col-2 {\n    width: 50%; }\n  .col.col-3 {\n    width: 33%; }\n  .col.col-4 {\n    width: 25%; }\n  .col.col-5 {\n    width: 20%; }\n\n/* 定义一些全局的 class */\n/* 大小规则 .xx-tny, .xx-sml, .xx-med, .xx-lrg\n *\n * button: .btn-tny 26, .btn-sml 30, .btn-med 36, .btn-lrg\n * text: .text-tny 12, .text-sml 13, .text-med 16, .text-lrg 22\n * icon tny 14 sml 18 med 32 lrg 40\n * line: .line-sml 8\n */\n.text-tny {\n  font-size: 12px; }\n\n.text-sml {\n  font-size: 13px; }\n\n.text-def {\n  font-size: 14px; }\n\n.text-med {\n  font-size: 16px; }\n\n.text-lrg {\n  font-size: 22px; }\n\n.i-tny {\n  width: 14px;\n  height: 14px; }\n\n.i-sml {\n  width: 24px;\n  height: 24px; }\n\n.i-med {\n  width: 32px;\n  height: 32px; }\n\n.i-lrg {\n  width: 40px;\n  height: 40px; }\n\n.left {\n  float: left; }\n\n.right {\n  float: right; }\n\n.clearfix:before, .clearfix:after {\n  content: \" \";\n  display: table; }\n\n.clearfix:after {\n  clear: both; }\n\n.hide,\n.hidden {\n  display: none; }\n\n.invisible {\n  visibility: hidden; }\n\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale; }\n\n.divider {\n  height: 1px;\n  width: 100%; }\n\n.shadow {\n  border: 1px solid #ececec;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);\n  border-radius: 4px; }\n\nbutton, .button, .btn {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  box-shadow: none;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 0;\n  padding-left: 12px;\n  padding-right: 12px;\n  min-width: 100px;\n  cursor: pointer;\n  font-family: -apple-system, \".SFNSText-Regular\", \"Roboto\", \"Segoe UI\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Microsoft Yahei\", \"微软雅黑\", \"Helvetica Neue\", \"メイリオ\", \"ＭＳ Ｐゴシック\", Arial, sans-serif;\n  font-weight: normal;\n  line-height: 1;\n  margin: 0 0 0px;\n  position: relative;\n  text-align: center;\n  text-decoration: none;\n  outline: none;\n  color: #fff;\n  display: inline-block;\n  padding-top: 11px;\n  padding-bottom: 11px;\n  font-size: 14px;\n  color: #fff;\n  background-color: #617fde;\n  transition: background-color 0.2s ease; }\n  button:hover, button:focus, .button:hover, .button:focus, .btn:hover, .btn:focus {\n    background-color: #5474db; }\n  button:active, .button:active, .btn:active {\n    background-color: #2c54d3; }\n  button.btn-primary, .button.btn-primary, .btn.btn-primary {\n    color: #fff;\n    background-color: #617fde; }\n    button.btn-primary:hover, button.btn-primary:focus, .button.btn-primary:hover, .button.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {\n      background-color: #5474db; }\n    button.btn-primary:active, .button.btn-primary:active, .btn.btn-primary:active {\n      background-color: #2c54d3; }\n  button.btn-secondary, button.btn-cancel, .button.btn-secondary, .button.btn-cancel, .btn.btn-secondary, .btn.btn-cancel {\n    color: #333;\n    background-color: #ebebeb; }\n    button.btn-secondary:hover, button.btn-secondary:focus, button.btn-cancel:hover, button.btn-cancel:focus, .button.btn-secondary:hover, .button.btn-secondary:focus, .button.btn-cancel:hover, .button.btn-cancel:focus, .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-cancel:hover, .btn.btn-cancel:focus {\n      background-color: #dfdfdf; }\n    button.btn-secondary:active, button.btn-cancel:active, .button.btn-secondary:active, .button.btn-cancel:active, .btn.btn-secondary:active, .btn.btn-cancel:active {\n      background-color: #bcbcbc; }\n  button.btn-alert, .button.btn-alert, .btn.btn-alert {\n    color: #fff;\n    background-color: #ff3180; }\n    button.btn-alert:hover, button.btn-alert:focus, .button.btn-alert:hover, .button.btn-alert:focus, .btn.btn-alert:hover, .btn.btn-alert:focus {\n      background-color: #ff2277; }\n    button.btn-alert:active, .button.btn-alert:active, .btn.btn-alert:active {\n      background-color: #f3005d; }\n  button.btn-normal, .button.btn-normal, .btn.btn-normal {\n    color: #aaa;\n    background-color: #fff; }\n    button.btn-normal:hover, button.btn-normal:focus, .button.btn-normal:hover, .button.btn-normal:focus, .btn.btn-normal:hover, .btn.btn-normal:focus {\n      background-color: #f2f2f2; }\n    button.btn-normal:active, .button.btn-normal:active, .btn.btn-normal:active {\n      background-color: #cccccc; }\n  button.btn-tny, .button.btn-tny, .btn.btn-tny {\n    padding-top: 7px;\n    padding-bottom: 7px;\n    font-size: 13px; }\n  button.btn-sml, .button.btn-sml, .btn.btn-sml {\n    padding-top: 8px;\n    padding-bottom: 8px;\n    font-size: 14px; }\n  button.btn-med, .button.btn-med, .btn.btn-med {\n    padding-top: 11px;\n    padding-bottom: 11px;\n    font-size: 14px; }\n  button.btn-lrg, .button.btn-lrg, .btn.btn-lrg {\n    padding-top: 13px;\n    padding-bottom: 13px;\n    font-size: 14px; }\n  button.disabled, button[disabled], .button.disabled, .button[disabled], .btn.disabled, .btn[disabled] {\n    color: #fff;\n    background-color: #617fde;\n    cursor: default;\n    opacity: 0.7; }\n    button.disabled.btn-primary, button[disabled].btn-primary, .button.disabled.btn-primary, .button[disabled].btn-primary, .btn.disabled.btn-primary, .btn[disabled].btn-primary {\n      color: #fff;\n      background-color: #617fde;\n      cursor: default;\n      opacity: 0.7; }\n    button.disabled.btn-cancel, button[disabled].btn-cancel, .button.disabled.btn-cancel, .button[disabled].btn-cancel, .btn.disabled.btn-cancel, .btn[disabled].btn-cancel {\n      color: #333;\n      background-color: #ebebeb;\n      cursor: default;\n      opacity: 0.7; }\n    button.disabled.btn-alert, button[disabled].btn-alert, .button.disabled.btn-alert, .button[disabled].btn-alert, .btn.disabled.btn-alert, .btn[disabled].btn-alert {\n      color: #fff;\n      background-color: #ff3180;\n      cursor: default;\n      opacity: 0.7; }\n\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0; }\n\n::-webkit-input-placeholder {\n  color: #c7c7c7; }\n\n:-moz-placeholder {\n  /* Firefox 18- */\n  color: #c7c7c7; }\n\n::-moz-placeholder {\n  /* Firefox 19+ */\n  color: #c7c7c7; }\n\n:-ms-input-placeholder {\n  color: #c7c7c7 !important; }\n\ninput {\n  padding-left: 12px;\n  padding-right: 12px;\n  border: 1px solid;\n  outline: 0;\n  border-radius: 2px;\n  font-size: 14px;\n  height: 32px;\n  border-color: #ddd; }\n  input.focus, input:focus {\n    outline: 0;\n    border-color: #617fde; }\n  input.input-tny {\n    height: 28px; }\n  input.input-sml {\n    height: 30px; }\n  input.input-med {\n    height: 32px; }\n  input.input-lrg {\n    height: 36px; }\n  input.input-alert, input.input-error {\n    border-color: #ff3180; }\n    input.input-alert.focus, input.input-alert:focus, input.input-error.focus, input.input-error:focus {\n      outline: 0;\n      border-color: #ff3180; }\n  input.disabled, input[disabled] {\n    border-color: #ddd;\n    cursor: default; }\n    input.disabled.focus, input.disabled:focus, input[disabled].focus, input[disabled]:focus {\n      outline: 0;\n      border-color: #617fde; }\n    input.disabled:focus, input[disabled]:focus {\n      border-color: #ddd; }\n\ninput[type=\"submit\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 0; }\n\n/* Respect enforced amount of rows for textarea */\ntextarea[rows] {\n  height: auto; }\n\n/* Not allow resize out of parent */\ntextarea {\n  max-width: 100%; }\n\ntextarea.input-fake {\n  padding-left: 12px;\n  padding-right: 12px;\n  border: 1px solid;\n  outline: 0;\n  border-radius: 2px;\n  font-size: 14px;\n  border-color: #ddd;\n  padding-top: 7px;\n  padding-bottom: 7px; }\n  textarea.input-fake.focus, textarea.input-fake:focus {\n    outline: 0;\n    border-color: #617fde; }\n\n/* Adjust margin for form elements below */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"],\nselect {\n  margin: 0 0 16px 0;\n  height: auto; }\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n  display: inline-block;\n  margin-left: 8px;\n  margin-bottom: 0;\n  line-height: 1; }\n\n/* Normalize file input */\ninput[type=\"file\"] {\n  width: 1000px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: -400px;\n  opacity: 0;\n  padding: 0;\n  cursor: pointer;\n  -ms-filter: 'alpha(opacity=0)'; }\n\n.ios input, .ios textarea, .ios select {\n  -webkit-appearance: none; }\n\n.caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  margin-left: 2px;\n  vertical-align: middle;\n  border-top: 4px dashed;\n  border-top: 4px solid \\9;\n  border-right: 4px solid transparent;\n  border-left: 4px solid transparent; }\n\n.dropup,\n.dropdown {\n  position: relative; }\n\n.dropdown-toggle:focus {\n  outline: 0; }\n\n.dropdown-menu {\n  display: none;\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  float: left;\n  max-height: 268px;\n  overflow: auto;\n  overflow-x: hidden;\n  padding: 5px 0;\n  list-style: none;\n  text-align: left;\n  background-color: #fff;\n  border: 1px solid #ececec;\n  border-radius: 4px;\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); }\n  .dropdown-menu.pull-right {\n    right: 0;\n    left: auto; }\n  .dropdown-menu .divider {\n    height: 1px;\n    margin: 5px 0;\n    overflow: hidden;\n    background-color: #ddd; }\n  .dropdown-menu li > a {\n    position: relative;\n    display: block;\n    padding: 0 18px;\n    clear: both;\n    font-weight: normal;\n    height: 32px;\n    line-height: 32px;\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    max-width: 186px;\n    min-width: 110px;\n    color: #333;\n    font-size: 13px; }\n  .dropdown-menu.dropdown-tny li > a {\n    min-width: initial;\n    min-width: auto;\n    padding: 0 10px; }\n  .dropdown-menu.i-text-i li > a {\n    max-width: 280px;\n    min-width: 216px;\n    padding-left: 12px;\n    padding-right: 24px; }\n  .dropdown-menu.i-text li > a {\n    padding-left: 12px;\n    padding-right: 24px; }\n  .dropdown-menu.dropdown-group li > a {\n    padding-right: 40px; }\n  .dropdown-menu [class^=\"icon-\"],\n  .dropdown-menu [class*=\" icon-\"] {\n    margin-left: 0;\n    margin-right: 6px;\n    margin-bottom: 4px; }\n  .dropdown-menu.icon-only {\n    left: -11px; }\n    .dropdown-menu.icon-only li > a {\n      padding: 0 10px; }\n      .dropdown-menu.icon-only li > a [class^=\"icon-\"],\n      .dropdown-menu.icon-only li > a [class*=\" icon-\"] {\n        margin: 0;\n        margin-bottom: 3px; }\n  .dropdown-menu .direct {\n    width: 14px;\n    height: 14px;\n    right: 10px;\n    top: 10px; }\n\n.dropdown-menu .active > a {\n  text-decoration: none;\n  outline: 0;\n  color: #617fde; }\n\n.dropdown-menu .active > a .text-primary,\n.dropdown-menu .active > a .text-secondary,\n.dropdown-menu .active > a strong {\n  color: #617fde; }\n\n.dropdown-menu li > a:hover, .dropdown-menu li > a:focus {\n  text-decoration: none;\n  color: #fff;\n  background-color: #617fde; }\n\n.dropdown-menu li > a:hover .text-primary,\n.dropdown-menu li > a:hover .text-secondary,\n.dropdown-menu li > a:hover strong, .dropdown-menu li > a:focus .text-primary,\n.dropdown-menu li > a:focus .text-secondary,\n.dropdown-menu li > a:focus strong {\n  text-decoration: none;\n  color: #fff;\n  background-color: #617fde; }\n\n.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover, .dropdown-menu .disabled > a:focus {\n  color: #a8a8a8; }\n\n.dropdown-menu .disabled > a:hover, .dropdown-menu .disabled > a:focus {\n  text-decoration: none;\n  background-color: transparent;\n  background-image: none;\n  cursor: not-allowed; }\n\n.open .dropdown-menu {\n  display: block; }\n\n.open > a {\n  outline: 0; }\n\n.dropdown-menu-right {\n  left: auto;\n  right: 0; }\n\n.dropdown-menu-left {\n  left: 0;\n  right: auto; }\n\n.dropdown-header {\n  display: block;\n  padding: 3px 20px;\n  line-height: 36px;\n  white-space: nowrap; }\n\n.dropdown-backdrop {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  z-index: 990; }\n\n.pull-right .dropdown-menu {\n  right: 0;\n  left: auto; }\n\n.dropup .caret {\n  border-top: 0;\n  border-bottom: 4px dashed;\n  content: \"\"; }\n\n.dropup .dropdown-menu {\n  top: auto;\n  bottom: 100%;\n  margin-bottom: 8px; }\n\n.switch {\n  border: none;\n  outline: 0;\n  padding: 0;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none; }\n  .switch label {\n    background: #c7c7c7;\n    color: transparent;\n    cursor: pointer;\n    display: block;\n    position: relative;\n    text-indent: 100%;\n    width: 60px;\n    height: 30px;\n    vertical-align: middle;\n    transition: left 0.15s ease-out; }\n  .switch input {\n    position: absolute;\n    top: 9px;\n    left: 10px;\n    opacity: 0;\n    padding: 0; }\n    .switch input + label {\n      margin-left: 0;\n      margin-right: 0; }\n  .switch label:after {\n    background: #fff;\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    height: 26px;\n    width: 26px;\n    transition: left 0.15s ease-out;\n    transform: translate3d(0, 0, 0); }\n  .switch input:checked + label {\n    background: #617fde; }\n  .switch input:checked + label:after {\n    left: 32px; }\n  .switch label {\n    height: 30px;\n    width: 60px; }\n  .switch label:after {\n    height: 26px;\n    width: 26px; }\n  .switch input:checked + label:after {\n    left: 32px; }\n  .switch label {\n    color: transparent;\n    background: #c7c7c7; }\n  .switch label:after {\n    background: #fff; }\n  .switch input:checked + label {\n    background: #617fde; }\n  .switch.large label {\n    height: 35px;\n    width: 70px; }\n  .switch.large label:after {\n    height: 31px;\n    width: 31px; }\n  .switch.large input:checked + label:after {\n    left: 37px; }\n  .switch.small label {\n    height: 20px;\n    width: 40px; }\n  .switch.small label:after {\n    height: 16px;\n    width: 16px; }\n  .switch.small input:checked + label:after {\n    left: 22px; }\n  .switch.tiny label {\n    height: 15px;\n    width: 30px; }\n  .switch.tiny label:after {\n    height: 11px;\n    width: 11px; }\n  .switch.tiny input:checked + label:after {\n    left: 17px; }\n  .switch.radius label {\n    border-radius: 4px; }\n  .switch.radius label:after {\n    border-radius: 4px; }\n  .switch.round {\n    border-radius: 50%; }\n    .switch.round label {\n      border-radius: 32px; }\n    .switch.round label:after {\n      border-radius: 32px; }\n\n.kalendae:before, .kalendae:after {\n  content: \" \";\n  display: table; }\n\n.kalendae:after {\n  clear: both; }\n\n.kalendae.k-floating {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 1050; }\n\n.k-calendar {\n  position: relative;\n  line-height: 1;\n  width: 220px;\n  margin: 0 auto;\n  font-size: 12px; }\n  .k-calendar .year,\n  .k-calendar .nav-toggle {\n    font-size: 14px; }\n  .k-calendar .disable {\n    cursor: default; }\n  .k-calendar .k-title,\n  .k-calendar .k-header,\n  .k-calendar .k-days {\n    width: 100%;\n    clear: both; }\n  .k-calendar span {\n    float: left;\n    position: relative;\n    display: block;\n    cursor: pointer;\n    min-width: 31px;\n    line-height: 29px;\n    text-align: center; }\n    .k-calendar span:after {\n      z-index: -1;\n      content: '';\n      position: absolute;\n      top: 2px;\n      left: 2px;\n      border: 1px solid transparent;\n      min-width: 26px;\n      min-height: 26px;\n      border-radius: 50%; }\n  .k-calendar .k-days span, .k-calendar .k-days a,\n  .k-calendar .month span,\n  .k-calendar .month a {\n    border-radius: 50%; }\n    .k-calendar .k-days span:active, .k-calendar .k-days a:active,\n    .k-calendar .month span:active,\n    .k-calendar .month a:active {\n      transition: background-color 0.2s ease; }\n  .k-calendar .k-title .k-btn-previous-year,\n  .k-calendar .k-title .k-btn-next-year {\n    top: 5px; }\n  .k-calendar .k-title .k-prev,\n  .k-calendar .k-title .k-next,\n  .k-calendar .k-title .k-btn-today {\n    position: absolute;\n    z-index: 2; }\n  .k-calendar .k-title .k-btn-previous-year,\n  .k-calendar .k-title .k-btn-next-year {\n    display: none; }\n  .k-calendar .k-title .k-btn-today {\n    display: none;\n    top: 4px;\n    right: 25px;\n    width: 16px;\n    height: 16px;\n    line-height: 16px; }\n  .k-calendar .k-title.k-disable-year-nav .k-btn-previous-month {\n    left: 11px; }\n  .k-calendar .k-title.k-disable-year-nav .k-btn-next-month {\n    right: 22px; }\n  .k-calendar .k-title .nav-menu {\n    display: none; }\n    .k-calendar .k-title .nav-menu i {\n      width: 14px;\n      height: 14px; }\n    .k-calendar .k-title .nav-menu a {\n      display: block; }\n    .k-calendar .k-title .nav-menu .k-btn {\n      width: 14px;\n      height: 14px; }\n    .k-calendar .k-title .nav-menu .previous-year-btn {\n      left: 0; }\n    .k-calendar .k-title .nav-menu .next-year-btn {\n      right: 0; }\n  .k-calendar .k-title .nav-selector.open .nav-toggle {\n    display: none; }\n  .k-calendar .k-title .nav-selector.open .nav-menu {\n    display: block; }\n  .k-calendar .k-title .nav-toggle {\n    width: 70%;\n    margin: 0 auto;\n    float: none;\n    height: 14px;\n    min-height: 14px;\n    margin-bottom: 13px; }\n    .k-calendar .k-title .nav-toggle span {\n      float: none;\n      display: inline-block;\n      line-height: 1;\n      vertical-align: top; }\n      .k-calendar .k-title .nav-toggle span:first-child {\n        padding-right: 10px; }\n  .k-calendar .k-header,\n  .k-calendar .k-days {\n    margin-right: -0.21429px; }\n    .k-calendar .k-header span,\n    .k-calendar .k-days span {\n      margin-right: 0.42857px;\n      margin-bottom: 0; }\n  .k-calendar .k-header span:last-child,\n  .k-calendar .k-days span:nth-child(7n) {\n    margin-right: 0; }\n  .k-calendar .k-header span {\n    cursor: default; }\n  .k-calendar .month li,\n  .k-calendar .year li {\n    float: left;\n    list-style: none; }\n  .k-calendar .month a,\n  .k-calendar .year a {\n    text-align: center; }\n  .k-calendar .current-date-selector {\n    overflow: hidden;\n    white-space: nowrap; }\n  .k-calendar .year {\n    position: relative;\n    margin: 0 14px 14px 13px;\n    height: 14px; }\n    .k-calendar .year li {\n      width: 64px;\n      float: none;\n      display: inline-block; }\n  .k-calendar .month {\n    margin-right: -12.66667px; }\n    .k-calendar .month li {\n      width: 25%;\n      margin-bottom: 10px; }\n      .k-calendar .month li a {\n        border: 1px solid transparent;\n        width: 36px;\n        height: 36px;\n        line-height: 36px; }\n  .k-calendar.nav-open .k-header,\n  .k-calendar.nav-open .k-days {\n    display: none; }\n  .k-calendar .k-prev:before,\n  .k-calendar .k-next:before {\n    content: '';\n    position: absolute;\n    top: 2px;\n    border: 2px solid transparent;\n    border-left: 2px solid;\n    border-top: 2px solid;\n    width: 9.33333px;\n    height: 9.33333px; }\n  .k-calendar .k-prev:before,\n  .k-calendar .k-next:before {\n    transform: rotate(135deg); }\n  .k-calendar .k-prev:before {\n    transform: rotate(-45deg); }\n\n.kalendae {\n  font-size: 13px;\n  color: #737373;\n  width: 270px; }\n  .kalendae .k-calendar,\n  .kalendae a {\n    color: #333; }\n  .kalendae .k-calendar .k-out-of-month,\n  .kalendae .k-calendar .disable {\n    color: #aaa; }\n  .kalendae .k-calendar .k-prev, .kalendae .k-calendar .k-next,\n  .kalendae .k-calendar .year a,\n  .kalendae .k-calendar .nav-toggle,\n  .kalendae .k-calendar .k-header {\n    color: #737373; }\n  .kalendae .k-calendar .year .active a {\n    color: #617fde; }\n  .kalendae .k-calendar .k-today {\n    color: #617fde; }\n    .kalendae .k-calendar .k-today:after {\n      background-color: rgba(97, 127, 222, 0.1); }\n  .kalendae .k-calendar .month a:not(.disable):hover {\n    color: #fff;\n    background-color: #617fde; }\n  .kalendae .k-calendar .month a:not(.disable):active {\n    color: #333;\n    background-color: #fff;\n    border-color: #617fde; }\n  .kalendae .k-calendar .month a:not(.disable).k-selected {\n    color: #333;\n    background-color: #fff;\n    border-color: #617fde; }\n    .kalendae .k-calendar .month a:not(.disable).k-selected:hover {\n      color: #fff;\n      background-color: #617fde; }\n  .kalendae .k-calendar .k-days span:hover {\n    color: #fff; }\n    .kalendae .k-calendar .k-days span:hover:after {\n      background-color: #617fde; }\n  .kalendae .k-calendar .k-days span:active {\n    color: #333; }\n    .kalendae .k-calendar .k-days span:active:after {\n      background-color: #fff;\n      border-color: #617fde; }\n  .kalendae .k-calendar .k-days span.k-selected {\n    color: #333; }\n    .kalendae .k-calendar .k-days span.k-selected:after {\n      background-color: #fff;\n      border-color: #617fde; }\n    .kalendae .k-calendar .k-days span.k-selected.k-today:after {\n      background-color: rgba(97, 127, 222, 0.1); }\n    .kalendae .k-calendar .k-days span.k-selected:hover {\n      color: #fff; }\n      .kalendae .k-calendar .k-days span.k-selected:hover:after {\n        background-color: #617fde; }\n\n.avatar {\n  width: 36px;\n  height: 36px;\n  border: none;\n  overflow: hidden; }\n  .avatar.sml {\n    width: 16px;\n    height: 16px; }\n  .avatar.med {\n    width: 24px;\n    height: 24px; }\n  .avatar.lrg {\n    width: 60px;\n    height: 60px; }\n  .avatar.round {\n    border-radius: 50%; }\n\n.btns .btn-loading {\n  display: none; }\n\n.btns.ing .btn-initial {\n  display: none; }\n\n.btns.ing .btn-loading {\n  display: inline-block; }\n\n/*cursor style*/\n.cr-pointer {\n  cursor: pointer; }\n\n.cr-disabled {\n  cursor: not-allowed; }\n\ninput[type=\"button\"] {\n  cursor: pointer; }\n\na[disabled],\ninput[disabled] {\n  cursor: not-allowed; }\n\n.cr-text {\n  cursor: text; }\n\n.cr-help {\n  cursor: help; }\n\n/*cursor style end*/\n.direct {\n  position: absolute;\n  display: inline-block; }\n  .direct:before {\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    right: 10px;\n    height: 9px;\n    width: 9px;\n    border-style: solid;\n    border-width: 1px;\n    border-top-color: transparent;\n    border-left-color: transparent;\n    transform: rotate(-45deg); }\n  .direct.left:before {\n    transform: rotate(135deg); }\n  .direct.up:before {\n    transform: rotate(-135deg); }\n  .direct.down:before {\n    transform: rotate(45deg); }\n\n.line-right,\n.line-left {\n  position: relative; }\n\n.line-right {\n  z-index: 1;\n  float: right; }\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0deg); }\n  100% {\n    transform: rotate(360deg); } }\n\n.multi-select-menu {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none; }\n  .multi-select-menu .select-title,\n  .multi-select-menu .option-item {\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    height: 30px;\n    line-height: 30px;\n    padding: 0 12px; }\n  .multi-select-menu .select-title {\n    line-height: 28px; }\n  .multi-select-menu .select-title,\n  .multi-select-menu .select-list {\n    border: 1px solid;\n    border-color: #ececec;\n    background-color: #fff;\n    border-radius: 4px;\n    cursor: pointer; }\n  .multi-select-menu .selected-item {\n    color: #617fde; }\n    .multi-select-menu .selected-item:before {\n      content: '';\n      position: absolute;\n      top: 25%;\n      right: 12px;\n      border: 2px solid;\n      border-top-color: transparent;\n      border-right-color: transparent;\n      width: 14px;\n      height: 7px;\n      transform: rotate(315deg); }\n  .multi-select-menu .option-item {\n    position: relative;\n    padding-right: 25px; }\n    .multi-select-menu .option-item:hover {\n      color: #fff;\n      background-color: #617fde; }\n    .multi-select-menu .option-item [class^=\"icon-\"] {\n      margin-right: 6px; }\n  .multi-select-menu .select-list {\n    display: none;\n    padding: 5px 0;\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    margin-top: 5px;\n    max-height: 400px;\n    overflow: auto;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); }\n  .multi-select-menu.open .select-list {\n    display: block; }\n  .multi-select-menu .select-arrow {\n    color: #aaa;\n    height: 30px;\n    line-height: 30px;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 30px;\n    text-align: center;\n    cursor: pointer; }\n\n.popup {\n  width: 610px;\n  min-height: 180px;\n  display: inline-block;\n  border: 1px solid #ececec;\n  border-radius: 4px;\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3);\n  padding: 24px 24px 10px 24px;\n  text-align: left;\n  position: relative;\n  top: 19%; }\n  .popup > div {\n    position: relative; }\n  .popup .popup-header {\n    padding-bottom: 18px;\n    height: 40px; }\n    .popup .popup-header .popup-title {\n      line-height: 22px; }\n    .popup .popup-header .popup-close {\n      position: absolute;\n      right: 0;\n      font-size: 24px;\n      line-height: 24px;\n      color: #737373; }\n  .popup .popup-body {\n    padding-top: 10px;\n    padding-bottom: 10px; }\n  .popup .popup-footer {\n    padding-top: 18px;\n    padding-bottom: 18px;\n    float: right; }\n    .popup .popup-footer button, .popup .popup-footer .btn {\n      margin-left: 12px; }\n  .popup .modal .popup-body {\n    margin-bottom: 56px; }\n\n.popup-cover {\n  height: 100%;\n  width: 100%;\n  position: fixed;\n  top: 0;\n  z-index: 1050;\n  text-align: center; }\n\n.upgrade-pop .popup-body,\n.upgrade-pop .popup-footer {\n  float: none;\n  text-align: center; }\n\n.upgrade-pop .popup-title {\n  margin-top: 10px;\n  margin-bottom: 20px; }\n\n.upgrade-pop .popup-footer {\n  padding-top: 45px;\n  padding-bottom: 45px; }\n\n@media only screen and (max-width: 610px) {\n  .popup {\n    width: 95%; } }\n\n.select-menu {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none; }\n  .select-menu .select-title,\n  .select-menu .option-item {\n    max-width: 100%;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    height: 30px;\n    line-height: 30px;\n    padding: 0 12px; }\n  .select-menu .select-title {\n    line-height: 28px; }\n  .select-menu .select-title,\n  .select-menu .select-list {\n    border: 1px solid;\n    border-color: #ececec;\n    background-color: #fff;\n    border-radius: 4px;\n    cursor: pointer; }\n  .select-menu .option-item.selected-item {\n    color: #617fde; }\n  .select-menu .option-item:hover {\n    color: #fff;\n    background-color: #617fde; }\n  .select-menu .select-list {\n    display: none;\n    padding: 5px 0;\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    margin-top: 5px;\n    max-height: 400px;\n    overflow: auto;\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); }\n  .select-menu .select-arrow {\n    color: #aaa;\n    height: 30px;\n    line-height: 30px;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 30px;\n    text-align: center;\n    cursor: pointer; }\n  .select-menu.open .select-list {\n    display: block; }\n  .select-menu .antiscroll-inner {\n    position: relative; }\n  .select-menu .menu-ul {\n    position: absolute; }\n  .select-menu .antiscroll-scrollbar {\n    z-index: 1000;\n    margin-left: -2px; }\n\n.select-squares {\n  margin-right: -0.35714px;\n  font-size: 12px; }\n  .select-squares .select-item {\n    float: left;\n    display: block;\n    cursor: pointer;\n    text-align: center;\n    width: 27px;\n    height: 27px;\n    line-height: 25px;\n    border: 1px solid transparent;\n    border-radius: 50%;\n    margin-right: 0.71429px;\n    margin-bottom: 0; }\n    .select-squares .select-item:last-child {\n      margin-right: 0; }\n    .select-squares .select-item:nth-child(7n) {\n      margin-right: 0; }\n    .select-squares .select-item:active {\n      transition: background-color 0.2s ease; }\n\n[class*=\"l-tab-pane\"] {\n  display: none; }\n\n.t-active[class*=\"l-tab-pane\"] {\n  display: block; }\n\nbody {\n  background: #fff;\n  color: #333; }\n\nh1, h2, h3, h4, h5, h6 {\n  color: #617fde; }\n\na,\n.link {\n  color: #617fde; }\n  a:visited,\n  .link:visited {\n    color: #617fde; }\n\n.text-def {\n  color: #333; }\n\n.text-primary {\n  color: #333; }\n\n.text-secondary {\n  color: #737373; }\n\n.text-alert {\n  color: #ff3180; }\n\n.text-info {\n  color: #aaa; }\n\n.text-info-title {\n  color: #aaa; }\n\n.text-link {\n  color: #617fde; }\n\n.text-active {\n  color: #fff; }\n\n.text-title {\n  color: #617fde; }\n\n.text-pro {\n  color: #fd5d5f; }\n\n.bg-alert {\n  background-color: #ff3180; }\n\n.bg-primary {\n  background-color: #617fde; }\n\n.bg-active {\n  background-color: #617fde; }\n\n.bg-light {\n  background-color: #f3f3f3; }\n\n.bd-divider {\n  border-color: #f3f3f3 !important; }\n\n.g-left {\n  background-color: #617fde; }\n\n.g-center {\n  background-color: #fff; }\n\n.g-right,\n#tasktitle textarea,\n#taskcontent textarea,\n#sub-task-list,\n#sub-task-list li,\n.out-detail {\n  background-color: #fdfdfd; }\n\n.l-divider {\n  background-color: rgba(0, 0, 0, 0.1); }\n\n.tool-bar .t-name {\n  color: #fff;\n  opacity: 0.8; }\n\n.lists li > a,\n.lists .f-header > a,\n.lists .fake-li > a,\n.lists .l-c > a,\n.lists .l-new > a {\n  color: #fff; }\n\n.lists .active > a {\n  background-color: rgba(0, 0, 0, 0.2); }\n\n.lists .ui-sortable-helper {\n  background-color: #617fde !important; }\n  .lists .ui-sortable-helper a {\n    color: #fff !important;\n    background-color: #617fde !important; }\n\n.lists .ui-sortable-placeholder {\n  border-color: rgba(225, 225, 225, 0.6); }\n\n.lists .open .f-container {\n  background-color: rgba(0, 0, 0, 0.05); }\n\n.lists .l-tabs {\n  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }\n\n.tl-bar {\n  border-color: #f3f3f3; }\n\n.s-line,\n.t-line.top {\n  background-color: #f3f3f3; }\n\n.sub-task .title {\n  border-color: #f3f3f3; }\n\n.sub-task.checked .title {\n  color: #c7c7c7; }\n\n.task {\n  background-color: #fff; }\n  .task:last-child .t-line.bottom {\n    background-color: #f3f3f3; }\n  .task.selected {\n    background-color: rgba(243, 243, 243, 0.6); }\n  .task:hover, .task.active {\n    background-color: #f3f3f3; }\n  .task .t-date {\n    color: #c7c7c7; }\n  .task.checked .duedate-overdue,\n  .task.checked .title {\n    color: #c7c7c7; }\n\n.duedate-overdue {\n  color: #fd5d5f; }\n\n.td-header {\n  border-color: #ececec; }\n\n.td-bar .td-check:after {\n  background-color: #ececec; }\n\n.td-footer {\n  background-color: #fff;\n  border-color: #ececec; }\n  .td-footer input {\n    background-color: #fff; }\n\ntextarea {\n  background-color: #fff; }\n\n.sub-task,\n.subtasks {\n  background-color: #fff; }\n\n.task-drag-hovered {\n  background-color: #f3f3f3; }\n  .task-drag-hovered li,\n  .task-drag-hovered .content {\n    background-color: #f3f3f3; }\n\n.group-drag-hovered,\n.project-drag-hovered {\n  box-shadow: inset 0 0 0 1px #fff; }\n\n.settings {\n  background: #fff; }\n  .settings .tabs {\n    border-color: #ececec; }\n  .settings .personal-panel .settings-rank .hw-panel .hw-item .number {\n    color: #5a77bf; }\n  .settings .personal-panel .settings-rank .hw-panel #ranking {\n    color: #fd5d5f; }\n\n.popup {\n  background: #fff; }\n\n.inner-date {\n  color: #fff; }\n\n.i-1 {\n  fill: #fff;\n  opacity: 0.6; }\n\n.active .i-1 {\n  opacity: 1; }\n\n.i-1-1 {\n  fill: #fff; }\n\n.i-2,\n.i-2-1 {\n  fill: #aaa; }\n\n.active .i-2,\n.active .i-2-1 {\n  fill: #617fde; }\n\ndiv.option-item:hover .i-2-1,\ndiv > a:hover .i-2-1,\nli a:hover .i-2-1 {\n  fill: #617fde; }\n\n.i-3,\n.i-3-1 {\n  fill: #737373; }\n\n.active .i-3,\n.active .i-3-1,\n.selected-item .i-3,\n.selected-item .i-3-1 {\n  fill: #617fde; }\n\ndiv.option-item:hover .i-3,\ndiv > a:hover .i-3,\nli a:hover .i-3 {\n  fill: #fff; }\n\n.i-4 {\n  fill: #c7c7c7;\n  color: #c7c7c7; }\n\n.i-5,\n.i-6 {\n  fill: #c7c7c7;\n  color: #c7c7c7; }\n\n.active .i-5 {\n  fill: #617fde;\n  color: #617fde; }\n\n.duedate-overdue .i-5 {\n  fill: #fd5d5f;\n  color: #fd5d5f; }\n\ndiv > a:hover .i-5,\nli a:hover .i-5 {\n  fill: #617fde; }\n\n.active > .i-6 {\n  fill: #617fde;\n  color: #617fde; }\n\na:hover > .i-6 {\n  fill: #617fde; }\n\n.priority-low {\n  fill: #617fde; }\n\n.priority-medium {\n  fill: #ffc817; }\n\n.priority-high {\n  fill: #ff3180; }\n\n.tasks .ui-sortable-helper,\n.subtasks .ui-sortable-helper {\n  border-color: #ececec; }\n\n.tasks .ui-sortable-placeholder,\n.subtasks .ui-sortable-placeholder {\n  background-color: #5c7bc5 !important; }\n\n.show-more,\n.tl-loading {\n  border-top-color: #f3f3f3;\n  color: #617fde; }\n","/* ==========  Color Palettes  ========== */\n\n$white: #fff;\n$black: #000;\n$bistre: #333;\n$darkgrey: #737373;\n$manatee: #aaa;\n$red: #ff3180;\n$indigo: #617fde;\n\n// min-cal\n$bluegray: #5a76bc;\n$ballblue: #6e8df1;\n$cobalt: #9cb3ed;\n$vanilla: #ffc817;\n\n// tk-cal\n$paleorange: #fff2e2;\n$lightorange: #ffab3c;\n$lightgrayishblue: rgba(97, 127, 222, 0.2);\n$grayishblue: #eff2fb;\n\n\n$whitegray: #fdfdfd;\n\n$vwhitegray: #fcfcfc;\n\n$pink: #e86499;\n$tuftsblue: #8ea0cb;\n\n\n$brandeisblue: #6d8ee1;\n\n$steelblue: #5c7bc5;\n$ceruleanblue: #5a77bf;\n\n$orangered: #fd5d5f;\n$mediumseagreen: #3cc6cc;\n\n$mulberry: #e86499;\n$shamrock: #28e0bf;\n$springgreen: #49d498;\n$yellow: #ffefd8;\n\n$grey: #ddd;\n$cadetgrey: #ababab;\n$ashgrey: #f3f3f3;\n$platinum: #f7f7f7;\n$timberwolf: #ececec;\n$lavendergray: #c7c7c7;\n\n$whitelilac: #ebebeb;\n\n$disabled: #a8a8a8;\n\n$verylightgray: #fefefe;\n\n$lightwhite: #fafafa;\n\n$white4: rgba(225,225,225,0.4);\n$white6: rgba(225,225,225,0.6);\n$white8: rgba(225,225,225,0.8);\n\n$black05: rgba(0,0,0,.05);\n$black1: rgba(0,0,0,.1);\n$black2: rgba(0,0,0,.2);\n$black3: rgba(0,0,0,.3);\n$black4: rgba(0,0,0,.4);\n\n$grey15: rgba(243,243,243,0.6);\n\n// list color\n$l-color-0: transparent;\n$l-color-1: #90ABD6;\n$l-color-2: #499FB4;\n$l-color-3: #3CB878;\n$l-color-4: #7FDD81;\n$l-color-5: #C4E365;\n$l-color-6: #E864A8;\n$l-color-7: #FD5E5E;\n$l-color-8: #F3BB4C;\n$l-color-9: #FFE954;\n\n// priority color\n$priority-high: #ff3180;\n$priority-medium: #ffc817;\n$priority-low: #617fde;\n\n\n\n// activity\n$limegreen: #18d791;\n$softred: rgba(241, 89, 100,0.8);\n$moderateblue: rgba(100,132,213,0.8);\n\n$lightblack: rgba(0,0,0,0.1);\n\n$lightgray: rgba(0, 0, 0, 0.15);\n\n$blackwhite: #d3dbf3;\n$blackblue: #5a7bcf;\n\n$opacityindigo: rgba(97,127,222,0.1);\n$opacitywhite: rgba(255,255,255,0.3);","\n\n@import \"functions\";\n@import \"mixins\";\n@import \"color\";\n\n\n\n/* ========== background-color ========= */\n// base bg\n$base-bg: $white;\n\n// active bg color\n$base-active-bg: $indigo;\n$base-active-light-bg: $ashgrey;\n$base-alert-bg: $red;\n$base-disabled-bg: $disabled;\n\n// divider\n$base-divider-bg: $grey;\n\n\n\n/* ==========  font  ========== */\n\n// defined font size\n$body-font-size: rem-calc(14);\n$base-font-size-tny: rem-calc(12);\n$base-font-size-sml: rem-calc(13);\n$base-font-size-def: $body-font-size;\n$base-font-size-med: rem-calc(16);\n$base-font-size-mid: rem-calc(20);\n$base-font-size-lrg: rem-calc(22);\n\n// defined font color\n$base-font-color: $bistre; // 333 正常\n$base-font-color-primary: $bistre; //333 重要\n$base-font-color-secondary: $darkgrey; // 737373 次要\n$base-font-color-alert: $red; //  f15964 警告 提醒\n$base-font-color-info: $manatee; //aaa 消息信息\n$base-font-color-link: $indigo; \n$base-font-color-deepbg: $white; // fff 白色\n$base-font-color-title: $indigo; \n\n$base-font-color-info-title: $manatee; // aaa \n\n$base-font-color-holder: $lavendergray;// c7c7c7 \n\n\n$font-family: -apple-system,\".SFNSText-Regular\",\"Roboto\",\"Segoe UI\",\"Oxygen\",\"Ubuntu\",\"Cantarell\",\"Microsoft Yahei\",\"微软雅黑\",\"Helvetica Neue\",\"メイリオ\",\"ＭＳ Ｐゴシック\",Arial,sans-serif;\n\n\n$font-weight-normal: normal !default;\n$font-weight-bold: bold !default;\n\n$body-bg: $white !default;\n$body-font-color: $base-font-color;\n$body-font-family: $font-family !default;\n$body-font-weight: $font-weight-normal !default;\n$body-font-style: normal !default;\n\n$font-smoothing-webkit: antialiased !default;\n$font-smoothing-moz: grayscale !default;\n\n$base-font-size: 100% !default;\n$base-line-height: 1.5 !default;\n\n\n\n/* ==========  Media Query Ranges  ========== */\n\n$small-breakpoint:  460px  !default;\n$medium-breakpoint: 920px !default;\n$large-breakpoint:  1180px !default;\n$xlarge-breakpoint: 1920px !default;\n$popup-breakpoint:  610px  !default;\n\n$small-range:   (0, $small-breakpoint) !default;\n$medium-range:  ($small-breakpoint  + 1px, $medium-breakpoint) !default;\n$large-range:   ($medium-breakpoint + 1px, $large-breakpoint)  !default;\n$xlarge-range:  ($large-breakpoint  + 1px, $xlarge-breakpoint) !default;\n$popup-range:  (0, $popup-breakpoint)  !default;\n\n$screen: \"only screen\" !default;\n\n$popup-low: \"#{$screen} and (max-width:#{upper-bound($popup-range)})\" !default;\n\n$landscape: \"#{$screen} and (orientation: landscape)\" !default;\n$portrait: \"#{$screen} and (orientation: portrait)\" !default;\n\n$small-up: $screen !default;\n$small-only: \"#{$screen} and (max-width: #{upper-bound($small-range)})\" !default;\n\n$medium-up: \"#{$screen} and (min-width:#{lower-bound($medium-range)})\" !default;\n$medium-only: \"#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})\" !default;\n$medium-low: \"#{$screen} and (max-width:#{upper-bound($medium-range)})\" !default;\n\n$large-up: \"#{$screen} and (min-width:#{lower-bound($large-range)})\" !default;\n$large-only: \"#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})\" !default;\n$large-low: \"#{$screen} and (max-width:#{upper-bound($large-range)})\" !default;\n\n$xlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\n$xlarge-only: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)}) and (max-width:#{upper-bound($xlarge-range)})\" !default;\n\n$xxlarge-up: \"#{$screen} and (min-width:#{lower-bound($xlarge-range)})\" !default;\n\n$retina: (\n  \"#{$screen} and (min-device-pixel-ratio: 2)\",\n  \"#{$screen} and (min-resolution: 192dpi)\",\n  \"#{$screen} and (min-resolution: 2dppx)\"\n);\n\n/* ==========  /Media Query Ranges  ========== */\n\n// grid\n$grid-left-width: rem-calc(260);\n$grid-right-width: rem-calc(460);\n\n$grid-left-bg: $base-active-bg;\n\n\n//We use this as cursors values for enabling the option of having custom cursors in the whole site's stylesheet\n$cursor-auto-value: auto !default;\n$cursor-crosshair-value: crosshair !default;\n$cursor-default-value: default !default;\n$cursor-disabled-value: not-allowed !default;\n$cursor-pointer-value: pointer !default;\n$cursor-help-value: help !default;\n$cursor-text-value: text !default;\n\n// border\n$base-border-color: $timberwolf;\n\n$base-focus-border-color: $indigo;\n$base-focus-border: 1px solid $base-focus-border-color;\n\n$base-border-style: 1px solid;\n\n$base-border: 1px solid $base-border-color;\n$base-border-radius: rem-calc(4);\n$global-radius: $base-border-radius;\n$list-border-width: $base-border-radius;\n\n$input-base-border-color: $grey;\n\n\n// box-shadow\n$base-box-shadow: 0 6px 20px rgba(0,0,0,.15) !default;\n$base-pop-shadow: 0 12px 40px rgba(0,0,0,.3) !default;\n$base-input-box-shadow: 0 0 8px rgba(0, 0, 0, 0.06) !default;\n\n$pop-box-shdow: 0 7px 18px rgba(0, 0, 0, 0.12);\n$pop-down-box-shdow: 0 -7px 18px rgba(0, 0, 0, 0.12);\n\n// float\n$default-float: left !default;\n$opposite-direction: right !default;\n\n\n// main padding\n$col-padding: rem-calc(20);\n$row-padding: rem-calc(10);\n\n// z-index master list\n$zindex-1:            1 !default;\n$zindex-2:            2 !default;\n$zindex-3:            3 !default;\n\n$zindex-navbar:            1000 !default;\n$zindex-dropdown:          1000 !default;\n$zindex-popover:           1060 !default;\n$zindex-tooltip:           1070 !default;\n$zindex-navbar-fixed:      1030 !default;\n$zindex-modal-background:  1040 !default;\n$zindex-loadview:          1045 !default;\n$zindex-modal:             1050 !default;\n$zindex-drag:              1080 !default;\n\n// icon size\n$base-icon-size: rem-calc(24);\n\n$small-icon-size: rem-calc(14);\n\n$li-line-height: rem-calc(36) !default; \n\n// avatar size\n$avatar-size-sml: rem-calc(16);\n$avatar-size: rem-calc(36);\n$avatar-size-lrg: rem-calc(60);\n\n\n$base-transition-duration: .2s;\n$base-transition-timing-function: ease;\n\n\n$base-list-padding-t-b: rem-calc(5);\n// select list\n$base-list-padding: $base-list-padding-t-b 0;\n\n$base-modal-padding: rem-calc(24);\n","// Reset\nhtml, body, div, span, object, i,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section, summary,\ntime, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  outline: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: middle;\n}\n/* HTML5 display-role reset for older browsers */\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n  display: block;\n}\n\nol, ul, li {\n  list-style: none;\n}\nblockquote, q {\n  quotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n  content: '';\n  content: none;\n}\n\ncaption,\nth {\n  text-align: left;\n}\n\nins {\n  text-decoration: none;\n}\ndel {\n  text-decoration: line-through;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\nol li {\n  list-style-type: decimal;\n\n  &:focus {\n    outline: 0;\n  }\n}\n\ninput, \ntextarea, \n*[contenteditable] {\n  -moz-user-select: text;\n  -webkit-user-select: text;\n  -ms-user-select: text;\n}\n\na,\nstrong {\n  vertical-align: initial;\n  vertical-align: auto; // ie\n}\n\n// disabled ie10+ clear button\ninput::-ms-clear {\n    display: none;\n}\n\na {\n  text-decoration: none;\n  &:hover {\n    cursor: $cursor-pointer-value;\n    text-decoration: none;\n  }\n  &:hover, &:active {\n    outline: 0;\n  }\n}","// header font styles\n$header-font-family: $body-font-family !default;\n$header-font-weight: $font-weight-normal !default;\n$header-font-style: normal !default;\n$header-font-color: $bistre !default;\n$header-line-height: $base-line-height !default;\n$header-text-rendering: optimizeLegibility !default;\n\n// header font sizes\n$h1-font-size: rem-calc(30) !default;\n$h2-font-size: rem-calc(25) !default;\n$h3-font-size: $base-font-size-lrg !default;\n$h4-font-size: $base-font-size-lrg !default;\n$h5-font-size: $base-font-size-lrg !default;\n$h6-font-size: $base-font-size-tny !default;\n\n// style paragraphs\n$paragraph-font-family: $body-font-family !default;\n$paragraph-font-weight: $font-weight-normal !default;\n$paragraph-font-size: $body-font-size !default;\n$paragraph-line-height: $base-line-height !default;\n$paragraph-text-rendering: optimizeLegibility !default;\n\n// A general <small> styling\n$small-font-size: $base-font-size-tny !default;\n$small-font-color: $ashgrey !default;\n\n\n// Must be 100% for off canvas to work\nhtml, body { height: 100%; }\n\n// Set box-sizing globally to handle padding and border widths\n*,\n*:before,\n*:after {\n  box-sizing: border-box;\n}\n\nhtml { font-size: $base-font-size; }\n\n// Default body styles\nbody {\n  font-family: $body-font-family;\n  font-size: $body-font-size;\n  font-style: $body-font-style;\n  font-weight: $body-font-weight;\n  line-height: $base-line-height; // Set to $base-line-height to take on browser default of 150%\n  -webkit-font-smoothing: $font-smoothing-webkit;\n  -moz-osx-font-smoothing: $font-smoothing-moz;\n  margin: 0;\n  padding: 0;\n  position: relative;\n  height: 100%;\n}\n\n// Grid Defaults to get images and embeds to work properly\nimg { max-width: 100%; height: auto; }\n\nimg { -ms-interpolation-mode: bicubic; }\n\n// Get rid of gap under images by making them display: inline-block; by default\nimg {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n\n\n//\n// Typography Placeholders\n//\n\n/* Default header styles */\nh1, h2, h3, h4, h5, h6 {\n  font-family: $header-font-family;\n  font-style: $header-font-style;\n  font-weight: $header-font-weight;\n  line-height: $header-line-height;\n  text-rendering: $header-text-rendering;\n\n  small {\n    color: $small-font-color;\n    font-size: $small-font-size;\n  }\n}\n\nh1 { font-size: $h1-font-size; }\nh2 { font-size: $h2-font-size; }\nh3 { font-size: $h3-font-size; }\nh4 { font-size: $h4-font-size; }\nh5 { font-size: $h5-font-size; }\nh6 { font-size: $h6-font-size; }\n\n/* Default paragraph styles */\np {\n  font-family: $paragraph-font-family;\n  font-size: $paragraph-font-size;\n  font-weight: $paragraph-font-weight;\n  // line-height: $paragraph-line-height;\n  text-rendering: $paragraph-text-rendering;\n}\n\nstrong {\n  color: $base-font-color-primary;\n  font-weight: $font-weight-bold;\n  line-height: inherit;\n}\n\nsmall {\n  font-size: $small-font-size;\n  line-height: inherit;\n}\n\n// Make sure textarea takes on height automatically\ntextarea { min-height: rem-calc(30); }\n\n// Make select elements 100% width by default\nselect { width: 100%; }\n\ninput,\ntextarea {\n  font-family: $body-font-family;\n}\n","$c-width: 80%;\n\n$section-padding: rem-calc(20);\n$row-padding: rem-calc(10) 0;\n\n$col-width: 100%;\n$col-2-width: 50%;\n$col-3-width: 33%;\n$col-4-width: 25%;\n$col-5-width: 20%;\n\n.container {\n    width: $c-width;\n    margin: auto;\n}\n\n.section {\n    padding: $section-padding;\n}\n\n.row {\n    padding: $row-padding;\n    display: block;\n}\n\n.col {\n    float: left;\n    width: $col-width;\n\n    &.col-2 {\n        width: $col-2-width;\n    }\n\n    &.col-3 {\n        width: $col-3-width;\n    }\n\n    &.col-4 {\n        width: $col-4-width;\n    }\n\n    &.col-5 {\n        width: $col-5-width;\n    }\n}","/* 定义一些全局的 class */\n\n\n/* 大小规则 .xx-tny, .xx-sml, .xx-med, .xx-lrg\n *\n * button: .btn-tny 26, .btn-sml 30, .btn-med 36, .btn-lrg\n * text: .text-tny 12, .text-sml 13, .text-med 16, .text-lrg 22\n * icon tny 14 sml 18 med 32 lrg 40\n * line: .line-sml 8\n */\n\n// font-size class\n.text-tny {\n  font-size: $base-font-size-tny;\n}\n\n.text-sml {\n  font-size: $base-font-size-sml;\n}\n\n.text-def {\n  font-size: $base-font-size-def;\n}\n\n.text-med {\n  font-size: $base-font-size-med;\n}\n\n.text-lrg {\n  font-size: $base-font-size-lrg;\n}\n\n// icon size tny 14 sml 18 med 24\n.i-tny {\n    width: 14px;\n    height: 14px;\n}\n.i-sml {\n    width: 24px;\n    height: 24px;\n}\n.i-med {\n    width: 32px;\n    height: 32px;\n}\n\n.i-lrg {\n  width: 40px;\n  height: 40px;\n}\n\n\n.left { float: left; }\n.right { float: right; }\n.clearfix { @include clearfix; }\n\n.hide,\n.hidden {\n  display: none ;\n}\n\n.invisible { \n  visibility: hidden; \n}\n\n// Font smoothing\n// Antialiased font smoothing works best for light text on a dark background.\n// Apply to single elements instead of globally to body.\n// Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.\n.antialiased {\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.divider {\n  height: 1px;\n  width: 100%;\n}\n\n.shadow {\n  border: $base-border;\n  box-shadow: $base-box-shadow;\n  border-radius: $base-border-radius;\n}\n","\n@mixin centerX {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n@mixin centerY {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n@mixin center {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n@mixin ellipsis {\n  max-width: 100%;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n// fix inline-block ele bug\n@mixin inlineblockfix {\n  font-size: 0;\n}\n\n//clear floats\n@mixin clearfix {\n  &:before, &:after { content: \" \"; display: table; }\n  &:after { clear: both; }\n}\n\n// \n@mixin liheight($height) {\n  height: $height;\n  line-height: $height;\n}\n\n@mixin minliheight($height) {\n  min-height: $height;\n  line-height: $height;\n}\n\n// \n@mixin single-transition($property:all, $speed:300ms, $ease:ease-out) {\n  transition: $property $speed $ease;\n}\n\n// create isosceles triangles\n// $triangle-size - Used to set border-size. No default, set a px or em size.\n// $triangle-color - Used to set border-color which makes up triangle. No default\n// $triangle-direction - Used to determine which direction triangle points. Options: top, bottom, left, right\n@mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {\n  border: inset $triangle-size;\n  content: \"\";\n  display: block;\n  height: 0;\n  width: 0;\n  @if ($triangle-direction == top) {\n    border-color: $triangle-color transparent transparent transparent;\n    border-top-style: solid;\n  }\n  @if ($triangle-direction == bottom) {\n    border-color: transparent transparent $triangle-color transparent;\n    border-bottom-style: solid;\n  }\n  @if ($triangle-direction == left) {\n    border-color: transparent transparent transparent $triangle-color;\n    border-left-style: solid;\n  }\n  @if ($triangle-direction == right) {\n    border-color: transparent $triangle-color transparent transparent;\n    border-right-style: solid;\n  }\n}\n\n// create the icon with three lines aka the hamburger icon, the menu-icon or the navicon\n// $width - Width of hamburger icon in rem\n// $left - If false, icon will be centered horizontally || explicitly set value in rem\n// $top - If false, icon will be centered vertically || explicitly set value in rem\n// $thickness - thickness of lines in hamburger icon, set value in px\n// $gap - spacing between the lines in hamburger icon, set value in px\n// $color - icon color\n// $hover-color - icon color during hover\n// $offcanvas - Set to true of @include in offcanvas\n@mixin hamburger($width, $left, $top, $thickness, $gap, $color, $hover-color, $offcanvas) {\n  span::after {\n    content: \"\";\n    display: block;\n    height: 0;\n    position: absolute;\n\n    @if $offcanvas {\n      @if $top {\n        top: $top;\n      }\n      @else {\n        top: 50%;\n        margin-top: (-$width/2);\n      }\n      @if $left {\n        left: $left;\n      }\n      @else {\n        left: (rem-calc(50) - $width)/2;\n      }\n    }\n    @else {\n      top: 50%;\n      #{$opposite-direction}: 15px;\n    }\n\n    box-shadow:\n      0 0 0 $thickness $color,\n      0 $gap + $thickness 0 $thickness $color,\n      0 (2 * $gap + 2*$thickness) 0 $thickness $color;\n    width: $width;\n  }\n  span:hover:after {\n    box-shadow:\n      0 0 0 $thickness $hover-color,\n      0 $gap + $thickness 0 $thickness $hover-color,\n      0 (2 * $gap + 2*$thickness) 0 $thickness $hover-color;\n  }\n}","//\n// @variables\n\n$primary-color: $indigo !default;\n$secondary-color: $whitelilac !default;\n$alert-color: $red !default;\n$normal-color: $white;\n\n$button-transition-duration: .2s;\n$button-transition-timing-function: ease;\n\n// all buttons min width\n$button-min-width: rem-calc(100) !default;\n\n// all buttons padding right and left\n$button-padding-rl: rem-calc(12) !default;\n\n// padding top and bottom for buttons.\n$button-tny: rem-calc(7) !default;\n$button-sml: rem-calc(8) !default;\n$button-med: rem-calc(11) !default;\n$button-lrg: rem-calc(13) !default;\n\n// the display property.\n$button-display: inline-block !default;\n$button-margin-bottom: rem-calc(0) !default;\n\n// button text styles.\n$button-font-family: $body-font-family !default;\n$button-font-color: $white !default;\n\n$button-font-tny: $base-font-size-sml !default;\n$button-font-sml: $body-font-size !default;\n$button-font-med: $body-font-size !default;\n$button-font-lrg: $body-font-size !default;\n$button-font-weight: $font-weight-normal !default;\n$button-font-align: center !default;\n\n// hover effects.\n$button-function-factor: -5% !default;\n\n// active / keypress effects\n$button-active-function-factor: -20% !default;\n\n// We use these to control button border styles.\n$button-border-width: 0 !default;\n$button-border-style: solid !default;\n\n$button-bg-color: $primary-color !default;\n$button-bg-hover: scale-color($button-bg-color, $lightness: $button-function-factor) !default;\n$button-bg-active: scale-color($button-bg-color, $lightness: $button-active-function-factor) !default;\n\n\n$secondary-button-bg-color: $secondary-color !default;\n$secondary-button-bg-hover: scale-color($secondary-color, $lightness: $button-function-factor) !default;\n$secondary-button-bg-active: scale-color($secondary-color, $lightness: $button-active-function-factor) !default;\n$secondary-button-font-color: $bistre !default;\n\n$alert-button-bg-color: $alert-color !default;\n$alert-button-bg-hover: scale-color($alert-color, $lightness: $button-function-factor) !default;\n$alert-button-bg-active: scale-color($alert-color, $lightness: $button-active-function-factor) !default;\n\n$normal-button-bg-color: $normal-color;\n$normal-button-bg-hover: scale-color($normal-button-bg-color, $lightness: $button-function-factor) !default;\n$normal-button-bg-active: scale-color($normal-button-bg-color, $lightness: $button-active-function-factor) !default;\n$normal-button-font-color: $base-font-color-info;\n\n\n// the default radius used throughout the core.\n$button-radius: $global-radius !default;\n$button-round: $global-radius !default;\n\n// set default opacity and cursor for disabled buttons.\n$button-disabled-opacity: .7 !default;\n$button-disabled-cursor: $cursor-default-value !default;\n\n\n//\n// @MIXIN\n//\n// We use this mixin to create a default button base.\n//\n// $style - Sets base styles. Can be set to false. Default: true.\n// $display - Used to control display property. Default: $button-display || inline-block\n\n@mixin button-base($display:$button-display) {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    box-shadow: none;\n    border-radius:$button-radius;\n    border-style: $button-border-style;\n    border-width: $button-border-width;\n    padding-left: $button-padding-rl;\n    padding-right: $button-padding-rl;\n    min-width: $button-min-width;\n    cursor: $cursor-pointer-value;\n    font-family: $button-font-family;\n    font-weight: $button-font-weight;\n    line-height: 1;\n    margin: 0 0 $button-margin-bottom;\n    position: relative;\n    text-align: $button-font-align;\n    text-decoration: none;\n    outline: none;\n    color: $button-font-color;\n  @if $display { display: $display; }\n}\n\n// @MIXIN\n//\n// We use this mixin to add button size styles\n//\n// $padding - Used to build padding for buttons Default: $button-med ||= rem-calc(12)\n\n@mixin button-size($padding:$button-med) {\n\n  // We control which padding styles come through\n  padding-top: $padding;\n  padding-bottom: $padding;\n  // We control the font-size based on mixin input.\n  @if      $padding == $button-med { font-size: $button-font-med;}\n  @else if $padding == $button-tny { font-size: $button-font-tny; }\n  @else if $padding == $button-sml { font-size: $button-font-sml; }\n  @else if $padding == $button-lrg { font-size: $button-font-lrg; }\n\n}\n\n// @MIXIN\n//\n// we use this mixin to create the button hover and border colors\n\n// @MIXIN\n//\n// We use this mixin to add button color styles\n//\n// $bg - Background color. We can set $bg:false for a transparent background. Default: $primary-color.\n// $radius - If true, set to button radius which is $button-radius || explicitly set radius amount in px (ex. $radius:10px). Default: false\n// $disabled - We can set $disabled:true to create a disabled transparent button. Default: false\n// $bg-hover - Button Hover Background Color. Default: $button-bg-hover\n@mixin button-style($bg:$button-bg-color, $disabled:false, $bg-hover:$button-bg-hover, $bg-active:$button-bg-active, $color:$button-font-color) {\n\n  color: $color;\n  // We control which background styles are used,\n  // these can be removed by setting $bg:false\n    \n  background-color: $bg;\n\n  @if $disabled == false {\n    &:hover,\n    &:focus { background-color: $bg-hover; }\n    &:active { background-color: $bg-active; }\n  }\n\n  // We can set $disabled:true to create a disabled transparent button.\n  @if $disabled {\n    cursor: $button-disabled-cursor;\n    opacity: $button-disabled-opacity;\n  }\n\n}\n\n\n// class\nbutton, .button, .btn {\n  @include button-base;\n  @include button-size;\n  @include button-style;\n\n  @include single-transition(background-color, $button-transition-duration, $button-transition-timing-function);\n\n  &.btn-primary { @include button-style($bg:$button-bg-color, $bg-hover:$button-bg-hover, $bg-active: $button-bg-active); }\n  &.btn-secondary,\n  &.btn-cancel { @include button-style($bg:$secondary-button-bg-color, $bg-hover:$secondary-button-bg-hover, $bg-active: $secondary-button-bg-active, $color: $secondary-button-font-color); }\n  &.btn-alert { @include button-style($bg:$alert-button-bg-color, $bg-hover:$alert-button-bg-hover, $bg-active: $alert-button-bg-active); }\n\n  &.btn-normal { @include button-style($bg:$normal-button-bg-color, $bg-hover:$normal-button-bg-hover, $bg-active: $normal-button-bg-active, $color: $normal-button-font-color); }\n  \n  &.btn-tny   { @include button-size($padding:$button-tny); }\n  &.btn-sml  { @include button-size($padding:$button-sml); }\n  &.btn-med   { @include button-size($padding:$button-med); }\n  &.btn-lrg  { @include button-size($padding:$button-lrg); }\n\n  &.disabled, &[disabled] { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover);\n    &.btn-primary { @include button-style($bg:$button-bg-color, $disabled:true, $bg-hover:$button-bg-hover); }\n    &.btn-cancel { @include button-style($bg:$secondary-button-bg-color, $disabled:true, $color: $secondary-button-font-color); }\n    &.btn-alert { @include button-style($bg:$alert-button-bg-color, $disabled:true, $bg-hover:$alert-button-bg-hover); }\n  }\n}\n\n//firefox 2px fix\nbutton::-moz-focus-inner {border:0; padding:0;}\n","$form-spacing: rem-calc(16) !default;\n$input-padding-rl: rem-calc(12) !default;\n$input-padding-tb: rem-calc(8) !default;\n$input-placeholder-font-color: $base-font-color-holder !default;\n$input-border-color: $input-base-border-color;\n$input-focus-border-color: $base-focus-border-color !default;\n$input-border-radius: $base-border-radius !default;\n$input-disabled-bg: $base-disabled-bg !default;\n$input-disabled-cursor: $cursor-default-value !default;\n$input-box-shadow: $base-input-box-shadow !default;\n$input-height: $li-line-height;\n\n\n$input-tny: rem-calc(5) !default;\n$input-sml: rem-calc(7) !default;\n$input-med: rem-calc(8) !default;\n$input-lrg: rem-calc(11) !default;\n\n\n$input-size-tny: rem-calc(28);\n$input-size-sml: rem-calc(30);\n$input-size-med: rem-calc(32);\n$input-size-lrg: rem-calc(36);\n\n\n$alert-input-border-color: $red;\n$alert-input-focus-border-color: $red !default;\n\n\n@mixin input-placeholder($color) {\n  // style placeholder text cross browser\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder { /* Firefox 18- */\n     color: $color;\n  }\n\n  ::-moz-placeholder {  /* Firefox 19+ */\n     color: $color;\n  }\n\n  :-ms-input-placeholder {\n     color: $color !important;\n  }\n}\n\n\n@include input-placeholder($input-placeholder-font-color);\n\n\n@mixin input-base() {\n    padding-left: $input-padding-rl;\n    padding-right: $input-padding-rl;\n    border: $base-border-style;\n    outline: 0;\n    border-radius: 2px;\n    font-size: $body-font-size;\n}\n\n@mixin input-size($size:$input-size-med) {\n    height: $size;\n    // line-height: $size;\n}\n\n@mixin input-style($bd-color:$input-border-color, $focus-bd-color:$input-focus-border-color, $disabled:false) {\n  border-color: $bd-color;\n\n  &.focus, \n  &:focus {\n    outline: 0;\n    border-color: $focus-bd-color;\n  }\n\n  @if $disabled {\n    cursor: $input-disabled-cursor;\n    &:focus { border-color: $bd-color; }\n  }\n\n}\n\ninput {\n  @include input-base;\n  @include input-size;\n  @include input-style;\n\n  &.input-tny   { @include input-size($size:$input-size-tny); }\n  &.input-sml  { @include input-size($size:$input-size-sml); }\n  &.input-med   { @include input-size($size:$input-size-med); }\n  &.input-lrg  { @include input-size($size:$input-size-lrg); }\n\n  &.input-alert,\n  &.input-error { @include input-style($bd-color:$alert-input-border-color, $focus-bd-color:$alert-input-focus-border-color); }\n\n  &.disabled, &[disabled] { @include input-style($bd-color:$input-border-color, $focus-bd-color:$input-focus-border-color, $disabled:true); }\n\n}\n\ninput[type=\"submit\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  border-radius: 0;\n}\n\n/* Respect enforced amount of rows for textarea */\ntextarea[rows] {\n  height: auto;\n}\n\n/* Not allow resize out of parent */\ntextarea {\n  max-width: 100%;\n}\n\n// ba ga\ntextarea.input-fake {\n  @include input-base;\n  @include input-style;\n  padding-top: $input-sml;\n  padding-bottom: $input-sml;\n}\n\n\n/* Adjust margin for form elements below */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"],\nselect {\n  margin: 0 0 $form-spacing 0;\n  height: auto;\n}\n\ninput[type=\"checkbox\"] + label,\ninput[type=\"radio\"] + label {\n  display: inline-block;\n  margin-#{$default-float}: $form-spacing * .5;\n  margin-bottom: 0;\n  line-height: 1;\n}\n\n/* Normalize file input */\ninput[type=\"file\"] {\n  width: 1000px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: -400px;\n  opacity: 0;\n  padding: 0;\n  cursor: pointer;\n  -ms-filter: 'alpha(opacity=0)';\n}\n\n// fix ios bug\n.ios {\n  input, textarea, select {\n     -webkit-appearance: none;\n  }\n}\n","// based on Foundation\n\n// Dropdown menus\n// --------------------------------------------------\n\n//** Width of the `border` for generating carets that indicator dropdowns.\n$caret-width-base:          4px !default;\n\n//** Background for the dropdown menu.\n$dropdown-bg:                    $body-bg !default;\n//** Dropdown menu `border-color`.\n$dropdown-border:                $base-border-color !default;\n\n//** Divider color for between dropdown items.\n$dropdown-divider-bg:            $base-divider-bg !default;\n\n$dropdown-default-color:         $base-font-color-primary !default;\n\n//** Hover color for dropdown links.\n$dropdown-link-hover-color:      $base-font-color-deepbg !default;\n//** Hover background for dropdown links.\n$dropdown-link-hover-bg:         $base-active-bg !default;\n\n//** Active dropdown menu item text color.\n$dropdown-link-active-color:     $base-font-color-deepbg !default;\n//** Active dropdown menu item background color.\n$dropdown-link-active-bg:        $base-active-bg !default;\n\n//** Disabled dropdown menu item background color.\n$dropdown-link-disabled-color:   $disabled !default;\n\n// drop menu list\n$drop-item-height: rem-calc(32);\n$drop-item-max-width: rem-calc(186);\n$drop-item-min-width: rem-calc(110);\n$drop-item-padding: 0 rem-calc(18);\n$drop-item-tny-padding: 0 rem-calc(10);\n// 只有icon\n$drop-item-icon-only-padding: 0 rem-calc(10);\n\n$drop-list-max-height: $drop-item-height * 8 + $base-list-padding-t-b * 2 + rem-calc(2); // 2px border\n\n$drop-item-icon-margin-left: 0;\n$drop-item-icon-margin-right: rem-calc(6);\n\n// font size \n$drop-item-font-size: rem-calc(13);\n\n\n\n\n// Dropdown arrow/caret\n.caret {\n  display: inline-block;\n  width: 0;\n  height: 0;\n  margin-left: 2px;\n  vertical-align: middle;\n  border-top:   $caret-width-base dashed;\n  border-top:   $caret-width-base solid \\9; // IE8\n  border-right: $caret-width-base solid transparent;\n  border-left:  $caret-width-base solid transparent;\n}\n\n// The dropdown wrapper (div)\n.dropup,\n.dropdown {\n  position: relative;\n}\n\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle:focus {\n  outline: 0;\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n  display: none; // none by default, but block on \"open\" of the menu\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: $zindex-dropdown;\n  float: left;\n  max-height: $drop-list-max-height;\n  overflow: auto;\n  overflow-x: hidden;\n  padding: $base-list-padding-t-b 0;\n  list-style: none;\n  text-align: left;\n  background-color: $dropdown-bg;\n  border: 1px solid $dropdown-border;\n  border-radius: $base-border-radius;\n  box-shadow: $base-box-shadow;\n\n  // Aligns the dropdown menu to right\n  &.pull-right {\n    right: 0;\n    left: auto;\n  }\n\n  // Dividers (basically an hr) within the dropdown\n  .divider {\n    height: 1px;\n    margin: $base-list-padding-t-b 0;\n    overflow: hidden;\n    background-color: $dropdown-divider-bg;\n  }\n\n  // Links within the dropdown menu\n   li > a {\n    position: relative;\n    display: block;\n    padding: $drop-item-padding;\n    clear: both;\n    font-weight: normal;\n    @include liheight($drop-item-height);\n    @include ellipsis();\n    max-width: $drop-item-max-width;\n    min-width: $drop-item-min-width;\n    color: $dropdown-default-color;\n    font-size: $drop-item-font-size;\n  }\n\n  &.dropdown-tny {\n     li > a {\n        min-width:initial;\n        min-width: auto;\n        padding: $drop-item-tny-padding;\n    }\n  }\n\n  // icon-text-icon\n  &.i-text-i {\n     li > a {\n        max-width: rem-calc(280);\n        min-width: rem-calc(216);\n        padding-left: rem-calc(12);\n        padding-right: rem-calc(24);\n    }\n  }\n\n  // icon-text\n  &.i-text {\n     li > a {\n        padding-left: rem-calc(12);\n        padding-right: rem-calc(24);\n    }\n  }\n\n  &.dropdown-group {\n     li > a {\n        padding-right: rem-calc(40);\n    } \n  }\n\n  [class^=\"icon-\"],\n  [class*=\" icon-\"] {\n    margin-left: $drop-item-icon-margin-left;\n    margin-right: $drop-item-icon-margin-right;\n    margin-bottom: rem-calc(4);\n  }\n\n  &.icon-only {\n     li > a {\n      padding: $drop-item-icon-only-padding;\n\n      [class^=\"icon-\"],\n      [class*=\" icon-\"] {\n        margin: 0;\n        margin-bottom: rem-calc(3);\n      }\n    }\n\n    left: rem-calc(-11);\n  }\n\n  .direct {\n    width: $small-icon-size;\n    height: $small-icon-size;\n    right: rem-calc(10);\n    top: rem-calc(10);\n  }\n}\n\n// Active state\n.dropdown-menu .active > a {\n  & {\n    text-decoration: none;\n    outline: 0;\n    color: $dropdown-link-active-bg;\n  }\n\n    .text-primary,\n    .text-secondary,\n    strong {\n        color: $dropdown-link-active-bg;\n    }\n}\n\n// Hover/Focus state\n.dropdown-menu li > a {\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    color: $dropdown-link-hover-color;\n    background-color: $dropdown-link-hover-bg;\n\n  }\n\n  &:hover,\n  &:focus {\n    .text-primary,\n    .text-secondary,\n    strong {\n        text-decoration: none;\n        color: $dropdown-link-hover-color;\n        background-color: $dropdown-link-hover-bg;\n    }\n  }\n}\n\n// Disabled state\n//\n// Gray out text and ensure the hover/focus state remains gray\n\n.dropdown-menu .disabled > a {\n  &,\n  &:hover,\n  &:focus {\n    color: $dropdown-link-disabled-color;\n  }\n\n  // Nuke hover/focus effects\n  &:hover,\n  &:focus {\n    text-decoration: none;\n    background-color: transparent;\n    background-image: none; // Remove CSS gradient\n    cursor: $cursor-disabled-value;\n  }\n}\n\n// Open state for the dropdown\n.open {\n  // Show the menu\n  .dropdown-menu {\n    display: block;\n  }\n\n  // Remove the outline when :focus is triggered\n  > a {\n    outline: 0;\n  }\n}\n\n// Menu positioning\n//\n// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown\n// menu with the parent.\n.dropdown-menu-right {\n  left: auto; // Reset the default from `.dropdown-menu`\n  right: 0;\n}\n// With v3, we enabled auto-flipping if you have a dropdown within a right\n// aligned nav component. To enable the undoing of that, we provide an override\n// to restore the default dropdown menu alignment.\n//\n// This is only for left-aligning a dropdown menu within a `.navbar-right` or\n// `.pull-right` nav component.\n.dropdown-menu-left {\n  left: 0;\n  right: auto;\n}\n\n// Dropdown section headers\n.dropdown-header {\n  display: block;\n  padding: 3px 20px;\n  line-height: $li-line-height;\n  white-space: nowrap; // as with > li > a\n}\n\n// Backdrop to catch body clicks on mobile, etc.\n.dropdown-backdrop {\n  position: fixed;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  top: 0;\n  z-index: ($zindex-dropdown - 10);\n}\n\n// Right aligned dropdowns\n.pull-right .dropdown-menu {\n  right: 0;\n  left: auto;\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n//\n// Just add .dropup after the standard .dropdown class and you're set, bro.\n\n.dropup {\n  // Reverse the caret\n  .caret {\n    border-top: 0;\n    border-bottom: $caret-width-base dashed;\n    content: \"\";\n  }\n\n  // Different positioning for bottom up menu\n  .dropdown-menu {\n    top: auto;\n    bottom: 100%;\n    margin-bottom: 8px;\n  }\n}\n","\n\n// background color for the switch container\n$switch-bg: $lavendergray !default;\n\n// the switch heights for our default classes\n$switch-height-tny: rem-calc(15) !default;\n$switch-height-sml: rem-calc(20) !default;\n$switch-height-med: rem-calc(30) !default;\n$switch-height-lrg: rem-calc(35) !default;\n\n// the switch-paddle\n$switch-paddle-bg: $base-bg !default;\n$switch-paddle-transition-speed: .15s !default;\n$switch-paddle-transition-ease: ease-out !default;\n$switch-active-color: $base-active-bg !default;\n\n$switch-paddle-offset: rem-calc(4);\n\n\n//\n// @mixins\n//\n\n// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed.\n// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease.\n@mixin switch-base(\n  $transition-speed:$switch-paddle-transition-speed,\n  $transition-ease:$switch-paddle-transition-ease) {\n\n  border: none;\n  outline: 0;\n  padding: 0;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n\n  // Default label styles for type and transition\n  label {\n    background: $switch-bg;\n    color: transparent;\n    cursor: pointer;\n    display: block;\n    // margin-bottom: ($switch-height-med / 2);\n    position: relative;\n    text-indent: 100%;\n    width: $switch-height-med * 2;\n    height: $switch-height-med;\n    vertical-align: middle;\n\n    // Transition for the switch label to follow paddle\n    @include single-transition(left, $transition-speed, $transition-ease);\n  }\n\n  // So that we don't need to recreate the form with any JS, we use the\n  // existing checkbox or radio button, but we cleverly position and hide it.\n  input {\n    position: absolute;\n    top: rem-calc(9);\n    left: rem-calc(10);\n    opacity: 0;\n    padding:0;\n\n    & + label { margin-left: 0; margin-right: 0; }\n  }\n\n  // The paddle for the switch is created from an after psuedoclass\n  // content element. This is sized and positioned, and reacts to\n  // the state of the input.\n\n  label:after {\n    background: $switch-paddle-bg;\n    content: \"\";\n    display: block;\n    position: absolute;\n    top: $switch-paddle-offset / 2;\n    left: $switch-paddle-offset / 2;\n    height: $switch-height-med - $switch-paddle-offset;\n    width: $switch-height-med - $switch-paddle-offset;\n\n    transition: left $transition-speed $transition-ease;\n\n    transform: translate3d(0,0,0);\n  }\n\n  input:checked + label {\n    background: $switch-active-color;\n  }\n\n  input:checked + label:after {\n    left: $switch-height-med + $switch-paddle-offset / 2;\n  }\n}\n\n// create the size styles for switches.\n//\n// $height - Height (in px) of the switch. Default: $switch-height-med.\n// $line-height - Line height of switch. Default: 2.3rem.\n@mixin switch-size($height: $switch-height-med) {\n\n  label {\n    height: $height;\n    width: $height * 2;\n  }\n\n  label:after {\n    height: $height - $switch-paddle-offset;\n    width: $height - $switch-paddle-offset;\n  }\n\n  input:checked + label:after {\n    left: $height + $switch-paddle-offset / 2;\n  }\n\n}\n\n// add color and other fanciness to the switches.\n//\n// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg.\n// $active-color - Background color of positive side of switch. Default: $switch-positive-color.\n// $negative-color - Background color of negative side of switch. Default: $switch-negative-color.\n// $radius - Radius to apply to switch. Default: false.\n// $base-style - Apply base styles? Default: true.\n@mixin switch-style(\n  $paddle-bg:$switch-paddle-bg,\n  $active-color:$switch-active-color,\n  $radius:false,\n  $base-style:true) {\n\n  @if $base-style {\n\n    label {\n      color: transparent;\n      background: $switch-bg;\n    }\n\n    label:after {\n      background: $paddle-bg;\n    }\n\n    input:checked + label {\n      background: $active-color;\n    }\n  }\n\n  // Setting up the radius for switches\n  @if $radius == true {\n    label {\n      border-radius: rem-calc(32);\n    }\n    label:after {\n      border-radius: rem-calc(32);\n    }\n  }\n  @else if $radius {\n    label {\n      border-radius: $radius;\n    }\n    label:after {\n      border-radius: $radius;\n    }\n  }\n\n}\n\n// create switches with a single mixin\n//\n// $transition-speed - Time in ms for switch to toggle. Default: $switch-paddle-transition-speed.\n// $transition-ease - Easing function to use for animation (i.e. ease-out). Default: $switch-paddle-transition-ease.\n// $height - Height (in px) of the switch. Default: $switch-height-med.\n// $paddle-bg - Background of switch paddle. Default: $switch-paddle-bg.\n// $active-color - Background color of an active switch. Default: $switch-active-color.\n// $radius - Radius to apply to switch. Default: false.\n// $base-style - Apply base styles? Default: true.\n@mixin switch(\n  $transition-speed: $switch-paddle-transition-speed,\n  $transition-ease: $switch-paddle-transition-ease,\n  $height: $switch-height-med,\n  $paddle-bg: $switch-paddle-bg,\n  $active-color: $switch-active-color,\n  $radius:false,\n  $base-style:true) {\n    @include switch-base($transition-speed, $transition-ease);\n    @include switch-size($height);\n    @include switch-style($paddle-bg, $active-color, $radius, $base-style);\n}\n\n.switch {\n  @include switch;\n\n  // Large radio switches\n  &.large { @include switch-size($switch-height-lrg); }\n\n  // Small radio switches\n  &.small { @include switch-size($switch-height-sml); }\n\n  // Tiny radio switches\n  &.tiny { @include switch-size($switch-height-tny); }\n\n  // Add a radius to the switch\n  &.radius {\n    label { \n      border-radius: $switch-paddle-offset;\n    }\n    label:after {\n      border-radius: $switch-paddle-offset;\n    }\n  }\n\n  // Make the switch completely round, like a pill\n  &.round { \n    border-radius: 50%;\n\n    label {\n      border-radius: rem-calc(32);\n    }\n    label:after {\n      border-radius: rem-calc(32);\n    }\n  }\n\n}\n","\n$k-span-border-width: rem-calc(1);\n\n$k-span-border: $k-span-border-width solid transparent;\n\n$k-mon-size: rem-calc(36);\n$k-calendar-inner-width: rem-calc(220);\n$k-span-size: floor($k-calendar-inner-width / 7);\n\n$k-span-inner-size: rem-calc(26);\n$k-span-inner-p: floor(($k-span-size - $k-span-inner-size) / 2);\n\n$k-mon-margin-right: ($k-calendar-inner-width - $k-mon-size * 4) / 3;\n$k-mon-line-margin-bottom: rem-calc(10);\n\n$k-days-margin-right: ($k-calendar-inner-width - $k-span-size * 7) / 7;\n$k-weeks-margin-right: $k-days-margin-right;\n$k-days-line-margin-bottom: 0;\n\n$k-nav-size: rem-calc(14);\n$k-nav-margin-bottom: rem-calc(13);\n\n.kalendae {\n  @include clearfix;\n\n  &.k-floating {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: $zindex-modal;\n  }\n}\n\n\n.k-calendar {\n\n  position: relative;\n  line-height: 1;\n  width: $k-calendar-inner-width;\n  margin: 0 auto;\n  font-size: $base-font-size-tny;\n\n  .year,\n  .nav-toggle {\n    font-size: $body-font-size;\n  }\n\n  .disable {\n    cursor: $cursor-default-value;\n  }\n\n  .k-title,\n  .k-header,\n  .k-days {\n    width: 100%;\n    clear: both;\n  }\n\n  span {\n    float: left;\n    position: relative;\n    display: block;\n    cursor: $cursor-pointer-value;\n    // border: $k-span-border;\n    min-width: $k-span-size;\n    //min-height: $k-span-size;\n    line-height: $k-span-size - $k-span-border-width * 2;\n    text-align: center;\n\n    &:after {\n      z-index: -1;\n      content: '';\n      position: absolute;\n      top: $k-span-inner-p;\n      left: $k-span-inner-p;\n      border: $k-span-border;\n      min-width: $k-span-inner-size;\n      min-height: $k-span-inner-size;\n      border-radius: 50%;\n    }\n\n  }\n\n  .k-days,\n  .month {\n    span, a {\n      border-radius: 50%;\n\n      &:active {\n        @include single-transition(background-color, $base-transition-duration, $base-transition-timing-function);\n      }\n    }\n    \n  }\n\n  // nav\n  .k-title {\n\n    .k-btn-previous-year,\n    .k-btn-next-year {\n      top: rem-calc(5);\n    }\n\n    .k-prev,\n    .k-next,\n    .k-btn-today {\n      position: absolute;\n      z-index: 2;\n    }\n\n    .k-btn-previous-year,\n    .k-btn-next-year {\n      display: none; \n    }\n\n    .k-btn-today {\n      display: none;\n      top: rem-calc(4);\n      right: rem-calc(25);\n      width: rem-calc(16);\n      @include liheight(rem-calc(16));\n    }\n\n    &.k-disable-year-nav {\n\n      .k-btn-previous-month {\n        left: rem-calc(11);\n      }\n\n      .k-btn-next-month {\n        // why\n        right: rem-calc(22);\n      }\n\n    }\n\n    .nav-menu {\n      display: none;\n\n      i {\n        width: $small-icon-size;\n        height: $small-icon-size;\n      }\n\n      a {\n        display: block;\n      }\n\n      .k-btn {\n        width: $k-nav-size;\n        height: $k-nav-size;\n      }\n\n      .previous-year-btn {\n        left: 0;\n      }\n\n      .next-year-btn {\n        right: 0;\n      }\n\n    }\n\n    .nav-selector {\n      &.open {\n\n        .nav-toggle {\n          display: none;\n        }\n\n        .nav-menu {\n          display: block;\n        }\n\n      }\n      \n    }\n\n    .nav-toggle {\n      width: 70%;\n      margin: 0 auto;\n      float: none;\n      height: $k-nav-size;\n      min-height: $k-nav-size;\n      margin-bottom: $k-nav-margin-bottom;\n\n      span {\n        float: none;\n        display: inline-block;\n        line-height: 1;\n        vertical-align: top;\n\n        &:first-child {\n          padding-right: rem-calc(10);\n        }\n      }\n    }\n\n  }\n\n  .k-header,\n  .k-days {\n\n    margin-right: -$k-days-margin-right / 2;\n    \n    span {\n      margin-right: $k-days-margin-right;\n      margin-bottom: $k-days-line-margin-bottom;\n    }\n\n  }\n  \n  .k-header span:last-child,\n  .k-days span:nth-child(7n) {\n      margin-right: 0;\n  }\n\n  \n\n  // week\n  .k-header {\n    span {\n      cursor: $cursor-default-value;\n    }\n  }\n\n  .month,\n  .year {\n\n    li {\n      float: left;\n      list-style: none;\n    }\n    \n    a {\n      text-align: center;\n    }\n  }\n\n  .current-date-selector {\n    overflow: hidden;\n    white-space: nowrap;\n  }\n  \n  .year {\n    position: relative;\n    margin: 0 $k-nav-size $k-nav-size $k-nav-margin-bottom;\n    height: $k-nav-size;\n\n    li {\n      width: rem-calc(64);\n      float: none;\n      display: inline-block;\n    }\n  }\n\n  .month {\n    margin-right: -$k-mon-margin-right / 2;\n\n    li {\n      width: 25%;\n      margin-bottom: $k-mon-line-margin-bottom;\n\n      a {\n        border: $k-span-border;\n        // margin-right: $k-mon-margin-right;\n        width: $k-mon-size;\n        @include liheight($k-mon-size);\n      }\n    }\n  }\n\n  &.nav-open {\n    .k-header,\n    .k-days {\n      display: none;\n    }\n  }\n\n  .k-prev,\n  .k-next {\n    &:before {\n      content: '';\n      position: absolute;\n      top: rem-calc(2);\n      border: 2px solid transparent;\n      border-left: 2px solid;\n      border-top: 2px solid;\n      width: $k-nav-size / 1.5;\n      height: $k-nav-size / 1.5;\n    }\n\n    &:before {\n      transform: rotate(135deg);\n    }\n  }\n\n  .k-prev:before {\n    transform: rotate(-45deg);\n  }\n\n}\n\n\n","// @import 'components/calendae';\n\n$tc-width: rem-calc(270);\n$tc-padding:  rem-calc(24);\n\n$tc-bg: $base-bg;\n$tc-base-font-color: $base-font-color;\n$tc-today-font-color: $indigo;\n$tc-active-font-color: $indigo;\n$tc-disabled-font-color: $base-font-color-info;\n$tc-hover-font-color: $base-font-color-deepbg;\n$tc-hover-bg: $base-active-bg;\n$tc-active-bg: $tc-bg;\n$tc-active-border-color: $base-focus-border-color;\n$tc-today-bg-color: $opacityindigo;\n\n$tc-divider-margin: rem-calc(10);\n\n$tc-line-divider: rem-calc(8);\n\n.kalendae {\n    font-size: $base-font-size-sml;\n    color: $base-font-color-secondary;\n    width: $tc-width;\n\n    .k-calendar,\n    a {\n      color: $tc-base-font-color;\n    }\n\n    .k-calendar {\n      \n      .k-out-of-month,\n      .disable {\n        color: $tc-disabled-font-color;\n      }\n\n      .k-prev, .k-next,\n      .year a,\n      .nav-toggle,\n      .k-header {\n        color: $base-font-color-secondary;\n      }\n\n      .year .active a {\n        color: $tc-active-font-color;\n      }\n\n      .k-today {\n        color: $tc-today-font-color;\n        &:after {\n          background-color: $tc-today-bg-color;\n        }\n      }\n\n      .month {\n        a:not(.disable) {\n\n          &:hover {\n            color: $tc-hover-font-color;\n            background-color: $tc-hover-bg;\n          }\n\n          &:active {\n            color: $tc-base-font-color;\n            background-color: $tc-active-bg;\n            border-color: $tc-active-border-color;\n          }\n\n          &.k-selected {\n            color: $tc-base-font-color;\n            background-color: $tc-active-bg;\n            border-color: $tc-active-border-color;\n\n            &:hover {\n              color: $tc-hover-font-color;\n              background-color: $tc-hover-bg;\n            }\n            \n          }\n\n        }\n        \n      }\n\n      .k-days span {\n        &:hover {\n          color: $tc-hover-font-color;\n          &:after {\n            background-color: $tc-hover-bg;\n          }\n        }\n\n        &:active {\n          color: $tc-base-font-color;\n          &:after {\n            background-color: $tc-active-bg;\n            border-color: $tc-active-border-color;\n          }\n        }\n\n        &.k-selected {\n          color: $tc-base-font-color;\n          &:after {\n            background-color: $tc-active-bg;\n            border-color: $tc-active-border-color;\n          }\n\n          &.k-today {\n            &:after {\n              background-color: $tc-today-bg-color;\n            }\n          }\n\n          &:hover {\n            color: $tc-hover-font-color;\n            &:after {\n              background-color: $tc-hover-bg; \n            }\n          }\n          \n        }\n      }\n\n    }\n  }\n",".avatar {\n  width: $avatar-size;\n  height: $avatar-size;\n  border: none;\n  overflow: hidden;\n\n  &.sml {\n    width: $avatar-size-sml;\n    height: $avatar-size-sml;\n  }\n\n  &.med {\n    width: rem-calc(24);\n    height: rem-calc(24);\n  }\n\n  &.lrg {\n    width: $avatar-size-lrg;\n    height: $avatar-size-lrg;\n  }\n\n  &.round {\n    border-radius: 50%;\n  }\n\n}\n","// buttons 切换显示\n.btns {\n\n  .btn-loading {\n    display: none;\n  }\n\n  &.ing {\n    .btn-initial {\n      display: none;\n    }\n\n    .btn-loading {\n        display: inline-block;\n    }\n  }\n\n}","/*cursor style*/\n.cr-pointer {\n  cursor: $cursor-pointer-value;\n}\n\n.cr-disabled {\n  cursor: $cursor-disabled-value;\n}\n\ninput[type=\"button\"] {\n  cursor: $cursor-pointer-value;\n}\n\na[disabled],\ninput[disabled] {\n  cursor: $cursor-disabled-value;\n}\n\n.cr-text {\n  cursor: $cursor-text-value;\n}\n\n.cr-help {\n  cursor: $cursor-help-value;\n}\n/*cursor style end*/\n","\n// direct color === font color\n@mixin css-direct($direct-top, $direct-right, $direct-size, $direct-direction, $d-border-width:1px) {\n  content: \"\";\n  position: absolute;\n  top: $direct-top;\n  right: $direct-right;\n  height: $direct-size;\n  width: $direct-size;\n  border-style: solid;\n  border-width: $d-border-width;\n  border-top-color: transparent;\n  border-left-color: transparent;\n\n  @if ($direct-direction == up) {\n    transform: rotate(-135deg);\n  }\n  @if ($direct-direction == down) {\n    transform: rotate(45deg);\n  }\n  @if ($direct-direction == left) {\n    transform: rotate(135deg);\n  }\n  @if ($direct-direction == right) {\n    transform: rotate(-45deg);\n  }\n}\n\n\n.direct {\n  position: absolute;\n  display: inline-block;\n\n  &:before {\n    @include css-direct(rem-calc(2), rem-calc(10), rem-calc(9), right)\n  }\n\n  &.left {\n    &:before {\n      transform: rotate(135deg);\n    }\n  }\n\n  &.up {\n    &:before {\n      transform: rotate(-135deg);\n    }\n  }\n\n  &.down {\n    &:before {\n      transform: rotate(45deg);\n    }\n  }  \n\n}","// 同一行两元素宽度自适应\n.line-right,\n.line-left {\n  position: relative;\n}\n\n.line-right {\n  z-index: 1;\n  float: right;\n}\n","// css loading function\n\n@mixin loading-circle($size, $border, $duration) {\n      height: $size;\n      width: $size;\n      border: $border;\n      border-radius: 50%;\n      border-right-color: transparent;\n      animation: rotate $duration linear .2s infinite;\n}\n\n@keyframes rotate {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n","\n$select-w: rem-calc(288);\n$select-h: rem-calc(30);\n$select-max-h: rem-calc(400);\n$select-padding: 0 rem-calc(12);\n$select-font-color: $base-font-color-link;\n$select-right: rem-calc(12);\n\n\n.multi-select-menu {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  \n  .select-title,\n  .option-item {\n    @include ellipsis();\n    @include liheight($select-h);\n    padding: $select-padding;\n  }\n\n  .select-title {\n    line-height: rem-calc(28);\n  }\n\n  .select-title,\n  .select-list {\n    border: $base-border-style;\n    border-color: $base-border-color;\n    background-color: $base-bg;\n    border-radius: $base-border-radius;\n    cursor: pointer;\n  }\n\n\n  .selected-item {\n    color: $select-font-color;\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 25%;\n      right: $select-right;\n      border: 2px solid;\n      border-top-color: transparent;\n      border-right-color: transparent;\n      width: 14px;\n      height: 7px;\n      transform: rotate(315deg);\n    }\n  }\n\n  .option-item {\n    position: relative;\n    padding-right: rem-calc(25);\n    &:hover {\n      color: $base-font-color-deepbg;\n      background-color: $base-active-bg;\n    }\n    [class^=\"icon-\"] {\n        margin-right: 6px;\n    }\n  }\n\n  .select-list {\n    display: none;\n    padding: $base-list-padding;\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    margin-top: 5px;\n    max-height: $select-max-h;\n    overflow: auto;\n    box-shadow: $base-box-shadow;\n  }\n\n  &.open .select-list {\n    display: block;\n  }\n\n\n  .select-arrow {\n    color: $base-font-color-info;\n    @include liheight($select-h);\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: $select-h;\n    text-align: center;\n    cursor: pointer;\n  }\n\n\n}\n","// popup\n\n.popup {\n    width: rem-calc(610);\n    min-height: rem-calc(180);\n    display: inline-block;\n    border: $base-border;\n    border-radius: $base-border-radius;\n    box-shadow: $base-pop-shadow;\n    padding: rem-calc(24) rem-calc(24) rem-calc(10) rem-calc(24);\n    text-align: left;\n    position: relative;\n    top: 19%;\n\n    > div {\n        position: relative;\n    }\n    \n    .popup-header {\n        padding-bottom: rem-calc(18);\n        height: rem-calc(40);\n\n        .popup-title {\n            line-height: rem-calc(22); \n        }\n\n        .popup-close {\n            position: absolute;\n            right: 0;\n            font-size: rem-calc(24);\n            line-height: rem-calc(24);\n            color: $darkgrey;\n        }\n\n    }\n\n    .popup-body {\n        padding-top: rem-calc(10);\n        padding-bottom: rem-calc(10);\n    }\n\n    .popup-footer {\n        padding-top: rem-calc(18);\n        padding-bottom: rem-calc(18); \n\n        float: right;\n        button, .btn{\n            margin-left: rem-calc(12); \n        }\n    }\n\n    .modal {\n        .popup-body {\n            margin-bottom: rem-calc(56);\n        }\n    }\n}\n\n.popup-cover {\n    height: 100%;\n    width: 100%;\n    position: fixed;\n    top: 0;\n    z-index: $zindex-modal;\n    text-align: center;\n}\n\n.upgrade-pop {\n    .popup-body,\n    .popup-footer {\n        float: none;\n        text-align: center;\n    }\n\n    .popup-title {\n        margin-top: rem-calc(10);\n        margin-bottom: rem-calc(20);\n    }\n\n    .popup-footer {\n        padding-top: rem-calc(45);\n        padding-bottom: rem-calc(45);\n    }\n}\n\n@media #{$popup-low} {\n    .popup {\n        width: 95%;\n    }\n}\n","\n$select-w: rem-calc(288);\n$select-h: rem-calc(30);\n$select-max-h: rem-calc(400);\n$select-padding: 0 rem-calc(12);\n\n\n.select-menu {\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  \n  .select-title,\n  .option-item {\n    @include ellipsis();\n    @include liheight($select-h);\n    padding: $select-padding;\n  }\n\n  .select-title {\n    line-height: rem-calc(28);\n  }\n\n  .select-title,\n  .select-list {\n    border: $base-border-style;\n    border-color: $base-border-color;\n    background-color: $base-bg;\n    border-radius: $base-border-radius;\n    cursor: pointer;\n  }\n\n  .option-item {\n\n    &.selected-item {\n      color: $base-active-bg\n    }\n    &:hover {\n      color: $base-font-color-deepbg;\n      background-color: $base-active-bg;\n    }\n  }\n\n  .select-list {\n    display: none;\n    padding: $base-list-padding;\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    margin-top: 5px;\n    max-height: $select-max-h;\n    overflow: auto;\n    box-shadow: $base-box-shadow;\n  }\n\n  .select-arrow {\n    color: $base-font-color-info;\n    @include liheight($select-h);\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: $select-h;\n    text-align: center;\n    cursor: pointer;\n  }\n\n  &.open .select-list {\n    display: block;\n  }\n\n  .antiscroll-inner {\n      position: relative;\n  }\n\n  .menu-ul {\n      position: absolute;\n  }\n\n  .antiscroll-scrollbar {\n      z-index: 1000;\n      margin-left: rem-calc(-2);\n  }\n\n}\n","\n$select-squares-width: rem-calc(194);\n$select-squares-border-width: rem-calc(1);\n$select-squares-size: floor($select-squares-width / 7);\n$select-squares-border: $base-border-style transparent;\n$select-squares-font-size: $base-font-size-tny;\n$select-squares-margin-right: ($select-squares-width - $select-squares-size * 7) / 7;\n$select-squares-line-margin-bottom: 0;\n\n.select-squares {\n\n  margin-right: -$select-squares-margin-right / 2;\n  \n  font-size: $select-squares-font-size;\n  \n  .select-item {\n    float: left;\n    display: block;\n    cursor: pointer;\n    text-align: center;\n    width: $select-squares-size;\n    height: $select-squares-size;\n    line-height: $select-squares-size - $select-squares-border-width * 2;\n    border: $select-squares-border;\n    border-radius: 50%;\n\n    margin-right: $select-squares-margin-right;\n    margin-bottom: $select-squares-line-margin-bottom;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    &:nth-child(7n) {\n      margin-right: 0;\n    }\n\n    &:active {\n      @include single-transition(background-color, $base-transition-duration, $base-transition-timing-function);\n    }\n\n  }\n}\n","\n[class*=\"l-tab-pane\"] {\n  display: none;\n}\n\n.t-active[class*=\"l-tab-pane\"] {\n    display: block;\n}\n","\n\n@mixin list-shadow($color) {\n  box-shadow: inset $list-border-width 0 0 $color;\n}\n\n\nbody {\n  background: $body-bg;\n  color: $body-font-color;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  color: $base-font-color-title;  \n}\n\na,\n.link {\n  color: $base-font-color-link;\n  \n  &:visited {\n    color: $base-font-color-link;\n  }\n\n}\n\n// @for $i from 0 through 9 {\n  \n//   [l-color=\"#{$i}\"] {\n//     @include list-shadow($l-color-#{$i})\n//   }\n// }\n\n// font-color class\n.text-def {\n  color: $base-font-color;\n}\n\n.text-primary {\n  color: $base-font-color-primary;\n}\n\n.text-secondary {\n  color: $base-font-color-secondary;\n}\n\n.text-alert {\n  color: $base-font-color-alert;\n}\n\n.text-info {\n  color: $base-font-color-info;\n}\n\n.text-info-title {\n  color: $base-font-color-info-title;\n}\n\n.text-link {\n  color: $base-font-color-link;\n}\n\n.text-active {\n  color: $base-font-color-deepbg;\n}\n\n.text-title {\n  color: $base-font-color-title;\n}\n\n.text-pro {\n  color: $orangered;\n}\n\n\n// background-color\n.bg-alert {\n  background-color: $base-alert-bg;\n}\n\n.bg-primary {\n  background-color: $base-active-bg;\n}\n\n.bg-active {\n  background-color: $base-active-bg;\n}\n\n.bg-light {\n  background-color: $base-active-light-bg;\n}\n\n// border\n.bd-divider {\n  border-color: $ashgrey !important;\n}\n\n\n.g-left {\n  background-color: $grid-left-bg;\n}\n\n.g-center {\n  background-color: $base-bg;\n}\n\n// change taskdetail background-color\n.g-right,\n#tasktitle textarea,\n#taskcontent textarea, \n#sub-task-list, \n#sub-task-list li,\n.out-detail {\n    background-color: $whitegray;\n}\n\n.l-divider {\n  background-color: $black1;\n}\n// toolbar\n.tool-bar {\n    .t-name {\n        color:$white;\n        opacity: 0.8;\n    }\n}\n\n// project-list\n.lists {\n\n  li > a,\n  .f-header > a,\n  .fake-li > a,\n  .l-c > a,\n  .l-new > a {\n    color: $base-font-color-deepbg;\n  }\n\n  .active > a {\n    background-color: $black2;\n  }\n\n  // sort\n  .ui-sortable-helper {\n    background-color: $grid-left-bg !important;\n    a {\n      color: $base-font-color-deepbg !important;\n      background-color: $grid-left-bg !important;\n    }\n  }\n\n  .ui-sortable-placeholder {\n    border-color: $white6;\n  }\n\n  // folder\n  .open {\n    .f-container {\n      background-color: $black05;\n    }\n  }\n\n  .l-tabs {\n    border-bottom: 1px solid $black1;\n  }\n\n}\n\n.tl-bar {\n  border-color: $ashgrey;\n}\n\n// section\n.s-line,\n.t-line.top {\n  background-color: $ashgrey;\n}\n\n.sub-task {\n  .title {\n      border-color: $ashgrey;\n  }\n\n  &.checked {\n      .title {\n        color: $lavendergray;\n      }\n  }\n}\n\n\n// task\n.task {\n  background-color: $white;\n\n  &:last-child {\n    .t-line.bottom {\n      background-color: $ashgrey;\n    }\n  }\n\n  &.selected {\n    background-color: $grey15;\n  }\n\n  &:hover,\n  &.active {\n    background-color: $ashgrey;\n  }\n\n  .t-date {\n    color: $lavendergray;\n  }\n\n  // 完成之后\n  &.checked {\n      .duedate-overdue,\n      .title {\n        color: $lavendergray;\n      }\n  }\n}\n\n.duedate-overdue {\n  color: $orangered;\n}\n\n.td-header {\n  border-color: $base-border-color;\n}\n\n// task detail\n.td-bar {\n  .td-check:after {\n    background-color: $timberwolf;\n  }\n\n}\n\n.td-footer {\n  background-color: $white;\n  border-color: $base-border-color;\n\n  input {\n    background-color: $base-bg;\n  }\n}\n\ntextarea {\n  background-color: $base-bg;\n}\n\n// sub task\n.sub-task,\n.subtasks {\n  background-color: $base-bg;\n}\n\n.task-drag-hovered {\n  background-color: $ashgrey;\n\n  li,\n  .content {\n    background-color: $ashgrey;\n  }\n}\n\n.group-drag-hovered,\n.project-drag-hovered {\n  box-shadow: inset 0 0 0 1px $base-bg;\n}\n\n\n// settings \n.settings {\n    background: $base-bg;\n\n    .tabs {\n        border-color: $base-border-color;\n    }\n\n    // 个人设置\n    .personal-panel {\n        .settings-rank {\n            .hw-panel {\n                .hw-item {\n                    .number {\n                        color: $ceruleanblue;\n                    }\n                }\n\n                // 排名颜色\n                #ranking {\n                    color: $orangered;\n                }\n            }\n        } \n    }\n}\n\n// popup 弹出层\n.popup {\n    background: $white;\n}\n\n// 放在icon中的字  \n.inner-date {\n    color: $white;\n}\n\n// icon start\n// 底色为蓝色 中使用\n.i-1 {\n    fill: $white;\n    opacity: 0.6;\n}\n\n.active .i-1 {\n    opacity: 1;\n}\n\n.i-1-1 {\n    fill: $white;\n}\n\n// 底色为白色 中使用\n.i-2, \n.i-2-1 {\n    fill: $manatee;\n}\n\n.active {\n    .i-2,\n    .i-2-1 {\n        fill: $indigo;\n    }\n}\n\ndiv.option-item:hover .i-2-1,\ndiv > a:hover .i-2-1, \nli a:hover .i-2-1 {\n    fill: $indigo;\n}\n\n\n// 弹出框 选项 中使用\n.i-3, \n.i-3-1 {\n    fill: $darkgrey;\n}\n\n.active, \n.selected-item {\n    .i-3, \n    .i-3-1{\n        fill: $indigo;\n    }\n}\n\ndiv.option-item:hover .i-3,\ndiv > a:hover .i-3, \nli a:hover .i-3 {\n    fill: $white;\n}\n\n\n// 不变色icon\n.i-4 {\n    fill: $lavendergray;\n    color: $lavendergray;\n}\n\n// 填充icon的变色方案\n.i-5,\n.i-6 {\n    fill: $lavendergray;\n    color: $lavendergray;\n}\n\n.active .i-5 {\n    fill: $indigo;\n    color: $indigo;\n}\n\n.duedate-overdue .i-5{\n    fill: $orangered;\n    color: $orangered;\n}\n\ndiv > a:hover .i-5, \nli a:hover .i-5 {\n    fill: $indigo;\n}\n\n.active > .i-6 {\n    fill: $indigo;\n    color: $indigo;\n}\n\na:hover > .i-6 {\n    fill: $indigo;\n}\n\n\n// priority color\n.priority-low {\n    fill: $priority-low;\n}\n\n.priority-medium {\n    fill: $priority-medium;\n}\n\n.priority-high {\n    fill: $priority-high;\n}\n// icon end\n\n\n// sort\n.tasks,\n.subtasks {\n  .ui-sortable-helper {\n    border-color: $base-border-color;\n  }\n\n  .ui-sortable-placeholder {\n    background-color: $steelblue !important;\n  }\n}\n\n// 显示更多task\n.show-more,\n.tl-loading {\n    border-top-color: $ashgrey;\n    color: $indigo;\n}\n"],"sourceRoot":"/source/"}