@charset "UTF-8";
/*
---- font settings ----
*/
/*
---- color settings ----
*/
/* #f1f2f5 */
/* #f1f2f5 */
/* #F8F9FA */
/* border */
/* 
---- button ----
*/
/*
---- tab ----
*/
/*
---- menu ----
*/
/*
---- list ----
*/
/*
---- tag ----
*/
/*
---- sort-caret ----
 */
/* input & textarea & select */
/* popper */
/* tooltip-popper */
/* switch */
/* message
-------------------------- */
/* waiting */
/* slide-switcher */
/* calender */
/* toolbar */
html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin padding border and font vertical-align word wrap,
 * from reset-css instead of normal-css.
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  word-break: normal;
  text-overflow: ellipsis;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
  outline: none;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:visited,
a:hover,
a:active {
  text-decoration: none;
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

pre {
  white-space: pre-wrap; /* Since CSS 2.1 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

select::-ms-expand {
  display: none;
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: none; /* 1 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*csslint important:false*/
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
.hidden,
[hidden] {
  display: none !important;
}

html, body {
  font-family: "Microsoft Yahei", sans-serif; /* 1 */
  box-sizing: border-box;
}

html {
  font-size: 75%;
}

body {
  font-size: 13px;
  line-height: 1.5em;
  font-family: "Microsoft Yahei", sans-serif;
  color: #2d2f33;
}

@media only screen and (max-width: 1440px) {
  body {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1920px) {
  body {
    font-size: 13px;
  }
}
h1, h2, h3, h4 {
  color: #000;
}

h1 {
  font-size: 2.4em;
  line-height: 1em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.8em;
  line-height: 1.5em;
  margin: 0.6em 0;
}

h3 {
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0.6em 0;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0.5em 0;
}

p {
  margin: 0.5em 0;
}

input {
  border-radius: 0px;
}

textarea {
  resize: none;
}

select {
  border-radius: 0px;
  appearance: none;
}

input[type=text].placeholder,
input[type=password].placeholder,
.textarea.placeholder {
  color: #a4acac !important;
}

::-webkit-input-placeholder {
  color: #a4acac;
}

:-moz-placeholder { /* Firefox 18- */
  color: #a4acac;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #a4acac;
}

:-ms-input-placeholder {
  color: #a4acac;
}

a,
a:link,
a:visited,
a:hover,
a:active,
.link {
  color: #0A74BE;
  cursor: pointer;
}

.txtgray .link {
  color: inherit;
}

.ha,
.ha:link,
.ha:visited,
.ha:active,
.ha-black,
.ha-black:link,
.ha-black:visited,
.ha-black:active {
  color: #979da9;
  cursor: pointer;
}

.ha-black,
.ha-black:link,
.ha-black:visited,
.ha-black:active {
  color: #2d2f33;
}

.ha:hover,
.ha-black:hover {
  color: #0A74BE;
}

.disabled {
  color: #747c7c;
  cursor: not-allowed;
}

.warning-link {
  color: #EB9E05;
  cursor: pointer;
}

.link-to-tips {
  border-bottom: 1px dotted #0A74BE;
  cursor: pointer;
}

.required {
  color: #F16A54;
  margin-right: 0.4em;
  vertical-align: middle;
}

.border-box {
  box-sizing: border-box;
}

.clearfix {
  *zoom: 1;
}

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

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute !important;
}

.fl {
  position: relative;
  float: left;
}

.fr {
  position: relative;
  float: right;
}

.center {
  position: relative;
  margin: 0px auto;
}

.ib {
  display: inline-block;
}

.pt {
  cursor: pointer;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.txtleft {
  text-align: left;
}

.txtcenter {
  text-align: center;
}

.txtright {
  text-align: right;
}

.txtellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.num {
  font-family: Arial;
}

/* text color */
.txtblack {
  color: #000;
}

.txtgray {
  color: #979da9;
}

.txtplaceholder {
  color: #a4acac;
}

.txtwhite {
  color: #FFF;
}

.txtred {
  color: #F16A54;
}

.txtgreen {
  color: #67c23a;
}

.txtdarkgreen {
  color: #337722;
}

.txtorange {
  color: #FF7700;
}

.txtdeleted {
  text-decoration: line-through;
}

.hline {
  border-bottom: 1px solid #c8ccd5;
  height: 1px;
  line-height: 1px;
}

.circle {
  border-radius: 50%;
}

.vtop {
  vertical-align: top;
}

.vtxttop {
  vertical-align: text-top;
}

.vmid {
  vertical-align: middle;
}

.vtxtbtm {
  vertical-align: text-bottom;
}

.vbtm {
  vertical-align: bottom;
}

.shadowbox {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.glowbox {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.shadowtext {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.whitebkgnd {
  background: #FFF;
}

.blackbkgnd {
  background: #000;
}

.graybkgnd {
  background: rgb(240.8, 242.2, 245.4);
}

.lightgraybkgnd {
  background: rgb(247.9, 248.6, 250.2);
}

.yellowbkgnd {
  background: #FFEE00;
}

.yellowbkgnd-important {
  background: #FFEE00 !important;
}

.redbkgnd {
  background: #FA5555;
}

.abs-full,
.mask {
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.mask {
  z-index: -1;
}

.opacity0 {
  opacity: 0;
  filter: alpha(opacity=0);
}

.opacity10 {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.opacity20 {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.opacity30 {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.opacity40 {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.opacity50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.opacity60 {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.opacity70 {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.opacity80 {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.opacity90 {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* common font-size, height, margin, padding */
.f2em {
  font-size: 2em;
}

.f1_5em {
  font-size: 1.5em;
}

.f1_2em {
  font-size: 1.2em;
}

.f0_85em {
  font-size: 0.86em;
}

.f0_7em {
  font-size: 0.7em;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.overflow-xauto {
  overflow-x: auto;
}

.overflow-yauto {
  overflow-y: auto;
}

.m0em {
  margin: 0em;
}

.mt0em {
  margin-top: 0em;
}

.mb0em {
  margin-bottom: 0em;
}

.ml0em {
  margin-left: 0em;
}

.mr0em {
  margin-right: 0em;
}

.mt0_2em {
  margin-top: 0.2em;
}

.mr0_2em {
  margin-right: 0.2em;
}

.ml0_2em {
  margin-left: 0.2em;
}

.mb0_2em {
  margin-bottom: 0.2em;
}

.mt0_5em {
  margin-top: 0.5em;
}

.mb0_5em {
  margin-bottom: 0.5em;
}

.ml0_5em {
  margin-left: 0.5em;
}

.mr0_5em {
  margin-right: 0.5em;
}

.m1em {
  margin: 1em;
}

.ml1em {
  margin-left: 1em;
}

.mr1em {
  margin-right: 1em;
}

.mb1em {
  margin-bottom: 1em;
}

.mt1em {
  margin-top: 1em;
}

.mt1_5em {
  margin-top: 1.5em;
}

.ml1_5em {
  margin-left: 1.5em;
}

.mb1_5em {
  margin-bottom: 1.5em;
}

.mr1_5em {
  margin-right: 1.5em;
}

.ml2em {
  margin-left: 2em;
}

.mr2em {
  margin-right: 2em;
}

.mt2em {
  margin-top: 2em;
}

.mb2em {
  margin-bottom: 2em;
}

.ml3em {
  margin-left: 3em;
}

.mt3em {
  margin-top: 3em;
}

.mr3em {
  margin-right: 3em;
}

.mb3em {
  margin-bottom: 3em;
}

.mt4em {
  margin-top: 4em;
}

.mt6em {
  margin-top: 6em;
}

.ml6em {
  margin-left: 6em;
}

.p0_2em {
  padding: 0.2em;
}

.pt0_2em {
  padding-top: 0.2em;
}

.pb0_2em {
  padding-bottom: 0.2em;
}

.p0_5em {
  padding: 0.5em;
}

.pt0_5em {
  padding-top: 0.5em;
}

.pb0_5em {
  padding-bottom: 0.5em;
}

.pr0_5em {
  padding-right: 0.5em;
}

.pl0_5em {
  padding-left: 0.5em;
}

.p1em {
  padding: 1em;
}

.pt1em {
  padding-top: 1em;
}

.pb1em {
  padding-bottom: 1em;
}

.pr1em {
  padding-right: 1em;
}

.pl1em {
  padding-left: 1em;
}

.p1_5em {
  padding: 1.5em;
}

.pt1_5em {
  padding-top: 1.5em;
}

.pb1_5em {
  padding-bottom: 1.5em;
}

.pl1_5em {
  padding-left: 1.5em;
}

.pr1_5em {
  padding-right: 1.5em;
}

.p2em {
  padding: 2em;
}

.pt2em {
  padding-top: 2em;
}

.pb2em {
  padding-bottom: 2em;
}

.pr2em {
  padding-right: 2em;
}

.pl2em {
  padding-left: 2em;
}

.p2_5em {
  padding: 2.5em;
}

.pt2_5em {
  padding-top: 2.5em;
}

.pb2_5em {
  padding-bottom: 2.5em;
}

.pl2_5em {
  padding-left: 2.5em;
}

.pr2_5em {
  padding-right: 2.5em;
}

.p3em {
  padding: 3em;
}

.pt3em {
  padding-top: 3em;
}

.pb3em {
  padding-bottom: 3em;
}

.pl3em {
  padding-left: 3em;
}

.pr3em {
  padding-right: 3em;
}

/* border */
.b1px {
  border: 1px solid #c8ccd5;
}

.bt1px {
  border-top: 1px solid #c8ccd5;
}

.bb1px {
  border-bottom: 1px solid #c8ccd5;
}

.bl1px {
  border-left: 1px solid #c8ccd5;
}

.br1px {
  border-right: 1px solid #c8ccd5;
}

.bt1px-dashed {
  border-top: 1px dashed #c8ccd5;
}

.bb2px-selected {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
}

@font-face {
  font-family: "tl-icons";
  src: url(data:font/woff;base64,d09GRgABAAAAABfsAAsAAAAAKxQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAAQwAAAFZW7kg4Y21hcAAAAYAAAAHbAAAFVNSkwZBnbHlmAAADXAAAECkAABxQidmD1WhlYWQAABOIAAAALwAAADYPR/oZaGhlYQAAE7gAAAAgAAAAJAfgA8hobXR4AAAT2AAAABUAAAEgH+kAAGxvY2EAABPwAAAAkgAAAJLxuun8bWF4cAAAFIQAAAAfAAAAIAFaAHFuYW1lAAAUpAAAAVsAAAKprAB5inBvc3QAABYAAAAB6wAAAzwWuNu6eJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKp65MTf8b2CIYW5gaAAKM4LkANhrC7sAeJzF1EdWG0EYxPH/ICGSyDmDTM7gHHGEjY/hQ3A6H6cWXvkGuHqqNz4Bo/eTRvOkUT911QcMAx07sy40f2koxx9fbdrrHcbb611++/2oH0N+fdBAd4+P7Rnaa8/K0bSf+FnPxvzdCfpMMsU0M8wyxzwLvsMiSyyzwiprrLPBJltss8MuA56xxz4HHHLEMSecehXnXHDJFddeT9ervqHHCM95wUte8Zo3vOUd7/nARz5xy2e+8JVvfOcHd9x7OT2e7Gie7qf/P/rlqfOrvvO/wkPlJYrwvqEmvINoKEoO1AnvKupGuauGwzuNeuE9RyPh3Uej4RygsXAi0Hg4G2ginBLUD+cFTUbJnqbCGULT4TShmXCu0Gw4YWgunDU0H04dWgjnDy2Gk4iWwplEy+F0opVwTtFqOLFoLZxdtB5OMdoI5xlthpONtsIZR9vhtKOdcO7RbrgBaBDugpsWbgXaD/cDHUTpsQ7DnUFH4fag43CP0Em4Ueg03C10FmUm6DzKXNBFlHmhy3AH0VVQ9vw6KHt+E24oqtxVVLm1qHJ/UeUmo8qdRpXbjSr3HFVuPKrcfVR5CqDK8wBVngyo8oxAlacFqjw3UOUJgirPElR5qqDK8wVV3P8D3lS0GgB4nI1ZDXQU13V+9739lbS72p3dHUmrv9nR7gDSrkD7Z5CRJiDZhz8nEAO2HINsY2oM+FDqQtLWMD5tTiVqfkoSk5zm2HuC6wSTOCQxx26KyQSfxHGMTxJycIAezDpufZKmJA52k9RlH71vZlfaJShFO3Nn5s2b++6797v33ftEnIRce5udYC1EIrPIPDJCPkYIuHoh7qcdoGjZNO2FiOKMyGE/01RNcavxNFsIctwVjg7ks0nZ5XYFwA+dkFEG8lqaapDLDtFBGIh2ALTG2j4eSrSH2AFoaNE6P82X0i9BpEttDwyl+JK+4fBAt+TZ2RQKtYZCT3hcTqeHUkfAD1vlqNfpbXDxZ5yBtsiJrtm0C5patbbld/u6Y6H7JrKPdCRkL4BhgBTr9n95ONgWxONv2qJSqNXd7PO0tPnUnjDs/PfGFqmpI/kOwT/AuV5zACMkSYiSGYJCGjQ1h8QP7oiKpBPkTE6NJ4chP9AFUVQDzZ/dNMnYvs0eun/z5n3Mgyeb3PQfY+HGhifckntvQ5M05tq3act+fLWfsf2bPWz/lk37XF+NNr/Z0PBmc5QQiuMaDsIM0og6Js4k0fKkECWyi7BkPABaEpXZBW6h0WGQo0O0Hwr5LCUX+CWnE5QLF0BxOvklT0AL7J30J9v9E/v8HeI+kIiBb3Kf36jpdQG/oqf9/n0T/vYk9gxoHf59kz6IJQKTewMaqZcnUi+PhErQ3JAPFf5o9HUH35j7T6PQlHh14vrhmHLfa0O7F/B37oe5f08Iq+EfJb31IyQs1KhxnK0kLjigKxKWo12QyaPacdbn+SWXC5Tz50Fxufgl/oG8eE6qu6M98kRrjyvUrTLK3OHkgL+xo8Go6Xcev3tF7tNTbeGFdKnEaCzm9fjb0w8e7V30uWWLbPsjOUp/Q1rx6o6EXW41DblgNl/IdEIkWLCMHoYv/TDo6/IFkTSFJr2t3qgHnK81+YIAQR8t2tfy5UmvN+ptJVW+7NP0fcE3gfDJBd2ueD8ks8OQGwLhCnLQD2xjd5P0Dw3Iz+t9A1l0W5z8IR9t2WPx8p5u9IVCvvKYL2TzpEVUJXqolxa8QHfwPbBjDv8WrGCEG9zohdWwmlTsaTKT6ahvGcVRI5lIJodAzqkSghtxjrj2A5RKJR2P7pNlp7N80qJQFC2lsl5tQGrZb5qfihxzyDCiRpBhDmo4arYLWY4DFu8SkBruJw+fdzjOH7YoFO3ReXfNUIPVt0irejSobs/Z7QW2mh/lR3vBAGwVM58jdDClc1qy9QPYVQZ4eA6s4N+aAzsY6a18dx1PwJiByK7orhd57rG/sWLDL3DOLcRDiGQzVCLfhA19/Hb4lz7+ReaHcf5iGg7BoTR/Ub+R3i2duC39SJpbdssFuaAVNFqnkqfSTz+dfsqirFbrfHu1GSkRUlR4B0iMdKEVNPSkfpJB6YJKUNhCEfaIKBFQhHmwEW3OhJnwlK67GowYOjd0vJZNMHTzqmHquoF/5hRBvRCKrdiuA9H1qzi6zitPFXIDbNTOugYPUgEVgLEEFVCgM4Hi8EzauPq9GmTAkTrVVH2DmsICXkqLXODD5Pir2FunlnUkL5iggy4sPoUFHbEgvgMFm00qgGVUsUdsnoCOabEsG6CTqe9MnLONSwEjRKfEL/PLKZAsAlKKXwYJ5bhs3da+saRBHh+z8IpcBAebjxtock4F2nRH9W4awWBch+Xn6ZcFlhMafq/Bof9MgUyjqZd/meK/pHJKdHFWbPQRHCmA67qMCCISAgYhg6AJKoCxgSlBRQpmrF9xHLpRT93jZbSyaZpUL5tFtDZFwBh6WWdELxNqcAKGUKTQ13Xz8VINpbEOuAA7Km715tRdTcTqrYtdtqwG4slLmirSEgnlFHgOKmilQiQDKHgCTzE2WgyFAUsMfT+fZ6EWrSMkRGwz7PHiTkStjkgmVTm7mbizIgCyBkqgu4yz5Bg/uIlfWGsWEtOSw49SEKiKEEzI4EYwF0CzASNGemmCf/JIfLBpPixPCe0gTjj6lj7BPxV/rnt+EyxPV8dG7aE3N9k2L8jI0olToaUUf5+/nzJ1XqQGfBufwJcyqav84YdCcOFnl1gR5WnCNVoRMdiOupGMpEgZxc5aAoB2ZJVggDjfsmrVFlpEzxWBGJbk80tA35ih38xs1K8RnY5H12yndPuaaNmgRnTwDoA7BtcI9aH3V+LZUXaW9eKIcduzcYmUo37MR/yg2i4+MATZqZh/9plzjnTqjAdCLQ1nsrtHbY9de3AtHhMvOBwvsF58Ht2dPdPQEgLPmVTace6Zw+fLI6ufPHLoTnC8MDFx3J7rd9h3rZgSJtn6mAIiXRDJppTNa5gtaMmClE9aGZtLLgxhuuRmrqg8BHVBBqAtHs/E4wkKOU/Q5YW7nO1d6se7QDw6G9had7s6MFIfgK90Zbvw4J93hb0LvQ3U0QCR9lkOmN8XaLAanI38v1oxO7qFTOOFEAda12dHZS8IQnOKYeFdZ8ZVUyAVARPiaTjDf30NP8Sn+/ivIbS+iv8T7AhbjS9cpIE0owZIQZY0JhckXD684IR5buG5r54qnfqD8o8bT80/xR9CrvO48Qe4HcxL2+DvtnH9s2m6btv928on6ReOlf/sDoEhOuVb9vrkIm5MxCwYuasmRMUxo4UfaxGnFW1P0weWLXuAWhTMH/Afezww9we2ZavtSEntGsWIuybWdOFYmaCKSFfRi0TQyYnVAMHvDuKSAOIsiXUGStdQT9fI1tTxFASQ4MF/i4Tp9otKN1e1nT5bvRO6c9TNT8XV0UJOdZpydYK4JrlrEFXbTglOrGb6E8eZ99z69ee87PgEupLtUEjRkWx3giVMx37TarkVe+56b2TkvV0Txx+b6r9qy1C1P1JbVpGHMDKlKwsxIr5A5YoxBA+MbeIiFi5unVyv3k3nmkUoCgRKqNxxhu4O47qNSdSHiBlRtEHC1kYwE1HsmWOaEMRJ5zJS0LZ+0Kl2onvR7seKbJyXbIF5aZwVH9NL7MDWrQcYykJ7sj2UB76xi5u6PSEUaNc3AotwsdCxC3bEN22qatkDObHxyhwFktH2CQykTMRRP8ST2fxAtCTWF3Hiksp/DLFZMTyMYhED1FWDmVf1A2HREiOkPi7bcXA6Ls9gU8A8APOYq0hmMqEVsTGY483MJkN/tMaGkjWXbjKb5MgQsWqkGlyFXWJW1wlj18Y3bDw2dxhgeK5N7YnChhu03XqDttJUw9zh4YriPnKTbXb9e4Y9z9JoHSIxwBQCChcmsLRe+PIh/ttlLM1fKb89cWIZBA5N+5fQvRvxKgu/luyPNFbxZ5bDKYqVoXLVBbPTY/y91Ou3rtyUhpX3PHTyEQSJUDMGWnQduIRDvJ6C5rHT/MzJh+7hX09vWkmzOsJo1ZZTupUf1sVXhlERi2jL4phQo7fIA6h1a0HK5q0Yaz56GjCsltr62vCYnc+LIGuYj37A36CZ8bbUQLoV8qvylXhbw7eZdIi9gBreovxVGEyNUGu52rFgY+pTz9KfXubvdWY78ag1U+3o5Xfyn/xnaAdHZ24w21lvEGGPEvprt5URipwHBclhcg8lkWbpVoqDFVrloS6vm4q0BYyzGGIx1mJiY1cBCggu+NOwMCgVi1QvFoXDjZfJOCY9BERMwXPcxOTXMMqmCVabGAZnRkTmBNZY/4q2F1ZXgljPFDR3ULEushK0LoWgYl2+Daqe2rs3pVev/GLdFSunC5UOyco1MWx3sNvtteoKe5z5SUhELowVGiofy3I5mi+oOA8V8MQr2qMCuaSLOdZefPjhv8ZouXXdupdHHzur82Ykay9ufvivKo0P3tGTmnvi0QeLiZ6+pfpZOqqfXVXTZMXM5y2MN5MFZDHaYaCTRsSmRI+WpIVKTUNd1j6FSDMKmVwyX8hH5ai17dUBIoQuRCQyTIySAiqUjB3ePUI/s/tx/r8PjGcz+bfeiixmdOW9Y2prlLJYJNTiAGid1drrb3a0ZOUQtM1qbV7UpvZkVJXpI7sPj+25WMhkxx8Ap2F8hg83Dg4NrwxLidgtsyLdAOFmb+e8BkeTL5iTVL8qLw+2tATn+GP8NxDP9EA8G7+uNsW1xlm7D4AxuS5Z4osoqc2E4N+s1NnCwP+wSebF2CfWkiGs/f0gOwXtpPmC02W3udyJvEa/0rNuRSB391jSz890rlia9GQ+urQFWpyF8VWqctc9HfwXzENVxTH8iTtjs9fMPdHeqI6uvDUSi28aWC733bs2HZ21KdZWHddk56yYTxJOSUvEwOmWMPu+WPgVjB48CKO/Ktz9BRh5tx80fr7/XX7CilUvWfPtIsvJXWSDyLet/byg6hKFqEuUomK/L5jJY0kq57tA7LzhiW/RlFgmI7C6QFTt0WEQlXt+WBRKiMN+KNQlEDX39M/f6o32NK1Z05Lufav3ttuQyOr04+KmaGrBglT8EaUjGQ6MLG5uaA93KI/E6xu9nVKH8vv1uyndvd6mI2OUjo1YlOnGsrYh5RpZnF9mLPP5kMQWKlB9bAprnsZGz6A+GE/d0mv0dsxtieNDtS1dwLZYRo4Prphivn73UJU50nqsBOuzb+aWscisQ0tj+hisTfGf1SfP9/S9BGvT/GeVNRvz+e+x28kszMnyFkdkiAc6MKIQTTAg2ylIfhCCahqxZIHTaa+sCXyHmQobH8j4bi9EJj9hGEP3R3J6c8D/9PbtT/sDzbq+eIM6b77j+08++f3yM/aajVWUtXy/27HhL9aGxrZSHUYXYBG/7QClB7ZRDKIrHv/L+JOvMvbqCbungSfmmEuqMptsH+qgDTPJPpHByqo2tc3CMDpLmUoJ5q5uGYtM1qroqFmM6s1WkbUxA3fzcb1o5xV6JaUopb72tdQ4Jjilothq4Zh3GNVirFKIRfkCqxO4+IdVear7LLF6D67ddxOSzbi/cq+ojvUZNtzgi1M1gu1rWPUmZK3Qj46B5W6N372mHX57w4a3D2uv1Xrgs5suPaW8/rry1KX2el+sl71j5j0iJoMM2ozSJ/8WZqf4kWN/Ymfo4ATMTvMjL9XsI0zXImLdUkSW7RT7HpWf2AET2scF0do5sE9MovFbsfVp6obY57L18iLTK/s1mSAUQAI3whVXST6ZBq8JO9P897r4FHam+O/ou3wyBd5yNW+99l32Hfxe1NLpmarpITpdTFc2WDO4yIGJM+zvE4V1a8NPcrvqC+vjjB2Hh0zdNHWrGBndlftJQ6uor/v6LbWUR+DOQ1/BAhtrk4njcK/oaZo3bxcJcR3MzGiXVz4766v6nzDK5h0De6C/UvM4CC3V1GfW/wDc1v8Dbq4+uwJNlPIPrlzhH1AKTVee+/ns2T9/zqYzRExaivLTUeuErDjnNP7ottt+1GjR3Ixh8Pr9Gi/mgljFujUm9muI2J7RzVSGiuL+/ZRZ/pC6zBT32Wtlvb2TN2FvwfX/t/NdYN6UjTt0vZozw++qe7NSjVYTM9zXliNgzPjw33jXP0zpcL/deqN7HP3/AJYny/4AAAB4nGNgZGBgAOLt61Rb4vltvjJwszCAwDXh23wI+n8DCyNzA5DLwcAEEgUAF98JdAB4nGNgZGBgbvjfwBDDwsDA8P8/CyMDUAQFeAAAcjYEsHicY2FgYGB+ycDAwjCKsWEApeYCCQAAAAAAAAAAdgCyAPoBKgF2AaIBzAHiAgoCRgJcAnAChAKeAswDGANaA2gDdgOEA5IDtAPWA+oEHARABHAEhASuBMwFBgVCBZwFwAXuBh4GXga0BtgG5gcmB1AHjgf2CA4ITAh4CL4I1gkMCUQJgAnsCg4KSgpkCwILKguEC8wMAAwqDGQMjAysDPYNLg2GDaQN5g4oAAB4nGNgZGBg8GBIZeBgAAEmIOYCQgaG/2A+AwAadwHMAHicfY9LTsMwEIZ/94VIBQsQLLrBYoEEqOlDgkW3ldodSF10wypNnTZVEkeOW6kX4A4cgJNwDrgAl2CSDkipVBKN883n8XgC4AxfENg9FxQ7FjihbMcVHOGauUr+lrlG/MhcRxND5gb5J2YH93hhbuIcr9RB1I4pu8Mbs0ALH8wVnOKTuUr+m7mGlqgz13Eprpgb5B+YHUzFM3MTN+LdGRrlWTWXs60MfZ0EOrGOilSsEtvORTZRi3XkmZIrJVNlslAnsud2S36sEmV+e2ebRd/aQAZGx3JEl6go0jI1eqV86y6tTQedTsDe9XVMow5hoODB0jqHxAxbWkP40EgQFKulOoWIIqbI8/ZfRYYJuQXWtO8VvQ7VHd6ZkjP0DYtcogcX3X/qx4XLz+zPnWFDs/TJWppdUhg6ExON+E/yrhGxRFrsrcj45F0si1MpBujQG+zVu8Xt8Q+LZH1gAHicbVJXm5swEGQuwsLt7pJzeu+VlEuvl57Lz8BibfRZICIJO19+fQSciR+iBxh2d3ZnBwVbQXsGwf/PIbZwDAwheuCI0McAQ4wwxjZ2sIvjOIE9THASp3AaZ3AW53AeF3ARl3AZV3AV13AdN3ATt3Abd3AX93AfDxDjIR7hMZ5gH0/xDM/xAi/xCq/xBm/xDu/xAQf4iE/4jC/4im/4jh84xM8Av3tVqXSShmSMNtxWQpC1fJWYQhbzvtXGxaleFbxBVTlIfN0qVjRzQyGNUBSXqrJ7GzjWlVOyoKPSmj1soZHzzEUtrko2TcRidEQUSltiaeJoshnpeonEkGvGjlo41c7pvN9+OF0OW9SMCBvuKI3/iQ1FRmLRS0mRo/E60wpKtahyKhxP46bJiFLp1pOjWn/j0Fzr1PYsJUZkTBYzzXNvVTInVtdHSovESV3wuth7t7sOrDsxP6MKc1lUlk1JqVGup0p6zzLtkwWtrI+YbuWwiY+b5zrGSylcZWjn6N21rn3npZGFI8NMUiy4oZkhm0W/KrK1ip6hXC8ptJlfkVuXmNhrteSc19r9hdokHzRLKSiyWqX1hO2W2jnSkmezySark+ikWJCzrL4w/I/WeSwL5mRObClpxdvrth81Gc9h9c5B8Bd7hPeqAA==) format("woff"), url(/assets/img/icons.f9fd864.ttf) format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-style: normal;
}
[class^=tl-icon-], [class*=" tl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "tl-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: transform 0.3s;
}

.tl-icon-upload:before {
  content: "\e60d";
}

.tl-icon-error:before {
  content: "\e62c";
}

.tl-icon-success:before {
  content: "\e62d";
}

.tl-icon-warning:before {
  content: "\e62e";
}

.tl-icon-sort-down:before {
  content: "\e630";
}

.tl-icon-sort-up:before {
  content: "\e631";
}

.tl-icon-arrow-left:before {
  content: "\e600";
}

.tl-icon-circle-plus:before {
  content: "\e601";
}

.tl-icon-circle-plus-outline:before {
  content: "\e602";
}

.tl-icon-arrow-down:before {
  content: "\e603";
}

.tl-icon-arrow-right:before {
  content: "\e604";
}

.tl-icon-arrow-up:before {
  content: "\e605";
}

.tl-icon-back:before {
  content: "\e606";
}

.tl-icon-circle-close:before {
  content: "\e607";
}

.tl-icon-date:before {
  content: "\e608";
}

.tl-icon-circle-close-outline:before {
  content: "\e609";
}

.tl-icon-caret-left:before {
  content: "\e60a";
}

.tl-icon-caret-bottom:before {
  content: "\e60b";
}

.tl-icon-caret-top:before {
  content: "\e60c";
}

.tl-icon-caret-right:before {
  content: "\e60e";
}

.tl-icon-close:before {
  content: "\e60f";
}

.tl-icon-d-arrow-left:before {
  content: "\e610";
}

.tl-icon-check:before {
  content: "\e611";
}

.tl-icon-delete:before {
  content: "\e612";
}

.tl-icon-d-arrow-right:before {
  content: "\e613";
}

.tl-icon-document:before {
  content: "\e614";
}

.tl-icon-d-caret:before {
  content: "\e615";
}

.tl-icon-edit-outline:before {
  content: "\e616";
}

.tl-icon-download:before {
  content: "\e617";
}

.tl-icon-goods:before {
  content: "\e618";
}

.tl-icon-search:before {
  content: "\e619";
}

.tl-icon-info:before {
  content: "\e61a";
}

.tl-icon-message:before {
  content: "\e61b";
}

.tl-icon-edit:before {
  content: "\e61c";
}

.tl-icon-location:before {
  content: "\e61d";
}

.tl-icon-loading:before {
  content: "\e61e";
}

.tl-icon-location-outline:before {
  content: "\e61f";
}

.tl-icon-menu:before {
  content: "\e620";
}

.tl-icon-minus:before {
  content: "\e621";
}

.tl-icon-bell:before {
  content: "\e622";
}

.tl-icon-mobile-phone:before {
  content: "\e624";
}

.tl-icon-news:before {
  content: "\e625";
}

.tl-icon-more:before {
  content: "\e646";
}

.tl-icon-more-outline:before {
  content: "\e626";
}

.tl-icon-phone:before {
  content: "\e627";
}

.tl-icon-phone-outline:before {
  content: "\e628";
}

.tl-icon-picture:before {
  content: "\e629";
}

.tl-icon-picture-outline:before {
  content: "\e62a";
}

.tl-icon-plus:before {
  content: "\e62b";
}

.tl-icon-printer:before {
  content: "\e62f";
}

.tl-icon-rank:before {
  content: "\e632";
}

.tl-icon-refresh:before {
  content: "\e633";
}

.tl-icon-question:before {
  content: "\e634";
}

.tl-icon-remove:before {
  content: "\e635";
}

.tl-icon-share:before {
  content: "\e636";
}

.tl-icon-star-on:before {
  content: "\e637";
}

.tl-icon-setting:before {
  content: "\e638";
}

.tl-icon-circle-check:before {
  content: "\e639";
}

.tl-icon-service:before {
  content: "\e63a";
}

.tl-icon-sold-out:before {
  content: "\e63b";
}

.tl-icon-remove-outline:before {
  content: "\e63c";
}

.tl-icon-star-off:before {
  content: "\e63d";
}

.tl-icon-circle-check-outline:before {
  content: "\e63e";
}

.tl-icon-tickets:before {
  content: "\e63f";
}

.tl-icon-sort:before {
  content: "\e640";
}

.tl-icon-zoom-in:before {
  content: "\e641";
}

.tl-icon-time:before {
  content: "\e642";
}

.tl-icon-view:before {
  content: "\e643";
}

.tl-icon-upload2:before {
  content: "\e644";
}

.tl-icon-zoom-out:before {
  content: "\e645";
}

.tl-icon-rotate-90 {
  transform: rotateZ(90deg);
}

.tl-icon-rotate-180,
.tl-icon-reverse {
  transform: rotateZ(180deg);
}

.tl-icon-rotate-270 {
  transform: rotateZ(270deg);
}

.tl-icon-loading {
  animation: rotating 2s linear infinite;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.tl-flex-row-container {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}

.tl-flex-col-container {
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
}

.tl-flex-auto {
  flex: auto;
  -ms-flex: auto;
}

.tl-flex-none {
  flex: none;
  -ms-flex: none;
}

.tl-flex-col-1-24 {
  width: 4.1667%;
}

.tl-flex-col-1-12,
.tl-flex-col-2-24 {
  width: 8.3333%;
}

.tl-flex-col-1-8,
.tl-flex-col-3-24 {
  width: 12.5%;
}

.tl-flex-col-1-6,
.tl-flex-col-2-12,
.tl-flex-col-4-24 {
  width: 16.6667%;
}

.tl-flex-col-1-5 {
  width: 20%;
}

.tl-flex-col-5-24 {
  width: 20.8333%;
}

.tl-flex-col-1-4,
.tl-flex-col-2-8,
.tl-flex-col-3-12,
.tl-flex-col-6-24 {
  width: 25%;
}

.tl-flex-col-7-24 {
  width: 29.1667%;
}

.tl-flex-col-1-3,
.tl-flex-col-2-6,
.tl-flex-col-4-12,
.tl-flex-col-8-24 {
  width: 33.3333%;
}

.tl-flex-col-3-8,
.tl-flex-col-9-24 {
  width: 37.5%;
}

.tl-flex-col-2-5 {
  width: 40%;
}

.tl-flex-col-5-12,
.tl-flex-col-10-24 {
  width: 41.6667%;
}

.tl-flex-col-11-24 {
  width: 45.8333%;
}

.tl-flex-col-1-2,
.tl-flex-col-2-4,
.tl-flex-col-3-6,
.tl-flex-col-4-8,
.tl-flex-col-6-12,
.tl-flex-col-12-24 {
  width: 50%;
}

.tl-flex-col-13-24 {
  width: 54.1667%;
}

.tl-flex-col-7-12,
.tl-flex-col-14-24 {
  width: 58.3333%;
}

.tl-flex-col-3-5 {
  width: 60%;
}

.tl-flex-col-5-8,
.tl-flex-col-15-24 {
  width: 62.5%;
}

.tl-flex-col-2-3,
.tl-flex-col-4-6,
.tl-flex-col-8-12,
.tl-flex-col-16-24 {
  width: 66.6667%;
}

.tl-flex-col-17-24 {
  width: 70.8333%;
}

.tl-flex-col-3-4,
.tl-flex-col-6-8,
.tl-flex-col-9-12,
.tl-flex-col-18-24 {
  width: 75%;
}

.tl-flex-col-19-24 {
  width: 79.1667%;
}

.tl-flex-col-4-5 {
  width: 80%;
}

.tl-flex-col-5-6,
.tl-flex-col-10-12,
.tl-flex-col-20-24 {
  width: 83.3333%;
}

.tl-flex-col-7-8,
.tl-flex-col-21-24 {
  width: 87.5%;
}

.tl-flex-col-11-12,
.tl-flex-col-22-24 {
  width: 91.6667%;
}

.tl-flex-col-23-24 {
  width: 95.8333%;
}

.tl-flex-col-1,
.tl-flex-col-1-1,
.tl-flex-col-2-2,
.tl-flex-col-4-4,
.tl-flex-col-5-5,
.tl-flex-col-6-6,
.tl-flex-col-8-8,
.tl-flex-col-12-12,
.tl-flex-col-24-24 {
  width: 100%;
}

/* common css for ui library */
.tl-pointer {
  cursor: pointer;
}

.tl-link {
  cursor: pointer;
  color: #0A74BE;
}

.tl-pos-rel {
  position: relative;
}

.tl-pos-abs {
  position: absolute;
}

.tl-fullscreen,
.tl-pos-absfull {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.tl-fullscreen {
  position: fixed !important;
}

.tl-pos-absfull {
  position: absolute !important;
}

.tl-border-box {
  box-sizing: border-box;
}

.tl-placeholder {
  color: #a4acac;
}

ol.tl-indent-0,
ul.tl-indent-0 {
  padding-left: 0em;
}

ol.tl-indent-1,
ul.tl-indent-1 {
  padding-left: 1em;
}

ol.tl-indent-2,
ul.tl-indent-2 {
  padding-left: 2em;
}

ol.tl-indent-3,
ul.tl-indent-3 {
  padding-left: 3em;
}

ol.tl-indent-4,
ul.tl-indent-4 {
  padding-left: 4em;
}

ol.tl-indent-0,
ul.tl-indent-0 {
  list-style: none;
}

/* sliding in left direction : from right to left */
.slide-left-enter-active {
  animation-name: slide-left-in;
  animation-duration: 0.4s;
  transform: translateX(100%);
}

.slide-left-leave-active {
  animation-name: slide-left-out;
  animation-duration: 0.4s;
}

@keyframes slide-left-in {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes slide-left-out {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
/* sliding & fading in left diretion: from right to left and fading in */
.slide-fade-left-enter-active {
  animation: 0.4s slide-fade-left-in;
}

.slide-fade-left-leave-active {
  animation: 0.4s slide-fade-left-out;
}

@keyframes slide-fade-left-in {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slide-fade-left-out {
  from {
    transform: translateX(0%);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}
/* sliding & fading in left diretion: from right to left and fading in */
.slide-fade-top-enter-active {
  animation: 0.4s slide-fade-top-in;
}

.slide-fade-top-leave-active {
  animation: 0.4s slide-fade-top-out;
}

@keyframes slide-fade-top-in {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes slide-fade-top-out {
  from {
    transform: translateY(0%);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}
/* sliding in right direction : from left to right */
.slide-right-enter-active {
  animation-name: slide-right-in;
  animation-duration: 0.4s;
  transform: translateX(-100%);
}

.slide-right-leave-active {
  animation-name: slide-right-out;
  animation-duration: 0.4s;
}

@keyframes slide-right-in {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes slide-right-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.fade-in-enter-active,
.fade-in-leave-active {
  transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}

.fade-in-enter,
.fade-in-leave-active {
  opacity: 0;
}

.fade-out-enter-active,
.fade-out-leave-active {
  transition: opacity 0.4s cubic-bezier(0.55, 0, 0.1, 1);
}

.fade-out-enter,
.fade-out-leave {
  opacity: 1;
}

.fade-out-enter-to,
.fade-out-leave-to {
  opacity: 0;
}

.zoom-in-center-enter-active,
.zoom-in-center-leave-active {
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms, opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms;
}

.zoom-in-center-enter,
.zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}

.zoom-in-top-enter-active,
.zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms, opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms;
  transform-origin: center top;
}

.zoom-in-top-enter,
.zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms, opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms;
  transform-origin: center top;
}

.zoom-in-bottom-enter-active,
.zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms, opacity 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0.1ms;
  transform-origin: center bottom;
}

.zoom-in-bottom-enter,
.zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

.tl-button {
  display: inline-block;
  position: relative;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  border: 1px solid #c8ccd5;
  border-radius: 3px;
  font-weight: 500;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  padding: 0.583em 0.833em;
  transition: 0.1s;
  color: #5a5e66;
  border-color: #c8ccd5;
  background-color: #FFF;
}
.tl-button + .tl-button {
  margin-left: 2px;
}
.tl-button::-moz-focus-inner {
  border: 0;
}
.tl-button[class*=tl-icon-] + span {
  margin-left: 5px;
}
.tl-button:hover, .tl-button:focus {
  color: #0A74BE;
  border-color: rgb(181.5, 213.3, 235.5);
  background-color: rgb(230.5, 241.1, 248.5);
}
.tl-button:focus:before {
  position: absolute;
  z-index: 2;
  content: " ";
  pointer-events: none;
  left: 2px;
  top: 2px;
  right: 2px;
  bottom: 2px;
  border: 1px dotted #0A74BE;
}
.tl-button:hover:focus:before {
  display: none;
}
.tl-button:active, .tl-button[active] {
  color: rgb(9, 104.4, 171);
  border-color: rgb(9, 104.4, 171);
}
.tl-button[disabled], .tl-button[disabled]:hover, .tl-button[disabled]:focus {
  cursor: not-allowed;
  color: #747c7c;
  border-color: #dfe4ed;
  background-color: #FFF;
}
.tl-button[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-large {
  font-size: 1.2em;
  padding: 0.7em 1.4em;
}
.tl-button.tl-button-normal {
  font-size: 1em;
  padding: 0.583em 1em;
}
.tl-button.tl-button-small {
  font-size: 1em;
  padding: 0.5em 0.833em;
}
.tl-button.tl-button-primary {
  color: #FFF;
  border-color: #0A74BE;
  background-color: #0A74BE;
}
.tl-button.tl-button-primary:hover, .tl-button.tl-button-primary:focus {
  color: #FFF;
  border-color: rgb(59, 143.8, 203);
  background-color: rgb(59, 143.8, 203);
}
.tl-button.tl-button-primary:focus:before {
  border-color: white;
}
.tl-button.tl-button-primary:active, .tl-button.tl-button-primary[active] {
  color: #FFF;
  border-color: rgb(9, 104.4, 171);
  background-color: rgb(9, 104.4, 171);
  outline: none;
}
.tl-button.tl-button-primary[disabled], .tl-button.tl-button-primary[disabled]:hover, .tl-button.tl-button-primary[disabled]:focus, .tl-button.tl-button-primary[disabled]:active {
  color: #FFF;
  border-color: rgb(132.5, 185.5, 222.5);
  background-color: rgb(132.5, 185.5, 222.5);
}
.tl-button.tl-button-primary[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-success {
  color: #FFF;
  border-color: #67C23A;
  background-color: #67C23A;
}
.tl-button.tl-button-success:hover, .tl-button.tl-button-success:focus {
  color: #FFF;
  border-color: rgb(133.4, 206.2, 97.4);
  background-color: rgb(133.4, 206.2, 97.4);
}
.tl-button.tl-button-success:focus:before {
  border-color: white;
}
.tl-button.tl-button-success:active, .tl-button.tl-button-success[active] {
  color: #FFF;
  border-color: rgb(92.7, 174.6, 52.2);
  background-color: rgb(92.7, 174.6, 52.2);
  outline: none;
}
.tl-button.tl-button-success[disabled], .tl-button.tl-button-success[disabled]:hover, .tl-button.tl-button-success[disabled]:focus, .tl-button.tl-button-success[disabled]:active {
  color: #FFF;
  border-color: rgb(179, 224.5, 156.5);
  background-color: rgb(179, 224.5, 156.5);
}
.tl-button.tl-button-success[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-warning {
  color: #FFF;
  border-color: #EB9E05;
  background-color: #EB9E05;
}
.tl-button.tl-button-warning:hover, .tl-button.tl-button-warning:focus {
  color: #FFF;
  border-color: rgb(239, 177.4, 55);
  background-color: rgb(239, 177.4, 55);
}
.tl-button.tl-button-warning:focus:before {
  border-color: white;
}
.tl-button.tl-button-warning:active, .tl-button.tl-button-warning[active] {
  color: #FFF;
  border-color: rgb(211.5, 142.2, 4.5);
  background-color: rgb(211.5, 142.2, 4.5);
  outline: none;
}
.tl-button.tl-button-warning[disabled], .tl-button.tl-button-warning[disabled]:hover, .tl-button.tl-button-warning[disabled]:focus, .tl-button.tl-button-warning[disabled]:active {
  color: #FFF;
  border-color: rgb(245, 206.5, 130);
  background-color: rgb(245, 206.5, 130);
}
.tl-button.tl-button-warning[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-danger {
  color: #FFF;
  border-color: #FA5555;
  background-color: #FA5555;
}
.tl-button.tl-button-danger:hover, .tl-button.tl-button-danger:focus {
  color: #FFF;
  border-color: #fb7777;
  background-color: #fb7777;
}
.tl-button.tl-button-danger:focus:before {
  border-color: white;
}
.tl-button.tl-button-danger:active, .tl-button.tl-button-danger[active] {
  color: #FFF;
  border-color: rgb(225, 76.5, 76.5);
  background-color: rgb(225, 76.5, 76.5);
  outline: none;
}
.tl-button.tl-button-danger[disabled], .tl-button.tl-button-danger[disabled]:hover, .tl-button.tl-button-danger[disabled]:focus, .tl-button.tl-button-danger[disabled]:active {
  color: #FFF;
  border-color: rgb(252.5, 170, 170);
  background-color: rgb(252.5, 170, 170);
}
.tl-button.tl-button-danger[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-info {
  color: #FFF;
  border-color: #474D59;
  background-color: #474D59;
}
.tl-button.tl-button-info:hover, .tl-button.tl-button-info:focus {
  color: #FFF;
  border-color: rgb(107.8, 112.6, 122.2);
  background-color: rgb(107.8, 112.6, 122.2);
}
.tl-button.tl-button-info:focus:before {
  border-color: white;
}
.tl-button.tl-button-info:active, .tl-button.tl-button-info[active] {
  color: #FFF;
  border-color: rgb(63.9, 69.3, 80.1);
  background-color: rgb(63.9, 69.3, 80.1);
  outline: none;
}
.tl-button.tl-button-info[disabled], .tl-button.tl-button-info[disabled]:hover, .tl-button.tl-button-info[disabled]:focus, .tl-button.tl-button-info[disabled]:active {
  color: #FFF;
  border-color: #a3a6ac;
  background-color: #a3a6ac;
}
.tl-button.tl-button-info[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-ghost {
  color: #5a5e66;
  border-color: #5a5e66;
  background-color: transparent;
}
.tl-button.tl-button-ghost:hover, .tl-button.tl-button-ghost:focus {
  color: #5a5e66;
  border-color: rgb(123, 126.2, 132.6);
  background-color: rgba(255, 255, 255, 0.2);
}
.tl-button.tl-button-ghost:focus:before {
  border-color: rgb(123, 126.2, 132.6);
}
.tl-button.tl-button-ghost:active, .tl-button.tl-button-ghost[active] {
  color: #5a5e66;
  border-color: rgb(81, 84.6, 91.8);
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}
.tl-button.tl-button-ghost[disabled], .tl-button.tl-button-ghost[disabled]:hover, .tl-button.tl-button-ghost[disabled]:focus, .tl-button.tl-button-ghost[disabled]:active {
  color: #FFF;
  border-color: rgb(172.5, 174.5, 178.5);
  background-color: rgba(255, 255, 255, 0.5);
}
.tl-button.tl-button-ghost[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-ghost:hover, .tl-button.tl-button-ghost:focus {
  color: rgb(74, 98.4, 119.6);
  border-color: rgb(74, 98.4, 119.6);
  background-color: rgba(10, 116, 190, 0.2);
}
.tl-button.tl-button-ghost:focus:before {
  border-color: rgb(74, 98.4, 119.6);
}
.tl-button.tl-button-ghost[disabled], .tl-button.tl-button-ghost[disabled]:hover, .tl-button.tl-button-ghost[disabled]:focus, .tl-button.tl-button-ghost[disabled]:active {
  color: rgb(185.5, 189.5, 189.5);
}
.tl-button.tl-button-text, .tl-button.tl-button-link {
  color: #0A74BE;
  background-color: transparent;
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.tl-button.tl-button-text span, .tl-button.tl-button-link span {
  display: inline-block;
}
.tl-button.tl-button-text:hover, .tl-button.tl-button-text:focus, .tl-button.tl-button-link:hover, .tl-button.tl-button-link:focus {
  color: rgb(59, 143.8, 203);
  border-color: transparent;
  background-color: transparent;
}
.tl-button.tl-button-text:focus:before, .tl-button.tl-button-link:focus:before {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-color: rgb(59, 143.8, 203);
}
.tl-button.tl-button-text:active, .tl-button.tl-button-link:active {
  color: rgb(9, 104.4, 171);
  border-color: transparent;
  background-color: transparent;
}
.tl-button.tl-button-text[disabled], .tl-button.tl-button-text[disabled]:hover, .tl-button.tl-button-text[disabled]:focus, .tl-button.tl-button-text[disabled]:active, .tl-button.tl-button-link[disabled], .tl-button.tl-button-link[disabled]:hover, .tl-button.tl-button-link[disabled]:focus, .tl-button.tl-button-link[disabled]:active {
  color: #747c7c;
  border-color: transparent;
  background-color: transparent;
}
.tl-button.tl-button-text[disabled]:focus:before, .tl-button.tl-button-link[disabled]:focus:before {
  border-color: transparent;
}
.tl-button.tl-button-file .file-input-wrapper, .tl-button.tl-button-file input[type=file] {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.tl-button.tl-button-file .file-input-wrapper {
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
}
.tl-button.tl-button-file .file-input-wrapper input[type=file] {
  margin-left: -14em;
  width: 28em;
  font-size: 85em;
  cursor: pointer;
}
.tl-button[disabled].tl-button-file .file-input-wrapper, .tl-button[disabled]:hover.tl-button-file .file-input-wrapper, .tl-button[disabled]:focus.tl-button-file .file-input-wrapper {
  cursor: not-allowed;
}

.tl-checkbox {
  font-weight: 500;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  user-select: none;
}
.tl-checkbox input[type=checkbox] {
  display: none;
}
.tl-checkbox .dummy-checkbox {
  position: relative;
  display: inline;
  margin-right: 0.75em;
  line-height: 1;
  width: 1em;
  height: 1em;
  /* a true placeholder */
}
.tl-checkbox .dummy-checkbox b {
  display: inline-block;
  width: 1em;
  border: 1px solid transparent;
}
.tl-checkbox .dummy-checkbox:before, .tl-checkbox .dummy-checkbox:after {
  position: absolute;
  content: " ";
  display: block;
  top: 50%;
  left: 50%;
  cursor: pointer;
}
.tl-checkbox .dummy-checkbox:before {
  z-index: 1;
  width: 1em;
  height: 1em;
  margin-left: calc(-1px - 0.5em);
  margin-top: calc(-1px - 0.5em);
  background: #FFF;
  border: 1px solid #c8ccd5;
  border-radius: 2px;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.tl-checkbox .dummy-checkbox:after {
  z-index: 2;
  transition: transform 0.15s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.05s;
}
.tl-checkbox .dummy-checkbox.indeterminate:before, .tl-checkbox .dummy-checkbox.checked:before {
  background: #0A74BE;
  border: 1px solid #0A74BE;
}
.tl-checkbox .dummy-checkbox.indeterminate:after {
  width: 0.6em;
  height: 0px;
  margin-left: calc(-1px - 0.3em);
  margin-top: -1px;
  border: 1px solid #FFF;
  transform: rotate(0deg) scaleY(1);
}
.tl-checkbox .dummy-checkbox.checked:after {
  width: 0.3em;
  height: 0.7em;
  margin-left: calc(-1px - 0.1em);
  margin-top: calc(-1px - 0.4em);
  border: 1px solid #FFF;
  border-left: none;
  border-top: none;
  transform: rotate(45deg) scaleY(1);
}
.tl-checkbox .dummy-checkbox:hover:before {
  border-color: #0A74BE;
}
.tl-checkbox[disabled] {
  color: #747c7c;
  cursor: not-allowed;
}
.tl-checkbox[disabled] .dummy-checkbox:before {
  cursor: not-allowed;
  background: #edeeef;
}
.tl-checkbox[disabled] .dummy-checkbox:after {
  cursor: not-allowed;
}
.tl-checkbox[disabled] .dummy-checkbox.checked:before {
  background: #edeeef;
  border: 1px solid #c8ccd5;
}
.tl-checkbox[disabled] .dummy-checkbox.checked:after {
  border-color: #B8BFCF;
}
.tl-checkbox[disabled] .dummy-checkbox:hover:before {
  border: 1px solid #c8ccd5;
}
.tl-checkbox.readonly {
  color: #2d2f33;
}
.tl-checkbox.readonly .dummy-checkbox:before {
  background: rgb(240.8, 242.2, 245.4);
}
.tl-checkbox.readonly .dummy-checkbox.checked:before {
  background: rgb(240.8, 242.2, 245.4);
  border: 1px solid #c8ccd5;
}
.tl-checkbox.readonly .dummy-checkbox.checked:after {
  border-color: #2d2f33;
}
.tl-checkbox.readonly .dummy-checkbox:hover:before {
  border: 1px solid #c8ccd5;
}
.tl-checkbox + .tl-checkbox {
  margin-left: 2.5em;
}
.tl-checkbox.right-box {
  position: relative;
  padding-right: 2em;
}
.tl-checkbox.right-box .dummy-checkbox {
  position: absolute;
  top: 50%;
  right: 0.25em;
  margin-top: -0.5em;
  margin-right: 0em;
}

.tl-tab {
  position: relative;
  padding-top: 2.4615384615em;
  box-sizing: border-box;
  border: 1px solid #c8ccd5;
}
.tl-tab .tl-tab-header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 2.4615384615em;
  padding: 0em 1.5em;
  background: rgb(240.8, 242.2, 245.4);
  border-bottom: 1px solid #dfe4ed;
  box-sizing: border-box;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper {
  position: relative;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll {
  position: relative;
  overflow: hidden;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner {
  position: relative;
  transition: transform 0.3s;
  white-space: nowrap;
  float: left;
  min-width: 100%;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item {
  position: relative;
  display: inline-block;
  padding: 0 1.2em;
  height: 2.4615384615em;
  line-height: 2.4615384615em;
  box-sizing: border-box;
  font-weight: 500;
  color: #2d2f33;
  cursor: pointer;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item:hover {
  color: #0A74BE;
  background-color: rgb(247.9, 248.6, 250.2);
  border-bottom: 1px solid #dfe4ed;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item.active {
  color: #0A74BE;
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item.tl-tab-header-disabled {
  color: #747c7c;
  cursor: not-allowed;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item.tl-tab-header-disabled:hover {
  color: #747c7c;
  background-color: transparent;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item.tl-tab-header-right {
  float: right;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable {
  padding-left: 1em;
  padding-right: 1em;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-prev-btn,
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-next-btn {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  width: 2em;
  height: 1em;
  line-height: 1em;
  text-align: center;
  cursor: pointer;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-prev-btn.tl-tab-header-disabled,
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-next-btn.tl-tab-header-disabled {
  color: #747c7c;
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-prev-btn {
  left: -1.25em; /* padding-left:1em + 1.5em = 2.5em, move btn to center position, so, 1.5-0.75 = (2.5-2)/2*/
}
.tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-next-btn {
  right: -1.25em;
}
.tl-tab .tl-tab-content {
  background: #FFF;
}
.tl-tab .tl-tab-content,
.tl-tab .tl-tab-panel {
  position: relative;
  width: 100%;
  height: 100%;
}
.tl-tab.theme-link {
  border: none;
}
.tl-tab.theme-link .tl-tab-header {
  background: transparent;
}
.tl-tab.theme-link .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item {
  color: #0A74BE;
}
.tl-tab.theme-link .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item:hover {
  color: #0A74BE;
  background-color: rgb(247.9, 248.6, 250.2);
}
.tl-tab.theme-link .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item.active {
  color: #0A74BE;
  background: transparent;
  border-bottom: 2px solid #0A74BE;
}
.tl-tab.theme-modern .tl-tab-header {
  padding: 0;
}
.tl-tab.theme-modern .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable {
  padding-left: 2em;
  padding-right: 2em;
}
.tl-tab.theme-modern .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-prev-btn {
  left: 0em;
}
.tl-tab.theme-modern .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-next-btn {
  right: 0em;
}
.tl-tab.theme-modern .tl-tab-content .tl-tab-panel {
  box-sizing: border-box;
  padding: 14px;
}

/* $tree-careticon-centerx + $tree-careticon-halfsize */
/* the padding may influence $tree-careticon-centerx, $tree-careticon-centery */
.tl-tree {
  background: #FFF;
}
.tl-tree .empty-nodes {
  padding: 1em;
  color: #a4acac;
}
.tl-tree .tl-tree-node {
  position: relative;
}
.tl-tree .tl-tree-node .tl-tree-caret {
  position: absolute;
  z-index: 2;
  left: 7px;
  top: 12px;
  width: 13px;
  height: 13px;
  font-size: 13px;
  margin-top: -7px;
  margin-left: -7px;
  cursor: pointer;
  color: #979da9;
}
.tl-tree .tl-tree-node .tl-tree-line-top-half,
.tl-tree .tl-tree-node .tl-tree-line-bottom-half {
  position: absolute;
  z-index: 1;
  display: none;
  pointer-events: none;
  box-sizing: border-box;
  border-left: 1px solid #B8BFCF;
}
.tl-tree .tl-tree-node .tl-tree-line-top-half {
  top: 0;
  height: 12px;
  border-bottom: 1px solid #B8BFCF;
}
.tl-tree .tl-tree-node .tl-tree-line-bottom-half {
  top: 12px;
  bottom: 0;
}
.tl-tree .tl-tree-node-item {
  position: relative;
  padding: 3px 4px;
  margin-left: 14px;
}
.tl-tree .tl-tree-node-item:hover {
  background: rgb(240.8, 242.2, 245.4);
}
.tl-tree .tl-tree-node-item.highlight {
  background: rgb(186, 220, 250);
}
.tl-tree .tl-tree-folder {
  padding-left: 18px;
}
.tl-tree .tl-tree-folder .tl-tree-line-top-half,
.tl-tree .tl-tree-folder .tl-tree-line-bottom-half {
  display: block;
}
.tl-tree .tl-tree-folder li.tl-tree-node:last-of-type > .tl-tree-line-bottom-half {
  display: none;
}
.tl-tree.tl-tree-draggable .tl-tree-node-item .tl-tree-drag-handle {
  display: none;
  position: absolute;
  z-index: 1;
  left: 7px;
  top: 12px;
}
.tl-tree.tl-tree-draggable .tl-tree-node-item:hover .tl-tree-drag-handle {
  display: inline-block;
}
.tl-tree.tl-tree-draggable .tl-tree-folder {
  margin-top: -8px;
  padding-top: 8px;
}
.tl-tree.tl-tree-draggable .tl-tree-ghost-node {
  background: #FFEE00;
}
.tl-tree.tl-tree-draggable .tl-tree-dragging-node {
  background: rgb(186, 220, 250);
}

.tl-menu {
  box-sizing: border-box;
  background: #FFF;
  color: #4d4f53;
  /* theme */
}
.tl-menu.tl-menu-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}
.tl-menu .tl-menu-list {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tl-menu .tl-menu-item {
  position: relative;
  padding: 0;
  margin: 0;
  /* Vertical Menus - show the dropdown arrow */
}
.tl-menu .tl-menu-item .tl-menu-link {
  display: block;
  white-space: nowrap;
  padding: 0.75em 1.5em 0.75em 1em;
  text-decoration: none;
  cursor: pointer;
  color: inherit;
  outline: none;
}
.tl-menu .tl-menu-item .tl-menu-link:link, .tl-menu .tl-menu-item .tl-menu-link:visited, .tl-menu .tl-menu-item .tl-menu-link:active {
  color: inherit;
}
.tl-menu .tl-menu-item .tl-menu-link:hover, .tl-menu .tl-menu-item .tl-menu-link:focus, .tl-menu .tl-menu-item .tl-menu-link.tl-menu-active {
  background-color: rgb(240.8, 242.2, 245.4);
  color: #0A74BE;
}
.tl-menu .tl-menu-item.tl-menu-item-has-submenu > .tl-menu-link:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  right: 0.3em;
  line-height: 1em;
  content: "▸";
  font-size: small;
  color: inherit;
}
.tl-menu .tl-menu-item .tl-menu-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0.3em 0em;
  z-index: 3;
  background: #FFF;
  color: #4d4f53;
  border: 1px solid #D4DFE3;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3);
  max-height: 60vh;
  overflow-y: auto;
}
.tl-menu .tl-menu-item .tl-menu-submenu .tl-menu-item {
  /* Submenus should still be display: block; */
  display: block;
}
.tl-menu .tl-menu-item .tl-menu-submenu .tl-menu-item .tl-menu-link {
  padding: 0.5em 1em;
}
.tl-menu .tl-menu-item .tl-menu-submenu .tl-menu-item .tl-menu-link:hover, .tl-menu .tl-menu-item .tl-menu-submenu .tl-menu-item .tl-menu-link:focus {
  background-color: rgb(240.8, 242.2, 245.4);
  color: #0A74BE;
}
.tl-menu .tl-menu-item.tl-menu-item-has-submenu:hover > .tl-menu-submenu {
  display: block;
  position: absolute;
}
.tl-menu .tl-menu-item .tl-menu-link[disabled],
.tl-menu .tl-menu-item .tl-menu-link[disabled]:hover {
  opacity: 0.5;
  background-color: transparent !important;
  color: inherit !important;
}
.tl-menu .tl-menu-separator {
  display: block;
  background-color: #c8ccd5;
  height: 1px;
}
.tl-menu .tl-menu-submenu .tl-menu-separator {
  display: block;
  width: auto;
  height: 1px;
  margin: 0.25em 1em;
}
.tl-menu.tl-menu-horizontal {
  width: 100%;
  white-space: nowrap;
  /* Horizontal Menus - show the dropdown arrow */
}
.tl-menu.tl-menu-horizontal .tl-menu-list {
  display: inline-block;
  width: 100%;
}
.tl-menu.tl-menu-horizontal .tl-menu-item,
.tl-menu.tl-menu-horizontal .tl-menu-separator {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.tl-menu.tl-menu-horizontal .tl-menu-separator {
  width: 1px;
  height: 1.3em;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.tl-menu.tl-menu-horizontal .tl-menu-list > .tl-menu-item,
.tl-menu.tl-menu-horizontal .tl-menu-list > .tl-menu-separator {
  height: 100%;
}
.tl-menu.tl-menu-horizontal .tl-menu-item-has-submenu > .tl-menu-link:after {
  position: relative;
  top: auto;
  margin-top: 0em;
  right: auto;
  line-height: inherit;
  padding-left: 0.5em;
  content: "▾";
}
.tl-menu.tl-menu-horizontal .tl-menu-submenu {
  left: 0;
  top: auto;
  width: inherit;
}
.tl-menu.tl-menu-horizontal .tl-menu-submenu .tl-menu-separator {
  display: block;
  width: auto;
  height: 1px;
  margin: 0.25em 1em;
}
.tl-menu.tl-menu-collapse {
  background: #FFF;
  border: 1px solid #c8ccd5;
  color: #4d4f53;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.tl-menu.tl-menu-collapse .tl-menu-item {
  text-align: center;
}
.tl-menu.tl-menu-collapse .tl-menu-item .tl-menu-link {
  padding: 0.75em;
}
.tl-menu.tl-menu-collapse .tl-menu-item .tl-menu-link:hover, .tl-menu.tl-menu-collapse .tl-menu-item .tl-menu-link:focus, .tl-menu.tl-menu-collapse .tl-menu-item .tl-menu-link.tl-menu-active {
  background-color: rgb(240.8, 242.2, 245.4);
  color: #0A74BE;
}
.tl-menu.tl-menu-collapse .tl-menu-separator {
  margin: 0.25em 0.5em;
}
.tl-menu.tl-menu-collapse .tl-menu-submenu .tl-menu-item {
  text-align: left;
}
.tl-menu.tl-menu-primary {
  background: #0A74BE;
  color: #FFF;
}
.tl-menu.tl-menu-primary .tl-menu-link:hover, .tl-menu.tl-menu-primary .tl-menu-link:focus, .tl-menu.tl-menu-primary .tl-menu-link.tl-menu-active {
  background-color: rgb(59, 143.8, 203);
  color: #FFF;
}
.tl-menu.tl-menu-gray {
  background: #EEEFF0;
  color: #444;
}
.tl-menu.tl-menu-gray .tl-menu-item .tl-menu-link:hover, .tl-menu.tl-menu-gray .tl-menu-item .tl-menu-link:focus {
  background: #F8F9FA;
  color: #333;
}
.tl-menu.tl-menu-gray .tl-menu-item .tl-menu-link.tl-menu-active {
  background: #FFFFFF;
  color: #000;
}
.tl-menu.tl-menu-gray .tl-menu-item.tl-menu-item-has-submenu:hover > .tl-menu-submenu {
  background: #EEEFF0;
  color: #444;
}
.tl-menu.tl-menu-gray .tl-menu-item.tl-menu-item-has-submenu:hover > .tl-menu-submenu .tl-menu-item .tl-menu-link:hover, .tl-menu.tl-menu-gray .tl-menu-item.tl-menu-item-has-submenu:hover > .tl-menu-submenu .tl-menu-item .tl-menu-link:focus {
  background-color: #F8F9FA;
  color: #333;
}

.tl-list {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  /* column - resizing */
  /* frozen columns */
}
.tl-list .tl-list-column-resizing {
  display: "none";
  position: absolute;
  z-index: 9999;
  cursor: col-resize;
  top: 0;
  bottom: 0;
  left: -8px;
  width: 4px;
}
.tl-list .tl-list-column-resizing:hover {
  background-color: #d5d7de;
  opacity: 0.5;
}
.tl-list .tl-list-render {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  /* override the style in header and footer */
  /* strip style */
  /* inactive style */
  /* checkbox */
  /* default border style */
  /* no grid */
  /* full grid */
  /* bordered */
}
.tl-list .tl-list-render table {
  table-layout: fixed;
  border-collapse: initial;
  border-spacing: 0;
  min-width: 100%;
  width: 100%;
}
.tl-list .tl-list-render .tl-list-column {
  position: relative;
  box-sizing: border-box;
  text-align: start;
  overflow: hidden;
  vertical-align: middle;
  background-color: #FFF;
  transition: background-color 0.2s ease-in-out;
}
.tl-list .tl-list-render .tl-list-column .tl-list-cell {
  position: relative;
  width: 100%;
  padding: 0.6em 0.5em 0.6em 1em;
  line-height: 1.5em;
  box-sizing: border-box;
  overflow: visible;
}
.tl-list .tl-list-render .tl-list-column .tl-list-cell-wrap {
  white-space: wrap;
}
.tl-list .tl-list-render .tl-list-column .tl-list-cell-nowrap {
  white-space: nowrap;
}
.tl-list .tl-list-render .tl-list-column .tl-list-cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tl-list .tl-list-render .tl-list-header,
.tl-list .tl-list-render .tl-list-footer {
  position: relative;
  box-sizing: border-box;
}
.tl-list .tl-list-render .tl-list-header .tl-list-column,
.tl-list .tl-list-render .tl-list-footer .tl-list-column {
  border-right: 1px solid #d5d7de;
}
.tl-list .tl-list-render .tl-list-header .tl-list-column.tl-list-complex-column,
.tl-list .tl-list-render .tl-list-footer .tl-list-column.tl-list-complex-column {
  border-bottom: 1px solid #d5d7de;
}
.tl-list .tl-list-render .tl-list-header {
  background-color: #e5e7ee;
}
.tl-list .tl-list-render .tl-list-header .tl-list-column {
  background-color: #e5e7ee;
}
.tl-list .tl-list-render .tl-list-footer {
  background-color: #eeeff0;
}
.tl-list .tl-list-render .tl-list-footer .tl-list-column {
  background-color: #eeeff0;
}
.tl-list .tl-list-render .tl-list-body {
  position: relative;
  box-sizing: border-box;
  overflow: auto;
}
.tl-list .tl-list-render .tl-list-body tbody {
  position: relative;
  box-sizing: border-box;
}
.tl-list .tl-list-render .tl-list-body tbody .tl-list-row {
  position: relative;
  box-sizing: border-box;
}
.tl-list .tl-list-render .tl-list-body tbody .tl-list-row.hovered .tl-list-column, .tl-list .tl-list-render .tl-list-body tbody .tl-list-row:hover .tl-list-column {
  background-color: #f6f7f8;
}
.tl-list .tl-list-render .tl-list-body tbody .tl-list-row.highlight .tl-list-column {
  background-color: rgb(186, 220, 250);
}
.tl-list .tl-list-render .tl-list-last-column {
  border-right: none !important;
}
.tl-list .tl-list-render.tl-list-striped .tl-list-row:nth-child(2n-1) .tl-list-column {
  background-color: #f1f2f3;
}
.tl-list .tl-list-render.tl-list-striped .tl-list-row:nth-child(2n-1).highlight .tl-list-column {
  background-color: rgb(186, 220, 250);
}
.tl-list .tl-list-render.tl-list-inactive .tl-list-row.highlight .tl-list-column {
  background-color: #CECECF;
  color: inherit;
}
.tl-list .tl-list-render.tl-list-with-checkbox .tl-list-checkbox-cell {
  width: calc(2em + 4px);
  border-right: none !important;
}
.tl-list .tl-list-render.tl-list-with-checkbox .tl-list-checkbox-cell .tl-list-cell {
  padding-right: 0;
}
.tl-list .tl-list-render.tl-list-with-checkbox .tl-list-checkbox-cell .tl-list-cell .tl-checkbox .dummy-checkbox {
  margin-right: 0;
}
.tl-list .tl-list-render .tl-list-header,
.tl-list .tl-list-render .tl-list-body {
  border-top: 1px solid #d5d7de;
}
.tl-list .tl-list-render .tl-list-body,
.tl-list .tl-list-render .tl-list-footer {
  border-bottom: 1px solid #d5d7de;
}
.tl-list .tl-list-render .tl-list-row .tl-list-column {
  border-bottom: 1px solid #d5d7de;
}
.tl-list .tl-list-render.tl-list-with-y-scroll .tl-list-body {
  /* no bottom border for last row when overflow */
}
.tl-list .tl-list-render.tl-list-with-y-scroll .tl-list-body .tl-list-row:last-child .tl-list-column {
  border-bottom: none;
}
.tl-list .tl-list-render.tl-list-grid-none .tl-list-header,
.tl-list .tl-list-render.tl-list-grid-none .tl-list-body,
.tl-list .tl-list-render.tl-list-grid-none .tl-list-footer {
  border-top: none;
  border-bottom: none;
}
.tl-list .tl-list-render.tl-list-grid-none .tl-list-column {
  border-right: none !important;
  border-bottom: none !important;
}
.tl-list .tl-list-render.tl-list-grid-full .tl-list-column {
  border-right: 1px solid #d5d7de;
}
.tl-list .tl-list-render.tl-list-bordered {
  border: 1px solid #d5d7de;
}
.tl-list .tl-list-render.tl-list-bordered .tl-list-header,
.tl-list .tl-list-render.tl-list-bordered .tl-list-body {
  border-top: none;
}
.tl-list .tl-list-render.tl-list-bordered .tl-list-body,
.tl-list .tl-list-render.tl-list-bordered .tl-list-footer {
  border-bottom: none;
}
.tl-list .tl-list-render.tl-list-bordered .tl-list-column {
  border-bottom: none !important;
}
.tl-list .tl-list-left-frozen-dragger,
.tl-list .tl-list-right-frozen-dragger {
  position: absolute;
  z-index: 10;
  top: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.4);
  width: 0;
}
.tl-list .tl-list-left-frozen-dragger::before, .tl-list .tl-list-left-frozen-dragger::after,
.tl-list .tl-list-right-frozen-dragger::before,
.tl-list .tl-list-right-frozen-dragger::after {
  position: absolute;
  z-index: 11;
  content: " ";
  background: rgba(0, 0, 0, 0.4);
}
.tl-list .tl-list-left-frozen-dragger::before,
.tl-list .tl-list-right-frozen-dragger::before {
  top: 0;
  height: 1px;
  width: 0.7em;
}
.tl-list .tl-list-left-frozen-dragger::after,
.tl-list .tl-list-right-frozen-dragger::after {
  z-index: 12;
  top: -0.5em;
  width: 1em;
  height: 1em;
  transform: rotate(45deg);
}
.tl-list .tl-list-left-frozen-dragger {
  left: 0;
}
.tl-list .tl-list-left-frozen-dragger::before {
  right: -0.7em;
  cursor: e-resize;
}
.tl-list .tl-list-left-frozen-dragger::after {
  right: -0.5em;
  cursor: e-resize;
}
.tl-list .tl-list-right-frozen-dragger {
  right: 0;
}
.tl-list .tl-list-right-frozen-dragger::before {
  left: -0.7em;
  cursor: e-resize;
}
.tl-list .tl-list-right-frozen-dragger::after {
  left: -0.5em;
  cursor: w-resize;
}
.tl-list .tl-list-left-frozen-column,
.tl-list .tl-list-right-frozen-column {
  position: sticky !important;
  z-index: 1;
}
.tl-list .tl-list-left-frozen-effect .tl-list-last-frozen-column {
  box-shadow: 4px 2px 8px rgba(0, 0, 0, 0.15);
}
.tl-list .tl-list-right-frozen-effect .tl-list-first-frozen-column {
  box-shadow: -4px 2px 8px rgba(0, 0, 0, 0.15);
}

.tl-tag {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  margin-right: 0.3em;
  height: 2em;
  line-height: calc(2em - 2px);
  font-size: inherit;
  background-color: rgba(0, 115, 198, 0.1);
  border: 1px solid rgba(0, 115, 198, 0.2);
  color: #0A74BE;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.tl-tag.tl-tag-with-icon {
  padding-right: 1.8em;
}
.tl-tag .tl-tag-icon {
  position: absolute;
  top: 50%;
  right: 0.25em;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  border-radius: 50%;
  text-align: center;
  font-size: inherit;
  line-height: 1em;
  cursor: pointer;
  color: #0A74BE;
}
.tl-tag .tl-tag-icon:hover {
  background-color: #0A74BE;
  color: #FFF;
}
.tl-tag.tl-tag-small {
  height: 1.5em;
  line-height: calc(1.5em - 2px);
}
.tl-tag.tl-tag-info {
  background-color: rgba(115, 120, 125, 0.1);
  border-color: rgba(115, 120, 125, 0.2);
  color: #555658;
}
.tl-tag.tl-tag-info .tl-tag-icon {
  color: #555658;
}
.tl-tag.tl-tag-info .tl-tag-icon:hover {
  background-color: #555658;
  color: #fff;
}
.tl-tag.tl-tag-success {
  background-color: rgba(103, 194, 58, 0.1);
  border-color: rgba(103, 194, 58, 0.2);
  color: #67c23a;
}
.tl-tag.tl-tag-success .tl-tag-icon {
  color: #67c23a;
}
.tl-tag.tl-tag-success .tl-tag-icon:hover {
  background-color: #67c23a;
  color: #fff;
}
.tl-tag.tl-tag-warning {
  background-color: rgba(235, 158, 5, 0.1);
  border-color: rgba(235, 158, 5, 0.2);
  color: #eb9e05;
}
.tl-tag.tl-tag-warning .tl-tag-icon {
  color: #eb9e05;
}
.tl-tag.tl-tag-warning .tl-tag-icon:hover {
  background-color: #eb9e05;
  color: #fff;
}
.tl-tag.tl-tag-danger {
  background-color: rgba(250, 85, 85, 0.1);
  border-color: rgba(250, 85, 85, 0.2);
  color: #fa5555;
}
.tl-tag.tl-tag-danger .tl-tag-icon {
  color: #fa5555;
}
.tl-tag.tl-tag-danger .tl-tag-icon:hover {
  background-color: #fa5555;
  color: #fff;
}

.tl-sortcaret {
  position: relative;
  width: 1.5em;
  height: 1em;
  display: inline;
  overflow: initial;
}
.tl-sortcaret b {
  display: inline-block;
  width: 1.5em;
}
.tl-sortcaret i {
  position: absolute;
  cursor: pointer;
  left: 0.25em;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
}
.tl-sortcaret i.ascending {
  border-bottom-color: #B8BFCF;
  top: -0.5em;
}
.tl-sortcaret i.descending {
  border-top-color: #B8BFCF;
  bottom: -0.5em;
}
.tl-sortcaret.tl-ascending i.ascending {
  border-bottom-color: rgb(59, 143.8, 203);
}
.tl-sortcaret.tl-descending i.descending {
  border-top-color: rgb(59, 143.8, 203);
}

.tl-input {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  height: 2.4615384615em;
  line-height: calc(2.4615384615em - 2px);
  padding: 0 1em;
  border: 1px solid #c8ccd5;
  background-color: #FFF;
  background-image: none;
  font-size: inherit;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #5a5e66;
}
.tl-input:hover {
  border-color: #a4acac;
}
.tl-input.focusing, .tl-input.focusing-visible {
  outline: none;
  border-color: #0A74BE;
}
.tl-input .tl-input-prefix,
.tl-input .tl-input-suffix {
  flex: 0 1 auto;
  height: 100%;
  color: #a4acac;
  transition: all 0.3s;
  white-space: nowrap;
}
.tl-input .tl-input-prefix {
  margin-left: -1em;
}
.tl-input .tl-input-suffix {
  margin-right: -1em;
}
.tl-input .tl-input-suffix + .tl-input-suffix {
  margin-left: 1em;
}
.tl-input input {
  flex: 1 1 auto;
  height: calc(2.4615384615em - 2px);
  width: 100%;
  display: inline-block;
  background: transparent;
  -webkit-appearance: none;
  color: inherit;
  font-size: inherit;
  padding: 0 !important;
  line-height: 1 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.tl-input input::placeholder {
  color: #a4acac !important;
}
.tl-input input:focus, .tl-input input[active] {
  outline: none !important;
  box-shadow: none !important;
}
.tl-input .tl-input-icon {
  height: 100%;
  width: 1.5em;
  text-align: center;
  transition: all 0.3s;
  line-height: calc(2.4615384615em - 2px);
}
.tl-input.tl-input-small input {
  height: 2em;
}
.tl-input.tl-input-small .tl-input-icon {
  line-height: 2em;
}
.tl-input.tl-input-disabled {
  background-color: #edeeef;
  border-color: #dfe4ed;
  color: #747c7c;
  cursor: not-allowed;
}
.tl-input.tl-input-disabled .tl-input-prefix, .tl-input.tl-input-disabled .tl-input-suffix {
  cursor: not-allowed;
}
.tl-input.tl-input-disabled input {
  color: inherit;
  cursor: not-allowed;
}
.tl-input.tl-input-disabled input::placeholder {
  color: #a4acac;
}
.tl-input.tl-input-disabled .tl-input-icon {
  cursor: not-allowed;
}

.tl-input input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: transparent !important;
  color: fieldtext !important;
}
.tl-input input:-webkit-autofill {
  animation-delay: 1s; /* Safari support - any positive time runs instantly */
  animation-name: onAutoFillStart;
  animation-fill-mode: both;
  transition: background-color 50000s ease-in-out 0s;
}
.tl-input input:not(:-webkit-autofill) {
  animation: 1ms onAutoFillCancel;
}
@keyframes onAutoFillStart {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}
@keyframes onAutoFillCancel {
  from {
    opacity: 1;
  }
  to {
    opacity: 1;
  }
}

.tl-input-placeholder-label {
  position: absolute;
  z-index: 100;
  top: 0%;
  left: 0.5em;
  margin-top: -0.5em;
  line-height: 1;
  padding: 0em 0.3em;
  font-size: 1em;
  color: #a4acac;
  background: #FFF;
  animation-name: tl-input-placeholder-label-enter;
  animation-duration: 0.4s;
  transform-origin: 0 0;
}

@keyframes tl-input-placeholder-label-enter {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(0.75);
  }
}
.tl-textarea {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  width: 100%;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border: 1px solid #c8ccd5;
  background-color: #FFF;
  background-image: none;
  font-size: inherit;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #5a5e66;
  line-height: 1.5;
}
.tl-textarea:hover {
  border-color: #a4acac;
}
.tl-textarea.focusing {
  outline: none;
  border-color: #0A74BE;
}
.tl-textarea textarea {
  display: inline-block;
  background: transparent;
  -webkit-appearance: none;
  color: inherit;
  font-size: inherit;
  width: 100%;
  height: 100%;
  line-height: 1.5 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  box-sizing: initial !important;
  resize: vertical;
}
.tl-textarea textarea::placeholder {
  color: #a4acac !important;
}
.tl-textarea textarea:focus, .tl-textarea textarea[active] {
  outline: none !important;
  box-shadow: none !important;
}
.tl-textarea.tl-textarea-disabled {
  background-color: #edeeef;
  border-color: #dfe4ed;
  color: #747c7c;
  cursor: not-allowed;
}
.tl-textarea.tl-textarea-disabled textarea {
  color: inherit;
  cursor: not-allowed;
}
.tl-textarea.tl-textarea-disabled textarea::placeholder {
  color: #a4acac;
}
.tl-textarea .tl-textarea-icon {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  cursor: pointer;
}

.tl-popper {
  position: absolute;
  z-index: 2000;
  color: #2d2f33;
  border: 1px solid #dfe4ed;
  background: #FFF;
}
.tl-popper .popper-arrow,
.tl-popper .popper-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
}
.tl-popper .popper-arrow::after {
  content: " ";
}
.tl-popper .popper-arrow::before {
  position: absolute;
  display: block;
  content: " ";
}
.tl-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.tl-popper[x-placement^=top] .popper-arrow {
  bottom: -6px;
  left: 50%;
  border-bottom-width: 0;
  border-top-color: #dfe4ed;
}
.tl-popper[x-placement^=top] .popper-arrow::before {
  height: 13px;
  bottom: -7px;
  left: 0;
  right: 0;
}
.tl-popper[x-placement^=top] .popper-arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-bottom-width: 0;
  border-top-color: #FFF;
}
.tl-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.tl-popper[x-placement^=bottom] .popper-arrow {
  top: -6px;
  left: 50%;
  border-top-width: 0;
  border-bottom-color: #dfe4ed;
}
.tl-popper[x-placement^=bottom] .popper-arrow::before {
  height: 13px;
  top: -7px;
  left: 0;
  right: 0;
}
.tl-popper[x-placement^=bottom] .popper-arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #FFF;
}
.tl-popper[x-placement^=right] {
  margin-left: 12px;
}
.tl-popper[x-placement^=right] .popper-arrow {
  top: 50%;
  left: -6px;
  border-left-width: 0;
  border-right-color: #dfe4ed;
}
.tl-popper[x-placement^=right] .popper-arrow::before {
  width: 13px;
  left: -7px;
  top: 0;
  bottom: 0;
}
.tl-popper[x-placement^=right] .popper-arrow::after {
  left: 1px;
  margin-top: -6px;
  border-left-width: 0;
  border-right-color: #FFF;
}
.tl-popper[x-placement^=left] {
  margin-right: 12px;
}
.tl-popper[x-placement^=left] .popper-arrow {
  top: 50%;
  right: -6px;
  border-right-width: 0;
  border-left-color: #dfe4ed;
}
.tl-popper[x-placement^=left] .popper-arrow::before {
  width: 13px;
  right: -7px;
  top: 0;
  bottom: 0;
}
.tl-popper[x-placement^=left] .popper-arrow::after {
  right: 1px;
  margin-top: -6px;
  border-right-width: 0;
  border-left-color: #FFF;
}
.tl-popper-without-arrow[x-placement^=left] {
  margin-right: 1px;
}
.tl-popper-without-arrow[x-placement^=right] {
  margin-left: 1px;
}
.tl-popper-without-arrow[x-placement^=top] {
  margin-bottom: 1px;
}
.tl-popper-without-arrow[x-placement^=bottom] {
  margin-top: 1px;
}

.tl-popper-with-content {
  padding: 1em;
}
.tl-popper-with-content .tl-popper-title {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}

.tl-popper-scrollable {
  margin: -1em;
  padding: 1em;
  overflow-y: auto;
}

.tl-tooltip-popper {
  border-radius: 4px;
  padding: 0.85em;
  line-height: 1.2;
}
.tl-tooltip-popper.dark {
  background: #2d2f33;
  border-color: #2d2f33;
  color: #FFF;
}
.tl-tooltip-popper.dark[x-placement^=top] .popper-arrow {
  border-top-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=top] .popper-arrow::after {
  border-top-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=bottom] .popper-arrow {
  border-bottom-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=bottom] .popper-arrow::after {
  border-bottom-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=left] .popper-arrow {
  border-left-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=left] .popper-arrow::after {
  border-left-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=right] .popper-arrow {
  border-right-color: #2d2f33;
}
.tl-tooltip-popper.dark[x-placement^=right] .popper-arrow::after {
  border-right-color: #2d2f33;
}
.tl-tooltip-popper.light {
  background: hsl(40, 100%, 97%);
  border-color: rgb(216.75, 212.415, 203.745);
  color: #2d2f33;
}
.tl-tooltip-popper.light[x-placement^=top] .popper-arrow {
  border-top-color: rgb(216.75, 212.415, 203.745);
}
.tl-tooltip-popper.light[x-placement^=top] .popper-arrow::after {
  border-top-color: hsl(40, 100%, 97%);
}
.tl-tooltip-popper.light[x-placement^=bottom] .popper-arrow {
  border-bottom-color: rgb(216.75, 212.415, 203.745);
}
.tl-tooltip-popper.light[x-placement^=bottom] .popper-arrow::after {
  border-bottom-color: hsl(40, 100%, 97%);
}
.tl-tooltip-popper.light[x-placement^=left] .popper-arrow {
  border-left-color: rgb(216.75, 212.415, 203.745);
}
.tl-tooltip-popper.light[x-placement^=left] .popper-arrow::after {
  border-left-color: hsl(40, 100%, 97%);
}
.tl-tooltip-popper.light[x-placement^=right] .popper-arrow {
  border-right-color: rgb(216.75, 212.415, 203.745);
}
.tl-tooltip-popper.light[x-placement^=right] .popper-arrow::after {
  border-right-color: hsl(40, 100%, 97%);
}
.tl-tooltip-popper.gray {
  background: rgb(247.9, 248.6, 250.2);
  border-color: #c8ccd5;
  color: #2d2f33;
}
.tl-tooltip-popper.gray[x-placement^=top] .popper-arrow {
  border-top-color: #c8ccd5;
}
.tl-tooltip-popper.gray[x-placement^=top] .popper-arrow::after {
  border-top-color: rgb(247.9, 248.6, 250.2);
}
.tl-tooltip-popper.gray[x-placement^=bottom] .popper-arrow {
  border-bottom-color: #c8ccd5;
}
.tl-tooltip-popper.gray[x-placement^=bottom] .popper-arrow::after {
  border-bottom-color: rgb(247.9, 248.6, 250.2);
}
.tl-tooltip-popper.gray[x-placement^=left] .popper-arrow {
  border-left-color: #c8ccd5;
}
.tl-tooltip-popper.gray[x-placement^=left] .popper-arrow::after {
  border-left-color: rgb(247.9, 248.6, 250.2);
}
.tl-tooltip-popper.gray[x-placement^=right] .popper-arrow {
  border-right-color: #c8ccd5;
}
.tl-tooltip-popper.gray[x-placement^=right] .popper-arrow::after {
  border-right-color: rgb(247.9, 248.6, 250.2);
}

.tl-dropdown-popper {
  position: absolute;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  background: #FFF;
  border: 1px solid #c8ccd5;
  padding: 0 !important;
  margin-left: -1px; /* subtract border-left width */
  margin-right: -1px;
  box-sizing: border-box;
  max-height: 50vh;
}
.tl-dropdown-popper .tl-popper-scrollable {
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.tl-dropdown-popper .tl-dropdown-options-footer {
  border-top: 1px solid #c8ccd5;
  padding: 1em 0.5em 0.5em;
  text-align: right;
}
.tl-dropdown-popper .tl-menu {
  padding: 0.5em 0;
}
.tl-dropdown-popper .tl-menu .tl-menu-item .tl-menu-link {
  padding: 0.5em 1.5em 0.5em 1em;
}
.tl-dropdown-popper .tl-menu .tl-menu-item .tl-menu-submenu .tl-menu-item .tl-menu-link {
  padding: 0.5em 1.5em 0.5em 1em;
}

.tl-dropdown-options {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 100%;
  overflow-y: auto;
}
.tl-dropdown-options .tl-dropdown-option {
  position: relative;
  display: block;
  padding: 0em 2em 0em 1.5em;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 2.5em;
  color: #2d2f33;
}
.tl-dropdown-options .tl-dropdown-option .tl-button {
  display: block;
  margin: 0em -2em 0em -1.5em;
  padding: 0em 2em 0em 1.5em;
  line-height: 2.5em;
  text-align: left;
  color: #2d2f33;
  border: none;
  border-radius: 0px;
}
.tl-dropdown-options .tl-dropdown-option:first-of-type {
  margin-top: 0.5em;
}
.tl-dropdown-options .tl-dropdown-option:last-of-type {
  margin-bottom: 0.5em;
}
.tl-dropdown-options .tl-dropdown-option:before {
  position: absolute;
  top: 50%;
  right: 0.5em;
  margin-top: -0.5em;
  width: 1em;
  height: 1em;
  line-height: 1;
  font-family: tl-icons;
  content: " ";
}
.tl-dropdown-options .tl-dropdown-option:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.tl-dropdown-options .tl-dropdown-option:link, .tl-dropdown-options .tl-dropdown-option:visited, .tl-dropdown-options .tl-dropdown-option:active {
  color: #2d2f33;
}
.tl-dropdown-options .tl-dropdown-option.hovered, .tl-dropdown-options .tl-dropdown-option:hover, .tl-dropdown-options .tl-dropdown-option:focus {
  background-color: rgb(240.8, 242.2, 245.4);
  color: #0A74BE;
}
.tl-dropdown-options .tl-dropdown-option.hovered .tl-button, .tl-dropdown-options .tl-dropdown-option:hover .tl-button, .tl-dropdown-options .tl-dropdown-option:focus .tl-button {
  color: #0A74BE;
}
.tl-dropdown-options .tl-dropdown-option.selected {
  color: #0A74BE;
  font-weight: bold;
}
.tl-dropdown-options .tl-dropdown-option.selected:before {
  content: "\e611" !important;
}
.tl-dropdown-options .tl-dropdown-option.disabled {
  color: #747c7c;
}
.tl-dropdown-options .tl-dropdown-option.disabled .tl-button {
  color: #747c7c;
}
.tl-dropdown-options .tl-dropdown-option.with-children:before {
  content: "\e604";
  color: #979da9;
}
.tl-dropdown-options .tl-dropdown-option.with-ancestor-selected {
  background: rgb(132.5, 185.5, 222.5);
  color: #FFF;
}
.tl-dropdown-options .tl-dropdown-option.with-children-selected:before {
  content: "\e613" !important;
  color: #0A74BE;
  font-weight: bold;
}
.tl-dropdown-options .tl-dropdown-option.active {
  color: #0A74BE;
  background-color: rgb(247.9, 248.6, 250.2);
}
.tl-dropdown-options .tl-dropdown-option.seperated-below {
  border-bottom: 1px solid #c8ccd5;
}
.tl-dropdown-options .tl-dropdown-option.seperated-above {
  border-top: 1px solid #c8ccd5;
}
.tl-dropdown-options .tl-dropdown-option .flatten-joiner {
  color: #979da9;
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.tl-dropdown-options .tl-dropdown-option .help-text {
  float: right;
  color: #B8BFCF;
  margin-left: 2em;
}
.tl-dropdown-options .tl-dropdown-optgroup {
  position: relative;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
.tl-dropdown-options .tl-dropdown-optgroup:first-of-type {
  padding-top: 0.5em;
}
.tl-dropdown-options .tl-dropdown-optgroup:last-of-type {
  margin-bottom: 0;
}
.tl-dropdown-options .tl-dropdown-optgroup:after {
  position: absolute;
  content: " ";
  left: 1.5em;
  right: 1.5em;
  bottom: 0px;
  border-top: 1px solid #dfe4ed;
}
.tl-dropdown-options .tl-dropdown-optgroup:last-of-type:after {
  border-top: none;
}
.tl-dropdown-options .tl-dropdown-optgroup.without-sep-line:after {
  border-top: none;
}
.tl-dropdown-options .tl-dropdown-optgroup.tl-dropdown-optgroup-first {
  padding-top: 0.5em;
}
.tl-dropdown-options .tl-dropdown-optgroup.tl-dropdown-optgroup-last:after {
  display: none;
}
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-title,
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-footer {
  line-height: 1.5em;
  color: #a4acac;
  padding: 0 1.5em;
}
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-title .tl-dropdown-optgroup-title-name,
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-title .tl-dropdown-optgroup-footer-name,
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-footer .tl-dropdown-optgroup-title-name,
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-footer .tl-dropdown-optgroup-footer-name {
  font-size: 0.85em;
}
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-options .tl-dropdown-option {
  padding-left: 1.5em;
}
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-options .tl-dropdown-option:first-of-type {
  margin-top: 0;
}
.tl-dropdown-options .tl-dropdown-optgroup .tl-dropdown-optgroup-options .tl-dropdown-option:last-of-type {
  margin-bottom: 0;
}
.tl-dropdown-options.tl-flatten-options .tl-dropdown-option {
  max-width: 80vw;
}
.tl-dropdown-options.tl-dropdown-cascade-options {
  min-width: 120px;
  max-height: calc(50vh - 2px); /* avoid popper scrolling */
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
}
.tl-dropdown-options.tl-dropdown-cascade-options:hover {
  overflow-x: hidden;
  overflow-y: auto;
}
.tl-dropdown-options.tl-dropdown-cascade-options:hover::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: rgba(245, 246, 247, 0.7);
}
.tl-dropdown-options.tl-dropdown-cascade-options:hover::-webkit-scrollbar-thumb {
  width: 3px;
  height: 3px;
  background: rgb(200, 200, 200);
  border-radius: 3px;
}
.tl-dropdown-options.tl-dropdown-cascade-options .tl-dropdown-option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  min-width: 120px;
  max-width: 300px;
}
.tl-dropdown-options.tl-dropdown-cascade-options.tl-dropdown-cascade-last-options .tl-dropdown-option {
  max-width: 75vw;
}

.tl-dropdown-trigger {
  display: inline-block;
  cursor: pointer;
}
.tl-dropdown-trigger[disabled], .tl-dropdown-trigger[disabled]:hover, .tl-dropdown-trigger[disabled]:focus {
  cursor: not-allowed;
  color: #747c7c;
}
.tl-dropdown-trigger .tl-dropdown-icon {
  margin-left: 3px;
  transition: transform 0.3s;
  transform: rotateZ(0deg);
}
.tl-dropdown-trigger .tl-dropdown-icon.reverse {
  transform: rotateZ(180deg);
}
.tl-dropdown-trigger .tl-dropdown-icon.disabled {
  color: #747c7c;
}

.tl-html-editor-panel {
  position: relative;
  border: 1px solid #c8ccd5;
}
.tl-html-editor-panel .tl-html-editor-panel-inner {
  position: absolute;
  width: 100%;
  height: 100%;
}
.tl-html-editor-panel .tl-html-editor-toolbar {
  box-sizing: border-box;
  padding: 0.3em 1em;
  z-index: 1;
  background: white;
  border-bottom: 1px solid #c8ccd5;
}
.tl-html-editor-panel .tl-html-editor-toolbar .tool {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3em;
  line-height: 1em;
  cursor: pointer;
}
.tl-html-editor-panel .tl-html-editor-toolbar .tool a {
  display: inline-block;
  padding: 0.3em;
  width: 1em;
  height: 1em;
  color: #000;
}
.tl-html-editor-panel .tl-html-editor-toolbar .tool a i.selected {
  background: #DDD;
  margin: -0.3em;
  padding: 0.3em;
}
.tl-html-editor-panel .tl-html-editor-toolbar .tool:hover {
  color: #0A74BE;
  background: rgb(240.8, 242.2, 245.4);
}
.tl-html-editor-panel .tl-html-editor-toolbar .tool + .tool {
  margin-left: 1px;
}

.tl-html-preview-content-wrapper,
.tl-html-editor-content-wrapper {
  /* basic modern patch */
  all: initial !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  box-sizing: border-box !important;
  padding: 1em !important;
  overflow: auto !important;
  /* for IE browser */
  animation: none;
  animation-delay: 0s;
  animation-direction: normal;
  animation-duration: 0s;
  animation-fill-mode: none;
  animation-iteration-count: 1;
  animation-name: none;
  animation-play-state: running;
  animation-timing-function: ease;
  backface-visibility: visible;
  background: none;
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: none;
  background-origin: padding-box;
  background-position: 0 0;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat;
  background-size: auto auto;
  border: none;
  border-style: none;
  border-width: medium;
  border-color: inherit;
  border-bottom: none;
  border-bottom-color: inherit;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-collapse: separate;
  border-image: none;
  border-left: none;
  border-left-color: inherit;
  border-left-style: none;
  border-left-width: medium;
  border-radius: 0px;
  border-right: none;
  border-right-color: inherit;
  border-right-style: none;
  border-right-width: medium;
  border-spacing: 0;
  border-top: none;
  border-top-color: inherit;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-style: none;
  border-top-width: medium;
  box-shadow: none;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  columns: auto;
  column-count: auto;
  column-fill: balance;
  column-gap: normal;
  column-rule: medium none currentColor;
  column-rule-color: currentColor;
  column-rule-style: none;
  column-rule-width: 0;
  column-span: 1;
  column-width: auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  cursor: auto;
  direction: ltr;
  empty-cells: show;
  float: none;
  font: initial;
  font-family: initial;
  font-size: 10.5pt;
  font-style: initial;
  font-variant: initial;
  font-weight: initial;
  hyphens: none;
  letter-spacing: normal;
  line-height: normal;
  list-style: none;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: disc;
  margin: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  orphans: 0;
  outline: none;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  perspective: none;
  perspective-origin: 50% 50%;
  /* May need to alter quotes for different locales (e.g fr) */
  quotes: "“" "”" "‘" "’";
  tab-size: 8;
  table-layout: auto;
  text-align: inherit;
  text-align-last: auto;
  text-decoration: none;
  text-decoration-color: inherit;
  text-decoration-line: none;
  text-decoration-style: solid;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  transform: none;
  transform-style: flat;
  transition: none;
  transition-delay: 0s;
  transition-duration: 0s;
  transition-property: none;
  transition-timing-function: ease;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  widows: 0;
  word-spacing: normal;
  z-index: auto;
}

.tl-html-preview-content,
.tl-html-editor-content {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  outline: none;
  /* clear crossed margin for inner elements */
  margin: -1px;
  padding: 1px;
}
.tl-html-preview-content:empty:before,
.tl-html-editor-content:empty:before {
  content: attr(placeholder);
  z-index: -1;
  color: inherit;
  opacity: 0.5;
  font-size: inherit;
  line-height: 1;
}
.tl-html-preview-content ol, .tl-html-preview-content ul,
.tl-html-editor-content ol,
.tl-html-editor-content ul {
  padding-left: 3em;
}
.tl-html-preview-content ol,
.tl-html-editor-content ol {
  list-style: decimal;
}
.tl-html-preview-content ul,
.tl-html-editor-content ul {
  list-style: disc;
}
.tl-html-preview-content i,
.tl-html-editor-content i {
  font-style: italic;
}
.tl-html-preview-content i.mi, .tl-html-preview-content i[class*=tl-icon-],
.tl-html-editor-content i.mi,
.tl-html-editor-content i[class*=tl-icon-] {
  font-style: normal;
}
.tl-html-preview-content table tr, .tl-html-preview-content table th,
.tl-html-editor-content table tr,
.tl-html-editor-content table th {
  vertical-align: middle;
}
.tl-html-preview-content table td,
.tl-html-editor-content table td {
  vertical-align: inherit;
}
.tl-html-preview-content table[theme=no-borders] td,
.tl-html-editor-content table[theme=no-borders] td {
  border: 1px dotted transparent !important;
}
.tl-html-preview-content table[theme=no-borders]:hover td,
.tl-html-editor-content table[theme=no-borders]:hover td {
  border: 1px dotted #dee1e6 !important;
}
.tl-html-preview-content p,
.tl-html-editor-content p {
  margin: revert;
  line-height: revert;
}

.tl-html-editor-content .tl-html-editor-field {
  position: relative;
}
.tl-html-editor-content .tl-html-editor-field:hover {
  background: #747c7c;
}
.tl-html-editor-content .tl-html-editor-field:hover:before {
  position: absolute;
  z-index: 1;
  content: " ";
  right: 0em;
  top: 0;
  width: 1.5em;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  pointer-events: auto;
}
.tl-html-editor-content .tl-html-editor-field:hover:after {
  position: absolute;
  z-index: 2;
  content: "\e5cd";
  right: 0.25em;
  top: 50%;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  color: #333;
  cursor: pointer;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* poppers */
.tl-html-editor-tool-popper {
  min-width: 8em;
}
.tl-html-editor-tool-popper .tl-html-editor-tool-header {
  padding-left: 1em;
  color: #979da9;
}
.tl-html-editor-tool-popper .tl-html-editor-color-panel {
  padding: 0.5em 1em;
  width: 15em;
}
.tl-html-editor-tool-popper .tl-html-editor-color-panel .color-item {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin: 0.25em;
  box-sizing: border-box;
}
.tl-html-editor-tool-popper .tl-html-editor-color-panel .color-item:hover {
  border: 2px solid orangered;
}
.tl-html-editor-tool-popper .tl-html-editor-complex-panel {
  position: relative;
  padding: 0.5em 1em;
  min-width: 30em;
}
.tl-html-editor-tool-popper .tl-html-editor-local-media-panel {
  position: relative;
  padding: 2em 1em;
  overflow: hidden;
  box-sizing: border-box;
}
.tl-html-editor-tool-popper .tl-html-editor-local-media-panel canvas {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
}
.tl-html-editor-tool-popper .tl-html-editor-online-media-panel {
  padding: 1em;
  box-sizing: border-box;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel {
  padding: 0.5em 1em;
  width: 180px;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel h4, .tl-html-editor-tool-popper .tl-html-editor-table-panel p {
  margin-top: 0;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel p {
  color: #979da9;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel .tl-html-editor-table-row-item {
  *zoom: 1;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel .tl-html-editor-table-row-item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel .tl-html-editor-table-cell-item {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 1px;
  border: 1px solid #333;
  float: left;
}
.tl-html-editor-tool-popper .tl-html-editor-table-panel .tl-html-editor-table-cell-item.tl-html-editor-table-cell-item-hover {
  border-color: rgb(10, 116, 190);
  background: rgba(10, 116, 190, 0.2);
}

/* handler */
.tl-html-editor-table-resize-handler {
  position: absolute;
  z-index: 9999;
  cursor: col-resize;
  width: 6px;
  border: 0px solid #dee1e6;
  box-sizing: border-box;
}
.tl-html-editor-table-resize-handler:hover {
  background-color: rgba(220, 221, 222, 0.5);
}

.tl-html-editor-contextmenu-anchor {
  position: absolute;
  width: 0px;
  height: 0px;
  opacity: 0;
}

.tl-steps {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  flex-direction: row;
  -ms-flex-direction: row;
}
.tl-steps .tl-step {
  flex: none;
  -ms-flex: none;
  position: relative;
  box-sizing: border-box;
  padding: 0.5em 1.25em 0.5em 0.5em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
}
.tl-steps .tl-step i {
  vertical-align: middle;
  margin-right: 0.5em;
}
.tl-steps .tl-step .tl-step-next-arrow {
  position: absolute;
  right: 0em;
  top: 50%;
  margin-top: -0.5em;
  margin-right: -0.25em;
  width: 1em;
  height: 1em;
  font-size: 1.8em;
  color: #c3c6cc;
}
.tl-steps .tl-step.tl-step-finished {
  color: #5a5e66;
}
.tl-steps .tl-step.tl-step-current {
  color: #000;
  font-weight: bold;
}
.tl-steps .tl-step.tl-step-wait {
  color: #9fa4ad;
}

.tl-select {
  position: relative;
  display: inline-flex;
  width: 100%;
  line-height: 1;
  box-sizing: border-box;
  border: 1px solid #c8ccd5;
  background-color: #FFF;
  background-image: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tl-select:hover {
  border-color: #a4acac;
}
.tl-select.focusing {
  outline: none;
  border-color: #0A74BE;
}
.tl-select .tl-select-main {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 1em;
  font-size: inherit;
  color: #5a5e66;
}
.tl-select .tl-select-main .tl-select-prefix,
.tl-select .tl-select-main .tl-select-suffix,
.tl-select .tl-select-main .tl-select-icon-wrapper {
  flex: none;
  color: #a4acac;
  transition: all 0.3s;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  min-width: 0.5em;
}
.tl-select .tl-select-main .tl-select-prefix {
  margin-left: -1em;
}
.tl-select .tl-select-main .tl-select-icon {
  width: 1em;
  margin-right: 0.5em;
  transition: all 0.3s;
}
.tl-select .tl-select-main .tl-select-icon-wrapper .tl-select-icon {
  transition: transform 0.3s;
  transform: rotateZ(0deg);
  transform-origin: center;
}
.tl-select .tl-select-main .tl-select-icon-wrapper .tl-select-icon.reverse {
  transform: rotateZ(180deg);
}
.tl-select .tl-select-main .tl-select-icon-wrapper .tl-select-icon.clear {
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tl-select .tl-select-main .tl-select-icon-wrapper .tl-select-icon.clear:hover {
  color: #979da9;
}
.tl-select .tl-select-main .tl-select-inner {
  flex: 1 1 auto;
  max-width: 100%;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-right: 3px;
  line-height: 1;
}
.tl-select .tl-select-main .tl-select-inner .tl-tag {
  flex: 0 0 auto;
  margin: 3px 5px 3px 0px;
  height: 1.75em;
  line-height: calc(1.75em - 2px);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tl-select .tl-select-main .tl-select-inner input {
  flex: 1 1 auto;
  display: inline-block;
  background: transparent;
  -webkit-appearance: none;
  color: inherit;
  font-size: inherit;
  height: calc(2.4615384615em - 2px);
  min-height: calc(2.4615384615em - 2px);
  /* line-height: $height-inner-input; avoid 1px jumping when clear value */
  padding: 0;
  border: none;
  outline: none;
}
.tl-select .tl-select-main .tl-select-inner input::placeholder {
  color: #a4acac;
}
.tl-select .tl-select-main .tl-select-inner input:focus, .tl-select .tl-select-main .tl-select-inner input[active] {
  outline: none;
}
.tl-select .tl-select-main .tl-select-inner .text-ruler {
  position: absolute;
  z-index: -1;
  opacity: 0;
  height: calc(2.4615384615em - 2px);
  display: inline-block;
  font-size: inherit;
  padding: 0;
  line-height: 1;
}
.tl-select-multiple .tl-select-main {
  padding-left: 0.5em;
}
.tl-select-multiple .tl-select-main .tl-select-prefix {
  margin-left: -0.5em;
}
.tl-select-multiple .tl-select-main .tl-select-inner input {
  padding-left: 0.5em;
  line-height: 1; /* no 1px jumping when multiple ,weird */
}
.tl-select-multiple .tl-select-main .tl-select-inner .tl-tag + input {
  padding-left: 0em;
}

.tl-select-rtl input {
  text-align: right;
}

.tl-select-overflow-xauto {
  height: 2.4615384615em;
}
.tl-select-overflow-xauto .tl-select-main {
  height: 100%;
}
.tl-select-overflow-xauto .tl-select-main .tl-select-inner {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.tl-select-overflow-xauto .tl-select-main .tl-select-inner input {
  height: 100%;
}
.tl-select-overflow-xauto .tl-select-main .tl-select-inner:hover {
  overflow-x: auto;
}
.tl-select-overflow-xauto .tl-select-main .tl-select-inner:hover::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: rgba(245, 246, 247, 0.7);
}
.tl-select-overflow-xauto .tl-select-main .tl-select-inner:hover::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  background: rgb(200, 200, 200);
  border-radius: 5px;
}

.tl-select-overflow-yauto .tl-select-main .tl-select-inner {
  overflow: hidden;
  height: 100%;
  align-content: flex-start;
}
.tl-select-overflow-yauto .tl-select-main .tl-select-inner:hover {
  overflow-y: auto;
}
.tl-select-overflow-yauto .tl-select-main .tl-select-inner:hover::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: rgba(245, 246, 247, 0.7);
}
.tl-select-overflow-yauto .tl-select-main .tl-select-inner:hover::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  background: rgb(200, 200, 200);
  border-radius: 5px;
}

.tl-select.tl-select-disabled {
  background-color: #edeeef;
  border-color: #dfe4ed;
  color: #747c7c;
}
.tl-select.tl-select-disabled .tl-select-main .tl-select-prefix,
.tl-select.tl-select-disabled .tl-select-main .tl-select-suffix,
.tl-select.tl-select-disabled .tl-select-main .tl-select-icon,
.tl-select.tl-select-disabled .tl-select-main .tl-select-icon-wrapper,
.tl-select.tl-select-disabled .tl-select-main .tl-tag,
.tl-select.tl-select-disabled .tl-select-main input {
  cursor: not-allowed;
}
.tl-select.tl-select-disabled .tl-select-main input {
  color: inherit;
}
.tl-select.tl-select-disabled .tl-select-main input::placeholder {
  color: #a4acac;
}

.tl-select-popper.tl-select-popper-rtl .tl-dropdown-option {
  text-align: right;
  padding-right: calc(2.5em + 3px); /* see tl-select-icon & .tl-select-inner */
}
.tl-select-popper .tl-select-indicate-panel {
  color: #a4acac;
  padding: 0em 1.5em;
}

.tl-radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-weight: 500;
  white-space: nowrap;
  user-select: none;
}
.tl-radio input[type=radio] {
  display: none;
}
.tl-radio .dummy-radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-right: 0.75em;
  width: 1em;
  height: 1em;
  border: 1px solid #c8ccd5;
  border-radius: 50%;
}
.tl-radio .dummy-radio b {
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -2px;
  width: 4px;
  height: 4px;
}
.tl-radio .dummy-radio:hover {
  border-color: #0A74BE;
}
.tl-radio .tl-radio-label {
  vertical-align: middle;
  line-height: 1;
}
.tl-radio.checked .dummy-radio {
  background: #0A74BE;
  border: 1px solid #0A74BE;
}
.tl-radio.checked .dummy-radio b {
  background-color: #FFF;
}
.tl-radio.tl-radio-disabled {
  color: #747c7c;
  cursor: not-allowed;
}
.tl-radio.tl-radio-disabled .dummy-radio {
  border-color: #dfe4ed;
  background: #edeeef;
  cursor: not-allowed;
}
.tl-radio.tl-radio-disabled .dummy-radio b {
  background: #edeeef;
  cursor: not-allowed;
}
.tl-radio.tl-radio-disabled .dummy-radio:hover {
  border-color: #dfe4ed;
}
.tl-radio.checked.tl-radio-disabled .dummy-radio {
  background: rgb(110.4, 114.6, 124.2);
}
.tl-radio + .tl-radio {
  margin-left: 2.5em;
}

.tl-progress {
  position: relative;
  background: rgb(247.9, 248.6, 250.2);
}
.tl-progress .tl-progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #0A74BE;
  box-shadow: 0px 0px 2px rgba(10, 116, 190, 0.3);
}
.tl-progress.tl-progress-normal .tl-progress-bar {
  transition: width 2s ease-in-out;
}
.tl-progress.tl-progress-fast .tl-progress-bar {
  transition: width 0.5s ease-in-out;
}
.tl-progress.tl-progress-pos-top {
  position: absolute;
  z-index: 10001;
  left: 0px;
  right: 0px;
  top: 0px;
  height: 2px;
}
.tl-progress.tl-progress-pos-bottom {
  position: absolute;
  z-index: 10001;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 2px;
}

.tl-switch {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: inherit;
  width: 3.333em;
  height: 1.5384615385em;
  line-height: 1.5384615385em;
  border-radius: 1.5384615385em;
  vertical-align: middle;
  cursor: pointer;
  background: #FFF;
  overflow: hidden;
  transition: border-color 0.3s, background-color 0.3s;
}
.tl-switch .tl-switch-bkgnd {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 1.5384615385em;
  border: 1px solid #c8ccd5;
  background: #c8ccd5;
}
.tl-switch input[type=checkbox] {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.tl-switch .tl-switch-button {
  position: absolute;
  z-index: 1;
  left: 1px;
  top: 50%;
  width: calc(1.5384615385em - 4px);
  height: calc(1.5384615385em - 4px);
  margin-top: calc(0px - calc(1.5384615385em - 4px) / 2);
  border-radius: 50%;
  transition: left 0.3s;
  background-color: #FFF;
}
.tl-switch .tl-switch-label {
  position: absolute;
  z-index: 0;
  display: inline-block;
  color: #FFF;
  font-weight: 500;
  cursor: pointer;
  line-height: 1;
  text-align: center;
  transition: opacity 0.3s;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 50%;
  margin-top: -0.5em;
}
.tl-switch .tl-switch-label.tl-switch-left-state {
  left: calc(calc(1.5384615385em - 4px) + 0.5em);
  right: 0.5em;
  opacity: 1;
  color: #2d2f33;
}
.tl-switch .tl-switch-label.tl-switch-right-state {
  right: calc(calc(1.5384615385em - 4px) + 0.5em);
  left: 0.5em;
  opacity: 0;
}
.tl-switch.tl-switch-checked .tl-switch-bkgnd {
  border-color: #0A74BE;
  background-color: #0A74BE;
}
.tl-switch.tl-switch-checked .tl-switch-button {
  left: calc(100% - calc(1.5384615385em - 4px) - 1px);
}
.tl-switch.tl-switch-checked .tl-switch-label.tl-switch-left-state {
  opacity: 0;
}
.tl-switch.tl-switch-checked .tl-switch-label.tl-switch-right-state {
  opacity: 1;
}
.tl-switch.tl-switch-disabled {
  color: #747c7c;
  cursor: not-allowed;
}
.tl-switch.tl-switch-disabled .tl-switch-bkgnd {
  opacity: 0.8;
  border: 1px solid #dfe4ed;
}
.tl-switch.tl-switch-disabled .tl-switch-button, .tl-switch.tl-switch-disabled .tl-switch-label {
  cursor: not-allowed;
}
.tl-switch.tl-switch-small {
  height: 1.2307692308em;
  line-height: 1.2307692308em;
  border-radius: 1.2307692308em;
}
.tl-switch.tl-switch-small .tl-switch-button {
  width: calc(1.2307692308em - 3px);
  height: calc(1.2307692308em - 3px);
  margin-top: calc(0px - calc(1.2307692308em - 3px) / 2);
}
.tl-switch.tl-switch-small .tl-switch-label .tl-switch-text {
  font-size: 0.9em;
}
.tl-switch.tl-switch-small .tl-switch-label.tl-switch-left-state {
  left: calc(calc(1.2307692308em - 3px) + 0.5em);
  right: 0.5em;
}
.tl-switch.tl-switch-small .tl-switch-label.tl-switch-right-state {
  right: calc(calc(1.2307692308em - 3px) + 0.5em);
  left: 0.5em;
}
.tl-switch.tl-switch-small.tl-switch-checked .tl-switch-button {
  left: calc(100% - calc(1.2307692308em - 3px) - 1px);
}

.tl-dialog-wrapper {
  position: fixed;
  z-index: 9999;
  /* center */
  left: 50%;
  top: 12vh;
  transform: translateX(-50%);
}
.tl-dialog-wrapper .tl-dialog-container {
  position: relative;
  max-height: 84vh;
  overflow: auto;
}
.tl-dialog-wrapper .tl-dialog {
  position: relative;
  z-index: 1;
  background: #FFF;
  border-radius: 2px;
  border: 1px solid #c8ccd5;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.tl-dialog-wrapper .tl-dialog .tl-dialog-header {
  position: relative;
  padding: 1em 3em 1em 1.5em;
  background: #FFFFFF;
  border-bottom: 1px solid #c8ccd5;
}
.tl-dialog-wrapper .tl-dialog .tl-dialog-header .tl-dialog-title {
  line-height: 1.5em;
  font-size: 1.2em;
  color: #2d2f33;
}
.tl-dialog-wrapper .tl-dialog .tl-dialog-header .tl-dialog-close {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0.7em;
  cursor: pointer;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  font-size: 1.5em;
}
.tl-dialog-wrapper .tl-dialog .tl-dialog-header .tl-dialog-close:hover {
  color: #0A74BE;
}
.tl-dialog-wrapper .tl-dialog .tl-dialog-body {
  padding: 1em 1.5em 0.5em;
}
.tl-dialog-wrapper .tl-dialog .tl-dialog-footer {
  padding: 0.5em 1.5em 1em;
  text-align: right;
  box-sizing: border-box;
}
.tl-dialog-wrapper .tl-dialog.tl-dialog-movable .tl-dialog-header {
  background: rgb(240, 241, 242);
}
.tl-dialog-wrapper.tl-dialog-modal {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transform: none;
}
.tl-dialog-wrapper.tl-dialog-modal .tl-dialog-bkgnd,
.tl-dialog-wrapper.tl-dialog-modal .tl-dialog-container {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.tl-dialog-wrapper.tl-dialog-modal .tl-dialog-bkgnd {
  background: rgba(0, 0, 0, 0.5);
}
.tl-dialog-wrapper.tl-dialog-modal .tl-dialog-container {
  z-index: 1;
  max-height: 100vh;
}
.tl-dialog-wrapper.tl-dialog-modal .tl-dialog {
  left: 50%;
  top: 12vh;
  transform: translateX(-50%);
}
.tl-dialog-wrapper.tl-dialog-modaless .tl-dialog-container {
  overflow: visible;
}
.tl-dialog-wrapper.tl-dialog-modaless .tl-dialog-container .tl-dialog {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.dialog-fade-modal-enter-active {
  animation: 0.3s dialog-fade-modal-in;
}

.dialog-fade-modal-leave-active {
  animation: 0.2s dialog-fade-modal-out;
}

@keyframes dialog-fade-modal-in {
  0% {
    transform: translate3d(-50%, -2em, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-modal-out {
  0% {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-50%, -2em, 0);
    opacity: 0;
  }
}
.dialog-fade-modaless-enter-active {
  animation: 0.3s dialog-fade-modaless-in;
}

.dialog-fade-modaless-leave-active {
  animation: 0.2s dialog-fade-modaless-out;
}

@keyframes dialog-fade-modaless-in {
  0% {
    transform: translate3d(0, -2em, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-modaless-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -2em, 0);
    opacity: 0;
  }
}
.tl-pagination {
  white-space: nowrap;
  padding: 0.25em 0.5em;
  color: #2d2f33;
}
.tl-pagination .tl-button {
  min-width: 3em;
  height: 2.5em;
  vertical-align: middle;
}
.tl-pagination input {
  height: calc(2.4em - 2px) !important;
  line-height: calc(2.4em - 2px) !important;
}
.tl-pagination .tl-input, .tl-pagination .tl-select {
  height: 2.4em;
  margin: 0 4px;
  text-align: center;
  vertical-align: middle;
}
.tl-pagination .tl-input {
  width: 4em;
}
.tl-pagination .tl-select {
  width: 8em;
}
.tl-pagination .tl-pagination-size,
.tl-pagination .tl-pagination-sizes,
.tl-pagination .tl-pagination-jumper,
.tl-pagination .tl-pagination-total {
  margin-right: 1.5em;
  color: #5a5e66;
  vertical-align: middle;
}
.tl-pagination .tl-pagination-navi {
  display: inline-block;
  user-select: none;
  list-style: none;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.tl-pagination .tl-pagination-navi .number,
.tl-pagination .tl-pagination-navi .tl-icon-more {
  display: inline-block;
  min-width: 3em;
  height: 2.5em;
  line-height: 2.5em;
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  padding: 0 0.25em;
  margin: 0;
}
.tl-pagination .tl-pagination-navi .number {
  cursor: pointer;
}
.tl-pagination .tl-pagination-navi .number.active, .tl-pagination .tl-pagination-navi .number:hover {
  color: #0A74BE;
}
.tl-pagination .tl-pagination-navi .number.active {
  font-weight: bold;
}

.tl-datepicker {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1;
  box-sizing: border-box;
  border: 1px solid #c8ccd5;
  background-color: #FFF;
  background-image: none;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tl-datepicker:hover {
  border-color: #a4acac;
}
.tl-datepicker.focusing {
  outline: none;
  border-color: #0A74BE;
}
.tl-datepicker .tl-datepicker-main {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 1em;
  font-size: inherit;
  color: #5a5e66;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-prefix,
.tl-datepicker .tl-datepicker-main .tl-datepicker-suffix,
.tl-datepicker .tl-datepicker-main .tl-datepicker-icon-wrapper {
  flex: none;
  color: #a4acac;
  transition: all 0.3s;
  white-space: nowrap;
  min-width: 0.5em;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-prefix {
  margin-left: -1em;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-icon {
  width: 1em;
  margin-right: 0.5em;
  transition: all 0.3s;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-icon-wrapper .tl-datepicker-icon {
  transition: transform 0.3s;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-icon-wrapper .tl-datepicker-icon.clear {
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-icon-wrapper .tl-datepicker-icon.clear:hover {
  color: #979da9;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner {
  flex: 1 1 auto;
  max-width: 100%;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-right: 3px;
  line-height: 1;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner .tl-tag {
  flex: 0 0 auto;
  margin: 3px 5px 3px 0px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner input {
  flex: 1 1 auto;
  display: inline-block;
  background: transparent;
  -webkit-appearance: none;
  color: inherit;
  font-size: inherit;
  height: calc(2.4615384615em - 2px);
  line-height: 1; /* avoid 1px jumping when clear value */
  padding: 0;
  border: none;
  outline: none;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner input::placeholder {
  color: #a4acac;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner input:focus, .tl-datepicker .tl-datepicker-main .tl-datepicker-inner input[active] {
  outline: none;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner .tl-datepicker-seperator {
  flex: none;
  display: inline-block;
  width: 2em;
  height: calc(2.4615384615em - 2px);
  line-height: calc(2.4615384615em - 2px);
  text-align: center;
  color: inherit;
  font-size: inherit;
}
.tl-datepicker .tl-datepicker-main .tl-datepicker-inner .text-ruler {
  position: absolute;
  z-index: -1;
  opacity: 0;
  height: calc(2.4615384615em - 2px);
  display: inline-block;
  font-size: inherit;
  padding: 0;
  line-height: 1;
}
.tl-datepicker-multiple .tl-datepicker-main {
  padding-left: 0.5em;
}
.tl-datepicker-multiple .tl-datepicker-main .tl-datepicker-prefix {
  margin-left: -0.5em;
}
.tl-datepicker-multiple .tl-datepicker-main .tl-datepicker-inner input {
  padding-left: 0.5em;
  line-height: 1; /* no 1px jumping when multiple ,weird */
}
.tl-datepicker-multiple .tl-datepicker-main .tl-datepicker-inner .tl-tag + input {
  padding-left: 0em;
}

.tl-datepicker-range .tl-datepicker-main .tl-datepicker-inner input {
  text-align: center;
}

.tl-datepicker-overflow-xauto {
  height: 2.4615384615em;
}
.tl-datepicker-overflow-xauto .tl-datepicker-main {
  height: 100%;
}
.tl-datepicker-overflow-xauto .tl-datepicker-main .tl-datepicker-inner {
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.tl-datepicker-overflow-xauto .tl-datepicker-main .tl-datepicker-inner input {
  height: 100%;
}
.tl-datepicker-overflow-xauto .tl-datepicker-main .tl-datepicker-inner:hover {
  overflow-x: auto;
}
.tl-datepicker-overflow-xauto .tl-datepicker-main .tl-datepicker-inner:hover::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: rgba(245, 246, 247, 0.7);
}
.tl-datepicker-overflow-xauto .tl-datepicker-main .tl-datepicker-inner:hover::-webkit-scrollbar-thumb {
  width: 8px;
  height: 8px;
  background: rgb(200, 200, 200);
  border-radius: 5px;
}

.tl-datepicker-overflow-yauto .tl-datepicker-main .tl-datepicker-inner {
  overflow: hidden;
}
.tl-datepicker-overflow-yauto .tl-datepicker-main .tl-datepicker-inner:hover {
  overflow-y: auto;
}

.tl-datepicker.tl-datepicker-disabled {
  background-color: #edeeef;
  border-color: #dfe4ed;
  color: #747c7c;
}
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main .tl-datepicker-prefix,
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main .tl-datepicker-suffix,
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main .tl-datepicker-icon,
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main .tl-datepicker-icon-wrapper,
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main .tl-tag,
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main input {
  cursor: not-allowed;
}
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main input {
  color: inherit;
}
.tl-datepicker.tl-datepicker-disabled .tl-datepicker-main input::placeholder {
  color: #a4acac;
}

.tl-date-popper {
  position: absolute;
  padding: 0px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #FFF;
  border: 1px solid #c8ccd5;
  box-sizing: border-box;
}
.tl-date-popper[x-placement^=bottom] {
  margin-top: 1px;
}
.tl-date-popper[x-placement^=top] {
  margin-bottom: 1px;
}
.tl-date-popper .tl-quick-picker {
  position: relative;
  width: 120px;
}
.tl-date-popper .tl-quick-picker ul {
  position: absolute;
  z-index: 1;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  box-sizing: border-box;
  padding: 0.5em 0em;
  overflow-y: hidden;
  box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
}
.tl-date-popper .tl-quick-picker ul:hover {
  overflow-y: auto;
}
.tl-date-popper .tl-quick-picker ul .tl-quick-picker-option {
  position: relative;
  padding: 0em 1em;
  white-space: nowrap;
  cursor: pointer;
  line-height: 2.5em;
}
.tl-date-popper .tl-quick-picker ul .tl-quick-picker-option:hover {
  background-color: rgb(240.8, 242.2, 245.4);
}
.tl-date-popper .tl-calendar {
  width: 100%;
  min-width: 24.5em;
  margin: 0 auto;
}
.tl-date-popper .tl-calendar .tl-datepicker-hiddenday {
  visibility: hidden;
}
.tl-date-popper .tl-calendar-linker {
  z-index: 1;
  font-size: 2em;
  width: 1em;
  margin-right: -0.5em;
}
.tl-date-popper .tl-calendar-linker i {
  margin-top: 1.15em;
  cursor: pointer;
  color: #B8BFCF;
}
.tl-date-popper .tl-calendar-linker i.linked {
  color: #2d2f33;
}
.tl-date-popper .tl-calendar-linker i:hover {
  color: #0A74BE;
}

.tl-transition-box {
  position: absolute;
  z-index: 999999;
  box-sizing: border-box;
  border: 2px solid #000;
  transition: all 0.3s ease-in-out;
}

.tl-transition-box-end {
  opacity: 0;
}

.tl-form.tl-form-label-top .tl-form-item-label {
  float: none;
  display: block;
  text-align: left;
  padding: 0 0 0.5em 0;
}

.tl-form-item {
  margin-bottom: 0.5em;
}
.tl-form-item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.tl-form-item .tl-form-item {
  margin-bottom: 0;
}
.tl-form-item .tl-form-item-label {
  position: relative;
  float: left;
  text-align: right;
  vertical-align: middle;
  font-size: inherit;
  color: #5a5e66;
  line-height: 1.4615384615em;
  padding: 0.5em 0.5em 0.5em 0;
  box-sizing: border-box;
}
.tl-form-item.tl-form-item-required .tl-form-item-label:before {
  content: "*";
  color: #FA5555;
  margin-right: 4px;
}
.tl-form-item .tl-form-item-content {
  position: relative;
  font-size: inherit;
  line-height: 2.4615384615em;
}
.tl-form-item .tl-form-item-content:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.tl-form-compact .tl-form-item-label {
  line-height: 1.4615384615em;
  padding: 0 0.5em 0 0;
}
.tl-form-compact .tl-form-item-content {
  line-height: 1.4615384615em;
}

.tl-form-super-compact .tl-form-item {
  margin-bottom: 0em;
}
.tl-form-super-compact .tl-form-item-label {
  line-height: 1.5em;
  padding: 0 0.5em 0 0;
}
.tl-form-super-compact .tl-form-item-content {
  line-height: 1.5em;
}

.tl-form-item.tl-form-label-as-placeholder {
  position: relative;
}
.tl-form-item.tl-form-label-as-placeholder .tl-form-item-label {
  position: absolute;
  z-index: 100;
  left: 0.5em;
  top: 50%;
  padding: 0em 0.5em;
  margin-top: -0.5em;
  text-align: left;
  font-size: 1em;
  line-height: 1em;
  background: white;
  pointer-events: none;
  color: #a4acac;
  transition: all 0.2s ease-in-out;
  transform-origin: left center;
}
.tl-form-item.tl-form-label-as-placeholder.tl-form-label-as-placeholder-minimized .tl-form-item-label {
  top: 0;
  color: #5a5e66;
  transform: scale(0.75);
}

.tl-validate-error-text {
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0.5em;
  margin-top: -0.5em;
  line-height: 1;
  padding: 0em 0.3em;
  font-size: 1em;
  color: #FA5555;
  background: #FFF;
  animation-name: tl-validate-enter;
  animation-duration: 0.4s;
  transform-origin: center top;
}

@keyframes tl-validate-enter {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  100% {
    opacity: 1;
    transform: scaleY(1);
  }
}
.tl-validate-error, .tl-validate-error.focusing, .tl-validate-error:focus, .tl-validate-error:hover {
  border-color: rgb(250.5, 102, 102);
}

.tl-validate-success, .tl-validate-success.focusing, .tl-validate-success:focus, .tl-validate-success:hover {
  border-color: rgb(118.2, 200.1, 77.7);
}

.tl-validate-warning, .tl-validate-warning.focusing, .tl-validate-warning:focus, .tl-validate-warning:hover {
  border-color: rgb(237, 167.7, 30);
}
.tl-validate-warning .tl-validate-error-text {
  color: #EB9E05;
}

.tl-calendar {
  position: relative;
  background: #FFF;
  box-sizing: border-box;
  padding: 0.25em;
}
.tl-calendar .tl-calendar-header {
  margin: 0.5em 1.5em;
}
.tl-calendar .tl-calendar-header i {
  width: 1.5em;
  color: #5a5e66;
}
.tl-calendar .tl-calendar-header i:hover {
  color: #0A74BE;
}
.tl-calendar .tl-calendar-header .tl-calendar-year .tl-select, .tl-calendar .tl-calendar-header .tl-calendar-month .tl-select {
  width: 7em;
  border: none;
  line-height: 2.4615384615em;
}
.tl-calendar .tl-calendar-header .tl-calendar-year .tl-select .tl-select-main input, .tl-calendar .tl-calendar-header .tl-calendar-month .tl-select .tl-select-main input {
  cursor: pointer;
  color: #5a5e66;
  font-size: 1.2em;
}
.tl-calendar .tl-calendar-header .tl-calendar-year .tl-select .tl-select-main input:hover, .tl-calendar .tl-calendar-header .tl-calendar-month .tl-select .tl-select-main input:hover {
  color: #0A74BE;
}
.tl-calendar .tl-calendar-header .tl-calendar-year .tl-select .tl-select-icon-wrapper, .tl-calendar .tl-calendar-header .tl-calendar-month .tl-select .tl-select-icon-wrapper {
  display: none;
}
.tl-calendar .tl-calendar-header .tl-calendar-year {
  text-align: right;
}
.tl-calendar .tl-calendar-header .tl-calendar-year .tl-select-main input {
  text-align: right;
}
.tl-calendar .tl-calendar-days {
  margin: 0em 1.5em 0.5em;
}
.tl-calendar .tl-calendar-days table {
  width: 100%;
}
.tl-calendar .tl-calendar-days table th, .tl-calendar .tl-calendar-days table td {
  width: 14.2857%;
  min-width: 3em;
  text-align: center;
  box-sizing: border-box;
}
.tl-calendar .tl-calendar-days table thead tr {
  border-bottom: 1px solid #dfe4ed;
  padding-bottom: 0.5em;
}
.tl-calendar .tl-calendar-days table thead tr th .tl-calendar-week {
  min-height: 2em;
  line-height: 2em;
}
.tl-calendar .tl-calendar-days table tbody tr td {
  cursor: pointer;
  padding: 0.4em 0em 0em;
}
.tl-calendar .tl-calendar-days table tbody tr td .day {
  position: relative;
}
.tl-calendar .tl-calendar-days table tbody tr td .day-text {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  width: 2em;
  height: 2em;
  line-height: 2em;
  box-sizing: border-box;
  font-weight: bold;
}
.tl-calendar .tl-calendar-days table tbody tr td.today {
  color: #F16A54;
  font-weight: bold;
}
.tl-calendar .tl-calendar-days table tbody tr td.today .day-text {
  text-decoration: underline;
}
.tl-calendar .tl-calendar-days table tbody tr td.disabled {
  cursor: default;
}
.tl-calendar .tl-calendar-days table tbody tr td.disabled .day-text, .tl-calendar .tl-calendar-days table tbody tr td.outOfMonth .day-text {
  font-weight: normal;
}
.tl-calendar .tl-calendar-days table tbody tr td.outOfMonth {
  color: #646C6D;
}
.tl-calendar .tl-calendar-days table tbody tr td.disabled {
  color: #B8BFCF;
}
.tl-calendar .tl-calendar-days table tbody tr td.selected {
  color: #FFF;
}
.tl-calendar .tl-calendar-days table tbody tr td.selected .day-text {
  border-radius: 50%;
  background: #0A74BE;
}
.tl-calendar .tl-calendar-days table tbody tr td.selected.rangeEditing .day-text {
  background: rgb(132.5, 185.5, 222.5);
}
.tl-calendar .tl-calendar-days table tbody tr td.startAtRange {
  color: #FFF;
}
.tl-calendar .tl-calendar-days table tbody tr td.startAtRange .day:before {
  position: absolute;
  z-index: 0;
  content: " ";
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgb(230.5, 241.1, 248.5);
}
.tl-calendar .tl-calendar-days table tbody tr td.startAtRange .day-text {
  border-radius: 50%;
  background: #0A74BE;
}
.tl-calendar .tl-calendar-days table tbody tr td.startAtRange.rangeEditing .day-text {
  background: rgb(132.5, 185.5, 222.5);
}
.tl-calendar .tl-calendar-days table tbody tr td.inRange .day {
  background-color: rgb(230.5, 241.1, 248.5);
}
.tl-calendar .tl-calendar-days table tbody tr td.endAtRange {
  color: #FFF;
}
.tl-calendar .tl-calendar-days table tbody tr td.endAtRange .day:before {
  position: absolute;
  z-index: 0;
  content: " ";
  left: 0;
  right: 50%;
  top: 0;
  bottom: 0;
  background-color: rgb(230.5, 241.1, 248.5);
}
.tl-calendar .tl-calendar-days table tbody tr td.endAtRange .day-text {
  border-radius: 50%;
  background: #0A74BE;
}
.tl-calendar .tl-calendar-days table tbody tr td.endAtRange.rangeEditing .day-text {
  background: rgb(132.5, 185.5, 222.5);
}
.tl-calendar .tl-calendar-footer {
  margin: 0em 1.5em 0.5em;
  text-align: right;
}

.tl-message {
  position: fixed;
  box-sizing: border-box;
  left: 50%;
  top: 35px;
  transform: translateX(-50%);
  min-width: 400px;
  max-width: 85vw;
  padding: 0.75em 1.8em 0.75em 1.2em;
  font-size: 1.25em;
  background-color: #FFFFFF;
  border: 1px solid #E1E2E3;
  border-radius: 4px;
  transition: opacity 0.3s, transform 0.4s;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.tl-message .tl-message-icon, .tl-message .tl-message-content {
  margin: 0;
  padding: 0;
  color: #474D59;
  line-height: 1;
}
.tl-message .tl-message-icon:focus, .tl-message .tl-message-content:focus {
  outline-width: 0;
}
.tl-message .tl-message-icon p, .tl-message .tl-message-content p {
  margin: 0.2em 0em;
}
.tl-message .tl-message-icon {
  margin-right: 10px;
}
.tl-message .tl-message-content {
  flex: auto;
  overflow: hidden;
  max-width: calc(100% - 20px);
}
.tl-message .tl-message-close {
  position: absolute;
  top: 50%;
  right: 0.6em;
  transform: translateY(-50%);
  cursor: pointer;
  color: #a4acac;
}
.tl-message .tl-message-close:focus {
  outline-width: 0;
}
.tl-message .tl-message-close:hover {
  color: #979da9;
}
.tl-message.tl-message-info {
  background-color: rgb(236.6, 237.2, 238.4);
  border-color: rgb(218.2, 219.4, 221.8);
}
.tl-message.tl-message-info .tl-message-icon, .tl-message.tl-message-info .tl-message-content {
  color: #474D59;
}
.tl-message.tl-message-success {
  background-color: rgb(239.8, 248.9, 235.3);
  border-color: rgb(224.6, 242.8, 215.6);
}
.tl-message.tl-message-success .tl-message-icon, .tl-message.tl-message-success .tl-message-content {
  color: #67C23A;
}
.tl-message.tl-message-warning {
  background-color: rgb(253, 245.3, 230);
  border-color: rgb(251, 235.6, 205);
}
.tl-message.tl-message-warning .tl-message-icon, .tl-message.tl-message-warning .tl-message-content {
  color: #EB9E05;
}
.tl-message.tl-message-error {
  background-color: rgb(254.5, 238, 238);
  border-color: #fedddd;
}
.tl-message.tl-message-error .tl-message-icon, .tl-message.tl-message-error .tl-message-content {
  color: #FA5555;
}
.tl-message.tl-message-top-left, .tl-message.tl-message-top-right {
  transform: none;
  transition: top ease-in-out 0.3s;
}
.tl-message.tl-message-top-left {
  top: 35px;
  left: 35px;
  right: auto;
  bottom: auto;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.2);
}
.tl-message.tl-message-top-right {
  top: 35px;
  left: auto;
  right: 35px;
  bottom: auto;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);
}
.tl-message.tl-message-bottom-left, .tl-message.tl-message-bottom-right {
  transform: none;
  transition: bottom ease-in-out 0.3s;
}
.tl-message.tl-message-bottom-left {
  top: auto;
  left: 35px;
  right: auto;
  bottom: 35px;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.2);
}
.tl-message.tl-message-bottom-right {
  top: auto;
  left: auto;
  right: 35px;
  bottom: 35px;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);
}
.tl-message.tl-message-bottom-center {
  top: auto;
  bottom: 35px;
}

.tl-message-fade-top-enter,
.tl-message-fade-top-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}

.tl-message-fade-bottom-enter,
.tl-message-fade-bottom-leave-active {
  opacity: 0;
  transform: translate(-50%, 100%);
}

.tl-message-fade-left-enter-active {
  animation: 0.3s tl-message-fade-left-in;
}

.tl-message-fade-left-leave-active {
  animation: 0.3s tl-message-fade-left-out;
}

@keyframes tl-message-fade-left-in {
  0% {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes tl-message-fade-left-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
  }
}
.tl-message-fade-right-enter-active {
  animation: 0.3s tl-message-fade-right-in;
}

.tl-message-fade-right-leave-active {
  animation: 0.3s tl-message-fade-right-out;
}

@keyframes tl-message-fade-right-in {
  0% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes tl-message-fade-right-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
.tl-msgbox .tl-dialog .tl-dialog-header {
  padding: 1.75em 3em 0.5em 2.5em;
  border-bottom: none;
}
.tl-msgbox .tl-dialog .tl-dialog-body,
.tl-msgbox .tl-dialog .tl-dialog-footer {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.tl-msgbox .tl-dialog .tl-dialog-body {
  padding-top: 0em;
}
.tl-msgbox.tl-msgbox-with-icon .tl-dialog .tl-dialog-body {
  padding-left: 7.5em; /* 2.5 + 5 em */
}
.tl-msgbox .tl-msgbox-icon {
  display: inline-block;
}
.tl-msgbox .tl-msgbox-icon i {
  position: absolute;
  left: 0.5em;
  top: 0.5em;
  font-size: 4em;
}
.tl-msgbox .tl-msgbox-icon i.tl-icon-error {
  color: #FA5555;
}
.tl-msgbox .tl-msgbox-icon i.tl-icon-success {
  color: #67C23A;
}
.tl-msgbox .tl-msgbox-icon i.tl-icon-warning {
  color: #EB9E05;
}
.tl-msgbox .tl-msgbox-icon i.tl-icon-info {
  color: #474D59;
}
.tl-msgbox .tl-msg-select-option-tips {
  float: right;
  color: #979da9;
  margin-left: 2em;
}

.tl-waiting-parent-relative {
  position: relative !important;
}

.tl-waiting-mask {
  position: absolute;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.tl-waiting-mask .tl-waiting-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1.5em 3em;
  max-width: calc(100% - 4em);
  min-height: 5em;
  text-align: center;
}
.tl-waiting-mask .tl-waiting-spinner .tl-waiting-text {
  color: #0A74BE;
  margin: 3px 0;
  white-space: nowrap;
}
.tl-waiting-mask .tl-waiting-spinner .tl-waiting-circular {
  display: inline-block !important;
  height: 3em;
  width: 3em;
  animation: waiting-rotate 2s linear infinite;
}
.tl-waiting-mask .tl-waiting-spinner .tl-waiting-path {
  animation: waiting-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #0A74BE;
  stroke-linecap: round;
}
.tl-waiting-mask.tl-fullscreen {
  position: fixed;
  background-color: transparent;
}
.tl-waiting-mask.tl-fullscreen .tl-waiting-spinner {
  background: rgba(0, 0, 0, 0.7);
  background-image: linear-gradient(180deg, rgba(64, 64, 64, 0.4) 10%, rgba(0, 0, 0, 0.7) 50%, rgba(64, 64, 64, 0.4) 90%);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.tl-waiting-mask.tl-fullscreen .tl-waiting-spinner .tl-waiting-text {
  color: #FFF;
}
.tl-waiting-mask.tl-fullscreen .tl-waiting-spinner .tl-waiting-path {
  stroke: #FFF;
}
.tl-waiting-mask.tl-small-size {
  background-color: transparent;
}
.tl-waiting-mask.tl-small-size .tl-waiting-spinner {
  background-color: rgba(236, 237, 238, 0.9);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 3em 4em;
}
.tl-waiting-mask.tl-waiting-compact .tl-waiting-spinner {
  padding-left: 4em;
  padding-right: 3em;
  min-height: 1em;
  text-align: left;
}
.tl-waiting-mask.tl-waiting-compact .tl-waiting-spinner .tl-waiting-circular {
  position: absolute;
  top: 2em;
  left: 2em;
  height: 1em;
  width: 1em;
}

.tl-waiting-fade-enter,
.tl-waiting-fade-leave-active {
  opacity: 0;
}

@keyframes waiting-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes waiting-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.tl-slide-switcher {
  position: absolute;
  z-index: 100;
  cursor: pointer;
  overflow: hidden;
}
.tl-slide-switcher b {
  position: absolute;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: normal;
  color: #2d2f33;
  border-style: solid;
}
.tl-slide-switcher .tl-slide-switcher-content {
  position: absolute;
  z-index: 300;
  text-align: center;
}
.tl-slide-switcher .tl-slide-switcher-content i {
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
}
.tl-slide-switcher:hover b {
  color: #FFF;
}
.tl-slide-switcher.tl-slide-switcher-disabled {
  color: #747c7c;
  cursor: not-allowed;
}
.tl-slide-switcher.tl-slide-switcher-disabled:hover b {
  color: #2d2f33;
}
.tl-slide-switcher.tl-slide-switcher-left-side, .tl-slide-switcher.tl-slide-switcher-right-side {
  top: 50%;
  transform: translateY(-50%);
  height: 80px;
  width: 10px;
}
.tl-slide-switcher.tl-slide-switcher-left-side b, .tl-slide-switcher.tl-slide-switcher-right-side b {
  border-left-color: rgba(160, 161, 162, 0.5);
  border-right-color: rgba(160, 161, 162, 0.5);
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}
.tl-slide-switcher.tl-slide-switcher-left-side .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-right-side .tl-slide-switcher-content {
  top: 50%;
  transform: translateY(-50%);
  line-height: 14px;
}
.tl-slide-switcher.tl-slide-switcher-left-side:hover, .tl-slide-switcher.tl-slide-switcher-right-side:hover {
  width: 15px;
}
.tl-slide-switcher.tl-slide-switcher-left-side:hover b, .tl-slide-switcher.tl-slide-switcher-right-side:hover b {
  border-left-color: rgba(0, 0, 0, 0.7);
  border-right-color: rgba(0, 0, 0, 0.7);
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-disabled:hover, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-disabled:hover {
  width: 10px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-disabled:hover b, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-disabled:hover b {
  border-left-color: rgba(160, 161, 162, 0.5);
  border-right-color: rgba(160, 161, 162, 0.5);
}
.tl-slide-switcher.tl-slide-switcher-top-side, .tl-slide-switcher.tl-slide-switcher-bottom-side {
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side b, .tl-slide-switcher.tl-slide-switcher-bottom-side b {
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  border-top-color: rgba(160, 161, 162, 0.5);
  border-bottom-color: rgba(160, 161, 162, 0.5);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.tl-slide-switcher.tl-slide-switcher-top-side .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-bottom-side .tl-slide-switcher-content {
  line-height: 10px;
  left: 0;
  right: 0;
}
.tl-slide-switcher.tl-slide-switcher-top-side .tl-slide-switcher-content i, .tl-slide-switcher.tl-slide-switcher-bottom-side .tl-slide-switcher-content i {
  line-height: 10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side:hover, .tl-slide-switcher.tl-slide-switcher-bottom-side:hover {
  height: 15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side:hover b, .tl-slide-switcher.tl-slide-switcher-bottom-side:hover b {
  line-height: 15px;
  border-top-color: rgba(0, 0, 0, 0.7);
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
.tl-slide-switcher.tl-slide-switcher-top-side:hover .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-bottom-side:hover .tl-slide-switcher-content {
  line-height: 15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side:hover .tl-slide-switcher-content i, .tl-slide-switcher.tl-slide-switcher-bottom-side:hover .tl-slide-switcher-content i {
  line-height: 15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-disabled:hover, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-disabled:hover {
  height: 10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-disabled:hover b, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-disabled:hover b {
  border-top-color: rgba(160, 161, 162, 0.5);
  border-bottom-color: rgba(160, 161, 162, 0.5);
}
.tl-slide-switcher.tl-slide-switcher-left-side {
  left: 0px;
}
.tl-slide-switcher.tl-slide-switcher-right-side {
  right: 0px;
}
.tl-slide-switcher.tl-slide-switcher-top-side {
  top: 0px;
}
.tl-slide-switcher.tl-slide-switcher-bottom-side {
  bottom: 0px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-on, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-off {
  margin-right: -10px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-on b, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-off b {
  border-left-width: 10px;
  border-right: none;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-on .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-off .tl-slide-switcher-content {
  left: -1em;
  right: 0;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-on:hover, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-off:hover {
  margin-right: -15px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-on:hover b, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-off:hover b {
  border-left-width: 15px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-on:hover .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-off:hover .tl-slide-switcher-content {
  left: -15px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-off, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-on {
  margin-left: -10px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-off b, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-on b {
  border-left: none;
  border-right-width: 10px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-off .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-on .tl-slide-switcher-content {
  left: 0;
  right: -1em;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-off:hover, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-on:hover {
  margin-left: -15px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-off:hover b, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-on:hover b {
  border-right-width: 15px;
}
.tl-slide-switcher.tl-slide-switcher-left-side.tl-slide-switcher-off:hover .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-right-side.tl-slide-switcher-on:hover .tl-slide-switcher-content {
  right: -15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-on, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-off {
  margin-bottom: -10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-on b, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-off b {
  border-top-width: 10px;
  border-bottom: none;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-on .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-off .tl-slide-switcher-content {
  top: -10px;
  bottom: 0;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-on:hover, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-off:hover {
  margin-bottom: -15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-on:hover b, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-off:hover b {
  border-top-width: 15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-on:hover .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-off:hover .tl-slide-switcher-content {
  top: -15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-off, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-on {
  margin-top: -10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-off b, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-on b {
  border-top: none;
  border-bottom-width: 10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-off .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-on .tl-slide-switcher-content {
  top: 0;
  bottom: -10px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-off:hover, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-on:hover {
  margin-top: -15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-off:hover b, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-on:hover b {
  border-bottom-width: 15px;
}
.tl-slide-switcher.tl-slide-switcher-top-side.tl-slide-switcher-off:hover .tl-slide-switcher-content, .tl-slide-switcher.tl-slide-switcher-bottom-side.tl-slide-switcher-on:hover .tl-slide-switcher-content {
  bottom: -15px;
}

.tl-placeholder-as-label {
  position: absolute;
  z-index: 100;
  top: 0%;
  left: 0.5em;
  margin-top: -0.5em;
  line-height: 1;
  padding: 0em 0.3em;
  white-space: nowrap;
  font-size: 1em;
  color: #a4acac;
  background: #FFF;
  animation-name: tl-placeholder-as-label-enter;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  transform-origin: 0 0;
}
.tl-placeholder-as-label::after {
  position: absolute;
  z-index: -1;
  content: " ";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0.5em;
}

.tl-input-disabled .tl-placeholder-as-label, .tl-input-disabled .tl-placeholder-as-label::after,
.tl-select-disabled .tl-placeholder-as-label, .tl-select-disabled .tl-placeholder-as-label::after,
.tl-textarea-disabled .tl-placeholder-as-label, .tl-textarea-disabled .tl-placeholder-as-label::after,
.tl-datepicker-disabled .tl-placeholder-as-label, .tl-datepicker-disabled .tl-placeholder-as-label::after {
  background: #edeeef;
}

@keyframes tl-placeholder-as-label-enter {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(0.75);
  }
}
.tl-text-length-tips {
  position: absolute;
  z-index: 100;
  bottom: 0%;
  right: 0.5em;
  margin-bottom: -0.5em;
  line-height: 1;
  padding: 0em 0.3em;
  white-space: nowrap;
  font-size: 1em;
  color: #F16A54;
  background: #FFF;
  animation-name: tl-text-length-tips-enter;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  transform-origin: 0 0;
}
.tl-text-length-tips::after {
  position: absolute;
  z-index: -1;
  content: " ";
  left: 0;
  right: 0;
  bottom: 0.5em;
  top: 0;
}

.tl-input-disabled .tl-text-length-tips::after,
.tl-select-disabled .tl-text-length-tips::after,
.tl-textarea-disabled .tl-text-length-tips::after,
.tl-datepicker-disabled .tl-text-length-tips::after {
  background: #edeeef;
}

@keyframes tl-text-length-tips-enter {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(0.75);
  }
}
.tl-autocomplete-tips {
  padding: 0.5em 1.5em 0em;
  color: #a4acac;
}

.tl-autocomplete-exclude-tips {
  padding: 0.5em 1.5em 0em;
  color: #FA5555;
}

.tl-autocomplete-exclude-mode {
  color: #FA5555;
}
.tl-autocomplete-exclude-mode a, .tl-autocomplete-exclude-mode .link {
  color: #FA5555;
}
.tl-autocomplete-exclude-mode .tl-dropdown-option.hovered, .tl-autocomplete-exclude-mode .tl-dropdown-option:hover {
  background: transparent;
}

.tl-carousel {
  position: relative;
  overflow: hidden;
}
.tl-carousel .tl-carousel-arrow {
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 50%;
  width: 1em;
  height: 1em;
  line-height: 1em;
  padding: 0.25em;
  margin-top: -1em;
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgb(0, 0, 0);
  color: white;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
}
.tl-carousel .tl-carousel-arrow:hover {
  opacity: 1;
}
.tl-carousel .tl-carousel-arrow i {
  width: 1em;
  height: 1em;
  line-height: 1em;
}
.tl-carousel:hover .tl-carousel-arrow {
  opacity: 0.5;
}
.tl-carousel .tl-carousel-indicator {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 18px;
  text-align: center;
}
.tl-carousel .tl-carousel-indicator b {
  display: inline-block;
  margin: 0px 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  border: 1px solid #999;
  background: #FFF;
  cursor: pointer;
}
.tl-carousel .tl-carousel-indicator b.tl-carousel-highlighted {
  border: 1px solid #999;
  background: #777;
}
.tl-carousel .tl-carousel-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
  transition: margin-left ease-in-out 0.3s;
}
.tl-carousel .tl-carousel-container .tl-carousel-panel {
  position: relative;
  z-index: 0;
  flex: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.tl-audio-player {
  display: block;
  position: relative;
  height: 2.4615384615em;
  line-height: 2.4615384615em;
}
.tl-audio-player i {
  font-size: 2em;
  cursor: pointer;
  vertical-align: middle;
}
.tl-audio-player i:hover {
  font-weight: bold;
}
.tl-audio-player i.disabled {
  color: #747c7c;
}
.tl-audio-player .tl-audio-toolbar {
  position: relative;
  height: 2.4615384615em;
  line-height: 2.4615384615em;
  width: 2.4615384615em;
  text-align: center;
}
.tl-audio-player .tl-audio-progress {
  position: relative;
}
.tl-audio-player .tl-audio-progress .tl-audio-title,
.tl-audio-player .tl-audio-progress .tl-audio-time {
  position: absolute;
  line-height: 1em;
  font-size: 0.85em;
  height: 1em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tl-audio-player .tl-audio-progress .tl-audio-title {
  left: 0;
  bottom: calc(50% + 5px);
}
.tl-audio-player .tl-audio-progress .tl-audio-time {
  right: 0;
  top: calc(50% + 5px);
  text-align: right;
}
.tl-audio-player .tl-audio-track {
  position: relative;
  top: calc(50% - 2px);
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: rgb(218.2, 219.4, 221.8);
}
.tl-audio-player .tl-audio-track .tl-audio-played {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0px;
  background: rgb(59, 143.8, 203);
  width: 0;
  pointer-events: none;
}
.tl-audio-player .tl-audio-toolbar-icon,
.tl-audio-player .tl-audio-toolbar-panel {
  position: absolute;
  top: 50%;
}
.tl-audio-player .tl-audio-toolbar-icon {
  z-index: 2;
  pointer-events: none;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tl-audio-player .tl-audio-toolbar-panel {
  z-index: 1;
  right: 0;
  transform: translateY(-50%);
  height: 2.4615384615em;
  opacity: 0;
  width: 0;
  padding-left: 0;
  padding-right: 2.4615384615em;
  overflow: hidden;
  cursor: pointer;
  background: rgb(110.4, 114.6, 124.2);
  border-radius: 2.4615384615em;
  color: white;
  transition: all ease-in-out 0.3s;
}
.tl-audio-player .tl-audio-toolbar-panel i {
  font-size: 1.5em;
}
.tl-audio-player .tl-audio-toolbar-panel:hover {
  opacity: 1;
  width: auto;
  padding-left: 1em;
  padding-right: 2.9615384615em;
}

.tl-resizer {
  position: absolute;
  z-index: 100000;
  background-color: #a4acac;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.tl-resizer:hover {
  opacity: 1;
}
.tl-resizer.tl-resizer-top, .tl-resizer.tl-resizer-bottom {
  width: 100%;
  height: 4px;
  left: 0;
  right: 0;
  cursor: ns-resize;
}
.tl-resizer.tl-resizer-top {
  top: 0;
}
.tl-resizer.tl-resizer-bottom {
  bottom: 0;
}
.tl-resizer.tl-resizer-left, .tl-resizer.tl-resizer-right {
  width: 4px;
  height: 100%;
  top: 0;
  bottom: 0;
  cursor: ew-resize;
}
.tl-resizer.tl-resizer-left {
  left: 0;
}
.tl-resizer.tl-resizer-right {
  right: 0;
}

html, body {
  height: 100%;
}

#app,
.app-wrapper {
  position: relative;
  overflow: hidden;
  transition: padding-right 0.3s ease-in-out;
  min-height: 100%;
}

.tl-toolbar {
  padding: 0.6em 1em;
  line-height: 1.25;
}
.tl-toolbar .tl-toolitem {
  display: inline-block;
  padding: 0.5em;
  font-size: 1.3em;
  cursor: pointer;
  width: 1em;
  height: 1em;
  line-height: 1em;
  color: #0a74be;
}
.tl-toolbar .tl-toolitem.tl-button {
  box-sizing: content-box;
  border: none;
  background: transparent;
}
.tl-toolbar .tl-toolitem:hover {
  color: #ffffff;
  background: #0a74be;
}
.tl-toolbar .tl-toolitem[disabled] {
  color: #cccccc;
}
.tl-toolbar .tl-toolitem[disabled]:hover {
  color: #cccccc;
  background: #999999;
}
.tl-toolbar .tl-toolgroup {
  display: inline-flex;
  flex-direction: row;
  line-height: 1;
  border-radius: 5px;
  background: rgba(0, 115, 198, 0.1);
  border: 1px solid rgba(0, 115, 198, 0.1);
  overflow: hidden;
  margin-bottom: 0.1em;
  margin-right: 0.2em;
}
@media only screen and (max-width: 1366px) {
  .tl-toolbar .tl-toolgroup {
    margin-right: 0.1em;
  }
}
.tl-toolbar .tl-toolgroup:last-of-type {
  margin-right: 0;
}
.tl-toolbar .tl-toolgroup .tl-toolitem {
  flex: none;
  padding: 0.4em 0.5em;
  border-left: 1px solid #FFF;
}
@media only screen and (max-width: 1366px) {
  .tl-toolbar .tl-toolgroup .tl-toolitem {
    padding: 0.4em 0.35em;
  }
}
.tl-toolbar .tl-toolgroup .tl-toolitem:first-of-type {
  padding-left: 0.6em;
  border-left: none;
}
@media only screen and (max-width: 1366px) {
  .tl-toolbar .tl-toolgroup .tl-toolitem:first-of-type {
    padding-left: 0.4em;
  }
}
.tl-toolbar .tl-toolgroup .tl-toolitem:last-of-type {
  padding-right: 0.6em;
  border-right: none;
}
@media only screen and (max-width: 1366px) {
  .tl-toolbar .tl-toolgroup .tl-toolitem:last-of-type {
    padding-right: 0.4em;
  }
}
.tl-toolbar .tl-toolitem-sep {
  display: inline-block;
  width: 1px;
  height: 1.2em;
  border-left: 1px solid #cccccc;
}

.tl-code {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 0.25em;
  background: #FFF;
}
.tl-code.tl-industry-code {
  color: #d59b1d;
  border-color: #d59b1d;
}
.tl-code.tl-function-code {
  color: #9246b2;
  border-color: #9246b2;
}
.tl-code.tl-location-code, .tl-code.tl-city-code {
  color: #409250;
  border-color: #409250;
}
.tl-code.tl-level-code {
  color: #c70100;
  border-color: #c70100;
}
.tl-code.tl-skill-code {
  color: #2a80d7;
  border-color: #2a80d7;
}

.txtblack .tl-form-item-label,
.txtred .tl-form-item-label,
.txtgray .tl-form-item-label,
.txtwhite .tl-form-item-label,
.txtgreen .tl-form-item-label,
.txtorange .tl-form-item-label {
  color: inherit;
}

/* tl form */
.tl-edit-form-title {
  background: #F4F4F4;
  padding: 0.5em 1.5em;
}

.tl-edit-form .tl-input,
.tl-edit-form .tl-select,
.tl-edit-form .group-wrapper,
.tl-edit-form .tl-datepicker,
.tl-edit-form .tl-timepicker,
.tl-edit-form .tl-codes-select {
  width: 75%;
}

.tl-edit-full-form .tl-input,
.tl-edit-full-form .tl-select,
.tl-edit-full-form .group-wrapper,
.tl-edit-full-form .tl-datepicker,
.tl-edit-full-form .tl-timepicker,
.tl-edit-full-form .tl-codes-select {
  width: 100%;
}

.group-wrapper {
  line-height: 1;
}
.group-wrapper .tl-input,
.group-wrapper .tl-select,
.group-wrapper .tl-datepicker,
.group-wrapper .tl-timepicker {
  width: 100%;
}
.group-wrapper .share-left-border .tl-input,
.group-wrapper .share-left-border .tl-select,
.group-wrapper .share-left-border .tl-datepicker,
.group-wrapper .share-left-border .tl-timepicker {
  border-left-color: transparent;
  position: relative;
}
.group-wrapper .share-left-border .tl-input:before,
.group-wrapper .share-left-border .tl-select:before,
.group-wrapper .share-left-border .tl-datepicker:before,
.group-wrapper .share-left-border .tl-timepicker:before {
  position: absolute;
  z-index: -1;
  content: " ";
  top: -1px;
  bottom: -1px;
  left: -2px;
  transition: border-left-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-left: 1px solid #c8ccd5;
}
.group-wrapper .share-left-border .tl-input:hover:before,
.group-wrapper .share-left-border .tl-select:hover:before,
.group-wrapper .share-left-border .tl-datepicker:hover:before,
.group-wrapper .share-left-border .tl-timepicker:hover:before {
  border-left-color: #a4acac;
  z-index: 1;
}
.group-wrapper .share-left-border .tl-input.focusing:before,
.group-wrapper .share-left-border .tl-select.focusing:before,
.group-wrapper .share-left-border .tl-datepicker.focusing:before,
.group-wrapper .share-left-border .tl-timepicker.focusing:before {
  border-left-color: #0A74BE;
  z-index: 1;
}
.group-wrapper .share-top-border .tl-input,
.group-wrapper .share-top-border .tl-textarea,
.group-wrapper .share-top-border .tl-select,
.group-wrapper .share-top-border .tl-datepicker,
.group-wrapper .share-top-border .tl-timepicker {
  border-top-color: transparent;
  position: relative;
}
.group-wrapper .share-top-border .tl-input:after,
.group-wrapper .share-top-border .tl-textarea:after,
.group-wrapper .share-top-border .tl-select:after,
.group-wrapper .share-top-border .tl-datepicker:after,
.group-wrapper .share-top-border .tl-timepicker:after {
  position: absolute;
  z-index: -1;
  content: " ";
  left: -1px;
  right: -1px;
  top: -2px;
  transition: border-left-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), z-index 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-top: 1px solid #c8ccd5;
}
.group-wrapper .share-top-border .tl-input:hover:after,
.group-wrapper .share-top-border .tl-textarea:hover:after,
.group-wrapper .share-top-border .tl-select:hover:after,
.group-wrapper .share-top-border .tl-datepicker:hover:after,
.group-wrapper .share-top-border .tl-timepicker:hover:after {
  border-top-color: #a4acac;
  z-index: 1;
}
.group-wrapper .share-top-border .tl-input.focusing:after,
.group-wrapper .share-top-border .tl-textarea.focusing:after,
.group-wrapper .share-top-border .tl-select.focusing:after,
.group-wrapper .share-top-border .tl-datepicker.focusing:after,
.group-wrapper .share-top-border .tl-timepicker.focusing:after {
  border-top-color: #0A74BE;
  z-index: 1;
}

/* tl-creator-form */
.tl-creator-form {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.tl-creator-form .tl-creator-form-title {
  box-sizing: border-box;
  padding: 0.5em 1em;
  flex: none;
}
.tl-creator-form .tl-creator-form-body {
  box-sizing: border-box;
  padding: 2em 1em 3em;
  flex: auto;
  overflow-y: auto;
}
.tl-creator-form .tl-input,
.tl-creator-form .tl-select,
.tl-creator-form .tl-datepicker,
.tl-creator-form .tl-codes-select,
.tl-creator-form .tl-textarea,
.tl-creator-form .group-wrapper {
  width: 350px;
}
.tl-creator-form .group-wrapper .tl-input,
.tl-creator-form .group-wrapper .tl-select,
.tl-creator-form .group-wrapper .tl-datepicker,
.tl-creator-form .group-wrapper .tl-codes-select {
  width: 100%;
}

/* application frame */
.tl-main-panel {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
}

.tl-main-panel-inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.tl-resource-main-panel {
  position: relative;
  padding-top: 3.5em;
  padding-bottom: 3.2em;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.tl-resource-main-panel .resource-list-toolbar,
.tl-resource-main-panel .resource-list-statusbar {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}
.tl-resource-main-panel .resource-list-toolbar {
  top: 0;
  height: 3.5em;
}
.tl-resource-main-panel .resource-list-toolbar .resource-search-panel {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.tl-resource-main-panel .resource-list-statusbar {
  padding: 0.3em 0.6em 0.3em;
  bottom: 0px;
  height: 2.6em;
  background: #FFFFFF;
  box-shadow: 0px -0.1px 1px 1px rgba(0, 0, 0, 0.1);
}

.tl-resource-list {
  width: 100%;
  height: 100%;
}
.tl-resource-list .tl-list-header .tl-list-column .tl-list-cell .tl-sortcaret-wrapper {
  float: right;
  height: 100%;
  display: none;
}
.tl-resource-list .tl-list-header .tl-list-column .tl-list-cell .tl-sortcaret-wrapper.tl-sortcaret-current, .tl-resource-list .tl-list-header .tl-list-column .tl-list-cell:hover .tl-sortcaret-wrapper {
  display: inline-block;
}
.tl-resource-list .tl-list-body .tl-list-row .tl-list-column .tl-list-cell {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
}
.tl-resource-list .tl-list-row .tl-tag {
  margin-bottom: 0.3em;
}
.tl-resource-list .tl-list-row .tl-code {
  background: transparent;
  margin-bottom: 0px;
  margin-right: 0.75em;
}
.tl-resource-list .tl-list-row.highlight .tl-code,
.tl-resource-list .tl-list-row.highlight .txtgray {
  color: inherit !important;
}
.tl-resource-list.tl-list-inactive .tl-list-row.highlight .link {
  color: #000;
}
.tl-resource-list .search-result-highlight {
  color: #AAA;
}
.tl-resource-list .search-result-highlight em {
  color: #333;
}
.tl-resource-list .highlight .search-result-highlight {
  color: #999;
}
.tl-resource-list .highlight .search-result-highlight em {
  color: #000;
}

.tl-upgrading-data-tips,
.tl-warning-tips {
  position: relative;
  padding: 0.5em 2.5em 0.5em 1em;
  box-sizing: border-box;
}
.tl-upgrading-data-tips i.close,
.tl-warning-tips i.close {
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -0.5em;
}

.tl-upgrading-data-tips {
  background: #FFF8D5;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}

.tl-warning-tips {
  background: #ffbdbd;
  box-shadow: 0px 1px 3px rgba(255, 158, 158, 0.1);
  border-bottom: 1px solid rgba(255, 158, 158, 0.6);
}

.details-view {
  position: relative;
}
.details-view .details-right-panel {
  position: relative;
  width: 32%;
  min-width: 28em;
  max-width: 50em;
  border-left: 1px solid #d8dce5;
}
@media only screen and (max-width: 1366px) {
  .details-view .details-right-panel {
    width: 30%;
    min-width: 28em;
  }
}
@media only screen and (max-width: 1024px) {
  .details-view .details-right-panel {
    width: 25%;
    min-width: 24em;
  }
}
.details-view .details-right-panel .details-right-panel-toggle-button {
  position: absolute;
  z-index: 1;
  box-sizing: border-box;
  right: 0;
  top: 0;
  width: 27px;
  height: 32px;
  padding: 7px;
  text-align: center;
}
.details-view .details-right-panel .details-right-panel-toggle-button i.tl-icon-arrow-right {
  transition: transform ease-in-out 0.3s;
  transform: rotateZ(0deg);
}
.details-view .details-right-panel .details-right-panel-toggle-button i.tl-icon-arrow-right.reverse {
  transform: rotateZ(90deg);
}
.details-view .details-right-panel .details-right-panel-view {
  min-height: 32px;
  transition: all ease-in-out 0.3s;
}
.details-view .details-right-panel .details-right-panel-view .activity-toolbar-wrapper .activity-toolbar {
  padding: 0.75em 0.5em;
}
.details-view .details-right-panel .details-right-panel-view .activity-toolbar-wrapper .activity-toolbar .tl-toolitem {
  font-size: 15px;
}
.details-view .details-right-panel .details-right-panel-view .tl-activity-list {
  padding: 1em 1.5em;
}
.details-view .details-right-panel .tl-tab {
  border: none;
  height: 100%;
}
.details-view .details-right-panel .tl-tab .tl-tab-header {
  padding: 0em 42px 0em 0.75em;
}
.details-view .details-right-panel .tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable {
  padding-left: 0;
  padding-right: 0;
}
.details-view .details-right-panel .tl-tab .tl-tab-header .tl-tab-header-scroll-wrapper.scrollable .tl-tab-header-next-btn {
  right: -1.5em;
}
.details-view .details-right-panel .tl-tab.theme-link .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item {
  color: #444;
}
.details-view .details-right-panel .tl-tab.theme-link .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item:hover {
  color: #0A74BE;
}
.details-view .details-right-panel .tl-tab.theme-link .tl-tab-header .tl-tab-header-scroll-wrapper .tl-tab-header-scroll .tl-tab-header-inner .tl-tab-header-item.active {
  border-bottom: none;
}
.details-view .details-right-panel.details-right-panel-toggle-state {
  width: 0px;
  min-width: 0px;
  border-left: none;
  transition: width ease-in-out 0.3s;
}
.details-view .details-right-panel.details-right-panel-toggle-state.details-right-panel-open {
  width: 32em;
  border-left: 1px solid #d8dce5;
}

.screen-size-small .details-right-panel {
  position: absolute;
  z-index: 100;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0px;
  min-width: 0px;
  border-left: none;
  padding: 0em;
  transition: width ease-in-out 0.3s;
}
.screen-size-small .details-right-panel.details-right-panel-open {
  width: 32em;
  border-left: 1px solid #d8dce5;
  box-shadow: -2px 0px 2px 2px rgba(0, 0, 0, 0.2);
}

/* details-body-header */
.details-panel-with-header {
  position: relative;
}
.details-panel-with-header .details-header {
  position: relative;
  z-index: 5;
  padding: 3em 0em 0em;
}
.details-panel-with-header .details-header .details-header-navi {
  position: absolute;
  z-index: 1;
  top: 3em;
  left: 0;
  right: -2px;
  margin-top: -3px;
  height: 0px;
}
.details-panel-with-header .details-header .details-header-navi .details-header-navi-item {
  position: relative;
  margin-left: 0.5em;
  float: right;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0.5em 1.8em 0.5em 1.5em;
  max-width: 20em;
  max-width: 27%;
  border-bottom-left-radius: 5px;
  background: #FFFFFF;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.details-panel-with-header .details-header .details-header-navi .details-header-navi-item.theme-gray {
  border: 1px solid #CCCCCC;
  box-shadow: 2px 2px 2px rgba(192, 192, 192, 0.3);
}
.details-panel-with-header .details-header .details-header-navi .details-header-navi-item.theme-yellow {
  border: 1px solid hsl(43, 100%, 65%);
  background: hsl(43, 100%, 85%);
  box-shadow: 2px 2px 2px hsla(43, 100%, 25%, 0.15);
}
.details-panel-with-header .details-header .details-header-panel {
  position: relative;
  box-sizing: border-box;
  padding: 3.5em 1.5em 1em 1.5em;
  min-height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.details-panel-with-header .details-header .details-header-panel.theme-gray {
  background: hsl(225, 17%, 98%);
  border: 1px solid hsl(225, 17%, 90%);
  box-shadow: 0px 1px 3px hsla(225, 17%, 65%, 0.15);
}
.details-panel-with-header .details-header .details-header-panel.theme-yellow {
  background: hsl(43, 80%, 96%);
  border: 1px solid hsla(43, 100%, 65%, 0.5);
  box-shadow: 0px 1px 3px hsla(43, 100%, 65%, 0.15);
}
.details-panel-with-header .details-header .details-header-panel .mi-close {
  position: absolute;
  z-index: 1;
  right: 0.1em;
  top: 2.7em;
  font-size: 1.5em;
}
.details-panel-with-header .details-header .details-header-panel .tl-tab .tl-tab-content,
.details-panel-with-header .details-header .details-header-panel .tl-tab .tl-tab-header-item {
  background: transparent !important;
}
.details-panel-with-header .details-header .details-header-panel .tl-tab .tl-tab-content.active,
.details-panel-with-header .details-header .details-header-panel .tl-tab .tl-tab-header-item.active {
  background: transparent !important;
}

.object-log-list .object-log-item {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 11.5em;
}
.object-log-list .object-log-time {
  position: absolute;
  top: 0px;
  left: 0px;
  margin-top: 0px;
}
.object-log-list .object-log-text {
  margin-top: 0px;
}

.cdd-cvview-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cdd-cvview-wrapper .cv-save-bar {
  position: relative;
  min-height: 2em;
  padding: 1.5em 1em;
  box-shadow: 0px -2px 12px rgba(0, 0, 0, 0.2);
}
.cdd-cvview-wrapper .cvview-exp-outline-trigger {
  position: absolute;
  z-index: 100;
  right: 0em;
  top: 50%;
  transform: rotate(90deg) translateY(50%);
  transform-origin: right center;
  padding: 0.8em 1em;
  text-align: center;
  background: white;
  box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.cvview-exp-outline-popper[x-placement^=bottom] {
  margin-top: 0px;
}
.cvview-exp-outline-popper[x-placement^=top] {
  margin-bottom: 0px;
}
.cvview-exp-outline-popper[x-placement^=left] {
  margin-right: 0px;
}
.cvview-exp-outline-popper[x-placement^=right] {
  margin-left: 0px;
}

.cdd-cvview {
  width: 95%;
  max-width: 800px;
  min-width: 580px;
  padding-bottom: 240px;
  transform: translateZ(0);
}

@media only screen and (max-width: 1440px) {
  .cdd-cvview {
    max-width: 640px;
  }
}
.screen-size-small .cdd-cvview {
  max-width: 520px;
}

.screen-size-small .cdd-cvview.size-large {
  max-width: 620px;
}

.cdd-cvview * {
  box-sizing: border-box;
}

.cdd-cvview .cv-section-group {
  padding: 36px 0px;
}
.cdd-cvview .cv-section-group .cv-append-item-icon {
  position: absolute;
  display: none;
}
.cdd-cvview .cv-section-group:hover .cv-append-item-icon {
  display: inline-block;
}

.cv-section-panel .cv-insert-item-icon {
  position: absolute;
  display: none;
  left: -2em;
  bottom: -0.5em;
  transform: rotateZ(270deg);
}
.cv-section-panel:hover .cv-insert-item-icon {
  display: inline-block;
}

.cdd-cvview .cv-section-body {
  padding: 6px 36px 6px 0px;
}

.cdd-cvview.size-large .cv-section-body {
  line-height: 1.75em;
}

.cdd-cvview .cv-section-panel .cv-tool-box-wrapper,
.cdd-cvview .cv-section-item .cv-tool-box-wrapper {
  position: absolute;
  z-index: 1;
  display: none;
  right: 1em;
  font-size: 1em;
  text-align: center;
  color: #999;
  cursor: pointer;
}
.cdd-cvview .cv-section-panel .cv-tool-box-wrapper i,
.cdd-cvview .cv-section-item .cv-tool-box-wrapper i {
  font-size: 1em;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
}
.cdd-cvview .cv-section-panel .cv-tool-box-wrapper i:hover,
.cdd-cvview .cv-section-item .cv-tool-box-wrapper i:hover {
  background: #EEEAD9;
}
.cdd-cvview .cv-section-panel:hover > .cv-tool-box-wrapper,
.cdd-cvview .cv-section-item:hover .cv-tool-box-wrapper {
  display: block;
  color: #0073C6;
}
.cdd-cvview .cv-section-panel:hover > .cv-tool-box-wrapper::after,
.cdd-cvview .cv-section-item:hover .cv-tool-box-wrapper::after {
  position: absolute;
  z-index: 1;
  content: " ";
  bottom: 0;
  width: 480px;
  right: 0;
  border-bottom: 1px dotted #EEEAD9;
  border-image: linear-gradient(to left, #0073C6, rgba(0, 0, 0, 0)) 1;
}

/* section part */
.cdd-cvview .cv-section-panel {
  padding: 12px 0px 6px 60px;
  position: relative;
  background: #FFFFFF;
}
.cdd-cvview .cv-section-panel .cv-tool-box-wrapper {
  top: 15px;
}
.cdd-cvview .cv-section-panel .cv-section-name {
  position: relative;
  color: #333;
  margin-left: -1.5em;
  font-size: 1.4em;
  font-weight: bold;
}
.cdd-cvview .cv-section-panel .cv-section-name .cv-section-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  vertical-align: middle;
}
.cdd-cvview .cv-section-panel .cv-section-item {
  position: relative;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-tool-box-wrapper {
  top: 6px;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-exp-longitem-title {
  position: relative;
  box-sizing: border-box;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left: 2px solid #0A74BE;
  padding: 14px 21px;
  margin: 0 -21px;
  background: #edeff1;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-exp-longitem-title .cv-tool-box-wrapper {
  top: 12px;
  right: 0px;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-exp-longitem-body {
  margin: 0 -21px 7px;
  padding: 12px 21px 7px;
  border-left: 1px dotted #0A74BE;
  box-sizing: border-box;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-section-with-indent {
  margin-bottom: 14px;
  position: relative;
  margin: -10px 0 -16px -14px;
  padding: 10px 0 16px 161px;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-section-with-indent dt {
  position: absolute;
  top: 10px;
  left: 14px;
  width: 140px;
  text-overflow: ellipsis;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-section-comments {
  position: relative;
  background: #FEFAE9;
  margin: 14px -49px 14px -21px;
  padding: 7px 49px 7px 21px;
}
.cdd-cvview .cv-section-panel .cv-section-item .cv-section-comments::after {
  position: absolute;
  content: " ";
  z-index: -1;
  right: 0;
  top: -7px;
  border-left: 13px solid #C5C200;
  border-top: 7px solid transparent;
}

/* edit-panel */
.cdd-cvview .cv-edit-panel .cv-edit-panel-body {
  position: relative;
  z-index: 20;
  margin: -48px -36px 0px -60px; /* -36px[group] -6[cv-section-body] -6[basic-section-pannel], .cdd-cvview .cv-section-panel#paddingLeft:60px*/
  padding: 60px 24px 44px;
  border: 6px solid #000;
  background: #FFFFFF;
}
.cdd-cvview .cv-edit-panel .cv-edit-panel-body .cv-editing-title,
.cdd-cvview .cv-edit-panel .cv-edit-panel-body .cv-editing-close {
  position: absolute;
  z-index: 1;
  font-size: 1.1em;
  margin: 0em;
  background: #333435;
  color: #FFF;
}
.cdd-cvview .cv-edit-panel .cv-edit-panel-body .cv-editing-title {
  left: 0;
  top: 0;
  padding: 14px 21px;
  max-width: calc(100% - 280px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-right-radius: 12px;
}
.cdd-cvview .cv-edit-panel .cv-edit-panel-body .cv-editing-close {
  right: 0;
  bottom: 0;
  padding: 12px 28px 9px 32px;
  line-height: 1;
  text-align: center;
  border-top-left-radius: 12px;
  font-size: 0.9em;
}
.cdd-cvview .cv-edit-panel .cv-edit-panel-body .cv-editing-close .link {
  color: white;
  text-decoration: underline;
}
.cdd-cvview .cv-edit-panel .cv-edit-panel-body .tl-date-range-wrapper .tl-date-selector {
  width: 100%;
}

.cdd-cvview.size-large .cv-edit-panel-body {
  line-height: 1.5em;
}

.cdd-cvview .cv-section-item .cv-edit-panel-body {
  margin-top: -12px;
  margin-bottom: 8px;
}

.screen-size-small .cdd-cvview .cv-edit-panel-body .tl-edit-form .tl-input, .screen-size-small .cdd-cvview .cv-edit-panel-body .tl-edit-form .tl-select, .screen-size-small .cdd-cvview .cv-edit-panel-body .tl-edit-form .group-wrapper, .screen-size-small .cdd-cvview .cv-edit-panel-body .tl-edit-form .tl-codes-select {
  width: 100%;
}

.cdd-cvview .cv-deleted-panel {
  position: relative;
  max-height: 76px;
  overflow: hidden;
}
.cdd-cvview .cv-deleted-panel .cv-tool-box-wrapper {
  display: none !important;
}
.cdd-cvview .cv-deleted-panel.cv-exp-longitem {
  margin: 0 -21px;
}
.cdd-cvview .cv-deleted-panel.cv-exp-longitem .cv-exp-longitem-title,
.cdd-cvview .cv-deleted-panel.cv-exp-longitem .cv-exp-longitem-body {
  margin: 0;
}
.cdd-cvview .cv-deleted-panel .cv-deleted-panel-body {
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  background-image: linear-gradient(180deg, rgba(64, 64, 64, 0.3) 10%, rgba(0, 0, 0, 0.3) 50%, rgba(64, 64, 64, 0.3) 90%);
}
.cdd-cvview .cv-deleted-panel .cv-deleted-panel-body .deleted-icon,
.cdd-cvview .cv-deleted-panel .cv-deleted-panel-body .restore-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  transition: all ease-in-out 0.3s;
  font-size: 2em;
  color: #FFF;
  text-align: center;
  line-height: 1em;
  border-radius: 100%;
  border: 2px solid #FFF;
}
.cdd-cvview .cv-deleted-panel .cv-deleted-panel-body .restore-icon {
  z-index: 1;
  opacity: 0;
  background: transparent;
}
.cdd-cvview .cv-deleted-panel .cv-deleted-panel-body:hover .deleted-icon {
  margin-left: -3em;
}
.cdd-cvview .cv-deleted-panel .cv-deleted-panel-body:hover .restore-icon {
  opacity: 1;
  background: #FFF;
  color: #0A74BE;
  cursor: pointer;
}

.talink-graph {
  position: relative;
  overflow: hidden;
  background: white;
}

.talink-graph .graph-title,
.talink-graph .graph-toolbox,
.talink-graph .graph-recommendation {
  position: absolute;
  z-index: 100;
}

.talink-graph .graph-title,
.talink-graph .graph-toolbox {
  background: transparent;
  transition: all ease-in-out 0.3s;
}

.talink-graph .graph-title,
.talink-graph .graph-recommendation {
  left: 1.5em;
  top: 1em;
  opacity: 1;
  max-width: 60%;
}

.talink-graph .graph-toolbox {
  right: 0.5em;
  top: 0.5em;
  opacity: 0.6;
  height: 0px;
  text-align: right;
}

.talink-graph .graph-toolbox:hover {
  opacity: 1;
}

.talink-graph .graph-toolbox .tl-toolbar .tl-toolgroup {
  height: 2.5em;
  vertical-align: middle;
  box-sizing: border-box;
  background: rgba(200, 235, 255, 0.2);
  transition: all 0.3s ease-in-out;
}

.talink-graph .graph-toolbox:hover .tl-toolbar .tl-toolgroup {
  background: rgb(224, 244, 255);
}

.talink-graph .graph-toolbox .tl-toolbar .tl-toolgroup .tl-toolitem {
  font-size: 1.5em;
  padding: 0.3em;
}

.talink-graph .graph-toolbox .tl-toolbar .tl-toolgroup .tl-toolitem:first-of-type {
  padding-left: 0.3em;
}

.talink-graph .graph-toolbox .tl-toolbar .tl-toolgroup .tl-toolitem:last-of-type {
  padding-right: 0.3em;
}

.talink-graph .talink-graph-menu-anchor {
  position: absolute;
  z-index: -1;
  width: 0px;
  height: 0px;
  opacity: 0;
}

.talink-graph svg {
  user-select: none;
  background: #FFF;
}

.talink-graph .hide-tips {
  animation: ani-hide-tips 30s 1;
  animation-fill-mode: forwards;
}

@keyframes ani-hide-tips {
  0% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  99% {
    opacity: 0;
    transform: translateX(0%);
  }
  100% {
    opacity: 0;
    transform: translateX(-150%);
  }
}
.talink-graph .activity-analysis-result {
  position: absolute;
  z-index: 50;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0em;
  background: radial-gradient(ellipse at right, #0A74BE, rgba(255, 255, 255, 0.8) 7em, rgba(0, 0, 0, 0) 10em);
  transform: translateX(100%);
  transition: all ease-in-out 0.3s;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  margin-right: -0.25em;
  width: 9em;
}

.talink-graph .activity-analysis-result.open {
  transform: translateX(0%);
}

.talink-graph .activity-analysis-result .user-list li {
  pointer-events: all;
  padding-right: 0.5em;
}

.talink-graph .activity-analysis-result.open-with-activity {
  transform: translateX(-30em);
  z-index: 150;
}

.talink-graph .activity-analysis-result .user-activity-list {
  pointer-events: all;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  width: 30em;
  background: #FFF;
}

.tl-markdown-article img {
  max-width: 100% !important;
}
.tl-markdown-article ol, .tl-markdown-article ul {
  padding-left: 2em;
}
.tl-markdown-article ol {
  list-style: decimal;
}
.tl-markdown-article ul {
  list-style: disc;
}
.tl-markdown-article i {
  font-style: italic;
}
.tl-markdown-article i.mi, .tl-markdown-article i[class*=tl-icon-] {
  font-style: normal;
}

.tl-markdown-table {
  /* Remove spacing between table cells (from Normalize.css) */
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
  /*
  striping:
  even - #fff (white)
  odd  - #f2f2f2 (light gray)
  */
  /* nth-child selector for modern browsers */
  /* BORDERED TABLES */
  /* HORIZONTAL BORDERED TABLES */
}
.tl-markdown-table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1em 0;
  text-align: center;
}
.tl-markdown-table td, .tl-markdown-table th {
  border-left: 1px solid #cbcbcb; /*  inner column border */
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible; /*to make ths where the title is really long work*/
  padding: 0.5em 1em;
  min-width: 3em;
}
.tl-markdown-table thead {
  background-color: #e0e0e0;
  color: #000;
  text-align: left;
  vertical-align: bottom;
}
.tl-markdown-table td {
  background-color: transparent;
}
.tl-markdown-table.tl-markdown-table-odd td {
  background-color: #f2f2f2;
}
.tl-markdown-table.tl-markdown-table-striped tr:nth-child(2n-1) td {
  background-color: #f2f2f2;
}
.tl-markdown-table.tl-markdown-table-bordered td {
  border-bottom: 1px solid #cbcbcb;
}
.tl-markdown-table.tl-markdown-table-bordered tbody > tr:last-child > td {
  border-bottom-width: 0;
}
.tl-markdown-table .tl-markdown-table-horizontal td,
.tl-markdown-table .tl-markdown-table-horizontal th {
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #cbcbcb;
}
.tl-markdown-table .tl-markdown-table-horizontal tbody > tr:last-child > td {
  border-bottom-width: 0;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/img/MaterialIcons-Regular.8c998b4.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/assets/img/MaterialIcons-Regular.a87d66c.woff2) format('woff2'),
       url(/assets/img/MaterialIcons-Regular.c4a1bae.woff) format('woff'),
       url(/assets/img/MaterialIcons-Regular.b7f4a3a.ttf) format('truetype');
}

.mi {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;

  -moz-osx-font-smoothing: grayscale;

  font-feature-settings: 'liga';
}

.mi-1_2x {
    font-size:1.2em;
}

.mi-2x {
    font-size:2em;
}

.mi-2_5x {
    font-size:2.5em;
}


.mi-3x {
    font-size:3em;
}

.mi-4x {
    font-size:4em;
}

.mi-5x {
    font-size:5em;
}

.mi-rotate-45 {
    transform: rotate(45deg);
}

.mi-rotate-90 {
	transform: rotate(90deg);
}

.mi-rotate-135 {
	transform: rotate(135deg);
}

.mi-rotate-180 {
	transform: rotate(180deg);
}

.mi-rotate-270 {
	transform: rotate(270deg);
}

.mi-rotate-315 {
    transform: rotate(315deg);
}

.mi-spin {
  -webkit-animation: mi-spin 2s infinite linear;
  animation: mi-spin 2s infinite linear;
}
.mi-pulse {
  -webkit-animation: mi-spin 1s infinite steps(8);
  animation: mi-spin 1s infinite steps(8);
}
@-webkit-keyframes mi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}




.mi-3d-rotation:before{
	content: "\e84d"
}
.mi-ac-unit:before{
	content: "\eb3b"
}
.mi-access-alarm:before{
	content: "\e190"
}
.mi-access-alarms:before{
	content: "\e191"
}
.mi-access-time:before{
	content: "\e192"
}
.mi-accessibility:before{
	content: "\e84e"
}
.mi-accessible:before{
	content: "\e914"
}
.mi-account-balance:before{
	content: "\e84f"
}
.mi-account-balance-wallet:before{
	content: "\e850"
}
.mi-account-box:before{
	content: "\e851"
}
.mi-account-circle:before{
	content: "\e853"
}
.mi-adb:before{
	content: "\e60e"
}
.mi-add:before{
	content: "\e145"
}
.mi-add-a-photo:before{
	content: "\e439"
}
.mi-add-alarm:before{
	content: "\e193"
}
.mi-add-alert:before{
	content: "\e003"
}
.mi-add-box:before{
	content: "\e146"
}
.mi-add-circle:before{
	content: "\e147"
}
.mi-add-circle-outline:before{
	content: "\e148"
}
.mi-add-location:before{
	content: "\e567"
}
.mi-add-shopping-cart:before{
	content: "\e854"
}
.mi-add-to-photos:before{
	content: "\e39d"
}
.mi-add-to-queue:before{
	content: "\e05c"
}
.mi-adjust:before{
	content: "\e39e"
}
.mi-airline-seat-flat:before{
	content: "\e630"
}
.mi-airline-seat-flat-angled:before{
	content: "\e631"
}
.mi-airline-seat-individual-suite:before{
	content: "\e632"
}
.mi-airline-seat-legroom-extra:before{
	content: "\e633"
}
.mi-airline-seat-legroom-normal:before{
	content: "\e634"
}
.mi-airline-seat-legroom-reduced:before{
	content: "\e635"
}
.mi-airline-seat-recline-extra:before{
	content: "\e636"
}
.mi-airline-seat-recline-normal:before{
	content: "\e637"
}
.mi-airplanemode-active:before{
	content: "\e195"
}
.mi-airplanemode-inactive:before{
	content: "\e194"
}
.mi-airplay:before{
	content: "\e055"
}
.mi-airport-shuttle:before{
	content: "\eb3c"
}
.mi-alarm:before{
	content: "\e855"
}
.mi-alarm-add:before{
	content: "\e856"
}
.mi-alarm-off:before{
	content: "\e857"
}
.mi-alarm-on:before{
	content: "\e858"
}
.mi-album:before{
	content: "\e019"
}
.mi-all-inclusive:before{
	content: "\eb3d"
}
.mi-all-out:before{
	content: "\e90b"
}
.mi-android:before{
	content: "\e859"
}
.mi-announcement:before{
	content: "\e85a"
}
.mi-apps:before{
	content: "\e5c3"
}
.mi-archive:before{
	content: "\e149"
}
.mi-arrow-back:before{
	content: "\e5c4"
}
.mi-arrow-downward:before{
	content: "\e5db"
}
.mi-arrow-drop-down:before{
	content: "\e5c5"
}
.mi-arrow-drop-down-circle:before{
	content: "\e5c6"
}
.mi-arrow-drop-up:before{
	content: "\e5c7"
}
.mi-arrow-forward:before{
	content: "\e5c8"
}
.mi-arrow-upward:before{
	content: "\e5d8"
}
.mi-art-track:before{
	content: "\e060"
}
.mi-aspect-ratio:before{
	content: "\e85b"
}
.mi-assessment:before{
	content: "\e85c"
}
.mi-task:before,
.mi-assignment:before{
	content: "\e85d"
}
.mi-guarantee:before,
.mi-assignment-ind:before{
	content: "\e85e"
}
.mi-assignment-late:before{
	content: "\e85f"
}
.mi-assignment-return:before{
	content: "\e860"
}
.mi-assignment-returned:before{
	content: "\e861"
}
.mi-guarantee-pass:before,
.mi-assignment-turned-in:before{
	content: "\e862"
}
.mi-assistant:before{
	content: "\e39f"
}
.mi-assistant-photo:before{
	content: "\e3a0"
}
.mi-attach-file:before{
	content: "\e226"
}
.mi-attach-money:before{
	content: "\e227"
}
.mi-attachment:before{
	content: "\e2bc"
}
.mi-audiotrack:before{
	content: "\e3a1"
}
.mi-autorenew:before{
	content: "\e863"
}
.mi-av-timer:before{
	content: "\e01b"
}
.mi-backspace:before{
	content: "\e14a"
}
.mi-backup:before{
	content: "\e864"
}
.mi-battery-alert:before{
	content: "\e19c"
}
.mi-battery-charging-full:before{
	content: "\e1a3"
}
.mi-battery-full:before{
	content: "\e1a4"
}
.mi-battery-std:before{
	content: "\e1a5"
}
.mi-battery-unknown:before{
	content: "\e1a6"
}
.mi-beach-access:before{
	content: "\eb3e"
}
.mi-beenhere:before{
	content: "\e52d"
}
.mi-block:before{
	content: "\e14b"
}
.mi-bluetooth:before{
	content: "\e1a7"
}
.mi-bluetooth-audio:before{
	content: "\e60f"
}
.mi-bluetooth-connected:before{
	content: "\e1a8"
}
.mi-bluetooth-disabled:before{
	content: "\e1a9"
}
.mi-bluetooth-searching:before{
	content: "\e1aa"
}
.mi-blur-circular:before{
	content: "\e3a2"
}
.mi-blur-linear:before{
	content: "\e3a3"
}
.mi-blur-off:before{
	content: "\e3a4"
}
.mi-blur-on:before{
	content: "\e3a5"
}
.mi-book:before{
	content: "\e865"
}
.mi-bookmark:before{
	content: "\e866"
}
.mi-bookmark-border:before{
	content: "\e867"
}
.mi-border-all:before{
	content: "\e228"
}
.mi-border-bottom:before{
	content: "\e229"
}
.mi-border-clear:before{
	content: "\e22a"
}
.mi-border-color:before{
	content: "\e22b"
}
.mi-border-horizontal:before{
	content: "\e22c"
}
.mi-border-inner:before{
	content: "\e22d"
}
.mi-border-left:before{
	content: "\e22e"
}
.mi-border-outer:before{
	content: "\e22f"
}
.mi-border-right:before{
	content: "\e230"
}
.mi-border-style:before{
	content: "\e231"
}
.mi-border-top:before{
	content: "\e232"
}
.mi-border-vertical:before{
	content: "\e233"
}
.mi-branding-watermark:before{
	content: "\e06b"
}
.mi-brightness-1:before{
	content: "\e3a6"
}
.mi-brightness-2:before{
	content: "\e3a7"
}
.mi-brightness-3:before{
	content: "\e3a8"
}
.mi-brightness-4:before{
	content: "\e3a9"
}
.mi-brightness-5:before{
	content: "\e3aa"
}
.mi-brightness-6:before{
	content: "\e3ab"
}
.mi-brightness-7:before{
	content: "\e3ac"
}
.mi-brightness-auto:before{
	content: "\e1ab"
}
.mi-brightness-high:before{
	content: "\e1ac"
}
.mi-brightness-low:before{
	content: "\e1ad"
}
.mi-brightness-medium:before{
	content: "\e1ae"
}
.mi-broken-image:before{
	content: "\e3ad"
}
.mi-brush:before{
	content: "\e3ae"
}
.mi-bubble-chart:before{
	content: "\e6dd"
}
.mi-bug-report:before{
	content: "\e868"
}
.mi-build:before{
	content: "\e869"
}
.mi-burst-mode:before{
	content: "\e43c"
}
.mi-company:before,
.mi-business:before{
	content: "\e0af"
}
.mi-business-center:before{
	content: "\eb3f"
}
.mi-cached:before{
	content: "\e86a"
}
.mi-cake:before{
	content: "\e7e9"
}
.mi-call:before{
	content: "\e0b0"
}
.mi-call-end:before{
	content: "\e0b1"
}
.mi-call-made:before{
	content: "\e0b2"
}
.mi-call-merge:before{
	content: "\e0b3"
}
.mi-call-missed:before{
	content: "\e0b4"
}
.mi-call-missed-outgoing:before{
	content: "\e0e4"
}
.mi-call-received:before{
	content: "\e0b5"
}
.mi-call-split:before{
	content: "\e0b6"
}
.mi-call-to-action:before{
	content: "\e06c"
}
.mi-camera:before{
	content: "\e3af"
}
.mi-camera-alt:before{
	content: "\e3b0"
}
.mi-camera-enhance:before{
	content: "\e8fc"
}
.mi-camera-front:before{
	content: "\e3b1"
}
.mi-camera-rear:before{
	content: "\e3b2"
}
.mi-camera-roll:before{
	content: "\e3b3"
}
.mi-cancel:before{
	content: "\e5c9"
}
.mi-offer:before,
.mi-card-giftcard:before{
	content: "\e8f6"
}
.mi-card-membership:before{
	content: "\e8f7"
}
.mi-job:before,
.mi-card-travel:before{
	content: "\e8f8"
}

.mi-jd-sent:before {
	content: "\e0e1";
	margin-left:-0.15em;
}

.mi-jd-sent:after{
	content: "\e8f9";
	font-size:0.7em;
	margin-left:-0.5em;
}

.mi-casino:before{
	content: "\eb40"
}
.mi-cast:before{
	content: "\e307"
}
.mi-cast-connected:before{
	content: "\e308"
}
.mi-center-focus-strong:before{
	content: "\e3b4"
}
.mi-center-focus-weak:before{
	content: "\e3b5"
}
.mi-change-history:before{
	content: "\e86b"
}
.mi-chat:before{
	content: "\e0b7"
}
.mi-chat-bubble:before{
	content: "\e0ca"
}
.mi-chat-bubble-outline:before{
	content: "\e0cb"
}
.mi-check:before{
	content: "\e5ca"
}
.mi-check-box:before{
	content: "\e834"
}
.mi-check-box-outline-blank:before{
	content: "\e835"
}
.mi-check-circle:before{
	content: "\e86c"
}
.mi-chevron-left:before{
	content: "\e5cb"
}
.mi-chevron-right:before{
	content: "\e5cc"
}
.mi-child-care:before{
	content: "\eb41"
}
.mi-child-friendly:before{
	content: "\eb42"
}
.mi-chrome-reader-mode:before{
	content: "\e86d"
}
.mi-class:before{
	content: "\e86e"
}
.mi-clear:before{
	content: "\e14c"
}
.mi-clear-all:before{
	content: "\e0b8"
}
.mi-close:before{
	content: "\e5cd"
}
.mi-closed-caption:before{
	content: "\e01c"
}
.mi-cloud:before{
	content: "\e2bd"
}
.mi-cloud-circle:before{
	content: "\e2be"
}
.mi-cloud-done:before{
	content: "\e2bf"
}
.mi-cloud-download:before{
	content: "\e2c0"
}
.mi-cloud-off:before{
	content: "\e2c1"
}
.mi-cloud-queue:before{
	content: "\e2c2"
}
.mi-cloud-upload:before{
	content: "\e2c3"
}
.mi-code:before{
	content: "\e86f"
}
.mi-collections:before{
	content: "\e3b6"
}
.mi-collections-bookmark:before{
	content: "\e431"
}
.mi-color-lens:before{
	content: "\e3b7"
}
.mi-colorize:before{
	content: "\e3b8"
}
.mi-comment:before{
	content: "\e0b9"
}
.mi-compare:before{
	content: "\e3b9"
}
.mi-compare-arrows:before{
	content: "\e915"
}
.mi-computer:before{
	content: "\e30a"
}
.mi-confirmation-number:before{
	content: "\e638"
}
.mi-contact-mail:before{
	content: "\e0d0"
}
.mi-contact-phone:before{
	content: "\e0cf"
}
.mi-contacts:before{
	content: "\e0ba"
}
.mi-content-copy:before{
	content: "\e14d"
}
.mi-content-cut:before{
	content: "\e14e"
}
.mi-content-paste:before{
	content: "\e14f"
}
.mi-control-point:before{
	content: "\e3ba"
}
.mi-control-point-duplicate:before{
	content: "\e3bb"
}
.mi-copyright:before{
	content: "\e90c"
}
.mi-create:before{
	content: "\e150"
}
.mi-create-new-folder:before{
	content: "\e2cc"
}
.mi-credit-card:before{
	content: "\e870"
}
.mi-crop:before{
	content: "\e3be"
}
.mi-crop-16-9:before{
	content: "\e3bc"
}
.mi-crop-3-2:before{
	content: "\e3bd"
}
.mi-crop-5-4:before{
	content: "\e3bf"
}
.mi-crop-7-5:before{
	content: "\e3c0"
}
.mi-crop-din:before{
	content: "\e3c1"
}
.mi-crop-free:before{
	content: "\e3c2"
}
.mi-crop-landscape:before{
	content: "\e3c3"
}
.mi-crop-original:before{
	content: "\e3c4"
}
.mi-crop-portrait:before{
	content: "\e3c5"
}
.mi-crop-rotate:before{
	content: "\e437"
}
.mi-crop-square:before{
	content: "\e3c6"
}
.mi-dashboard:before{
	content: "\e871"
}
.mi-data-usage:before{
	content: "\e1af"
}
.mi-date-range:before{
	content: "\e916"
}
.mi-dehaze:before{
	content: "\e3c7"
}
.mi-delete:before{
	content: "\e872"
}
.mi-delete-forever:before{
	content: "\e92b"
}
.mi-delete-sweep:before{
	content: "\e16c"
}
.mi-description:before{
	content: "\e873"
}
.mi-desktop-mac:before{
	content: "\e30b"
}
.mi-desktop-windows:before{
	content: "\e30c"
}
.mi-details:before{
	content: "\e3c8"
}
.mi-developer-board:before{
	content: "\e30d"
}
.mi-developer-mode:before{
	content: "\e1b0"
}
.mi-device-hub:before{
	content: "\e335"
}
.mi-devices:before{
	content: "\e1b1"
}
.mi-devices-other:before{
	content: "\e337"
}
.mi-dialer-sip:before{
	content: "\e0bb"
}
.mi-dialpad:before{
	content: "\e0bc"
}
.mi-directions:before{
	content: "\e52e"
}
.mi-directions-bike:before{
	content: "\e52f"
}
.mi-directions-boat:before{
	content: "\e532"
}
.mi-directions-bus:before{
	content: "\e530"
}
.mi-directions-car:before{
	content: "\e531"
}
.mi-directions-railway:before{
	content: "\e534"
}
.mi-directions-run:before{
	content: "\e566"
}
.mi-directions-subway:before{
	content: "\e533"
}
.mi-directions-transit:before{
	content: "\e535"
}
.mi-directions-walk:before{
	content: "\e536"
}
.mi-disc-full:before{
	content: "\e610"
}
.mi-dns:before{
	content: "\e875"
}
.mi-do-not-disturb:before{
	content: "\e612"
}
.mi-do-not-disturb-alt:before{
	content: "\e611"
}
.mi-do-not-disturb-off:before{
	content: "\e643"
}
.mi-do-not-disturb-on:before{
	content: "\e644"
}
.mi-dock:before{
	content: "\e30e"
}
.mi-domain:before{
	content: "\e7ee"
}
.mi-done:before{
	content: "\e876"
}
.mi-done-all:before{
	content: "\e877"
}
.mi-donut-large:before{
	content: "\e917"
}
.mi-donut-small:before{
	content: "\e918"
}
.mi-drafts:before{
	content: "\e151"
}
.mi-drag-handle:before{
	content: "\e25d"
}
.mi-drive-eta:before{
	content: "\e613"
}
.mi-dvr:before{
	content: "\e1b2"
}
.mi-edit:before{
	content: "\e3c9"
}
.mi-edit-location:before{
	content: "\e568"
}
.mi-eject:before{
	content: "\e8fb"
}
.mi-email:before{
	content: "\e0be"
}
.mi-enhanced-encryption:before{
	content: "\e63f"
}
.mi-equalizer:before{
	content: "\e01d"
}
.mi-error:before{
	content: "\e000"
}
.mi-error-outline:before{
	content: "\e001"
}
.mi-euro-symbol:before{
	content: "\e926"
}
.mi-ev-station:before{
	content: "\e56d"
}
.mi-activity:before,
.mi-event:before{
	content: "\e878"
}
.mi-event-available:before{
	content: "\e614"
}
.mi-event-busy:before{
	content: "\e615"
}
.mi-event-note:before{
	content: "\e616"
}
.mi-event-seat:before{
	content: "\e903"
}
.mi-exit-to-app:before{
	content: "\e879"
}
.mi-expand-less:before{
	content: "\e5ce"
}
.mi-expand-more:before{
	content: "\e5cf"
}
.mi-explicit:before{
	content: "\e01e"
}
.mi-explore:before{
	content: "\e87a"
}
.mi-exposure:before{
	content: "\e3ca"
}
.mi-exposure-neg-1:before{
	content: "\e3cb"
}
.mi-exposure-neg-2:before{
	content: "\e3cc"
}
.mi-exposure-plus-1:before{
	content: "\e3cd"
}
.mi-exposure-plus-2:before{
	content: "\e3ce"
}
.mi-exposure-zero:before{
	content: "\e3cf"
}
.mi-extension:before{
	content: "\e87b"
}
.mi-face:before{
	content: "\e87c"
}
.mi-fast-forward:before{
	content: "\e01f"
}
.mi-fast-rewind:before{
	content: "\e020"
}
.mi-favorite:before{
	content: "\e87d"
}
.mi-favorite-border:before{
	content: "\e87e"
}
.mi-featured-play-list:before{
	content: "\e06d"
}
.mi-featured-video:before{
	content: "\e06e"
}
.mi-feedback:before{
	content: "\e87f"
}
.mi-fiber-dvr:before{
	content: "\e05d"
}
.mi-fiber-manual-record:before{
	content: "\e061"
}
.mi-fiber-new:before{
	content: "\e05e"
}
.mi-fiber-pin:before{
	content: "\e06a"
}
.mi-fiber-smart-record:before{
	content: "\e062"
}
.mi-file-download:before{
	content: "\e2c4"
}
.mi-file-upload:before{
	content: "\e2c6"
}
.mi-filter:before{
	content: "\e3d3"
}
.mi-filter-1:before{
	content: "\e3d0"
}
.mi-filter-2:before{
	content: "\e3d1"
}
.mi-filter-3:before{
	content: "\e3d2"
}
.mi-filter-4:before{
	content: "\e3d4"
}
.mi-filter-5:before{
	content: "\e3d5"
}
.mi-filter-6:before{
	content: "\e3d6"
}
.mi-filter-7:before{
	content: "\e3d7"
}
.mi-filter-8:before{
	content: "\e3d8"
}
.mi-filter-9:before{
	content: "\e3d9"
}
.mi-filter-9-plus:before{
	content: "\e3da"
}
.mi-filter-b-and-w:before{
	content: "\e3db"
}
.mi-filter-center-focus:before{
	content: "\e3dc"
}
.mi-filter-drama:before{
	content: "\e3dd"
}
.mi-filter-frames:before{
	content: "\e3de"
}
.mi-filter-hdr:before{
	content: "\e3df"
}
.mi-filter-list:before{
	content: "\e152"
}
.mi-filter-none:before{
	content: "\e3e0"
}
.mi-filter-tilt-shift:before{
	content: "\e3e2"
}
.mi-filter-vintage:before{
	content: "\e3e3"
}
.mi-find-in-page:before{
	content: "\e880"
}
.mi-find-replace:before{
	content: "\e881"
}
.mi-fingerprint:before{
	content: "\e90d"
}
.mi-first-page:before{
	content: "\e5dc"
}
.mi-fitness-center:before{
	content: "\eb43"
}
.mi-onboard:before,
.mi-flag:before{
	content: "\e153"
}
.mi-flare:before{
	content: "\e3e4"
}
.mi-flash-auto:before{
	content: "\e3e5"
}
.mi-flash-off:before{
	content: "\e3e6"
}
.mi-flash-on:before{
	content: "\e3e7"
}
.mi-flight:before{
	content: "\e539"
}
.mi-flight-land:before{
	content: "\e904"
}
.mi-flight-takeoff:before{
	content: "\e905"
}
.mi-flip:before{
	content: "\e3e8"
}
.mi-flip-to-back:before{
	content: "\e882"
}
.mi-flip-to-front:before{
	content: "\e883"
}
.mi-folder:before{
	content: "\e2c7"
}
.mi-folder-open:before{
	content: "\e2c8"
}
.mi-folder-shared:before{
	content: "\e2c9"
}
.mi-folder-special:before{
	content: "\e617"
}
.mi-font-download:before{
	content: "\e167"
}
.mi-format-align-center:before{
	content: "\e234"
}
.mi-format-align-justify:before{
	content: "\e235"
}
.mi-format-align-left:before{
	content: "\e236"
}
.mi-format-align-right:before{
	content: "\e237"
}
.mi-format-bold:before{
	content: "\e238"
}
.mi-format-clear:before{
	content: "\e239"
}
.mi-format-color-fill:before{
	content: "\e23a"
}
.mi-format-color-reset:before{
	content: "\e23b"
}
.mi-format-color-text:before{
	content: "\e23c"
}
.mi-format-indent-decrease:before{
	content: "\e23d"
}
.mi-format-indent-increase:before{
	content: "\e23e"
}
.mi-format-italic:before{
	content: "\e23f"
}
.mi-format-line-spacing:before{
	content: "\e240"
}
.mi-format-list-bulleted:before{
	content: "\e241"
}
.mi-format-list-numbered:before{
	content: "\e242"
}
.mi-format-paint:before{
	content: "\e243"
}
.mi-format-quote:before{
	content: "\e244"
}
.mi-format-shapes:before{
	content: "\e25e"
}
.mi-format-size:before{
	content: "\e245"
}
.mi-format-strikethrough:before{
	content: "\e246"
}
.mi-format-textdirection-l-to-r:before{
	content: "\e247"
}
.mi-format-textdirection-r-to-l:before{
	content: "\e248"
}
.mi-format-underlined:before{
	content: "\e249"
}
.mi-forum:before{
	content: "\e0bf"
}
.mi-forward:before{
	content: "\e154"
}
.mi-forward-10:before{
	content: "\e056"
}
.mi-forward-30:before{
	content: "\e057"
}
.mi-forward-5:before{
	content: "\e058"
}
.mi-free-breakfast:before{
	content: "\eb44"
}
.mi-fullscreen:before{
	content: "\e5d0"
}
.mi-fullscreen-exit:before{
	content: "\e5d1"
}
.mi-functions:before{
	content: "\e24a"
}
.mi-g-translate:before{
	content: "\e927"
}
.mi-gamepad:before{
	content: "\e30f"
}
.mi-games:before{
	content: "\e021"
}
.mi-gavel:before{
	content: "\e90e"
}
.mi-gesture:before{
	content: "\e155"
}
.mi-get-app:before{
	content: "\e884"
}
.mi-gif:before{
	content: "\e908"
}
.mi-golf-course:before{
	content: "\eb45"
}
.mi-gps-fixed:before{
	content: "\e1b3"
}
.mi-gps-not-fixed:before{
	content: "\e1b4"
}
.mi-gps-off:before{
	content: "\e1b5"
}
.mi-grade:before{
	content: "\e885"
}
.mi-gradient:before{
	content: "\e3e9"
}
.mi-grain:before{
	content: "\e3ea"
}
.mi-graphic-eq:before{
	content: "\e1b8"
}
.mi-grid-off:before{
	content: "\e3eb"
}
.mi-grid-on:before{
	content: "\e3ec"
}
.mi-group:before{
	content: "\e7ef"
}
.mi-group-add:before{
	content: "\e7f0"
}
.mi-group-work:before{
	content: "\e886"
}
.mi-hd:before{
	content: "\e052"
}
.mi-hdr-off:before{
	content: "\e3ed"
}
.mi-hdr-on:before{
	content: "\e3ee"
}
.mi-hdr-strong:before{
	content: "\e3f1"
}
.mi-hdr-weak:before{
	content: "\e3f2"
}
.mi-headset:before{
	content: "\e310"
}
.mi-headset-mic:before{
	content: "\e311"
}
.mi-healing:before{
	content: "\e3f3"
}
.mi-hearing:before{
	content: "\e023"
}
.mi-help:before{
	content: "\e887"
}
.mi-help-outline:before{
	content: "\e8fd"
}
.mi-high-quality:before{
	content: "\e024"
}
.mi-highlight:before{
	content: "\e25f"
}
.mi-highlight-off:before{
	content: "\e888"
}
.mi-history:before{
	content: "\e889"
}
.mi-home:before{
	content: "\e88a"
}
.mi-hot-tub:before{
	content: "\eb46"
}
.mi-hotel:before{
	content: "\e53a"
}
.mi-hourglass-empty:before{
	content: "\e88b"
}
.mi-hourglass-full:before{
	content: "\e88c"
}
.mi-http:before{
	content: "\e902"
}
.mi-https:before{
	content: "\e88d"
}
.mi-image:before{
	content: "\e3f4"
}
.mi-image-aspect-ratio:before{
	content: "\e3f5"
}
.mi-import-contacts:before{
	content: "\e0e0"
}
.mi-import-export:before{
	content: "\e0c3"
}
.mi-important-devices:before{
	content: "\e912"
}
.mi-inbox:before{
	content: "\e156"
}
.mi-indeterminate-check-box:before{
	content: "\e909"
}
.mi-info:before{
	content: "\e88e"
}
.mi-info-outline:before{
	content: "\e88f"
}
.mi-input:before{
	content: "\e890"
}
.mi-insert-chart:before{
	content: "\e24b"
}
.mi-insert-comment:before{
	content: "\e24c"
}
.mi-insert-drive-file:before{
	content: "\e24d"
}
.mi-insert-emoticon:before{
	content: "\e24e"
}
.mi-insert-invitation:before{
	content: "\e24f"
}
.mi-insert-link:before{
	content: "\e250"
}
.mi-insert-photo:before{
	content: "\e251"
}
.mi-invert-colors:before{
	content: "\e891"
}
.mi-invert-colors-off:before{
	content: "\e0c4"
}
.mi-iso:before{
	content: "\e3f6"
}
.mi-keyboard:before{
	content: "\e312"
}
.mi-keyboard-arrow-down:before{
	content: "\e313"
}
.mi-keyboard-arrow-left:before{
	content: "\e314"
}
.mi-keyboard-arrow-right:before{
	content: "\e315"
}
.mi-keyboard-arrow-up:before{
	content: "\e316"
}
.mi-keyboard-backspace:before{
	content: "\e317"
}
.mi-keyboard-capslock:before{
	content: "\e318"
}
.mi-keyboard-hide:before{
	content: "\e31a"
}
.mi-keyboard-return:before{
	content: "\e31b"
}
.mi-keyboard-tab:before{
	content: "\e31c"
}
.mi-keyboard-voice:before{
	content: "\e31d"
}
.mi-kitchen:before{
	content: "\eb47"
}
.mi-label:before{
	content: "\e892"
}
.mi-label-outline:before{
	content: "\e893"
}
.mi-landscape:before{
	content: "\e3f7"
}
.mi-language:before{
	content: "\e894"
}
.mi-laptop:before{
	content: "\e31e"
}
.mi-laptop-chromebook:before{
	content: "\e31f"
}
.mi-laptop-mac:before{
	content: "\e320"
}
.mi-laptop-windows:before{
	content: "\e321"
}
.mi-last-page:before{
	content: "\e5dd"
}
.mi-launch:before{
	content: "\e895"
}
.mi-layers:before{
	content: "\e53b"
}
.mi-layers-clear:before{
	content: "\e53c"
}
.mi-leak-add:before{
	content: "\e3f8"
}
.mi-leak-remove:before{
	content: "\e3f9"
}
.mi-lens:before{
	content: "\e3fa"
}
.mi-library-add:before{
	content: "\e02e"
}
.mi-library-books:before{
	content: "\e02f"
}
.mi-library-music:before{
	content: "\e030"
}
.mi-lightbulb-outline:before{
	content: "\e90f"
}
.mi-line-style:before{
	content: "\e919"
}
.mi-line-weight:before{
	content: "\e91a"
}
.mi-linear-scale:before{
	content: "\e260"
}
.mi-link:before{
	content: "\e157"
}
.mi-linked-camera:before{
	content: "\e438"
}
.mi-list:before{
	content: "\e896"
}
.mi-live-help:before{
	content: "\e0c6"
}
.mi-live-tv:before{
	content: "\e639"
}
.mi-local-activity:before{
	content: "\e53f"
}
.mi-local-airport:before{
	content: "\e53d"
}
.mi-invoice:before,
.mi-local-atm:before{
	content: "\e53e"
}
.mi-local-bar:before{
	content: "\e540"
}
.mi-local-cafe:before{
	content: "\e541"
}
.mi-local-car-wash:before{
	content: "\e542"
}
.mi-local-convenience-store:before{
	content: "\e543"
}
.mi-local-dining:before{
	content: "\e556"
}
.mi-local-drink:before{
	content: "\e544"
}
.mi-local-florist:before{
	content: "\e545"
}
.mi-local-gas-station:before{
	content: "\e546"
}
.mi-local-grocery-store:before{
	content: "\e547"
}
.mi-local-hospital:before{
	content: "\e548"
}
.mi-local-hotel:before{
	content: "\e549"
}
.mi-local-laundry-service:before{
	content: "\e54a"
}
.mi-local-library:before{
	content: "\e54b"
}
.mi-local-mall:before{
	content: "\e54c"
}
.mi-local-movies:before{
	content: "\e54d"
}
.mi-local-offer:before{
	content: "\e54e"
}
.mi-local-parking:before{
	content: "\e54f"
}
.mi-local-pharmacy:before{
	content: "\e550"
}
.mi-local-phone:before{
	content: "\e551"
}
.mi-local-pizza:before{
	content: "\e552"
}
.mi-local-play:before{
	content: "\e553"
}
.mi-local-post-office:before{
	content: "\e554"
}
.mi-local-printshop:before{
	content: "\e555"
}
.mi-local-see:before{
	content: "\e557"
}
.mi-local-shipping:before{
	content: "\e558"
}
.mi-local-taxi:before{
	content: "\e559"
}
.mi-location-city:before{
	content: "\e7f1"
}
.mi-location-disabled:before{
	content: "\e1b6"
}
.mi-location-off:before{
	content: "\e0c7"
}
.mi-location-on:before{
	content: "\e0c8"
}
.mi-location-searching:before{
	content: "\e1b7"
}
.mi-lock:before{
	content: "\e897"
}
.mi-lock-open:before{
	content: "\e898"
}
.mi-lock-outline:before{
	content: "\e899"
}
.mi-looks:before{
	content: "\e3fc"
}
.mi-looks-3:before{
	content: "\e3fb"
}
.mi-looks-4:before{
	content: "\e3fd"
}
.mi-looks-5:before{
	content: "\e3fe"
}
.mi-looks-6:before{
	content: "\e3ff"
}
.mi-looks-one:before{
	content: "\e400"
}
.mi-looks-two:before{
	content: "\e401"
}
.mi-loop:before{
	content: "\e028"
}
.mi-loupe:before{
	content: "\e402"
}
.mi-low-priority:before{
	content: "\e16d"
}
.mi-loyalty:before{
	content: "\e89a"
}
.mi-mail:before{
	content: "\e158"
}
.mi-mail-outline:before{
	content: "\e0e1"
}
.mi-map:before{
	content: "\e55b"
}
.mi-markunread:before{
	content: "\e159"
}
.mi-markunread-mailbox:before{
	content: "\e89b"
}
.mi-memory:before{
	content: "\e322"
}
.mi-menu:before{
	content: "\e5d2"
}
.mi-merge-type:before{
	content: "\e252"
}
.mi-message:before{
	content: "\e0c9"
}
.mi-mic:before{
	content: "\e029"
}
.mi-mic-none:before{
	content: "\e02a"
}
.mi-mic-off:before{
	content: "\e02b"
}
.mi-mms:before{
	content: "\e618"
}
.mi-mode-comment:before{
	content: "\e253"
}
.mi-mode-edit:before{
	content: "\e254"
}
.mi-monetization-on:before{
	content: "\e263"
}
.mi-money-off:before{
	content: "\e25c"
}
.mi-monochrome-photos:before{
	content: "\e403"
}
.mi-mood:before{
	content: "\e7f2"
}
.mi-mood-bad:before{
	content: "\e7f3"
}
.mi-more:before{
	content: "\e619"
}
.mi-more-horiz:before{
	content: "\e5d3"
}
.mi-more-vert:before{
	content: "\e5d4"
}
.mi-motorcycle:before{
	content: "\e91b"
}
.mi-mouse:before{
	content: "\e323"
}
.mi-move-to-inbox:before{
	content: "\e168"
}
.mi-movie:before{
	content: "\e02c"
}
.mi-movie-creation:before{
	content: "\e404"
}
.mi-movie-filter:before{
	content: "\e43a"
}
.mi-multiline-chart:before{
	content: "\e6df"
}
.mi-music-note:before{
	content: "\e405"
}
.mi-music-video:before{
	content: "\e063"
}
.mi-my-location:before{
	content: "\e55c"
}
.mi-nature:before{
	content: "\e406"
}
.mi-nature-people:before{
	content: "\e407"
}
.mi-navigate-before:before{
	content: "\e408"
}
.mi-navigate-next:before{
	content: "\e409"
}
.mi-navigation:before{
	content: "\e55d"
}
.mi-near-me:before{
	content: "\e569"
}
.mi-network-cell:before{
	content: "\e1b9"
}
.mi-network-check:before{
	content: "\e640"
}
.mi-network-locked:before{
	content: "\e61a"
}
.mi-network-wifi:before{
	content: "\e1ba"
}
.mi-new-releases:before{
	content: "\e031"
}
.mi-next-week:before{
	content: "\e16a"
}
.mi-nfc:before{
	content: "\e1bb"
}
.mi-no-encryption:before{
	content: "\e641"
}
.mi-no-sim:before{
	content: "\e0cc"
}
.mi-not-interested:before{
	content: "\e033"
}
.mi-note:before{
	content: "\e06f"
}
.mi-note-add:before{
	content: "\e89c"
}
.mi-notifications:before{
	content: "\e7f4"
}
.mi-notifications-active:before{
	content: "\e7f7"
}
.mi-notifications-none:before{
	content: "\e7f5"
}
.mi-notifications-off:before{
	content: "\e7f6"
}
.mi-notifications-paused:before{
	content: "\e7f8"
}
.mi-offline-pin:before{
	content: "\e90a"
}
.mi-ondemand-video:before{
	content: "\e63a"
}
.mi-opacity:before{
	content: "\e91c"
}
.mi-open-in-browser:before{
	content: "\e89d"
}
.mi-open-in-new:before{
	content: "\e89e"
}
.mi-open-with:before{
	content: "\e89f"
}
.mi-pages:before{
	content: "\e7f9"
}
.mi-pageview:before{
	content: "\e8a0"
}
.mi-palette:before{
	content: "\e40a"
}
.mi-pan-tool:before{
	content: "\e925"
}
.mi-panorama:before{
	content: "\e40b"
}
.mi-panorama-fish-eye:before{
	content: "\e40c"
}
.mi-panorama-horizontal:before{
	content: "\e40d"
}
.mi-panorama-vertical:before{
	content: "\e40e"
}
.mi-panorama-wide-angle:before{
	content: "\e40f"
}
.mi-party-mode:before{
	content: "\e7fa"
}
.mi-pause:before{
	content: "\e034"
}
.mi-pause-circle-filled:before{
	content: "\e035"
}
.mi-pause-circle-outline:before{
	content: "\e036"
}
.mi-payment:before{
	content: "\e8a1"
}
.mi-meeting:before,
.mi-people:before{
	content: "\e7fb"
}
.mi-client-meeting:before,
.mi-people-outline:before{
	content: "\e7fc"
}
.mi-perm-camera-mic:before{
	content: "\e8a2"
}
.mi-perm-contact-calendar:before{
	content: "\e8a3"
}
.mi-perm-data-setting:before{
	content: "\e8a4"
}
.mi-perm-device-information:before{
	content: "\e8a5"
}
.mi-perm-identity:before{
	content: "\e8a6"
}
.mi-perm-media:before{
	content: "\e8a7"
}
.mi-perm-phone-msg:before{
	content: "\e8a8"
}
.mi-perm-scan-wifi:before{
	content: "\e8a9"
}
.mi-candidate:before,
.mi-person:before{
	content: "\e7fd"
}
.mi-person-add:before{
	content: "\e7fe"
}

.mi-add-to-job:before {
	content: "\e7fe";
	left:-0.1em;
	top:-0.1em;
	font-size:0.9em;
	position: relative;
}
.mi-add-to-job:after{
	content: "\e8f8";
	margin-left:-0.4em;
	font-size:0.7em;
}

.mi-contact:before,
.mi-person-outline:before{
	content: "\e7ff"
}

.mi-interview:before {
	content: "\e7ff";
	margin-left:-0.1em;
	font-size:0.95em;
}
.mi-interview:after{
	content: "\e7fd";
	margin-left:-0.65em;
	font-size:0.85em;
}

.mi-shortlist:before,
.mi-person-pin:before{
	content: "\e55a"
}
.mi-person-pin-circle:before{
	content: "\e56a"
}
.mi-personal-video:before{
	content: "\e63b"
}
.mi-pets:before{
	content: "\e91d"
}
.mi-phone:before{
	content: "\e0cd"
}
.mi-phone-android:before{
	content: "\e324"
}
.mi-phone-bluetooth-speaker:before{
	content: "\e61b"
}
.mi-phone-forwarded:before{
	content: "\e61c"
}
.mi-phone-in-talk:before{
	content: "\e61d"
}
.mi-phone-iphone:before{
	content: "\e325"
}
.mi-phone-locked:before{
	content: "\e61e"
}
.mi-phone-missed:before{
	content: "\e61f"
}
.mi-phone-paused:before{
	content: "\e620"
}
.mi-phonelink:before{
	content: "\e326"
}
.mi-phonelink-erase:before{
	content: "\e0db"
}
.mi-phonelink-lock:before{
	content: "\e0dc"
}
.mi-phonelink-off:before{
	content: "\e327"
}
.mi-phonelink-ring:before{
	content: "\e0dd"
}
.mi-phonelink-setup:before{
	content: "\e0de"
}
.mi-photo:before{
	content: "\e410"
}
.mi-photo-album:before{
	content: "\e411"
}
.mi-photo-camera:before{
	content: "\e412"
}
.mi-photo-filter:before{
	content: "\e43b"
}
.mi-photo-library:before{
	content: "\e413"
}
.mi-photo-size-select-actual:before{
	content: "\e432"
}
.mi-photo-size-select-large:before{
	content: "\e433"
}
.mi-photo-size-select-small:before{
	content: "\e434"
}
.mi-picture-as-pdf:before{
	content: "\e415"
}
.mi-picture-in-picture:before{
	content: "\e8aa"
}
.mi-picture-in-picture-alt:before{
	content: "\e911"
}
.mi-pie-chart:before{
	content: "\e6c4"
}
.mi-pie-chart-outlined:before{
	content: "\e6c5"
}
.mi-pin-drop:before{
	content: "\e55e"
}
.mi-place:before{
	content: "\e55f"
}
.mi-play-arrow:before{
	content: "\e037"
}
.mi-play-circle-filled:before{
	content: "\e038"
}
.mi-play-circle-outline:before{
	content: "\e039"
}
.mi-play-for-work:before{
	content: "\e906"
}
.mi-playlist-add:before{
	content: "\e03b"
}
.mi-playlist-add-check:before{
	content: "\e065"
}
.mi-playlist-play:before{
	content: "\e05f"
}
.mi-plus-one:before{
	content: "\e800"
}
.mi-poll:before{
	content: "\e801"
}
.mi-polymer:before{
	content: "\e8ab"
}
.mi-pool:before{
	content: "\eb48"
}
.mi-portable-wifi-off:before{
	content: "\e0ce"
}
.mi-candidate-review:before,
.mi-portrait:before{
	content: "\e416"
}
.mi-power:before{
	content: "\e63c"
}
.mi-power-input:before{
	content: "\e336"
}
.mi-power-settings-new:before{
	content: "\e8ac"
}
.mi-pregnant-woman:before{
	content: "\e91e"
}
.mi-present-to-all:before{
	content: "\e0df"
}
.mi-print:before{
	content: "\e8ad"
}
.mi-priority-high:before{
	content: "\e645"
}
.mi-public:before{
	content: "\e80b"
}
.mi-publish:before{
	content: "\e255"
}
.mi-query-builder:before{
	content: "\e8ae"
}
.mi-question-answer:before{
	content: "\e8af"
}
.mi-queue:before{
	content: "\e03c"
}
.mi-queue-music:before{
	content: "\e03d"
}
.mi-queue-play-next:before{
	content: "\e066"
}
.mi-radio:before{
	content: "\e03e"
}
.mi-radio-button-checked:before{
	content: "\e837"
}
.mi-radio-button-unchecked:before{
	content: "\e836"
}
.mi-rate-review:before{
	content: "\e560"
}
.mi-receipt:before{
	content: "\e8b0"
}
.mi-recent-actors:before{
	content: "\e03f"
}
.mi-record-voice-over:before{
	content: "\e91f"
}
.mi-redeem:before{
	content: "\e8b1"
}
.mi-redo:before{
	content: "\e15a"
}
.mi-refresh:before{
	content: "\e5d5"
}
.mi-remove:before{
	content: "\e15b"
}
.mi-remove-circle:before{
	content: "\e15c"
}
.mi-remove-circle-outline:before{
	content: "\e15d"
}
.mi-remove-from-queue:before{
	content: "\e067"
}
.mi-remove-red-eye:before{
	content: "\e417"
}
.mi-remove-shopping-cart:before{
	content: "\e928"
}
.mi-reorder:before{
	content: "\e8fe"
}
.mi-repeat:before{
	content: "\e040"
}
.mi-repeat-one:before{
	content: "\e041"
}
.mi-replay:before{
	content: "\e042"
}
.mi-replay-10:before{
	content: "\e059"
}
.mi-replay-30:before{
	content: "\e05a"
}
.mi-replay-5:before{
	content: "\e05b"
}
.mi-reply:before{
	content: "\e15e"
}
.mi-reply-all:before{
	content: "\e15f"
}
.mi-report:before{
	content: "\e160"
}
.mi-report-problem:before{
	content: "\e8b2"
}
.mi-restaurant:before{
	content: "\e56c"
}
.mi-restaurant-menu:before{
	content: "\e561"
}
.mi-restore:before{
	content: "\e8b3"
}
.mi-restore-page:before{
	content: "\e929"
}
.mi-ring-volume:before{
	content: "\e0d1"
}
.mi-room:before{
	content: "\e8b4"
}
.mi-room-service:before{
	content: "\eb49"
}
.mi-rotate-90-degrees-ccw:before{
	content: "\e418"
}
.mi-rotate-left:before{
	content: "\e419"
}
.mi-rotate-right:before{
	content: "\e41a"
}
.mi-rounded-corner:before{
	content: "\e920"
}
.mi-router:before{
	content: "\e328"
}
.mi-rowing:before{
	content: "\e921"
}
.mi-rss-feed:before{
	content: "\e0e5"
}
.mi-rv-hookup:before{
	content: "\e642"
}
.mi-satellite:before{
	content: "\e562"
}
.mi-save:before{
	content: "\e161"
}
.mi-scanner:before{
	content: "\e329"
}
.mi-schedule:before{
	content: "\e8b5"
}
.mi-school:before{
	content: "\e80c"
}
.mi-screen-lock-landscape:before{
	content: "\e1be"
}
.mi-screen-lock-portrait:before{
	content: "\e1bf"
}
.mi-screen-lock-rotation:before{
	content: "\e1c0"
}
.mi-screen-rotation:before{
	content: "\e1c1"
}
.mi-screen-share:before{
	content: "\e0e2"
}
.mi-sd-card:before{
	content: "\e623"
}
.mi-sd-storage:before{
	content: "\e1c2"
}
.mi-search:before{
	content: "\e8b6"
}
.mi-security:before{
	content: "\e32a"
}
.mi-select-all:before{
	content: "\e162"
}
.mi-cv-sent:before,
.mi-send:before{
	content: "\e163"
}
.mi-sentiment-dissatisfied:before{
	content: "\e811"
}
.mi-sentiment-neutral:before{
	content: "\e812"
}
.mi-sentiment-satisfied:before{
	content: "\e813"
}
.mi-sentiment-very-dissatisfied:before{
	content: "\e814"
}
.mi-sentiment-very-satisfied:before{
	content: "\e815"
}
.mi-settings:before{
	content: "\e8b8"
}
.mi-settings-applications:before{
	content: "\e8b9"
}
.mi-settings-backup-restore:before{
	content: "\e8ba"
}
.mi-settings-bluetooth:before{
	content: "\e8bb"
}
.mi-settings-brightness:before{
	content: "\e8bd"
}
.mi-settings-cell:before{
	content: "\e8bc"
}
.mi-settings-ethernet:before{
	content: "\e8be"
}
.mi-settings-input-antenna:before{
	content: "\e8bf"
}
.mi-settings-input-component:before{
	content: "\e8c0"
}
.mi-settings-input-composite:before{
	content: "\e8c1"
}
.mi-settings-input-hdmi:before{
	content: "\e8c2"
}
.mi-settings-input-svideo:before{
	content: "\e8c3"
}
.mi-settings-overscan:before{
	content: "\e8c4"
}
.mi-settings-phone:before{
	content: "\e8c5"
}
.mi-settings-power:before{
	content: "\e8c6"
}
.mi-settings-remote:before{
	content: "\e8c7"
}
.mi-settings-system-daydream:before{
	content: "\e1c3"
}
.mi-settings-voice:before{
	content: "\e8c8"
}
.mi-share:before{
	content: "\e80d"
}
.mi-job-lead:before,
.mi-shop:before{
	content: "\e8c9"
}
.mi-shop-two:before{
	content: "\e8ca"
}
.mi-shopping-basket:before{
	content: "\e8cb"
}
.mi-shopping-cart:before{
	content: "\e8cc"
}
.mi-short-text:before{
	content: "\e261"
}
.mi-show-chart:before{
	content: "\e6e1"
}
.mi-shuffle:before{
	content: "\e043"
}
.mi-signal-cellular-4-bar:before{
	content: "\e1c8"
}
.mi-signal-cellular-connected-no-internet-4-bar:before{
	content: "\e1cd"
}
.mi-signal-cellular-no-sim:before{
	content: "\e1ce"
}
.mi-signal-cellular-null:before{
	content: "\e1cf"
}
.mi-signal-cellular-off:before{
	content: "\e1d0"
}
.mi-signal-wifi-4-bar:before{
	content: "\e1d8"
}
.mi-signal-wifi-4-bar-lock:before{
	content: "\e1d9"
}
.mi-signal-wifi-off:before{
	content: "\e1da"
}
.mi-sim-card:before{
	content: "\e32b"
}
.mi-sim-card-alert:before{
	content: "\e624"
}
.mi-skip-next:before{
	content: "\e044"
}
.mi-skip-previous:before{
	content: "\e045"
}
.mi-slideshow:before{
	content: "\e41b"
}
.mi-slow-motion-video:before{
	content: "\e068"
}
.mi-smartphone:before{
	content: "\e32c"
}
.mi-smoke-free:before{
	content: "\eb4a"
}
.mi-smoking-rooms:before{
	content: "\eb4b"
}
.mi-sms:before{
	content: "\e625"
}
.mi-sms-failed:before{
	content: "\e626"
}
.mi-snooze:before{
	content: "\e046"
}
.mi-sort:before{
	content: "\e164"
}
.mi-sort-by-alpha:before{
	content: "\e053"
}
.mi-spa:before{
	content: "\eb4c"
}
.mi-space-bar:before{
	content: "\e256"
}
.mi-speaker:before{
	content: "\e32d"
}
.mi-speaker-group:before{
	content: "\e32e"
}
.mi-speaker-notes:before{
	content: "\e8cd"
}
.mi-speaker-notes-off:before{
	content: "\e92a"
}
.mi-speaker-phone:before{
	content: "\e0d2"
}
.mi-spellcheck:before{
	content: "\e8ce"
}
.mi-star:before{
	content: "\e838"
}
.mi-star-border:before{
	content: "\e83a"
}
.mi-star-half:before{
	content: "\e839"
}
.mi-stars:before{
	content: "\e8d0"
}
.mi-stay-current-landscape:before{
	content: "\e0d3"
}
.mi-stay-current-portrait:before{
	content: "\e0d4"
}
.mi-stay-primary-landscape:before{
	content: "\e0d5"
}
.mi-stay-primary-portrait:before{
	content: "\e0d6"
}
.mi-stop:before{
	content: "\e047"
}
.mi-stop-screen-share:before{
	content: "\e0e3"
}
.mi-storage:before{
	content: "\e1db"
}
.mi-store:before{
	content: "\e8d1"
}
.mi-store-mall-directory:before{
	content: "\e563"
}
.mi-straighten:before{
	content: "\e41c"
}
.mi-streetview:before{
	content: "\e56e"
}
.mi-strikethrough-s:before{
	content: "\e257"
}
.mi-style:before{
	content: "\e41d"
}
.mi-subdirectory-arrow-left:before{
	content: "\e5d9"
}
.mi-subdirectory-arrow-right:before{
	content: "\e5da"
}
.mi-subject:before{
	content: "\e8d2"
}
.mi-subscriptions:before{
	content: "\e064"
}
.mi-subtitles:before{
	content: "\e048"
}
.mi-subway:before{
	content: "\e56f"
}

.mi-supervisor-account:before{
	content: "\e8d3"
}
.mi-surround-sound:before{
	content: "\e049"
}
.mi-swap-calls:before{
	content: "\e0d7"
}
.mi-swap-horiz:before{
	content: "\e8d4"
}
.mi-swap-vert:before{
	content: "\e8d5"
}
.mi-swap-vertical-circle:before{
	content: "\e8d6"
}
.mi-switch-camera:before{
	content: "\e41e"
}
.mi-switch-video:before{
	content: "\e41f"
}
.mi-sync:before{
	content: "\e627"
}
.mi-sync-disabled:before{
	content: "\e628"
}
.mi-sync-problem:before{
	content: "\e629"
}
.mi-system-update:before{
	content: "\e62a"
}
.mi-system-update-alt:before{
	content: "\e8d7"
}
.mi-tab:before{
	content: "\e8d8"
}
.mi-tab-unselected:before{
	content: "\e8d9"
}
.mi-tablet:before{
	content: "\e32f"
}
.mi-tablet-android:before{
	content: "\e330"
}
.mi-tablet-mac:before{
	content: "\e331"
}
.mi-tag-faces:before{
	content: "\e420"
}
.mi-tap-and-play:before{
	content: "\e62b"
}
.mi-terrain:before{
	content: "\e564"
}
.mi-text-fields:before{
	content: "\e262"
}
.mi-text-format:before{
	content: "\e165"
}
.mi-textsms:before{
	content: "\e0d8"
}
.mi-texture:before{
	content: "\e421"
}
.mi-theaters:before{
	content: "\e8da"
}
.mi-thumb-down:before{
	content: "\e8db"
}
.mi-thumb-up:before{
	content: "\e8dc"
}
.mi-thumbs-up-down:before{
	content: "\e8dd"
}
.mi-time-to-leave:before{
	content: "\e62c"
}
.mi-timelapse:before{
	content: "\e422"
}
.mi-timeline:before{
	content: "\e922"
}
.mi-timer:before{
	content: "\e425"
}
.mi-timer-10:before{
	content: "\e423"
}
.mi-timer-3:before{
	content: "\e424"
}
.mi-timer-off:before{
	content: "\e426"
}
.mi-title:before{
	content: "\e264"
}
.mi-toc:before{
	content: "\e8de"
}
.mi-today:before{
	content: "\e8df"
}
.mi-toll:before{
	content: "\e8e0"
}
.mi-tonality:before{
	content: "\e427"
}
.mi-touch-app:before{
	content: "\e913"
}
.mi-toys:before{
	content: "\e332"
}
.mi-track-changes:before{
	content: "\e8e1"
}
.mi-traffic:before{
	content: "\e565"
}
.mi-train:before{
	content: "\e570"
}
.mi-tram:before{
	content: "\e571"
}
.mi-transfer-within-a-station:before{
	content: "\e572"
}
.mi-transform:before{
	content: "\e428"
}
.mi-translate:before{
	content: "\e8e2"
}
.mi-trending-down:before{
	content: "\e8e3"
}
.mi-trending-flat:before{
	content: "\e8e4"
}
.mi-trending-up:before{
	content: "\e8e5"
}
.mi-tune:before{
	content: "\e429"
}
.mi-turned-in:before{
	content: "\e8e6"
}
.mi-turned-in-not:before{
	content: "\e8e7"
}
.mi-tv:before{
	content: "\e333"
}
.mi-unarchive:before{
	content: "\e169"
}
.mi-undo:before{
	content: "\e166"
}
.mi-unfold-less:before{
	content: "\e5d6"
}
.mi-unfold-more:before{
	content: "\e5d7"
}
.mi-update:before{
	content: "\e923"
}
.mi-usb:before{
	content: "\e1e0"
}
.mi-verified-user:before{
	content: "\e8e8"
}
.mi-vertical-align-bottom:before{
	content: "\e258"
}
.mi-vertical-align-center:before{
	content: "\e259"
}
.mi-vertical-align-top:before{
	content: "\e25a"
}
.mi-vibration:before{
	content: "\e62d"
}
.mi-video-call:before{
	content: "\e070"
}
.mi-video-label:before{
	content: "\e071"
}
.mi-video-library:before{
	content: "\e04a"
}
.mi-videocam:before{
	content: "\e04b"
}
.mi-videocam-off:before{
	content: "\e04c"
}
.mi-videogame-asset:before{
	content: "\e338"
}
.mi-view-agenda:before{
	content: "\e8e9"
}
.mi-view-array:before{
	content: "\e8ea"
}
.mi-view-carousel:before{
	content: "\e8eb"
}
.mi-view-column:before{
	content: "\e8ec"
}
.mi-view-comfy:before{
	content: "\e42a"
}
.mi-view-compact:before{
	content: "\e42b"
}
.mi-view-day:before{
	content: "\e8ed"
}
.mi-view-headline:before{
	content: "\e8ee"
}
.mi-view-list:before{
	content: "\e8ef"
}
.mi-view-module:before{
	content: "\e8f0"
}
.mi-view-quilt:before{
	content: "\e8f1"
}
.mi-view-stream:before{
	content: "\e8f2"
}
.mi-view-week:before{
	content: "\e8f3"
}
.mi-vignette:before{
	content: "\e435"
}
.mi-visibility:before{
	content: "\e8f4"
}
.mi-visibility-off:before{
	content: "\e8f5"
}
.mi-voice-chat:before{
	content: "\e62e"
}
.mi-voicemail:before{
	content: "\e0d9"
}
.mi-volume-down:before{
	content: "\e04d"
}
.mi-volume-mute:before{
	content: "\e04e"
}
.mi-volume-off:before{
	content: "\e04f"
}
.mi-volume-up:before{
	content: "\e050"
}
.mi-vpn-key:before{
	content: "\e0da"
}
.mi-vpn-lock:before{
	content: "\e62f"
}
.mi-wallpaper:before{
	content: "\e1bc"
}
.mi-warning:before{
	content: "\e002"
}
.mi-watch:before{
	content: "\e334"
}
.mi-watch-later:before{
	content: "\e924"
}
.mi-wb-auto:before{
	content: "\e42c"
}
.mi-wb-cloudy:before{
	content: "\e42d"
}
.mi-wb-incandescent:before{
	content: "\e42e"
}
.mi-wb-iridescent:before{
	content: "\e436"
}
.mi-wb-sunny:before{
	content: "\e430"
}
.mi-wc:before{
	content: "\e63d"
}
.mi-web:before{
	content: "\e051"
}
.mi-web-asset:before{
	content: "\e069"
}
.mi-weekend:before{
	content: "\e16b"
}
.mi-whatshot:before{
	content: "\e80e"
}
.mi-widgets:before{
	content: "\e1bd"
}
.mi-wifi:before{
	content: "\e63e"
}
.mi-wifi-lock:before{
	content: "\e1e1"
}
.mi-wifi-tethering:before{
	content: "\e1e2"
}
.mi-work:before{
	content: "\e8f9"
}
.mi-wrap-text:before{
	content: "\e25b"
}
.mi-youtube-searched-for:before{
	content: "\e8fa"
}
.mi-zoom-in:before{
	content: "\e8ff"
}
.mi-zoom-out:before{
	content: "\e900"
}
.mi-zoom-out-map:before{
	content: "\e56b"
}

.contract-view-panel {
    position: relative;
    background: #FFF;
    box-sizing: border-box;
    width:100%;
    height:100%;
    overflow-y: auto;
}
.contract-view-panel .tools {
    position: absolute;
    top:0em;
    right:0em;
}
.contract-view-panel .contract-fee-scenario {
    position: relative;
    border-bottom: 1px dotted #f1f2f5;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.contract-view-panel .contract-fee-scenario:last-of-type {
    border-bottom:none;
}
.contract-view-panel .contract-fee-scenario .tools {
    right: 0em;
    display: none;
}
.contract-view-panel .contract-fee-scenario:hover .tools {
    display: block;
}
.contract-view-panel .indent-short {
    padding-left: 9.5em;
}
.contract-view-panel .indent-short .label {
    display: inline-block;
    text-align:right;
    margin-left: -9.5em;
    margin-right:0.5em;
    width: 9em;
}
.contract-view-panel .attachment-list li {
    position:relative;
    padding-left: 3.25em;
    margin-bottom: 1.25em;
    line-height:1.2em;
}
.contract-view-panel .attachment-list li img {
    position:absolute;
    top:0px;
    left:0px;
    width:2em;
    height:2em;
}


.tl-search-postfilter-panel {
    position: relative;
    height: 100%;
    background: #EAEDF1;
    border-right:1px solid #CCCCCC;
    transition:all 0.3s ease-in-out;
}
.tl-search-postfilter-panel.open {
    width:320px;
}
@media only screen and (max-width : 1366px) {
.tl-search-postfilter-panel.open {
        width:260px;
}
}
.tl-search-postfilter-panel.close {
    width:0px;
}
.tl-search-postfilter-panel .title-box {
    position: relative;
    font-weight: bold;
    background: #D9DEE4;
    color: #000000;
}
.search-post-filter-panel,
.search-query-panel {
    padding:0.5em;
}
.search-post-filter-panel {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #CCC;
}
.search-post-filter-panel .tl-checkbox,
.search-post-filter-panel .tl-radio {
    vertical-align: middle;
    max-width: 100%;
}
.search-post-filter-panel .tl-code-tree {
    background: transparent;
    border: none;
}
.search-post-filter-panel .tl-buckets li {
    padding:0.25em 0.25em 0.25em 1.4em;
    margin-top:-1px;
}
.search-post-filter-panel .tl-buckets li:hover {
    background: #F4F8FC;
}


.revenue-calculator .tl-list .tl-list-header .tl-list-cell {
    padding-right: 1em;
}
.revenue-calculator .tl-list .tl-list-row:hover {
    background: #FFF;
}
.revenue-calculator .tl-list .tl-list-row .tl-list-cell {
    padding:0em !important;
    line-height: 2.5em !important;
}
.revenue-calculator .tl-list .tl-input,
.revenue-calculator .tl-list .tl-select,
.revenue-calculator .tl-list .tl-datepicker {
    width:100%;
    height:100%;
    line-height: 2.5em;
    box-sizing: border-box;
    position: relative;
    border-width: 0;
    background: transparent;
}
.revenue-calculator .tl-input .tl-validate-error-text,
.revenue-calculator .tl-select .tl-validate-error-text,
.revenue-calculator .tl-datepicker .tl-validate-error-text {
    margin-top: -1em;
    font-size: 0.8em;
    background: transparent;
}
.revenue-calculator .txtdeleted .revenue-text {
    text-decoration: line-through;
}


.tl-query-float-panel {
    position: relative;
    z-index: 1;
    width: 25%;
    min-width: 380px;
    max-width: 450px;
    height: 100%;
    background: white;
}
.tl-query-float-panel .tl-query-builder-form {
    position: absolute;
    z-index: 1;
    left:0;
    right:0;
    top:0;
    bottom:0;
}


.tl-side-switcher {
    position: absolute;
    z-index: 1000;
    right: 100%;
    top: 0px;

    box-sizing: border-box;
    cursor: pointer;

    padding-left: 1em;
    opacity: 0.8;
    transition: padding-right ease-in-out .1s, opacity ease-in-out .1s;

    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;

    background: #cfcfdf;
    box-shadow: 0px 0px 2px 2px rgba(207,207,233,0.3);
}
.tl-side-switcher:hover {
    padding-right: 0.5em;
    opacity: 1.0;
    background: #afafbf;
    box-shadow: 0px 0px 2px 2px rgba(175,175,191,0.3);
}
.tl-side-switcher .tl-side-switcher-inner {
    position: relative;
    z-index: 2;
    top:0;
    right:0;
    padding: 0.5em 1em;
    white-space: nowrap;
    text-align: right;
}
.tl-side-switcher>.tl-icon {
    position: absolute;
    top: 50%;
    left: 0.25em;
    transform: translateY(-50%);
    font-size: 14px;
}



.tl-activity-list {
	position: relative;
	padding:0.5em 1em 2em;
	transform: translateZ(0);
}
.tl-activity-item {
	position: relative;
	margin-bottom:1em;
}
li.tl-activity-item:last-of-type {
	margin-bottom:3em;
}
.tl-activity-item .tl-activity-time-offset {
	text-align: center;
	margin:0.5em 0em 1em;
}
.tl-activity-item .tl-activity-header {
	position:relative;
	padding:3px 1.5em 3px 55px;
	background:#FFF;
	border:1px solid #EDEEEF;
	color:#777;
	line-height:16px;
}
.tl-activity-item .tl-activity-header h4 {
	margin-top:4px;
}
.tl-activity-item .tl-activity-header .time-text {
	margin-bottom:3px;
}
.tl-activity-item .tl-activity-header .details-panel {
	margin-top:-3px;
	margin-bottom:0.5em;
}
.tl-activity-item .tl-activity-header .flag {
	position: absolute;
	z-index: 0;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 47px;
	overflow:hidden;
}
.tl-activity-item .tl-activity-header .flag i.type {
	position: absolute;
	z-index: 1;
	top: 11px;		/* (47px - 24px)/2 */
	left: 11px;
	width: 1em;
	height: 1em;
	font-size: 2em;
}
.tl-activity-item .tl-activity-header .flag .status {
	position:absolute;
	z-index: 1;
	top: 45px;
	left:0px;
	right:0px;
	text-align: center;
	line-height:1.2em;
}
.tl-activity-item .tl-activity-header.pending .flag {
	color:#FFFFFF;
}
.tl-activity-item .tl-activity-header.completed .flag,
.tl-activity-item .tl-activity-header.cancelled .flag,
.tl-activity-item .tl-activity-header.failed .flag {
	color:#999999;
	background: #E6E7E8;
}
.tl-activity-item .tl-activity-header.cancelled .flag i.type:after {
	position: absolute;
	z-index: 2;
	content:' ';
	font-size: inherit;
	top: 50%;
	left: 50%;
	width: 1.4em;
	height: 0px;
	margin-top:-3px;
	margin-left: -0.7em;
	border-radius: 6px;
	border-bottom: 3px solid #666;
	border-top: 3px solid #FFF;
	transform: rotate(135deg);
}
.tl-activity-item .tl-activity-header.pending.today .flag,
.tl-activity-item .tl-activity-header.pending.overdue .flag {
	background: #cc8877 ;
}
.tl-activity-item .tl-activity-header.pending.future .flag {
	background: #6696c6;
}
.tl-activity-item .tl-activity-header.pending.during .flag {
	background: #55aa55 ;
	/* background: #22bb33; */
}
.tl-activity-item .tl-activity-header i.edit,
.tl-activity-item .tl-activity-header i.toggle-details {
	position: absolute;
	right:4px;
	cursor:pointer;
	color: #0A74BE;
	display: none;
}
.tl-activity-item .tl-activity-header i.edit {
	top:8px;
}
.tl-activity-item .tl-activity-header i.toggle-details {
	bottom:5px;
}
.tl-activity-item:hover .tl-activity-header i.edit,
.tl-activity-item:hover .tl-activity-header i.toggle-details {
	display: block;
}
.tl-activity-item .tl-activity-body {
	position:relative;
	padding:1em;
	color:#444;
	border:1px solid #EDEEEF;
	border-top:transparent;
	background: #FFFFFF;
}
.tl-activity-item .tl-activity-body .bd-to-link {
	display: none;
}
.tl-activity-item .tl-activity-body:hover .bd-to-link {
	display: inline-block;
}
.tl-activity-item .tl-activity-call-record {
	position:relative;
	padding:0.5em 1em;
	border:1px solid #EDEEEF;
	border-top:transparent;
}
.tl-activity-item .tl-activity-footer {
	position:relative;
	padding:0.1em 0em 0em 0em;
	color:#444;
}
.tl-activity-item .tl-activity-footer .tool-item {
	display: none;
	margin-right:0.7em;
}
.tl-activity-item.tl-activity-footer-always-visible .tl-activity-footer .tool-item {
	display: inline-block;
}
.tl-activity-item:hover .tl-activity-footer .tool-item {
	display: inline-block;
}
.tl-activity-in-popper .tl-activity-list {
	padding-bottom:0em;
}
.tl-activity-in-popper .tl-activity-list li.tl-activity-item:last-of-type {
	margin-bottom: 1em;
}


.tl-activity-week-view {
	position: relative;
}
.tl-activity-week-view .hour-label {
	position: relative;
	background: #FFFFFF;
	text-align: center;
	line-height: 1;

	border-right: 1px dotted #F1F2F3;
}
.tl-activity-week-view .tl-list-body .tl-list-row {
	border-bottom:none;
}
.tl-activity-week-view .tl-list-body .hour-events {
	position: relative;
	background: #FFFFFF;
	overflow: visible !important;
	border-right: 1px dotted #F1F2F3;
	border-bottom: 1px dotted #E1E2E3;
}
.tl-activity-week-view .tl-list-row:last-child .hour-events {
	border-bottom: none;
}
.tl-activity-week-view .hour-events.today {
	background: #fff3ef;
}
.tl-activity-week-view .tl-list-body .hour-label  .tl-list-cell,
.tl-activity-week-view .tl-list-body .hour-events .tl-list-cell{
	padding: 0em !important;
}
.tl-activity-week-view .event-cell {
	position: absolute;
	z-index: 1;
	left:0;
	right:0px;
	margin: 0px 0px 0px -1px;
	padding:4px 5px 4px 24px;
	box-sizing: border-box;
	overflow:hidden;
	line-height: 1em;

	background: rgba(50, 150, 220, 0.7);
	color: #FFF;
}
.tl-activity-week-view .event-cell .event-icon {
	position: absolute;
	left: 6px;
}
.tl-activity-week-view .event-cell.event-startday {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.tl-activity-week-view .event-cell.event-multidays {
	border-bottom-right-radius: 18px;
}
.tl-activity-week-view .event-cell.event-endday {
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
}
.tl-activity-week-view .event-cell.completed,
.tl-activity-week-view .event-cell.cancelled,
.tl-activity-week-view .event-cell.failed {
	color:#777 !important;
	background: rgba(224, 224, 224, 0.7) !important;
}

/*
.tl-activity-week-view .event-cell.during {
	background: rgba(34, 204, 51, 0.8) !important;
}
*/
.tl-activity-week-view .event-cell.candidate {
	background: rgba(42, 192, 200, 0.7)
}
.tl-activity-week-view .event-cell.candidate-meeting {
	background: rgba(203, 125, 0, 0.8)
}
.tl-activity-week-view .event-cell.job {
	background: rgba(140, 64, 170, 0.7)
}
.tl-activity-week-view .event-cell.contact {
	background: rgba(230, 94, 100, 0.7)
}
.tl-activity-week-view .stat-item {
	padding:1em 0em;
	position: relative;
	cursor: pointer;

	transition: all 0.1s ease-in-out;
}
.tl-activity-week-view .stat-item .stat-number {
	height: 28px;
	font-size: 18px;
	line-height: 18px;
}
.tl-activity-week-view .stat-item .stat-number i {
	opacity: 0.5;
	line-height: 14px;
	margin-right: 4px;
}
.tl-activity-week-view .stat-item:hover {
	color: #0A74BE;
}
.tl-activity-week-view .stat-item:hover .stat-number i {
	opacity: 1;
}
.tl-activity-week-view .stat-item:hover .txtgray {
	color: #0A74BE;
}
.tl-activity-in-calendar-view[x-placement^="right"] {
	margin-left:0px;
}
.tl-activity-in-calendar-view[x-placement^="left"] {
	margin-right:0px;
}


.tl-side-view {
    position:absolute;
    right:0px;
    top:0px;
    bottom:0px;
    width:80%;
    border-right:none;

    transition: right 0.3s ease-in-out;
}
.tl-side-view-bkgnd {
    position: absolute;
    z-index:0;
    left:-100vw;
    top:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.5);
    transition: background-color .3s ease-in-out;
}
.tl-side-view-inner {
    position: absolute;
    z-index: 1;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    background:#FFFFFF;

    box-shadow: -3px 1px 2px rgba(0,0,0,.2);
}
.tl-side-view-inner-body {
    position: relative;
    z-index:0;
    width:100%;
    height:100%;
    overflow: auto;
}


.rightview-list-details-panel .rightview-list-panel {
    position: relative;
    width: 480px;
    overflow: hidden;
}
.rightview-list-details-panel .rightview-details-panel {
    width: 916px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    max-width: calc(100vw - 560px);
    overflow: hidden;
}
.rightview-list-details-panel .rightview-details-panel.closed {
    width: 0px !important;
    max-width: 0px !important;
    opacity: 0;
    overflow:hidden;
}
@media only screen and (max-width : 1366px) {
.rightview-list-details-panel .rightview-list-panel {
        width: 430px;
}
.rightview-list-details-panel .rightview-details-panel {
        width: 830px;
        max-width: calc(100vw - 480px);
}
}
@media only screen and (max-width : 1280px) {
.rightview-list-details-panel .rightview-list-panel {
        width: 390px;
}
.rightview-list-details-panel .rightview-details-panel {
        width: 810px;
        max-width: calc(100vw - 450px);
}
}
@media only screen and (max-width : 1024px) {
.rightview-list-details-panel .rightview-list-panel {
        width: 360px;
}
.rightview-list-details-panel .rightview-details-panel {
        width: 620px;
        max-width: calc(100vw - 400px);
}
}
.rightview-list-wrapper {
    padding-top: 3em;
    overflow: hidden;
}
.rightview-list-wrapper .rightview-list-header {
    position: absolute;
    z-index:1;
    left:0;
    top:0;
    right:0;
    height:3em;
    padding:0em 1em;
}
.rightview-list-wrapper .rightview-list-header h4 {
    line-height:3em;
    padding-right:3em;
}
.rightview-list-wrapper .rightview-list-header .rightview-header-tools{
    position:absolute;
    right:1em;
    top:0.65em;
}
.rightview-list-wrapper .right-activity-list .tl-activity-list {
    padding:2em;
}
.rightview-list-wrapper .right-panel-resource-list li {
    margin-bottom:1em;
}


#app.with-header {
	height: 100%;
	padding-top: 3.25em;
	box-sizing: border-box;
}
#main-menu {
	z-index:5001;
	top:0;
	left:0;
	right:0;
	height:3.25em;
	background-color: #0073C6;

	transition: padding-left ease-in-out .3s, padding-right ease-in-out .3s;
}
#main-menu .tl-menu-link {
	padding:0.375em 1em;
	height:2.5em;
	line-height:2.5em;
}
#main-menu .user-avatar {
	width:2em;
	height:2em;
	line-height:2em;
	margin-right:0.6em;
	border-radius: 50%;
	vertical-align: middle;
}
#main-menu .tl-menu-submenu .tl-menu-link {
	padding:0.375em 1.25em;
	height:1.65em;
	line-height:1.65em;
	min-width: 7em;
}
#main-menu .tl-menu-searchbox {
	position: relative;
	cursor:default;
}
#main-menu .tl-menu-searchbox input {
	height: 2.25em;
	min-height: 2.25em;
	line-height: 2.25em;
}
.quick-search-item-group .tl-dropdown-option {
	padding-right: 1.5em;
}
.quick-search-item-right-text {
	display: block;
	margin-left:3em;
	max-width: 18em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.unread-msg-flag {
	position: absolute;
	z-index: 1;
	right: 0.5em;
	top: 0.8em;
	width: 0.75em;
	height: 0.75em;
	background: #F16A54;
	border-radius: 50%;
}
.header-msg-list>li {
	position: relative;
	padding: 0.75em 0.75em 1.5em 4.5em;
}
.header-msg-list>li.highlighted-msg {
	background: linear-gradient(8deg, rgba(50, 170, 255, 0.35), transparent 90px);
}
.header-msg-list>li .user-avatar {
	position: absolute;
	left: 0.75em;
	top: 0.75em;
	width: 2.8em;
	height: 2.8em;
	border-radius: 50%;
	vertical-align: middle;
}
.header-msg-list>li .msg-tools {
	position: absolute;
	left: 4.5em;
	bottom: 0em;
	display: none;
}
.header-msg-list>li:hover .msg-tools {
	display: block;
}
.header-msg-list>li .tl-activity-list {
	padding: 0em;
}
.header-msg-list>li .tl-activity-list .tl-activity-time-offset {
	display: none;
}


#initializing {
	position: fixed !important;
	z-index: 10000;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,0.0);
}


#signin-panel {
		position: fixed !important;
		z-index: 200;
		left:0;
		top:0;
		right:0;
		bottom:0;
		background:rgba(255,255,255,0.0);
}
#signin-panel .signin-form {
        background:rgba(255,255,255,0.5);
        border-radius:7px;
        padding:2em 3em 1em;
}
#signin-panel .bkimg {
        z-index:1;
        background-size: cover;
}


.object-side-view .tl-activity-panel {
    width:100%;
    height:100%;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 1em;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*

Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/
.hljs {
  color: #383a42;
  background: #fafafa
}
.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649
}
.hljs-literal {
  color: #0184bb
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #50a14f
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2
}
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #c18401
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
.hljs-link {
  text-decoration: underline
}

#help-box-bar {
	position: fixed;
	z-index: -1;
	right: 0px;
	top: 0px;
	height: 100vh;
	width: 520px;
	height:-webkit-fill-available;
	box-sizing: border-box;
	background: #45464a;

	border-left: 2px solid #45464a;
	border-right: 2px solid #45464a;
	box-shadow: -5px 0px 5px rgba(0, 0, 0, 0.4);

	transition: height 0.3s ease-in-out;
}
#help-box-bar .title-bar {
	position: relative;
	margin: 0em;
	padding: 11px 0.8em 11px 0.75em;

	color: #FFFFFF;
}
#help-box-bar .title-bar h4 {
	color: #FFFFFF
}
#help-box-bar .title-bar .tl-slide-switcher.tl-slide-switcher-on b {
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#help-box-bar .title-bar .tl-slide-switcher.tl-slide-switcher-on b i {
	color:#45464a;
}
#help-box-bar .title-bar .tl-slide-switcher.tl-slide-switcher-off b {
	border-top-color: #45464a;
	border-bottom-color: #45464a;
}
#help-box-bar .title-bar .tl-slide-switcher.tl-slide-switcher-off b i {
	color: #FFFFFF;
}
#help-box-bar .answer-panel,
#help-box-bar .input-panel  {
	border-radius: 6px;
	background: #e8e9ea;
	transition: opacity 0.6s ease-in-out;
}
#help-box-bar .input-panel {
	border-top: 1px solid #45464a;
	border-bottom: 8px solid #45464a;
}
#help-box-bar .input-panel .tl-textarea {
	border-radius: 6px;
}
#help-box-bar .answer-panel {
	border-bottom: 1px solid #45464a;
}
#help-box-bar .tl-resizer,
#help-box-bar .tl-resize-panel {
	background-color: #45464a;
}
#help-box-bar .help-msg-list li {
	position: relative;
	margin-bottom: 1.5em;
}
#help-box-bar .help-msg-list li .help-msg-sender-avatar {
	position: absolute;
	width: 36px;
	height: 36px;
	border-radius: 4px;
}
#help-box-bar .help-msg-list li .help-msg-content {
	position: relative;
	max-width: calc(100% - 108px);
	width: auto;
	border-radius: 4px;
	padding: 0.7em 1.2em;
}
#help-box-bar .help-msg-list li div.help-msg-content {
	white-space: wrap;
	word-wrap: break-word;
	word-break: break-all;
}
#help-box-bar .help-msg-list li .help-msg-content::after {
	position: absolute;
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	top: 12px;
	border-color: transparent;
	border-style: solid;
	border-width: 8px;
}
#help-box-bar .help-msg-list li.msg-layout-left .help-msg-sender-avatar  {
	left: 4px;
}
#help-box-bar .help-msg-list li.msg-layout-left .help-msg-content {
	float: left;
	left: 54px;
	border: 1px solid #F1F2F3;
	background: white;
	color: #333;
}
#help-box-bar .stop-generating-tools {
	position: absolute;
	z-index: 100;
	left: 3px;
	bottom: 3px;
	padding: 0.5em;
	background: white;
	border: 1px solid #F1F2F3;
}
#help-box-bar .help-msg-list li.msg-layout-left .help-msg-content::after {
	left: -8px;
	border-left-width: 0px;
	border-right-color: white;
}
#help-box-bar .help-msg-list li.msg-layout-right .help-msg-sender-avatar  {
	right: 4px;
}
#help-box-bar .help-msg-list li.msg-layout-right .help-msg-content {
	float: right;
	right: 54px;
	border: 1px solid rgb(229, 236, 252);
	background: rgb(229, 236, 252);
	color: #333;
}
#help-box-bar .help-msg-list li.msg-layout-right .help-msg-content::after {
	right: -8px;
	border-right-width: 0px;
	border-left-color: rgb(229, 236, 252);
}
#help-box-bar .send-button, 
#help-box-bar .send-key-switch {
	position:absolute;
	z-index: 1;
	bottom:1em;
	line-height:1;
	color:white;
	opacity: 0.7;
	transition: all .3 ease-in-out;
}
#help-box-bar .send-button:hover, 
#help-box-bar .send-key-switch:hover {
	opacity: 1;
}
#help-box-bar .send-button {
	padding: 0.5em;
	right: 1em;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
}
#help-box-bar .send-key-switch {
	right: 4em;
	height: 2.5em;
}
#help-box-bar .send-key-switch .tl-switch-bkgnd {
	background: #0A74BE;
}
#help-box-bar .send-key-switch .tl-switch-left-state {
	color: white;
}



.tl-avatar-editor .preview {
    position: relative;
    margin-bottom:20px;
    width: 128px;
    height: 128px;
    overflow: hidden;
}
.tl-avatar-editor .preview.circle {
    border-radius: 50%;
}


.role-details-panel .tl-checkbox,
.role-details-panel .auth-item-tips {
    width: 80%;
    max-width: 400px;
    padding: 0.25em 2.5em 0.25em 0.5em;
}
.role-details-panel .tl-checkbox .dummy-checkbox {
    right:0.5em;
}
.role-details-panel .tl-checkbox:hover {
    background: #F1F2F3;
}
.role-details-panel .popper-tips {
    width: 30em;
    white-space: normal;
}


.tl-textarea-shadow {
    position: absolute;
    z-index: -10000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow: hidden;
}
.tl-textarea-menu-anchor {
    position: absolute;
    z-index: 1;
    width:0px;
    height:0px;
    pointer-events: none;
    opacity: 0;
}
.tl-textarea-hotkey {
    display: inline-block;
    line-height: 1.5em;
    background: #0074a0;
    color: white;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    margin: -0.5em 0.5em -0.5em -1em;
    padding: 0.5em 0.5em;
}
.tl-textarea-avatar {
    display: inline-block;
    line-height: 2.5em;
    width: 2.5em;
    height: 2.5em;
    margin: 0 0.5em 0 -0.5em;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
}


.compensation-calculator {
    position:fixed;
    z-index:99999;
    right:0;
    bottom:0;
    width:750px;
    height:auto;

    padding:1.5em 2em 2em;
    box-shadow: -2px -2px 2px rgba(0,0,0,0.3);
}
@media only screen and (max-width : 1366px) {
.compensation-calculator {
        width: 650px;
}
}
.compensation-calculator .tl-icon-close {
    position:absolute;
    z-index:1;
    right:0.3em;
    top:0.2em;
}
.compensation-calculator .calc-table .tl-list-header .tl-list-cell {
    padding-right: 1em;
}
.compensation-calculator .calc-table .tl-list-row .tl-list-cell {
    padding:0em !important;
}
.compensation-calculator .calc-table .tl-input,
.compensation-calculator .calc-table .delete-wrapper{
    width:100%;
    height:100%;
    box-sizing: border-box;
    position: relative;
    border-width:0px;
}
.compensation-calculator .calc-table .tl-input.required {
    background-color: rgba(255, 0, 0, 0.2);
}
.compensation-calculator .calc-table .delete-wrapper {
    position:relative;
}
.compensation-calculator .calc-table .icon-delete {
    display:none;
    position:absolute;
    top:50%;
    margin-top:-1em;
    left:0em;
    width:2em;
    height:2em;
    text-align: center;
    line-height:2em;
}
.compensation-calculator .calc-table .tl-list-row:hover .delete-wrapper {
    padding-left:2em;
}
.compensation-calculator .calc-table .tl-list-row:hover .delete-wrapper .icon-delete {
    display: block;
}



.cdd-cvview .cv-basic-secion-panel,
.cdd-cvview .cv-basic-secion-panel .cv-section-body{
	padding:8px 17px 5px !important;
}
.cdd-cvview .cv-basic-secion-panel .basic-information-panel {
	position:relative;
	padding-left:130px;
	min-height:117px;
}
.cdd-cvview .cv-basic-secion-panel .basic-information-panel p {
	margin:0em;
}
.cdd-cvview  .cv-basic-secion-panel .cv-edit-panel-body {
    margin:-48px -34px 0em -34px; /* -56 = -36px[group] -6[cv-section-body] -6[basic-section-pannel] */
}
.cdd-cvview .cv-avatar {
	position:absolute;
	z-index: 1;
	left:0px;
	top:0px;
	width:112px;
	height:112px;
}
.cdd-cvview.size-large .cv-avatar {
	width:116px;
	height:116px;
}
.cdd-cvview .cv-avatar .avatar-uploader {
	z-index:5;
	border: none;
	background: transparent;
	opacity:0;
	transition: all ease-in-out .3s;
}
.cdd-cvview .cv-avatar:hover .avatar-uploader {
	opacity:1;
	background: rgba(0, 0, 0, 0.6);
}
.cdd-cvview .cv-avatar .avatar-uploader-icon,
.cdd-cvview .cv-avatar .avatar-viewer-icon {
	font-size: 20px;
	color: #AAA;
	line-height: 112px;
	text-align: center;
	background: transparent;
	transition: all ease-in-out .3s;
}
.cdd-cvview .cv-avatar:hover .avatar-uploader-icon,
.cdd-cvview .cv-avatar:hover .avatar-viewer-icon {
	font-size: 28px;
	color: #FFF;
}
.cdd-cvview .cv-avatar .avatar-viewer-icon {
	z-index:10;
	left:auto;
	top:auto;
	text-align:right;
	line-height:1;
}
.cdd-cvview .cv-avatar.cv-avatar-readony:hover .avatar-viewer-icon {
	background: rgba(0, 0, 0, 0.5);
}
.avatar-viewer {
	max-width:100%;
	max-height:45vh;
}
.screen-size-small .calc-trigger {
	position: absolute;
	top: 50%;
	left: 100%;
	width: 5em;
	margin-top: -1.25em;
}



.cv-compare-panel {
    position: relative;
}
.cv-compare-panel .cdd-cvview {
    max-width: 100%;
    width:100%;
    padding-bottom:0;
}
.cv-compare-panel .cdd-cvview .cv-avatar {
    position: relative;
    left: auto;
    top: auto;
}
.cv-compare-panel .cdd-cvview .tl-list-cell {
    padding:0.6em 1.5em !important;
}
.cv-compare-panel .cdd-cvview .tl-list-header .tl-list-cell {
    padding:0em 1.5em !important;
}
.cv-compare-panel .cdd-cvview .cv-section-panel {
    padding:1em !important;
    background: transparent;
}
.cv-compare-panel .cdd-cvview .cv-section-panel .cv-section-name {
    font-size: 1.2em;
    margin: 0em;
}
.cv-compare-panel .cdd-cvview .basic-info-panel p {
    line-height: 24px;
}
.cv-compare-panel .cdd-cvview .contacts-panel p {
    padding-left: 5.5em;
}
.cv-compare-panel .cdd-cvview .contacts-panel p .contact-type {
    display: inline-block;
    width: 5em;
    text-align: right;
    margin-left: -5.5em;
    margin-right:0.5em;
    font-weight: bold;
}
.cv-compare-panel .cdd-cvview .cv-section-item .cv-section-with-indent {
    position:relative;
    margin:0em;
    padding:0em;
    margin-bottom:1em;
    padding-left:2em;
}
.cv-compare-panel .cdd-cvview .cv-section-item .cv-section-with-indent dt {
    position:relative;
    top:auto;
    left:-2em;
    width: auto;
    text-overflow: ellipsis;
}
.cv-compare-panel .cdd-cvview .cv-section-item .cv-section-comments {
    position:relative;
    background: #FEFAE9;
    margin:0 0 0 -1em;
    padding:1em;
}
.cv-compare-panel .cdd-cvview .cv-section-item .cv-section-comments::after {
    content:"";
}
.cv-compare-panel .cdd-cvview .with-copy-icon {
    position: relative;
    border-bottom: dotted 1px transparent;
}
.cv-compare-panel .cdd-cvview .with-copy-icon .field-icon {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1.5em;
}
.cv-compare-panel .cdd-cvview .with-copy-icon:hover {
    border-bottom: dotted 1px #0A74BE;
}
.cv-compare-panel .cdd-cvview .with-copy-icon:hover .field-icon {
    display: inline-block;
}
.cv-compare-panel .cdd-cvview .cv-section-disallow-copy .with-copy-icon .field-icon {
    display: none !important;
}
.cv-compare-panel .cdd-cvview .with-copy-icon.with-copy-icon-left {
    padding-right: 2em;
}
.cv-compare-panel .cdd-cvview .with-copy-icon.with-copy-icon-left .field-icon {
    right: 0;
}
.cv-compare-panel .cdd-cvview .with-copy-icon.with-copy-icon-right {
    margin-left: -2em;
    padding-left: 2em;
}
.cv-compare-panel .cdd-cvview .with-copy-icon.with-copy-icon-right .field-icon {
    left: 0;
    transform: scaleX(-100%);
}



.cdd-cvview .contacts-panel p {
	padding-left: 8.5em;
}
.cdd-cvview .contacts-panel p .contact-type {
	display: inline-block;
	width: 8em;
	text-align: right;
	margin-left: -8.5em;
	margin-right:0.5em;
	font-weight: bold;
}
.cdd-cvview .contacts-panel p .contact-text {
	display: inline-block;
	width: 100%;
	vertical-align:top;
}
.cdd-cvview .contacts-panel p i.call-icon {
	margin-left: 0.5em;
	display:none;
}
.cdd-cvview .contacts-panel p:hover i.call-icon{
	display:inline;
}



.animation-moving-cdd-to-category {
    position:absolute;
    z-index:9999;
    box-sizing: border-box;
    border:1px solid #444;
    transition: all 0.3s ease-in-out;
}
.search-cdd-box {
    border-color: transparent;
    border-right-color: #d8dce5;
    width:20em;
    transition: width .3s ease-in-out ;
}
.search-cdd-box.focusing {
    border-color: #0A74BE;
}
.cdd-list-in-job .tl-list-header .tl-list-cell .tl-sortcaret {
    display:none;
}
.cdd-list-in-job .tl-list-header .tl-list-cell .tl-sortcaret.selected,
.cdd-list-in-job .tl-list-header .tl-list-cell:hover .tl-sortcaret {
    display: inline;
}
.cdd-list-in-job .tl-list-row .tool-icon {
    display: none;
}
.cdd-list-in-job .tl-list-row:hover .tool-icon {
    display: inline;
}
.cdd-list-in-job .no-ellipsis .tl-list-cell-ellipsis {
    overflow:visible !important;
    text-overflow:initial !important;
}
.cdd-list-in-job .cdd-avatar {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top:-1.25em;
    width: 2.5em;
    height: 2.5em;
}
.cdd-list-in-job .cdd-name-info {
    position:relative;
}
.cdd-list-in-job .with-menu-icon .icon {
    visibility: hidden;
    margin:-0.5em;
    padding:0.5em;
}
.cdd-list-in-job .with-menu-icon:hover .icon {
    visibility: visible;
}
.cdd-list-in-job .cdd-name-info .tool-icon {
    position: absolute;
    right: 0em;
    top: 50%;
    margin-top: -0.5em;
}
.cdd-list-in-job .job-milestone {
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 1;
    border-radius: 50%;
    text-align: center;
    background: #CCC;
    font-size: 10px;
}
.cdd-list-in-job .job-milestone.passed {
    background: #2ea7fb !important;
    color: #FFFFFF;
}
.cdd-list-in-job .job-milestone.failed {
    background: crimson !important;
    color: white;
}
.cdd-recommend-level {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    padding: 0.2em;
    line-height: 1em;
    vertical-align: middle;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
}
.cdd-recommend-level.level-1 {
    background: rgba(255, 128, 128, 1.0);
}
.cdd-recommend-level.level-2 {
    background: rgba(255, 128, 128, 0.6);
}
.cdd-recommend-level.level-3 {
    background: rgba(255, 128, 128, 0.2);
}
.cdd-list-filter-popper {
    padding:0.5em 0em;
    background: white;
}
.cdd-list-filter-popper .tl-popper-scrollable {
    margin: -0.5em 0em;
    padding: 0.5em 0em;
}
.cdd-activity-list-in-job-wrapper {
    padding:0em !important;
}
.cdd-activity-list-in-job {
    max-height: 40vh;
    overflow-y: auto;
    padding: 1em;
}
.cdd-activity-list-in-job li {
    padding-left: 1.5em;
    border-bottom: 1px dotted #f1f2f3;
    margin-bottom: 1.5em;
}
.cdd-activity-list-in-job li:last-of-type {
    border-bottom: none;
}
.cdd-activity-list-in-job li .first-line {
    margin-left: -1.5em;
}
.cdd-activity-list-in-job li .first-line i {
    width:1em;
    margin-right:0.5em;
}
.job-cdd-quick-menu {
    padding:5px 0px;
    min-width: 10em;
}


.cdd-list-from-miniapp .cdd-avatar {
    position: absolute;
    left: 0em;
    top: 50%;
    margin-top:-1em;
    width: 2em;
    height: 2em;
}
.cdd-list-from-miniapp .cdd-name {
    position: relative;
    padding-left: 2.75em;
}


.org-chart-graph svg .link {
    cursor:default;
}
.org-chart-graph svg .node {
    cursor:pointer;
}
.org-chart-graph svg .node:hover .link-to-parent-arrow {
    display: block !important;
    cursor: pointer;
}
.org-chart-graph svg.with-floating-link .node:hover .link-to-parent-arrow {
    display: none !important;
}
.org-chart-graph svg .node .node-content:hover .node-outline {
    filter:url(#shadow);
}
.org-chart-graph svg .node .node-content .node-tools {
    opacity: 0;
    scale: 1 0;
    transition: all ease-in-out .3s;
}
.org-chart-graph svg .node .node-content:hover .node-tools {
    opacity: 1;
    scale: 1 1;
}
.org-chart-graph svg .node.floating-node .node-content .node-tools {
    display: none !important;
}
.org-chart-graph .graph-timeline-outer {
    position: absolute;
    left: 50%;
    bottom: 4em;
    height: 0;
    width: 960px;
    max-width: calc(100% - 18em);
    transform: translateX(-50%);
}
.org-chart-graph .graph-timeline {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    padding: 2em 1em;
    transform: translateY(-50%);
    cursor: pointer;

    user-select: none;
}
.org-chart-graph .graph-timeline-inner {
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    border-bottom: 1px solid #d8dce5;
    cursor: pointer;
}
.org-chart-graph .graph-timeline-prefix,
.org-chart-graph .graph-timeline-suffix {
    position: absolute;
    top:50%;
    margin-top:-0.5em;
    height:1em;
    line-height:1em;
}
.org-chart-graph .graph-timeline-prefix {
    left:-1.5em;
    transform:translateX(-100%);
}
.org-chart-graph .graph-timeline-suffix {
    right:-1.5em;
    transform:translateX(100%);
}
.org-chart-graph .graph-timeduration {
    position: absolute;
    top: 0em;
    left: 0;
    height: 1em;
    margin: -0.5em 0;
    border-radius: 0.5em;
}
.org-chart-graph .graph-timeduration:hover {
    background: rgba(224, 226, 228, 0.7);
}
.org-chart-graph .graph-timeduration.at-present {
    background: rgba(224, 226, 228, 0.7);
}
.org-chart-graph .graph-timeduration.graph-timeduration-fixed {
    background: rgba(10, 116, 191, 0.2);
    pointer-events:none;
}
.org-chart-graph .graph-timepoint {
    position: absolute;
    top: 0;
    left: 0;
}

/* .org-chart-graph .graph-timepoint.graph-timepoint-fixed, */
.org-chart-graph .graph-timepoint.graph-timepoint-float {
    pointer-events:none;
}
.org-chart-graph .graph-timeline .graph-timepoint-float {
    display: none;
}
.org-chart-graph .graph-timeline:hover .graph-timepoint-float {
    display: block;
}
.org-chart-graph .graph-timepoint .graph-timepoint-dot,
.org-chart-graph .graph-timepoint .graph-timepoint-text {
    position: absolute;
    left: 0;
}
.org-chart-graph .graph-timepoint .graph-timepoint-dot {
    top: 0;
    margin: -0.5em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
}
.org-chart-graph .graph-timepoint .graph-timepoint-text {
    top: 1em;
    left: 0;
    transform: translateX(-50%);
    min-width: 2em;
}
.org-chart-graph .graph-timepoint.graph-timepoint-float .graph-timepoint-dot {
    width:0.8em;
    height:0.8em;
    margin:-0.4em;
    background: rgba(168, 168, 168, 0.75);
}
.org-chart-graph .graph-timepoint.graph-timepoint-fixed .graph-timepoint-dot {
    background: #0A74BE;
}
.org-chart-node-details-popper {
    padding:0.5em 0 !important;
}
.org-chart-node-details-popper .purple-check-box .dummy-checkbox.checked:before,
.org-chart-node-details-popper .purple-check-box .dummy-checkbox.indeterminate:before {
    background: #800080;
    border-color: #800080;
}
.org-chart-node-details-popper .purple-check-box .dummy-checkbox:hover:before {
    border-color: #800080;
}
.org-chart-employee-list-fade-out {
    animation: 0.3s employee-list-fade-out forwards;
}
@keyframes employee-list-fade-out {
0% {
        opacity: 1;
}
100% {
        opacity: 0;
        pointer-events: none;
        z-index: -1;
}
}
.org-chart-employee-list-view .employee-info {
    position: relative;
    padding-left: 44px;
}
.org-chart-employee-list-view .employee-info .avatar {
    position: absolute;
    left: 0px;
    top: 2px;
    width: 34px;
    height: 34px;
    border-radius: 3px;
}
.org-chart-employee-item-wrapper {
    padding-top:3px;
    background: #FF7700;
    box-shadow: 4px 4px 4px rgba(255, 120, 0, 0.2);
    cursor:grab;
}
.org-chart-employee-item-wrapper .org-chart-employee-item {
    border: 1px solid #FF7700;
    background: rgb(255, 242, 234);
}
.org-chart-employee-item {
    position: relative;
    padding: 0.25em 0 0.25em 54px !important;
    line-height: 1.5em !important;
    min-height: 3em;
}
.org-chart-employee-item .avatar {
    position: absolute;

    left: 8px;
    top: 50%;
    margin-top:-16px;
    width: 32px;
    height: 32px;
}
.org-chart-employee-item .org-linked-flag {
    position: absolute;

    left: 34px;
    top: 50%;
    margin-top:-16px;
    width: 12px;
    height: 12px;
}
.org-chart-employee-item .org-chart-employee-item-tips {
    display: none;
}
.org-chart-employee-item:hover .org-chart-employee-item-tips {
    display: inline-block;
}
.org-chart-code {
    background: transparent;
}
.selecting-work-exp-item {
    position: relative;
    padding: 1em 1.5em 1em 3em;
    cursor: pointer;
}
.selecting-work-exp-item:hover {
    background: #F1F2F3;
}
.orgchart-snapshot-slash {
    position: relative;
}
.orgchart-snapshot-slash::after {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: " ";
    visibility: visible !important;
    height: 100% !important;
    background-image: linear-gradient(-45deg, transparent 40%, rgba(128,129,130,0.2) 40%, rgba(128,129,130,0.2) 50%, transparent 50%, transparent 90%, rgba(128,129,130,0.2) 90%, rgba(128,129,130,0.2));
    background-size: 8px 8px;
    pointer-events: none;
}
.orgchart-employee-deleted {
    position: relative;
    text-decoration: line-through;
}
.orgchart-employee-new {
    position: relative;
}
.orgchart-employee-deleted::after,
.orgchart-employee-new::after {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: " ";
    pointer-events: none;
}
.orgchart-employee-deleted::after {
    background-color: rgba(192, 0, 0, 0.15);
}
.orgchart-employee-new::after {
    background-color: rgba(0, 192, 0, 0.15);
}



.org-chart-ad-page .ad-page-wrapper {
    height:100%;
    padding:4em 6em;
}
.org-chart-ad-page .ad-page-inner {
    height: 100%;
    align-items: center; 
    justify-content: center;
}
.org-chart-ad-page .ad-page-inner img {
    max-width:100%;
    max-height:100%;
}
.org-chart-ad-page .tl-carousel-arrow {
    font-size:2.5em;
}



.company-to-link-list {
	list-style: decimal;
	padding-left: 3em;
}
.company-to-link-list li {
	padding: 0.5em;
	cursor: pointer;
}
.company-to-link-list li:hover {
	background: #F1F2F3;
}
.company-to-link-list li .to-link {
	display: none;
}
.company-to-link-list li:hover .to-link {
	display: inline-block;
}


.expoutline-section-panel .exp-item {
    margin-bottom: 1em;
    cursor: pointer;
}
.expoutline-section-panel .exp-item:hover {
    margin: -1em -0em 0em -2.5em;
    padding: 1em 0em 1em 2.5em;
    background: #E1E2E3;
}
.expoutline-section-panel .missing-exp-item {
    cursor: default;
    color: #FF7700;
}
.expoutline-section-panel .missing-exp-item:hover {
    background: transparent;
}
.expoutline-section-panel .missing-exp-item .txtgray {
    color: #FF7700 !important;
}


.cv-import-panel .tl-input,
    .cv-import-panel .tl-select,
    .cv-import-panel .group-wrapper,
    .cv-import-panel .tl-codes-select {
        width: calc(100% - 110px);
}
.cv-import-panel .group-wrapper .tl-input,
    .cv-import-panel .group-wrapper .tl-select{
        width:100%;
}
.cv-import-panel .cdd-cvview {
        padding:2em 0em;
}
.cv-import-details-panel .cdd-attachment {
		position:relative;
		padding-top:3.5em;
		width:100%;
		height:100%;
}
.cv-import-details-panel .cdd-attachment .cdd-attachment-toolbar {
		position:absolute;
		z-index:1;
		top:0em;
		left:0em;
		right:0em;
		height:1.5em;
		padding:1em;
}
.cv-import-details-panel .cdd-attachment .cdd-attachment-preview {
		display: block;
		border: 0px;
		width: 100%;
		height: 100%;
}



.cdd-mapping-graph svg .org-link {
    cursor:default;
}
.cdd-mapping-graph svg .org-node {
    cursor:pointer;
}
.cdd-mapping-graph svg .org-node .org-node-text {
    text-anchor: start;
    dominant-baseline: middle;
    font-size: 0.9em;
    fill: #888;
    font-weight: bold;
}
.cdd-mapping-graph svg .org-node .org-node-comment {
    text-anchor: start;
    dominant-baseline: middle;
    font-size: 0.8em;
    fill: #999;
}
.cdd-mapping-graph svg .org-node .org-node-tools {
    visibility: hidden;
    font-size: 0.75em;
    fill: #0A74BE;
    text-anchor: end;
    dominant-baseline: middle;
}
.cdd-mapping-graph svg .org-node:hover .org-node-tools {
    visibility: visible;
}
.cdd-mapping-graph svg .org-node:hover .org-node-outline {
    stroke: #0A74AE !important;
    stroke-width: 1 !important;
}
.cdd-mapping-graph svg .cdd-node,
.cdd-mapping-graph svg .cdd-relation {
    cursor:pointer;
}
.cdd-mapping-graph svg .cdd-relation:hover {
    filter:url(#shadow);
}
.cdd-mapping-graph svg .cdd-relation:hover path {
    stroke: #0A74AE !important;
}
.cdd-mapping-graph svg .cdd-relation:hover .cdd-relation-text {
    fill: #0A74AE !important;
}
.cdd-mapping-cdd-item {
    padding: 0.25em 0 0.25em 54px !important;
    line-height: 1.5em !important;
}
.cdd-mapping-cdd-item .avatar {
    position: absolute;

    left: 8px;
    top: 50%;
    margin-top:-18px;
    width: 32px;
    height: 32px;
}
.selecting-work-exp-item {
    position: relative;
    padding: 1em 1.5em 1em 3em;
    cursor: pointer;
}
.selecting-work-exp-item:hover {
    background: #F1F2F3;
}
.selected-work-exp-item {
    background: rgba(50, 170, 255, 0.35);
}
.selecting-org-node-panel .tl-edit-form-title h2 {
    font-size: 1.2em;
    margin-top: 0.2em;
}



.cdd-mapping-ad-page .ad-page-wrapper {
    height:100%;
    padding:4em 6em;
}
.cdd-mapping-ad-page .ad-page-inner {
    height: 100%;
    align-items: center; 
    justify-content: center;
}
.cdd-mapping-ad-page .ad-page-inner img {
    max-width:100%;
    max-height:100%;
}
.cdd-mapping-ad-page .tl-carousel-arrow {
    font-size:2.5em;
}



.job-details-panel {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
}
.job-details-panel .job-title-panel {
        position: relative;
        padding:1em 1em 0.5em 1.5em;
}
.progress-tabpanel {
        width:100%;
        height:100%;
        overflow: hidden;
}
.progress-tabpanel .progress-items {
        padding:0.6em 0.6em 0;
}
.progress-tabpanel .progress-items li {
        position: relative;
        background: #D4D5D6;
        padding:0.3em 0.3em 0.3em 0.9em;
        margin-right:1px;
        height:1.4em;
}
.progress-tabpanel .progress-items li:before,
    .progress-tabpanel .progress-items li:after {
        position: absolute;
        z-index:2;
        content: ' ';
        right:-0.5em;
        top:0;
        bottom:0;
        border-left:0.5em solid #D4D5D6;
        border-top:1em solid transparent;
        border-bottom:1em solid transparent;
}
.progress-tabpanel .progress-items li:after {
        z-index:1;
        right:-0.7em;
        top:-0.15em;
        bottom:-0.15em;
        border-left:0.7em solid #FFFFFF;
        border-top:1.1em solid transparent;
        border-bottom:1.1em solid transparent;
}
.progress-tabpanel .progress-items li.link {
        background: transparent;
        padding-left: 0.55em;
        padding-right: 0.55em;
}
.progress-tabpanel .progress-items li.link:before,
    .progress-tabpanel .progress-items li.link:after {
        display:none;
}
.progress-tabpanel .progress-items li.current-progress {
        background: #0A74BE;
        color: #FFFFFF !important;
}
.progress-tabpanel .progress-items li.current-progress:before {
        border-left-color: #0A74BE;
}
.progress-tabpanel .progress-items li.empty {
        color:#777;
}
.job-details-panel .matched-cdd-tabpanel .cdd-search-panel {
        position:absolute;
        z-index:1;
        left:0;
        top:0;
        width:100%;
        max-width:560px;
}
.job-details-panel .matched-cdd-tabpanel .cdd-search-panel .search-panel-form {
        width: auto;
}
.job-details-panel .matched-cdd-tabpanel .cdd-search-panel .search-context {
        padding-right:5em;
}
.job-details-panel .matched-cdd-list .tl-list-column:first-child .tl-list-cell {
        padding-left:1em;
}
.job-details-panel .job-summary-view {
		position: relative;
		width: 600px;
		min-width:70%;
		max-width:100%;
}
.job-details-panel .job-summary-view .job-attr-column {
        width:49%;
}
.job-details-panel .job-summary-view .tl-code {
        margin-bottom: 0em;
        margin-right:0.5em;
}
.job-details-panel .job-summary-view .user-avatar {
		vertical-align: middle;
		width:1.5em;
		height:1.5em;
		margin-right:0.6em;
		border-radius: 50%;
}
.job-details-panel .attachment-list li {
        position:relative;
        padding-left: 3.25em;
        margin-bottom: 1.25em;
}
.job-details-panel .attachment-list li img {
        position:absolute;
        top:0px;
        left:0px;
        width:2em;
        height:2em;
}
.attachment-list-menu img{
		width:1em;
}
.job-right-panel {
        max-width: 45em !important;
}
.job-details-panel .details-right-panel.details-right-panel-toggle-state.details-right-panel-open {
        width: 34em;
}
.job-details-panel.screen-size-small .details-right-panel.details-right-panel-open {
        width: 34em;
}
.job-right-panel .progress-summary {
        margin: 0em -1em -1em;
        padding:0em 1em;
}
.job-right-panel .progress-summary li {
        position:relative;
        float:left;
        text-align:center;
        width:16.66%;
}
.adding-company-to-job-panel {
        height:100%;
        padding-top:100px;
}
.adding-company-to-job-panel .tl-edit-form-title {
        position: absolute;
        left:0;
        right:0;
        top:0;
        height:100px;
}
.adding-company-to-job-panel .company-list {
        min-height: calc(100% - 7em);
}
.adding-company-to-job-panel .company-list li {
        padding:1em 1em 1em 0.5em;
        border-bottom:1px solid #e8e9ea;
}
.adding-company-to-job-panel .company-list li:last-of-type {
        border-bottom:none;
}
.adding-company-to-job-panel .company-list li .company-tools {
        float: right;
        display:none;
}
.adding-company-to-job-panel .company-list li:hover .company-tools {
        display:inline-block;
}



.button-group-panel {
		padding: 1.5em 2em;
		background: #E1E2E3;
}
.express-content .edit-content {
		display:none;
}
.express-content:hover .edit-content {
		display: inline-block;
}
.invoice-details-panel .attachment-list li {
		position:relative;
		padding-left: 3.25em;
        margin-bottom: 1.25em;
}
.invoice-details-panel .attachment-list li img {
		position:absolute;
		top:0px;
        left:0px;
        width:2em;
        height:2em;
}