@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 {
  -moz-box-sizing: content-box;
  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 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  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 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  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;
}

/*
---- 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, body {
  font-family: "Microsoft Yahei", sans-serif;
  /* 1 */
  box-sizing: border-box;
}

html {
  font-size: 75%;
  /* rem=12px */
}

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

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;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  appearance: none;
  -moz-appearance: none;
  -webkit-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;
  -moz-box-sizing: border-box;
  -webkit-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;
}

.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;
}

.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);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}

.glowbox {
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -webkit-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: #f1f2f5;
}

.lightgraybkgnd {
  background: #f8f9fa;
}

.yellowbkgnd {
  background: #FFEE00;
}

.redbkgnd {
  background: #FA5555;
}

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

.mask {
  z-index: -1;
}

.opacity0 {
  opacity: 0;
}

.opacity10 {
  opacity: 0.1;
}

.opacity20 {
  opacity: 0.2;
}

.opacity30 {
  opacity: 0.3;
}

.opacity40 {
  opacity: 0.4;
}

.opacity50 {
  opacity: 0.5;
}

.opacity60 {
  opacity: 0.6;
}

.opacity70 {
  opacity: 0.7;
}

.opacity80 {
  opacity: 0.8;
}

.opacity90 {
  opacity: 0.9;
}

/* 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 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 */
@font-face {
  font-family: "tl-icons";
  src: url(data:font/woff;base64,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) format("woff"), url(/iframe/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: #b6d5ec;
  background-color: #e7f1f9;
}
.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: #0968ab;
  border-color: #0968ab;
}
.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: #3b90cb;
  background-color: #3b90cb;
}
.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: #0968ab;
  background-color: #0968ab;
  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: #85badf;
  background-color: #85badf;
}
.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: #85ce61;
  background-color: #85ce61;
}
.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: #5daf34;
  background-color: #5daf34;
  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: #b3e19d;
  background-color: #b3e19d;
}
.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: #efb137;
  background-color: #efb137;
}
.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: #d48e05;
  background-color: #d48e05;
  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: #f5cf82;
  background-color: #f5cf82;
}
.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: #e14d4d;
  background-color: #e14d4d;
  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: #fdaaaa;
  background-color: #fdaaaa;
}
.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: #6c717a;
  background-color: #6c717a;
}
.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: #404550;
  background-color: #404550;
  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: #7b7e85;
  background-color: rgba(255, 255, 255, 0.2);
}
.tl-button.tl-button-ghost:focus:before {
  border-color: #7b7e85;
}
.tl-button.tl-button-ghost:active, .tl-button.tl-button-ghost[active] {
  color: #5a5e66;
  border-color: #51555c;
  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: #adafb3;
  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: #4a6278;
  border-color: #4a6278;
  background-color: rgba(10, 116, 190, 0.2);
}
.tl-button.tl-button-ghost:focus:before {
  border-color: #4a6278;
}
.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: #3b90cb;
  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: #3b90cb;
}
.tl-button.tl-button-text:active, .tl-button.tl-button-link:active {
  color: #0968ab;
  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: #f1f2f5;
}
.tl-checkbox.readonly .dummy-checkbox.checked:before {
  background: #f1f2f5;
  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: #f1f2f5;
  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: #f8f9fa;
  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: #f8f9fa;
}
.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: #f1f2f5;
}
.tl-tree .tl-tree-node-item.highlight {
  background: #badcfa;
}
.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: #badcfa;
}

/*csslint adjoining-classes: false, box-model:false*/
.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: #f1f2f5;
  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: #f1f2f5;
  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: #f1f2f5;
  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: #3b90cb;
  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: #badcfa;
}
.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: #badcfa;
}
.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: #3b90cb;
}
.tl-sortcaret.tl-descending i.descending {
  border-top-color: #3b90cb;
}

.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: floralwhite;
  border-color: #d9d5cc;
  color: #2d2f33;
}
.tl-tooltip-popper.light[x-placement^=top] .popper-arrow {
  border-top-color: #d9d5cc;
}
.tl-tooltip-popper.light[x-placement^=top] .popper-arrow::after {
  border-top-color: floralwhite;
}
.tl-tooltip-popper.light[x-placement^=bottom] .popper-arrow {
  border-bottom-color: #d9d5cc;
}
.tl-tooltip-popper.light[x-placement^=bottom] .popper-arrow::after {
  border-bottom-color: floralwhite;
}
.tl-tooltip-popper.light[x-placement^=left] .popper-arrow {
  border-left-color: #d9d5cc;
}
.tl-tooltip-popper.light[x-placement^=left] .popper-arrow::after {
  border-left-color: floralwhite;
}
.tl-tooltip-popper.light[x-placement^=right] .popper-arrow {
  border-right-color: #d9d5cc;
}
.tl-tooltip-popper.light[x-placement^=right] .popper-arrow::after {
  border-right-color: floralwhite;
}
.tl-tooltip-popper.gray {
  background: #f8f9fa;
  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: #f8f9fa;
}
.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: #f8f9fa;
}
.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: #f8f9fa;
}
.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: #f8f9fa;
}

.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: #f1f2f5;
  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: #85badf;
  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: #f8f9fa;
}
.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: #c8c8c8;
  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: #f1f2f5;
}
.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: 40px;
}
.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: #0a74be;
  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: #c8c8c8;
  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: #c8c8c8;
  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: #6e737c;
}
.tl-radio + .tl-radio {
  margin-left: 2.5em;
}

.tl-progress {
  position: relative;
  background: #f8f9fa;
}
.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: #f0f1f2;
}
.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: #c8c8c8;
  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: #f1f2f5;
}
.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: #fb6666;
}

.tl-validate-success, .tl-validate-success.focusing, .tl-validate-success:focus, .tl-validate-success:hover {
  border-color: #76c84e;
}

.tl-validate-warning, .tl-validate-warning.focusing, .tl-validate-warning:focus, .tl-validate-warning:hover {
  border-color: #eda81e;
}
.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: #85badf;
}
.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: #e7f1f9;
}
.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: #85badf;
}
.tl-calendar .tl-calendar-days table tbody tr td.inRange .day {
  background-color: #e7f1f9;
}
.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: #e7f1f9;
}
.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: #85badf;
}
.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: #ededee;
  border-color: #dadbde;
}
.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: #f0f9eb;
  border-color: #e1f3d8;
}
.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: oldlace;
  border-color: #fbeccd;
}
.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: #ffeeee;
  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::after,
.tl-select-disabled .tl-placeholder-as-label::after,
.tl-textarea-disabled .tl-placeholder-as-label::after,
.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 black;
  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: #dadbde;
}
.tl-audio-player .tl-audio-track .tl-audio-played {
  position: absolute;
  left: 0;
  top: 0px;
  bottom: 0px;
  background: #3b90cb;
  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: #6e737c;
  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;
}

body {
  line-height: 1.5;
}

body.web-mode {
  background: #F1F2F3;
}

.top-banner {
  position: relative;
  height: 30vh;
  min-height: 15em;
  background-size: cover;
  background-repeat: no-repeat;
}
.top-banner .top-banner-mask {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 70%, #000 100%);
  opacity: 0.6;
}
.top-banner .top-home-icon {
  position: absolute;
  z-index: 100;
  right: 0.5em;
  bottom: 0.7em;
  font-size: 2em;
  color: white;
  text-shadow: 3px 3px rgba(0, 0, 0, 0.4);
}
.top-banner .top-avatar {
  position: absolute;
  z-index: 100;
  left: 1em;
  bottom: 1em;
  width: 4em;
  height: 4em;
  background-repeat: no-repeat;
  background-size: contain;
}
.web-mode .top-banner .top-avatar {
  left: 2.5em;
}

.top-banner .top-avatar.user-avatar {
  box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.8);
}
.top-banner .top-name {
  position: absolute;
  z-index: 100;
  left: 6em;
  bottom: 0.5em;
  right: 3em;
}
.web-mode .top-banner .top-name {
  left: 8em;
}

.top-banner .top-spec {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}

.consultant-banner {
  padding: 0em 0em 2em 5em;
}
.web-mode .consultant-banner {
  padding: 0em 2em 2em 7em;
  left: 3.25em;
}

.consultant-banner .user-avatar {
  position: absolute;
  left: 1.25em;
  top: 0em;
  bottom: auto;
  width: 3em;
  height: 3em;
}

.main-frame {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
  min-width: 640px;
}
.mobile-mode .main-frame {
  background: #FFFFFF;
  width: 100%;
  min-width: 0;
  max-width: auto;
}

.details-panel {
  display: flex;
}
.iframe-mode .details-panel {
  flex-direction: column !important;
  padding-bottom: 1em;
}

.web-mode .details-panel {
  flex-direction: row;
  gap: 2em;
}

.mobile-mode .details-panel {
  flex-direction: column;
  padding: 1em;
}

.details-panel .details-body {
  flex: auto;
}
.web-mode .details-panel .details-body {
  background: white;
  padding: 2em 2em 5em;
}

.details-panel .details-tools {
  flex: none;
}
.web-mode .details-panel .details-tools {
  width: 30%;
  min-width: 250px;
}

.iframe-mode .details-panel .hh-panel {
  margin-top: 3em;
}

.mobile-mode .details-panel .hh-panel {
  margin-top: 3em;
}

.web-mode .details-panel .hh-panel {
  background: white;
  padding: 2em;
}

.iframe-mode .details-panel .apply-panel {
  padding: 3em 0em 3em;
}

.mobile-mode .details-panel .apply-panel {
  padding: 3em 0em 3em;
}

.web-mode .details-panel .apply-panel {
  position: sticky;
  top: 80px;
  background: white;
  padding: 2em;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/iframe/assets/img/MaterialIcons-Regular.8c998b4.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(/iframe/assets/img/MaterialIcons-Regular.a87d66c.woff2) format('woff2'),
       url(/iframe/assets/img/MaterialIcons-Regular.c4a1bae.woff) format('woff'),
       url(/iframe/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-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"
}

#app {
	padding-top: 60px;
	box-sizing: border-box;
}
.iframe-mode #app,
.mobile-mode #app {
	padding-top: 0px;
}
#header {
	position: fixed;
	z-index:5001;
	top:0;
	left:0;
	right:0;
	height:60px;
	font-size:14px;
	background-color: #0073C6;
}
#header .tl-menu-link {
	padding:14px 12px;
	height:32px;
	line-height:32px;
}
#header .user-avatar {
	width:24px;
	height:24px;
	line-height:24px;
	margin-right:8px;
	border-radius: 50%;
	vertical-align: middle;
}
#header .tl-menu-submenu .tl-menu-link {
	padding:4px 16px;
	height:21px;
	line-height:21px;
	min-width: 7em;
}