*, :after, :before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body, html {
    width: 100%;
    height: 100%}
body {
    font-family: NunitoSans !important;
}
th {
    font-weight: 400;
    text-align: left;
}
.thf-color-primary-light-95 {
    background-color: #f3fafc;
}
.thf-color-primary-light-80 {
    background-color: #ceeaf2;
}
.thf-color-primary-alpha-50 {
    background-color: rgba(12, 154, 190, .5);
}
.thf-color-primary {
    background-color: #0c9abe;
}
.thf-color-primary-dark-20 {
    background-color: #097b98;
}
.thf-color-primary-dark-40 {
    background-color: #075c72;
}
.thf-color-secondary {
    background-color: #0d729c;
}
.thf-color-secondary-dark-60-alpha-70 {
    background-color: rgba(5, 45, 62, .7);
}
.thf-color-secondary-dark-60 {
    background-color: #052d3e;
}
.thf-color-tertiary-light-90 {
    background-color: #eaf7f9;
}
.thf-color-tertiary {
    background-color: #29b6c5;
}
.thf-color-white {
    background-color: #fff;
}
.thf-color-neutral-light-98 {
    background-color: #fbfbfb;
}
.thf-color-neutral-light-90 {
    background-color: #eceeee;
}
.thf-color-neutral-light-80 {
    background-color: #dadedf;
}
.thf-color-neutral-light-60 {
    background-color: #b6bdbf;
}
.thf-color-neutral-light-40 {
    background-color: #9da7a9;
}
.thf-color-neutral-alpha-45 {
    background-color: rgba(74, 92, 96, .45);
}
.thf-color-neutral {
    background-color: #4a5c60;
}
.thf-color-neutral-dark-40 {
    background-color: #2c3739;
}
.thf-color-neutral-dark-60 {
    background-color: #1d2426;
}
.thf-color-black-alpha-10 {
    background-color: rgba(0, 0, 0, .1);
}
.thf-color-black-alpha-15 {
    background-color: rgba(0, 0, 0, .15);
}
.thf-color-black-alpha-30 {
    background-color: rgba(0, 0, 0, .3);
}
.thf-color-black {
    background-color: #000;
}
.thf-color-success {
    background-color: #00b28e;
}
.thf-color-warning {
    background-color: #ea9b3e;
}
.thf-color-danger {
    background-color: #c64840;
}
.thf-color-transparent {
    background-color: transparent;
}
@font-face {
    font-family: NunitoSans;
    src: url(../fonts/Nunito_Sans/NunitoSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: NunitoSans-Bold;
    src: url(../fonts/Nunito_Sans/NunitoSans-Bold.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: NunitoSans-ExtraLight;
    src: url(../fonts/Nunito_Sans/NunitoSans-ExtraLight.ttf);
    font-weight: 400;
    font-style: normal;
}
.thf-font-display {
    font-family: NunitoSans-ExtraLight;
    font-size: 50px;
    line-height: 64px;
}
.thf-font-title {
    font-family: NunitoSans-ExtraLight;
    font-size: 34px;
    line-height: 48px;
}
.thf-font-subtitle {
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 32px;
}
.thf-font-text-large {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
}
.thf-font-text-large-bold {
    font-family: NunitoSans-Bold;
    font-size: 16px;
    line-height: 24px;
}
.thf-font-text {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
}
.thf-font-text-bold, .thf-font-text-uppercase {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
}
.thf-font-text-uppercase {
    text-transform: uppercase;
}
.thf-font-text-small {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
}
.thf-font-text-small-bold {
    font-family: NunitoSans-Bold;
    font-size: 12px;
    line-height: 16px;
}
.thf-font-text-smaller {
    font-family: NunitoSans-Bold;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
}
.thf-row {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
[class*=" thf-lg-"], [class*=" thf-md-"], [class*=" thf-sm-"], [class*=" thf-visible-lg-"], [class*=" thf-visible-md-"], [class*=" thf-visible-sm-"], [class*=" thf-visible-xl-"], [class*=" thf-xl-"], [class*=thf-lg], [class*=thf-md-], [class*=thf-sm-], [class*=thf-visible-lg-], [class*=thf-visible-md-], [class*=thf-visible-sm-], [class*=thf-visible-xl-], [class*=thf-xl-] {
    float: left;
    padding: 0 8px;
}
.thf-visible-lg, .thf-visible-md, .thf-visible-sm, .thf-visible-xl, [class*=" thf-visible-lg-"], [class*=" thf-visible-md-"], [class*=" thf-visible-sm-"], [class*=" thf-visible-xl-"], [class*=thf-visible-lg-], [class*=thf-visible-md-], [class*=thf-visible-sm-], [class*=thf-visible-xl-] {
    display: none;
}
@media screen and (min-width:961px) and (max-width:1366px) {
    .thf-visible-lg, [class*=" thf-visible-lg-"], [class*=thf-visible-lg-] {
    display: block;
}
.thf-hidden-lg {
    display: none;
}
[class*=thf-xl-] {
    width: 100%}
.thf-sm-1 {
    width: 8.33333333%}
.thf-sm-2 {
    width: 16.66665%}
.thf-sm-3 {
    width: 25%}
.thf-sm-4 {
    width: 33.33333%}
.thf-sm-5 {
    width: 41.66666%}
.thf-sm-6 {
    width: 50%}
.thf-sm-7 {
    width: 58.33333333%}
.thf-sm-8 {
    width: 66.66666667%}
.thf-sm-9 {
    width: 75%}
.thf-sm-10 {
    width: 83.33333333%}
.thf-sm-11 {
    width: 91.66666667%}
.thf-sm-12 {
    width: 100%}
.thf-md-1 {
    width: 8.33333333%}
.thf-md-2 {
    width: 16.66665%}
.thf-md-3 {
    width: 25%}
.thf-md-4 {
    width: 33.33333%}
.thf-md-5 {
    width: 41.66666%}
.thf-md-6 {
    width: 50%}
.thf-md-7 {
    width: 58.33333333%}
.thf-md-8 {
    width: 66.66666667%}
.thf-md-9 {
    width: 75%}
.thf-md-10 {
    width: 83.33333333%}
.thf-md-11 {
    width: 91.66666667%}
.thf-md-12 {
    width: 100%}
.thf-lg-1, .thf-visible-lg-1 {
    width: 8.33333333%}
.thf-lg-2, .thf-visible-lg-2 {
    width: 16.66665%}
.thf-lg-3, .thf-visible-lg-3 {
    width: 25%}
.thf-lg-4, .thf-visible-lg-4 {
    width: 33.33333%}
.thf-lg-5, .thf-visible-lg-5 {
    width: 41.66666%}
.thf-lg-6, .thf-visible-lg-6 {
    width: 50%}
.thf-lg-7, .thf-visible-lg-7 {
    width: 58.33333333%}
.thf-lg-8, .thf-visible-lg-8 {
    width: 66.66666667%}
.thf-lg-9, .thf-visible-lg-9 {
    width: 75%}
.thf-lg-10, .thf-visible-lg-10 {
    width: 83.33333333%}
.thf-lg-11, .thf-visible-lg-11 {
    width: 91.66666667%}
.thf-lg-12, .thf-visible-lg-12 {
    width: 100%}
}@media screen and (min-width:481px) and (max-width:960px) {
    .thf-visible-md, [class*=" thf-visible-md-"], [class*=thf-visible-md-] {
    display: block;
}
.thf-hidden-md {
    display: none;
}
[class*=thf-lg-], [class*=thf-xl-] {
    width: 100%}
.thf-sm-1 {
    width: 8.33333333%}
.thf-sm-2 {
    width: 16.66665%}
.thf-sm-3 {
    width: 25%}
.thf-sm-4 {
    width: 33.33333%}
.thf-sm-5 {
    width: 41.66666%}
.thf-sm-6 {
    width: 50%}
.thf-sm-7 {
    width: 58.33333333%}
.thf-sm-8 {
    width: 66.66666667%}
.thf-sm-9 {
    width: 75%}
.thf-sm-10 {
    width: 83.33333333%}
.thf-sm-11 {
    width: 91.66666667%}
.thf-sm-12 {
    width: 100%}
.thf-md-1, .thf-visible-md-1 {
    width: 8.33333333%}
.thf-md-2, .thf-visible-md-2 {
    width: 16.66665%}
.thf-md-3, .thf-visible-md-3 {
    width: 25%}
.thf-md-4, .thf-visible-md-4 {
    width: 33.33333%}
.thf-md-5, .thf-visible-md-5 {
    width: 41.66666%}
.thf-md-6, .thf-visible-md-6 {
    width: 50%}
.thf-md-7, .thf-visible-md-7 {
    width: 58.33333333%}
.thf-md-8, .thf-visible-md-8 {
    width: 66.66666667%}
.thf-md-9, .thf-visible-md-9 {
    width: 75%}
.thf-md-10, .thf-visible-md-10 {
    width: 83.33333333%}
.thf-md-11, .thf-visible-md-11 {
    width: 91.66666667%}
.thf-md-12, .thf-visible-md-12 {
    width: 100%}
}@media screen and (max-width:480px) {
    .thf-offset-sm-1 {
    margin-left: 8.33333333%}
.thf-offset-sm-2 {
    margin-left: 16.66665%}
.thf-offset-sm-3 {
    margin-left: 25%}
.thf-offset-sm-4 {
    margin-left: 33.33333%}
.thf-offset-sm-5 {
    margin-left: 41.66666%}
.thf-offset-sm-6 {
    margin-left: 50%}
.thf-offset-sm-7 {
    margin-left: 58.33333333%}
.thf-offset-sm-8 {
    margin-left: 66.66666667%}
.thf-offset-sm-9 {
    margin-left: 75%}
.thf-offset-sm-10 {
    margin-left: 83.33333333%}
.thf-offset-sm-11 {
    margin-left: 91.66666667%}
}@media screen and (min-width:481px) and (max-width:960px) {
    .thf-offset-md-1 {
    margin-left: 8.33333333%}
.thf-offset-md-2 {
    margin-left: 16.66665%}
.thf-offset-md-3 {
    margin-left: 25%}
.thf-offset-md-4 {
    margin-left: 33.33333%}
.thf-offset-md-5 {
    margin-left: 41.66666%}
.thf-offset-md-6 {
    margin-left: 50%}
.thf-offset-md-7 {
    margin-left: 58.33333333%}
.thf-offset-md-8 {
    margin-left: 66.66666667%}
.thf-offset-md-9 {
    margin-left: 75%}
.thf-offset-md-10 {
    margin-left: 83.33333333%}
.thf-offset-md-11 {
    margin-left: 91.66666667%}
}@media screen and (min-width:961px) and (max-width:1366px) {
    .thf-offset-lg-1 {
    margin-left: 8.33333333%}
.thf-offset-lg-2 {
    margin-left: 16.66665%}
.thf-offset-lg-3 {
    margin-left: 25%}
.thf-offset-lg-4 {
    margin-left: 33.33333%}
.thf-offset-lg-5 {
    margin-left: 41.66666%}
.thf-offset-lg-6 {
    margin-left: 50%}
.thf-offset-lg-7 {
    margin-left: 58.33333333%}
.thf-offset-lg-8 {
    margin-left: 66.66666667%}
.thf-offset-lg-9 {
    margin-left: 75%}
.thf-offset-lg-10 {
    margin-left: 83.33333333%}
.thf-offset-lg-11 {
    margin-left: 91.66666667%}
}@media screen and (min-width:1367px) {
    .thf-offset-xl-1 {
    margin-left: 8.33333333%}
.thf-offset-xl-2 {
    margin-left: 16.66665%}
.thf-offset-xl-3 {
    margin-left: 25%}
.thf-offset-xl-4 {
    margin-left: 33.33333%}
.thf-offset-xl-5 {
    margin-left: 41.66666%}
.thf-offset-xl-6 {
    margin-left: 50%}
.thf-offset-xl-7 {
    margin-left: 58.33333333%}
.thf-offset-xl-8 {
    margin-left: 66.66666667%}
.thf-offset-xl-9 {
    margin-left: 75%}
.thf-offset-xl-10 {
    margin-left: 83.33333333%}
.thf-offset-xl-11 {
    margin-left: 91.66666667%}
}@media screen and (max-width:480px) {
    .thf-visible-sm, [class*=" thf-visible-sm-"], [class*=thf-visible-sm-] {
    display: block;
}
.thf-hidden-sm {
    display: none;
}
[class*=thf-lg-], [class*=thf-md-], [class*=thf-xl-] {
    width: 100%}
.thf-sm-1, .thf-visible-sm-1 {
    width: 8.33333333%}
.thf-sm-2, .thf-visible-sm-2 {
    width: 16.66665%}
.thf-sm-3, .thf-visible-sm-3 {
    width: 25%}
.thf-sm-4, .thf-visible-sm-4 {
    width: 33.33333%}
.thf-sm-5, .thf-visible-sm-5 {
    width: 41.66666%}
.thf-sm-6, .thf-visible-sm-6 {
    width: 50%}
.thf-sm-7, .thf-visible-sm-7 {
    width: 58.33333333%}
.thf-sm-8, .thf-visible-sm-8 {
    width: 66.66666667%}
.thf-sm-9, .thf-visible-sm-9 {
    width: 75%}
.thf-sm-10, .thf-visible-sm-10 {
    width: 83.33333333%}
.thf-sm-11, .thf-visible-sm-11 {
    width: 91.66666667%}
.thf-sm-12, .thf-visible-sm-12 {
    width: 100%}
}@media screen and (min-width:1367px) {
    .thf-visible-xl, [class*=" thf-visible-xl-"], [class*=thf-visible-xl-] {
    display: block;
}
.thf-hidden-xl {
    display: none;
}
.thf-sm-1 {
    width: 8.33333333%}
.thf-sm-2 {
    width: 16.66665%}
.thf-sm-3 {
    width: 25%}
.thf-sm-4 {
    width: 33.33333%}
.thf-sm-5 {
    width: 41.66666%}
.thf-sm-6 {
    width: 50%}
.thf-sm-7 {
    width: 58.33333333%}
.thf-sm-8 {
    width: 66.66666667%}
.thf-sm-9 {
    width: 75%}
.thf-sm-10 {
    width: 83.33333333%}
.thf-sm-11 {
    width: 91.66666667%}
.thf-sm-12 {
    width: 100%}
.thf-md-1 {
    width: 8.33333333%}
.thf-md-2 {
    width: 16.66665%}
.thf-md-3 {
    width: 25%}
.thf-md-4 {
    width: 33.33333%}
.thf-md-5 {
    width: 41.66666%}
.thf-md-6 {
    width: 50%}
.thf-md-7 {
    width: 58.33333333%}
.thf-md-8 {
    width: 66.66666667%}
.thf-md-9 {
    width: 75%}
.thf-md-10 {
    width: 83.33333333%}
.thf-md-11 {
    width: 91.66666667%}
.thf-md-12 {
    width: 100%}
.thf-lg-1 {
    width: 8.33333333%}
.thf-lg-2 {
    width: 16.66665%}
.thf-lg-3 {
    width: 25%}
.thf-lg-4 {
    width: 33.33333%}
.thf-lg-5 {
    width: 41.66666%}
.thf-lg-6 {
    width: 50%}
.thf-lg-7 {
    width: 58.33333333%}
.thf-lg-8 {
    width: 66.66666667%}
.thf-lg-9 {
    width: 75%}
.thf-lg-10 {
    width: 83.33333333%}
.thf-lg-11 {
    width: 91.66666667%}
.thf-lg-12 {
    width: 100%}
.thf-visible-xl-1, .thf-xl-1 {
    width: 8.33333333%}
.thf-visible-xl-2, .thf-xl-2 {
    width: 16.66665%}
.thf-visible-xl-3, .thf-xl-3 {
    width: 25%}
.thf-visible-xl-4, .thf-xl-4 {
    width: 33.33333%}
.thf-visible-xl-5, .thf-xl-5 {
    width: 41.66666%}
.thf-visible-xl-6, .thf-xl-6 {
    width: 50%}
.thf-visible-xl-7, .thf-xl-7 {
    width: 58.33333333%}
.thf-visible-xl-8, .thf-xl-8 {
    width: 66.66666667%}
.thf-visible-xl-9, .thf-xl-9 {
    width: 75%}
.thf-visible-xl-10, .thf-xl-10 {
    width: 83.33333333%}
.thf-visible-xl-11, .thf-xl-11 {
    width: 91.66666667%}
.thf-visible-xl-12, .thf-xl-12 {
    width: 100%}
}.thf-shadow-modal {
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .3);
}
.thf-shadow-button {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
}
.thf-shadow-header {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);
}
.thf-shadow-card {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
}
.thf-shadow-feedback {
    -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .15);
}
.thf-shadow-tooltip {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
}
.thf-shadow-input {
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
}
.thf-shadow-popup {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
}
.thf-shadow-popup-arrow {
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, .1);
}
@font-face {
    font-family: TotvsIcon;
    src: url(../fonts/TotvsIcon.eot?31xwv);
    src: url(../fonts/TotvsIcon.eot?31xwv#iefix) format("embedded-opentype"), url(../fonts/TotvsIcon.ttf?31xwv) format("truetype"), url(../fonts/TotvsIcon.woff?31xwv) format("woff"), url(../fonts/TotvsIcon.svg?31xwv#TotvsIcon) format("svg");
    font-weight: 400;
    font-style: normal;
}
[class*=" thf-icon"], [class^=thf-icon] {
    font-family: TotvsIcon!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.thf-icon {
    display: inline-block;
    font: normal normal normal 14px/1 TotvsIcon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.thf-icon.thf-icon-agro-business:before {
    content: "\e91a"}
.thf-icon.thf-icon-arrow-down:before {
    content: "\e908"}
.thf-icon.thf-icon-arrow-left:before {
    content: "\e909"}
.thf-icon.thf-icon-arrow-right:before {
    content: "\e910"}
.thf-icon.thf-icon-arrow-up:before {
    content: "\e911"}
.thf-icon.thf-icon-bar-code:before {
    content: "\e900"}
.thf-icon.thf-icon-basket:before {
    content: "\e92d"}
.thf-icon.thf-icon-calendar:before {
    content: "\e912"}
.thf-icon.thf-icon-camera:before {
    content: "\e91b"}
.thf-icon.thf-icon-cart:before {
    content: "\e92e"}
.thf-icon.thf-icon-chat:before {
    content: "\e91c"}
.thf-icon.thf-icon-clock:before {
    content: "\e913"}
.thf-icon.thf-icon-close:before {
    content: "\e914"}
.thf-icon.thf-icon-company:before {
    content: "\e92f"}
.thf-icon.thf-icon-copy:before {
    content: "\e915"}
.thf-icon.thf-icon-credit-payment:before {
    content: "\e930"}
.thf-icon.thf-icon-debit-payment:before {
    content: "\e931"}
.thf-icon.thf-icon-delete:before {
    content: "\e916"}
.thf-icon.thf-icon-document:before {
    content: "\e917"}
.thf-icon.thf-icon-edit:before {
    content: "\e918"}
.thf-icon.thf-icon-exit:before {
    content: "\e906"}
.thf-icon.thf-icon-export:before {
    content: "\e91d"}
.thf-icon.thf-icon-filter:before {
    content: "\e919"}
.thf-icon.thf-icon-finance:before {
    content: "\e91e"}
.thf-icon.thf-icon-first-page:before {
    content: "\e920"}
.thf-icon.thf-icon-help:before {
    content: "\e90a"}
.thf-icon.thf-icon-home:before {
    content: "\e921"}
.thf-icon.thf-icon-info:before {
    content: "\e90b"}
.thf-icon.thf-icon-last-page:before {
    content: "\e922"}
.thf-icon.thf-icon-list:before {
    content: "\e923"}
.thf-icon.thf-icon-lock:before {
    content: "\e924"}
.thf-icon.thf-icon-logo-totvs:before {
    content: "\e925"}
.thf-icon.thf-icon-mail:before {
    content: "\e901"}
.thf-icon.thf-icon-menu:before {
    content: "\e926"}
.thf-icon.thf-icon-message:before {
    content: "\e927"}
.thf-icon.thf-icon-minus:before {
    content: "\e928"}
.thf-icon.thf-icon-money:before {
    content: "\e932"}
.thf-icon.thf-icon-more:before {
    content: "\e929"}
.thf-icon.thf-icon-news:before {
    content: "\e91f"}
.thf-icon.thf-icon-no-signal:before {
    content: "\e907"}
.thf-icon.thf-icon-notification:before {
    content: "\e92b"}
.thf-icon.thf-icon-ok:before {
    content: "\e937"}
.thf-icon.thf-icon-pin:before {
    content: "\e902"}
.thf-icon.thf-icon-plus:before {
    content: "\e938"}
.thf-icon.thf-icon-qr-code:before {
    content: "\e92a"}
.thf-icon.thf-icon-sale:before {
    content: "\e933"}
.thf-icon.thf-icon-search:before {
    content: "\e939"}
.thf-icon.thf-icon-settings:before {
    content: "\e93a"}
.thf-icon.thf-icon-share:before {
    content: "\e93b"}
.thf-icon.thf-icon-sort:before {
    content: "\e90e"}
.thf-icon.thf-icon-sort-asc:before {
    content: "\e90c"}
.thf-icon.thf-icon-sort-desc:before {
    content: "\e90d"}
.thf-icon.thf-icon-star:before {
    content: "\e934"}
.thf-icon.thf-icon-stock:before {
    content: "\e935"}
.thf-icon.thf-icon-table:before {
    content: "\e936"}
.thf-icon.thf-icon-telephone:before {
    content: "\e903"}
.thf-icon.thf-icon-user:before {
    content: "\e93c"}
.thf-icon.thf-icon-user-add:before {
    content: "\e904"}
.thf-icon.thf-icon-wallet:before {
    content: "\e92c"}
.thf-icon.thf-icon-warning:before {
    content: "\e90f"}
.thf-icon.thf-icon-world:before {
    content: "\e905"}
.thf-clickable {
    cursor: pointer;
}
.thf-invisible {
    display: none!important;
}
.thf-text-center {
    text-align: center;
}
.thf-pull-right {
    float: right!important;
}
.thf-text-ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thf-wrapper, .thf-wrapper-menu-panel {
    background-color: #fbfbfb;
    max-height: 100vh;
    max-width: 100%;
    overflow: hidden;
}
.thf-wrapper .thf-page {
    display: inline-block;
    height: -webkit-calc(100vh - 5px);
    height: calc(100vh - 5px);
    padding: 40px 10px 10px;
    white-space: normal;
    width: -webkit-calc(100vw - 261px);
    width: calc(100vw - 261px);
}
.thf-wrapper .thf-page .thf-page-content {
    left: 261px;
    display: inline-block;
    margin-top: 50px;
    padding: 20px 16px 10px;
    white-space: normal;
}
    .thf-wrapper .thf-page .thf-page-bottom-container, .thf-wrapper .thf-page .thf-page-content {
        width: -webkit-calc(100vw - 270px);
        /*width: calc(105vw - 270px);*/
    }
.thf-wrapper .thf-toolbar {
    margin-left: 256px;
    padding-left: 15px;
    width: -webkit-calc(100vw - 256px);
    width: calc(100vw - 256px);
}
.thf-wrapper-menu-panel .thf-page {
    display: inline-block;
    height: -webkit-calc(100% - 5px);
    height: calc(100% - 5px);
    padding: 40px 10px 10px;
    white-space: normal;
    width: -webkit-calc(100% - 61px);
    width: calc(100% - 61px);
}
.thf-wrapper-menu-panel .thf-page .thf-page-header {
    padding: 16px 8px;
}
.thf-wrapper-menu-panel .thf-page .thf-page-content {
    display: inline-block;
    left: 61px;
    margin-top: 50px;
    padding: 20px 16px 10px;
    white-space: normal;
}
.thf-wrapper-menu-panel .thf-page .thf-page-bottom-container, .thf-wrapper-menu-panel .thf-page .thf-page-content {
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
}
.thf-wrapper-menu-panel .thf-toolbar {
    margin-left: 56px;
    padding-left: 8px;
    width: -webkit-calc(100% - 56px);
    width: calc(100% - 56px);
}
@media screen and (max-width:1200px) {
    .thf-wrapper .thf-page {
    display: table;
    padding-top: 30px;
    width: 100%}
.thf-wrapper .thf-page .thf-page-content {
    left: 0;
    margin: 50px 0 0;
    padding: 10px 16px;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
}
.thf-wrapper .thf-page .thf-page-bottom-container {
    margin-left: 0;
    width: calc(100% - 10px);
    width: -webkit-calc(100% - 10px);
}
.thf-wrapper .thf-toolbar {
    margin-left: 50px;
    width: -webkit-calc(100% - 50px)!important;
    width: calc(100% - 50px)!important;
}
.thf-wrapper .thf-toolbar-title {
    padding-left: 0;
}
}@media screen and (max-width:480px) {
    .thf-wrapper-menu-panel .thf-page .thf-page-bottom-container {
    padding: 16px 0;
}
}.thf-arrow-bottom, .thf-arrow-bottom-left, .thf-arrow-bottom-right, .thf-arrow-left, .thf-arrow-left-bottom, .thf-arrow-left-top, .thf-arrow-right, .thf-arrow-right-bottom, .thf-arrow-right-top, .thf-arrow-top, .thf-arrow-top-left, .thf-arrow-top-right {
    height: 8px;
    position: absolute;
    width: 8px;
}
.thf-arrow-right, .thf-arrow-right-bottom, .thf-arrow-right-top {
    left: -webkit-calc(100% - 4px);
    left: calc(100% - 4px);
    -webkit-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}
.thf-arrow-left, .thf-arrow-left-bottom, .thf-arrow-left-top {
    left: -3px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.thf-arrow-left, .thf-arrow-right {
    top: 50%}
.thf-arrow-left-bottom, .thf-arrow-right-bottom {
    top: -webkit-calc(100% - 12px);
    top: calc(100% - 12px);
}
.thf-arrow-left-top, .thf-arrow-right-top {
    top: 12px;
}
.thf-arrow-bottom, .thf-arrow-bottom-left, .thf-arrow-bottom-right {
    top: -webkit-calc(100% - 4px);
    top: calc(100% - 4px);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.thf-arrow-top, .thf-arrow-top-left, .thf-arrow-top-right {
    top: -3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.thf-arrow-bottom, .thf-arrow-top {
    left: -webkit-calc(50% - 4px);
    left: calc(50% - 4px);
}
.thf-arrow-bottom-left, .thf-arrow-top-left {
    left: 12px;
}
.thf-arrow-bottom-right, .thf-arrow-top-right {
    left: -webkit-calc((100% - 12px) - 8px);
    left: calc((100% - 12px) - 8px);
}
.thf-avatar {
    -webkit-border-radius: 150px;
    border-radius: 150px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 5px;
}
.thf-avatar-image {
    height: 100%}
.thf-avatar.thf-avatar-xs {
    width: 24px;
    height: 24px;
}
.thf-avatar.thf-avatar-sm {
    width: 32px;
    height: 32px;
}
.thf-avatar.thf-avatar-md {
    width: 64px;
    height: 64px;
}
.thf-avatar.thf-avatar-lg {
    width: 96px;
    height: 96px;
}
.thf-avatar.thf-avatar-xl {
    width: 144px;
    height: 144px;
}
.thf-breadcrumb {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
    background-color: #fff;
    border: 1px solid #eceeee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 32px;
    position: relative;
}
.thf-breadcrumb-items {
    display: inline;
    list-style: none;
}
.thf-breadcrumb-item, .thf-breadcrumb-item-active {
    float: left;
}
.thf-breadcrumb-arrow {
    border-right: 1px solid #eceeee;
    border-top: 1px solid #eceeee;
    float: right;
    height: 16.5px;
    margin-top: 7px;
    -webkit-transform: rotate(39deg) skew(10deg, 28deg);
    -ms-transform: rotate(39deg) skew(10deg, 28deg);
    transform: rotate(39deg) skew(10deg, 28deg);
    width: 16.5px;
}
.thf-breadcrumb-label {
    float: left;
    padding: 7px 0 7px 8px;
    text-align: center;
}
.thf-breadcrumb-item .thf-breadcrumb-label {
    color: #0c9abe;
}
.thf-breadcrumb-item .thf-breadcrumb-label:hover {
    color: #075c72;
    cursor: pointer;
    text-decoration: underline;
}
.thf-breadcrumb-favorite {
    background-color: #fff;
    border-left: 1px solid #eceeee;
    float: right;
    padding: 7px 8px;
    position: absolute;
    right: 0;
}
.thf-breadcrumb-favorite-star-active {
    color: #ea9b3e;
}
.thf-breadcrumb-favorite, .thf-breadcrumb-item-active {
    color: #4a5c60;
}
.thf-breadcrumb-favorite-label {
    padding-left: 5px;
}
.thf-breadcrumb-dropdown {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    position: absolute;
    top: 40px;
    width: 151px;
    z-index: 10;
}
.thf-breadcrumb-dropdown-item {
    color: #0c9abe;
    list-style: none;
    min-height: 44px;
    padding: 10px 16px;
    word-wrap: break-word;
}
.thf-breadcrumb-dropdown-item:hover {
    background-color: #f3fafc;
    cursor: pointer;
}
.thf-breadcrumb-icon-more {
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 32px;
    color: #0c9abe;
    line-height: 30px;
    padding-left: 8px;
}
.thf-button {
    font-family: NunitoSans-Bold;
    font-size: 16px;
    line-height: 32px;
    background-color: #fff;
    border: 1px solid #0c9abe;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #0c9abe;
    display: inline-block;
    height: 35px;
    padding: 0 16px;
    text-align: center;
}
.thf-button:hover {
    background-color: #fff;
    border: 1px solid #097b98;
    color: #097b98;
}
.thf-button:active {
    background-color: #fff;
    border: 1px solid #075c72;
    color: #075c72;
}
.thf-button:disabled {
    background-color: #fff;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
}
.thf-button-primary {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    background-color: #0c9abe;
    border: 1px solid #0c9abe;
    color: #fff;
}
.thf-button-primary:hover {
    background-color: #097b98;
    border: 1px solid #097b98;
    color: #fff;
}
.thf-button-primary:active {
    background-color: #075c72;
    border: 1px solid #075c72;
    color: #fff;
}
.thf-button-primary:disabled {
    background-color: #b6bdbf;
    border: 1px solid #b6bdbf;
    color: #fff;
}
.thf-button-danger {
    background-color: #fff;
    border: 1px solid #c64840;
    color: #c64840;
}
.thf-button-danger:hover {
    background-color: #fff;
    border: 1px solid #9e3933;
    color: #9e3933;
}
.thf-button-danger:active {
    background-color: #fff;
    border: 1px solid #762b26;
    color: #762b26;
}
.thf-button-danger:disabled {
    background-color: #fff;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
}
.thf-button-link {
    background-color: #fff;
    border: none;
    color: #0c9abe;
}
.thf-button-link:hover {
    background-color: #fff;
    border: none;
    color: #097b98;
}
.thf-button-link:active {
    background-color: #fff;
    border: none;
    color: #075c72;
}
.thf-button-link:disabled {
    background-color: #fff;
    border: none;
    color: #b6bdbf;
}
.thf-button-sm {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    height: 36px;
}
[class*=thf-lg-] .thf-button, [class*=thf-md-] .thf-button, [class*=thf-sm-] .thf-button, [class*=thf-xl-] .thf-button {
    width: 100%}
.thf-button-loading-icon {
    float: left;
    line-height: 0;
    padding-right: 8px;
}
.thf-button-loading-icon:before {
    content: url(../images/totvs-loading-icon-gray.svg);
}
.thf-button-group-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%}
.thf-button-group-container .thf-button-group {
    width: 100%}
.thf-button-group-container .thf-button-group .thf-button {
    -webkit-border-radius: 0;
    border-radius: 0;
}
.thf-button-group-container .thf-button-group:first-child .thf-button {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
.thf-button-group-container .thf-button-group:last-child .thf-button {
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.thf-button-group-container .thf-button-group+.thf-button-group {
    margin-left: -1px;
}
.thf-button-group-container .thf-button-group:not(.thf-button-group-disabled) {
    z-index: 1;
}
.thf-button-group-container .thf-button-group.thf-button-group-button-selected {
    z-index: 2;
}
.thf-button-group-container .thf-button-group:not(.thf-button-group-disabled):hover {
    z-index: 3;
}
.thf-button-group-container .thf-button-group:focus-within {
    z-index: 4;
}
.thf-button-group-container .thf-button-group.thf-button-group-button-selected .thf-button {
    background-color: #4a5c60;
    border: 1px solid #4a5c60;
    color: #fff;
}
.thf-button-group-container .thf-button-group.thf-button-group-button-selected:hover .thf-button {
    background-color: #2c3739;
    border: 1px solid #2c3739;
    color: #fff;
}
.thf-button-group-container .thf-button-group.thf-button-group-button-selected .thf-button:active {
    background-color: #1d2426;
    border: 1px solid #1d2426;
    color: #fff;
}
.thf-button-group-container .thf-button-group.thf-button-group-button-selected .thf-button:disabled {
    background-color: #b6bdbf;
    border: 1px solid #b6bdbf;
    color: #fff;
}
.thf-calendar {
    position: absolute;
    overflow: hidden;
    z-index: 1000;
    height: 290px;
    width: 288px;
    max-width: 288px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-family: NunitoSans;
}
.thf-calendar-mobile {
    position: fixed!important;
    left: -webkit-calc(50% - 144px);
    left: calc(50% - 144px);
    top: -webkit-calc(50% - 145px);
    top: calc(50% - 145px);
}
.thf-calendar-overlay:before {
    content: "";
    position: fixed;
    background-color: rgba(5, 45, 62, .7);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.thf-calendar-nav {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 40px;
    overflow: hidden;
    position: relative;
}
.thf-calendar-nav .thf-calendar-nav-left {
    position: absolute;
    left: 8px;
    top: 16px;
    font-size: 24px;
    color: #0c9abe;
    z-index: 100;
    cursor: pointer;
}
.thf-calendar-nav .thf-calendar-nav-right {
    position: absolute;
    right: 8px;
    top: 16px;
    font-size: 24px;
    color: #0c9abe;
    z-index: 100;
    cursor: pointer;
}
.thf-calendar-nav .thf-calendar-nav-title {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    z-index: 10;
    color: #0c9abe;
}
.thf-calendar-content {
    font-size: 13px;
    width: 288px;
    overflow: hidden;
}
.thf-calendar-content .thf-calendar-content-list-day {
    position: absolute;
    margin-top: 30px;
    margin-left: 0;
}
.thf-calendar-content .thf-calendar-content-list-month, .thf-calendar-content .thf-calendar-content-list-year {
    position: absolute;
    margin-top: 33px;
    margin-left: 13px;
}
.thf-calendar-content .thf-calendar-labels {
    position: absolute;
    text-align: center;
    width: 288px;
}
.thf-calendar-content .thf-calendar-label {
    font-size: 12px;
    display: inline-block;
    width: 32px;
    height: 29px;
    margin: 0 3px;
    line-height: 29px;
    text-align: center;
    color: #9da7a9;
}
.thf-calendar-content .thf-calendar-day {
    display: inline-block;
    width: 32px;
    margin: 2px 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.thf-calendar-content .thf-calendar-month, .thf-calendar-content .thf-calendar-year {
    width: 80px;
    margin: 8px 4px 9px;
    font-size: 14px;
    display: inline-block;
    height: 29px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.thf-calendar-box-background {
    background-color: transparent;
}
.thf-calendar-box-background:hover {
    background-color: #dadedf;
}
.thf-calendar-box-background:active {
    background-color: #29b6c5;
    color: #fff;
}
.thf-calendar-box-background-selected {
    background-color: #29b6c5;
}
.thf-calendar-box-background-today {
    background-color: #ceeaf2;
}
.thf-calendar-box-background-today:hover {
    background-color: #dadedf;
}
.thf-calendar-box-foreground {
    color: #4a5c60;
}
.thf-calendar-box-foreground-selected {
    color: #fff;
    font-family: NunitoSans-Bold;
}
.thf-calendar-box-foreground-today {
    color: #0c9abe;
    font-family: NunitoSans-Bold;
}
.thf-calendar-box-foreground-disabled {
    color: #dadedf;
}
thf-code-editor {
    display: block;
    width: 100%}
.k-chart {
    overflow: hidden;
}
.thf-disclaimer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.thf-disclaimer .thf-disclaimer-label, .thf-disclaimer .thf-disclaimer-remove {
    font-family: NunitoSans-Bold;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 8px;
}
.thf-disclaimer .thf-disclaimer-label {
    background-color: #29b6c5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    vertical-align: middle;
}
.thf-disclaimer .thf-disclaimer-label-danger {
    background-color: #c64840;
}
.thf-disclaimer .thf-disclaimer-remove {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    background-color: #26acba;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    margin-left: -2px;
    vertical-align: top;
}
.thf-disclaimer .thf-disclaimer-remove-danger {
    background-color: #bb443c;
}
.thf-disclaimer-group {
    background-color: #fff;
    border: 1px solid #eceeee;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: 100%;
    padding: 7px 15px 15px;
    width: 100%}
.thf-disclaimer-group-title {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #4a5c60;
}
.thf-disclaimer-group .thf-disclaimer {
    padding-top: 8px;
}
.dropdown {
    display: inline-block;
    position: relative;
    width: inherit;
}
.dropdown.t-show>.button-dropdown {
    border-bottom: none;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dropdown.t-show>.dropdown-content {
    display: block!important;
}
div.button-dropdown {
    background-color: #fff;
    border: 1px solid #0c9abe;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #0c9abe;
    cursor: pointer;
    font-size: 16px;
    height: 44px;
    line-height: 24px;
    padding: 9px 38px 9px 16px;
}
div.button-dropdown>span {
    padding-top: 3px;
}
div.button-dropdown.disabled {
    background-color: #fff;
    border: 1px solid #4a5c60;
    opacity: .4;
}
div.button-dropdown:hover {
    color: #097b98;
    border: 1px solid #097b98;
}
ul.dropdown-content {
    background-color: #fff;
    border: 1px solid #0c9abe;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: none;
    display: none;
    list-style-type: none;
    max-height: 175px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
}
ul.dropdown-content>li>a {
    color: #0c9abe;
    cursor: pointer;
    display: block;
    line-height: 1.5;
    padding: 10px 16px;
    text-decoration: none;
    word-wrap: break-word;
}
ul.dropdown-content>li>a:hover {
    color: #097b98;
}
ul.dropdown-content>li>a:active {
    color: #075c72;
}
.disabled {
    color: #ceeaf2!important;
    pointer-events: none;
}
.icon-dropdown {
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
}
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    display: none;
}
::-webkit-scrollbar-thumb {
    background-color: #0c9abe;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.thf-checkbox-group-item {
    height: 44px;
    padding: 10px 0;
}
.thf-checkbox-group-input {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    visibility: hidden;
}
.thf-checkbox-group-input, .thf-checkbox-group-input+.thf-checkbox-group-label:before {
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
}
.thf-checkbox-group-input+.thf-checkbox-group-label:before {
    background-color: #fff;
    border: 1px solid #b6bdbf;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    content: " ";
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 20px;
}
.thf-checkbox-group-input-checked+.thf-checkbox-group-label:before, .thf-checkbox-group-input-indeterminate+.thf-checkbox-group-label:before {
    background-color: #0c9abe;
    border: 1px solid #0c9abe;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: TotvsIcon!important;
    line-height: 18px;
    padding-left: 3px;
}
thf-checkbox-group.ng-invalid.ng-dirty .thf-checkbox-group-input+.thf-checkbox-group-label:before {
    border: 1px solid #c64840;
}
thf-checkbox-group .thf-checkbox-group-input:disabled+.thf-checkbox-group-label:before {
    background-color: #eceeee;
    border: 1px solid #b6bdbf!important;
    color: #b6bdbf;
}
.thf-checkbox-group-input-checked+.thf-checkbox-group-label:before {
    content: "\e937"}
.thf-checkbox-group-input-indeterminate+.thf-checkbox-group-label:before {
    content: "\e928"}
.thf-checkbox-group-label:focus {
    outline: none;
}
.thf-checkbox-group-label:focus:before {
    -webkit-box-shadow: inset 0 0 0 1px #097b98;
    box-shadow: inset 0 0 0 1px #097b98;
}
thf-combo.ng-invalid.ng-dirty .thf-input {
    border: 1px solid #c64840!important;
    outline: none;
}
.thf-combo-content {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    display: none;
    margin-top: 8px;
    max-height: 175px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%}
.thf-combo-content.thf-combo-show {
    background-color: #fff!important;
    display: block!important;
    z-index: 1000!important;
}
.thf-combo-item {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    color: #0c9abe;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    text-align: left;
    word-wrap: break-word;
}
.thf-combo-item:hover {
    background-color: #f3fafc!important;
    color: #0c9abe!important;
    text-decoration: none;
}
.thf-combo-item-selected>.thf-combo-item {
    background-color: #0c9abe;
    color: #fff;
}
.thf-combo-content::-webkit-scrollbar {
    width: 7px;
}
.thf-combo-content::-webkit-scrollbar-track {
    display: none;
}
.thf-combo-content::-webkit-scrollbar-thumb {
    background-color: rgba(12, 154, 190, .5);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.thf-combo-content-loading {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    margin-top: 8px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.thf-combo-input {
    padding-right: 30px!important;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.thf-datepicker-popup-calendar {
    padding-top: 8px;
    position: absolute;
    z-index: 1000;
}
.thf-field-container {
    display: block;
}
.thf-field-container-input {
    display: block;
    position: relative;
    width: 100%}
.thf-field-container-title {
    margin-bottom: 5px;
}
.thf-field-title {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #4a5c60;
}
.thf-field-optional {
    line-height: 16px;
    line-height: 24px;
}
.thf-field-help, .thf-field-optional {
    font-family: NunitoSans;
    font-size: 12px;
    color: #4a5c60;
}
.thf-field-help {
    line-height: 16px;
    margin-bottom: 6px;
}
.thf-field-container-bottom {
    display: block;
    height: 20px;
    padding-top: 2px;
}
.thf-field-container-bottom-text, .thf-field-container-bottom-text-error {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
    padding-left: 2px;
}
.thf-field-container-bottom-text {
    color: #000;
}
.thf-field-container-bottom-text-error {
    color: #c64840;
}
.thf-field-container-icon-error {
    font-family: NunitoSans-Bold;
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 2px;
    vertical-align: middle;
}
.thf-field-icon-container-left, .thf-field-icon-container-right {
    padding: 6px 8px;
    position: absolute;
}
.thf-field-icon-container-left {
    bottom: 0;
    left: 0;
    pointer-events: none;
}
.thf-field-icon-container-right {
    bottom: 0;
    right: 0;
}
.thf-field-icon {
    color: #0c9abe;
    cursor: pointer;
}
.thf-field-icon, .thf-field-icon-disabled {
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 32px;
    text-decoration: none;
    width: 30px;
    text-align: center;
}
.thf-field-icon-disabled {
    color: #b6bdbf;
}
thf-combo.ng-invalid.ng-dirty .thf-field-icon, thf-datepicker.ng-invalid.ng-dirty .thf-field-icon, thf-email.ng-invalid.ng-dirty .thf-field-icon, thf-input.ng-invalid.ng-dirty .thf-field-icon, thf-login.ng-invalid.ng-dirty .thf-field-icon, thf-lookup.ng-invalid.ng-dirty .thf-field-icon, thf-multiselect.ng-invalid.ng-dirty .thf-field-icon, thf-number.ng-invalid.ng-dirty .thf-field-icon, thf-password.ng-invalid.ng-dirty .thf-field-icon, thf-url.ng-invalid.ng-dirty .thf-field-icon {
    color: #c64840!important;
}
.thf-input {
    font-family: NunitoSans;
    /*font-size: 16px;
    line-height: 24px;*/
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: #fff;
    border: 1px solid #b6bdbf!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    padding: .56em 1em;
    width: 100%}
.thf-input::-webkit-input-placeholder {
    color: #9da7a9;
}
.thf-input::-moz-placeholder {
    color: #9da7a9;
}
.thf-input:-ms-input-placeholder, .thf-input::-ms-input-placeholder {
    color: #9da7a9;
}
.thf-input::placeholder {
    color: #9da7a9;
}
.thf-input-icon-left {
    padding-left: 2.6em;
}
.thf-input-icon-right {
    padding-right: 2.4em;
}
.thf-input::-ms-clear, .thf-input::-ms-reveal {
    display: none;
}
.thf-input:disabled {
    background-color: #eceeee;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
    pointer-events: none;
}
.thf-input:focus {
    border: 1px solid #0c9abe!important;
    outline: none;
}
thf-datepicker.ng-invalid.ng-dirty .thf-input, thf-decimal.ng-invalid.ng-dirty .thf-input, thf-email.ng-invalid.ng-dirty .thf-input, thf-input.ng-invalid.ng-dirty .thf-input, thf-login.ng-invalid.ng-dirty .thf-input, thf-lookup.ng-invalid.ng-dirty .thf-input, thf-number.ng-invalid.ng-dirty .thf-input, thf-password.ng-invalid.ng-dirty .thf-input, thf-upload.ng-invalid.ng-dirty .thf-upload-button, thf-url.ng-invalid.ng-dirty .thf-input {
    border: 1px solid #c64840!important;
    outline: none;
    color: #c64840;
}
.thf-input::-webkit-inner-spin-button, .thf-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
.ng-valid .thf-lookup-search:focus {
    border: 1px solid #0c9abe!important;
    outline: none;
}
.thf-lookup-header {
    line-height: normal;
    margin-bottom: 16px;
}
.thf-lookup-loading {
    margin: auto;
}
.thf-lookup-modal .thf-table-wrapper {
    margin-bottom: 4px;
}
.thf-lookup-modal .thf-modal-body {
    max-height: -webkit-calc(100vh - 170px);
    max-height: calc(100vh - 170px);
}
.thf-lookup-padding-icon {
    padding-right: 36px;
}
.thf-lookup-search {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: #fff;
    border: 1px solid #b6bdbf!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    padding: 10px 36px 8px 15px;
    width: 100%}
.thf-lookup-container-table {
    overflow: hidden;
}
.thf-multiselect-content {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    display: none;
    margin-top: 8px;
    padding: 0;
    position: absolute;
    width: 100%}
.thf-multiselect-search-content {
    border-bottom: 1px solid #dadedf;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
}
.thf-multiselect-items-content {
    max-height: 175px;
    overflow-y: auto;
}
.thf-multiselect-items-content::-webkit-scrollbar {
    width: 7px;
}
.thf-multiselect-items-content::-webkit-scrollbar-track {
    display: none;
}
.thf-multiselect-items-content::-webkit-scrollbar-thumb {
    background-color: rgba(12, 154, 190, .5);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.thf-multiselect-search-content .thf-input {
    padding-left: 40px;
}
.thf-multiselect-item {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    color: #0c9abe;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    text-align: left;
    word-wrap: break-word;
}
.thf-multiselect-item:hover {
    background-color: #f3fafc!important;
    color: #0c9abe!important;
    text-decoration: none;
}
.thf-multiselect-item-selected>.thf-multiselect-item {
    background-color: #f3fafc;
}
.thf-multiselect-container {
    background-color: #fff!important;
    display: inline-block;
    position: relative;
    width: 100%}
.thf-multiselect-container.thf-multiselect-show>.thf-input {
    border: 1px solid #0c9abe!important;
}
.thf-multiselect-container.thf-multiselect-show .thf-multiselect-content {
    background-color: #fff!important;
    display: block;
    z-index: 1000;
}
.thf-multiselect-container.thf-multiselect-loading>.thf-input {
    border: 1px solid #0c9abe!important;
}
.thf-multiselect:focus+.thf-multiselect-container .thf-input {
    border: 1px solid #0c9abe!important;
    color: #0c9abe!important;
}
.thf-multiselect-field {
    height: 24px;
    left: 8px;
    margin-right: 32px;
    overflow: hidden;
    position: absolute;
    top: 10px;
}
.thf-multiselect-field.thf-multiselect-field-disabled .thf-disclaimer-label {
    background-color: #b6bdbf;
}
.thf-multiselect-placeholder {
    line-height: 26px;
    padding-left: 7px;
}
.thf-multiselect-container>.thf-input {
    color: #0c9abe;
}
.thf-multiselect-container>.thf-input:disabled {
    background-color: #eceeee;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
}
thf-multiselect.ng-invalid.ng-dirty .thf-multiselect-container>.thf-input {
    border: 1px solid #c64840!important;
    color: #c64840!important;
    outline: none;
}
.thf-multiselect-checkbox-input {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    position: absolute;
    visibility: hidden;
}
.thf-multiselect-checkbox-input+.thf-multiselect-checkbox-label:before {
    background-color: #fff;
    border: 1px solid #b6bdbf;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    content: " ";
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 20px;
}
.thf-multiselect-checkbox-input-checked+.thf-multiselect-checkbox-label:before {
    background-color: #0c9abe;
    border: 1px solid #0c9abe;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: TotvsIcon!important;
    line-height: 18px;
    padding-left: 3px;
}
.thf-multiselect-checkbox-item-disabled .thf-multiselect-checkbox-input+.thf-multiselect-checkbox-label:before {
    background-color: #eceeee;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
}
.thf-multiselect-checkbox-input-checked+.thf-multiselect-checkbox-label:before {
    content: "\e937"}
.thf-multiselect-content-loading {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    margin-top: 8px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.thf-radio-group-item {
    height: 44px;
    padding-top: 10px;
}
.thf-radio-group-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 0;
    margin: 0;
    outline: none;
    position: absolute;
    width: 0;
}
.thf-radio-group-input+.thf-radio-group-label:before {
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    border: 1px solid #b6bdbf;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 20px;
    margin-top: -2px;
    margin-right: 8px;
    vertical-align: middle;
    width: 20px;
}
.thf-radio-group-input:focus+.thf-radio-group-label:before {
    border: 1px solid #097b98!important;
}
.thf-radio-group-input-checked+.thf-radio-group-label:before {
    background-color: #0c9abe;
    border: 1px solid #0c9abe;
    color: #fff;
    content: "\e937";
    font-family: TotvsIcon!important;
    line-height: 18px;
    padding-left: 3px;
}
.thf-radio-group-item-disabled .thf-radio-group-input+.thf-radio-group-label:before {
    background-color: #eceeee;
    border: 1px solid #b6bdbf!important;
    color: #b6bdbf;
}
thf-radio-group.ng-invalid.ng-dirty .thf-radio-group-input+.thf-radio-group-label:before {
    border: 1px solid #c64840;
}
thf-select.ng-invalid.ng-dirty .thf-select-button {
    border: 1px solid #c64840!important;
    outline: none;
    color: #c64840;
}
.thf-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid transparent;
    height: 0;
    margin: 0;
    outline: none;
    position: absolute;
    width: 0;
}
.thf-select-container {
    display: inline-block;
    position: relative;
    width: 100%}
.thf-select-container.thf-select-show>.thf-select-button {
    border: 1px solid #0c9abe;
}
.thf-select-container.thf-select-show>.thf-select-content {
    background-color: #fff!important;
    display: block;
    z-index: 1000;
}
.thf-select:focus+.thf-select-container .thf-select-button {
    border: 1px solid #0c9abe!important;
    color: #0c9abe!important;
}
.thf-select-button {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    background-color: #fff;
    border: 1px solid #b6bdbf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #0c9abe;
    cursor: pointer;
    height: 24px;
    overflow: hidden;
    padding: .56em 1.9em .56em 1em;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thf-select-button.thf-select-button-disabled {
    background-color: #eceeee;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
    pointer-events: none;
}
.thf-select-button:hover {
    border: 1px solid #0c9abe;
    color: #0c9abe;
}
.thf-select-content {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    display: none;
    margin-top: -15px;
    max-height: 175px;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    width: 100%}
.thf-select-item {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    color: #0c9abe;
    cursor: pointer;
    display: block;
    padding: 10px 16px;
    text-align: left;
    word-wrap: break-word;
}
.thf-select-item:hover {
    background-color: #f3fafc!important;
    color: #0c9abe!important;
    text-decoration: none;
}
.thf-select-icon {
    font-size: 24px;
    margin: 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.thf-select-item-selected>.thf-select-item {
    background-color: #0c9abe;
    color: #fff;
}
.thf-select-content::-webkit-scrollbar {
    width: 7px;
}
.thf-select-content::-webkit-scrollbar-track {
    display: none;
}
.thf-select-content::-webkit-scrollbar-thumb {
    background-color: rgba(12, 154, 190, .5);
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.thf-select-mobile {
    color: transparent;
    height: 3.5em;
    width: 96%;
    z-index: 1;
}
.thf-switch {
    display: inline-block;
    height: 44px;
    width: 100%}
.thf-switch-container {
    -webkit-border-radius: 14px;
    border-radius: 14px;
    display: inline-block;
    height: 28px;
    margin-top: 8px;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -o-transition: .3s ease-out all;
    transition: all .3s ease-out;
    width: 52px;
}
.thf-switch-container-on {
    background-color: #0c9abe;
}
.thf-switch-container-disabled, .thf-switch-container-off {
    background-color: #dadedf;
}
.thf-switch-container-right {
    float: right!important;
}
.thf-switch-container:focus {
    -webkit-box-shadow: inset 0 0 0 1px #097b98!important;
    box-shadow: inset 0 0 0 1px #097b98!important;
    outline: none;
}
.thf-switch-button {
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    position: relative;
    top: 4px;
    -webkit-transition: all .3s ease-out;
    -o-transition: .3s ease-out all;
    transition: all .3s ease-out;
    width: 20px;
}
.thf-switch-button-on {
    left: 28px;
}
.thf-switch-button-off {
    left: 4px;
}
.thf-switch-button-disabled {
    background-color: #9da7a9;
}
.thf-switch-button-on>.thf-icon-ok {
    color: #0c9abe;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    top: 1px;
}
.thf-switch-button-disabled>.thf-icon-ok {
    color: #dadedf;
}
.thf-switch-button-off>.thf-icon-close {
    color: #dadedf;
    font-size: 18px;
    font-weight: 700;
    left: 1px;
    position: relative;
    top: 1px;
}
.thf-switch-button-disabled>.thf-icon-close {
    color: #dadedf;
}
.thf-switch-label {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    color: #4a5c60;
    position: relative;
    top: 10px;
}
.thf-switch-label-right {
    top: 2px;
    left: 12px;
}
.thf-textarea {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #b6bdbf!important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    display: block;
    padding: 10px 16px;
    resize: none;
    width: 100%}
.thf-textarea:disabled {
    background-color: #eceeee;
    border: 1px solid #eceeee;
    color: #b6bdbf;
}
.thf-textarea:focus {
    border: 1px solid #0c9abe!important;
    outline: none;
}
thf-textarea.ng-invalid.ng-dirty .thf-textarea {
    border: 1px solid #c64840!important;
    color: #c64840;
    outline: none;
}
.thf-textarea-label-error {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
    color: #c64840;
    display: block;
    height: 20px;
    margin-top: 2px;
    padding-left: 2px;
    text-align: left;
}
.thf-textarea-label-error .thf-textarea-label-error-icon {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 2px;
    vertical-align: middle;
    width: 16px;
}
.thf-textarea::-webkit-scrollbar {
    width: 7px;
}
.thf-textarea::-webkit-scrollbar-thumb {
    background-color: #0c9abe;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.thf-grid-show-more {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%}
.k-grid .k-alt.k-state-selected, .k-grid .k-state-selected {
    background-color: rgba(12, 154, 190, .5)!important;
}
.k-grid input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}
.k-grid input[type=checkbox]+label:before {
    background-color: #fff;
    border: 1px solid #b6bdbf;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    content: " ";
    display: inline-block;
    height: 20px;
    margin-right: 8px;
    margin-top: -2px;
    vertical-align: middle;
    width: 20px;
}
.k-grid input[type=checkbox]:checked+label:before {
    background-color: #0c9abe;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    content: "\e937";
    font-family: TotvsIcon!important;
    line-height: 18px;
    padding-left: 3px;
}
.k-grid input[type=checkbox]:disabled+label:before {
    background-color: #eceeee;
    border: 1px solid #b6bdbf;
}
.k-grid input[type=checkbox]:checked:disabled+label:before {
    border: 1px solid #b6bdbf;
}
.k-grid input[type=checkbox]+label:before {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.thf-info {
    text-align: left;
}
.thf-info-label {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #4a5c60;
}
.thf-info-label-horizontal {
    padding-left: 0!important;
}
.thf-info-value {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    color: #1d2426;
    display: block;
    margin-top: 12px;
    min-height: 24px;
}
.thf-info-value-horizontal {
    display: inline;
    margin-top: 0;
    padding-left: 0!important;
    padding-right: 0!important;
}
.thf-list-title {
    display: block;
    height: 22px;
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 1.25;
    text-align: left;
    color: #0c9abe;
    margin: 19px 0 20px 10px;
}
.thf-list-title-container {
    width: 90%}
.thf-list-border {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #eceeee;
    margin-bottom: 16px;
}
.thf-list-actions-button {
    margin-right: 15px;
    margin-top: 20px;
    position: absolute;
    right: 3%}
.thf-list-icon-action {
    font-size: 24px;
    cursor: pointer;
}
.thf-list-more-button {
    color: #0c9abe;
    width: 50px;
    cursor: default;
    text-align: center;
    position: absolute;
    right: 2%;
    margin-top: 16px;
}
.thf-list-actions {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
    width: 190px;
    right: 2%;
    max-height: -webkit-calc(100vh - 150px);
    max-height: calc(100vh - 150px);
    line-height: 20px;
    position: absolute;
    text-align: left;
    overflow: hidden;
}
.thf-list-action {
    color: #0c9abe;
    padding: 16px;
}
.thf-list-action:hover {
    background-color: #f3fafc;
    cursor: pointer;
}
.thf-list-header-container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.thf-list-item-container {
    padding-left: 0px;
    margin-bottom: 20px;
}
.thf-list-button-action {
    padding-left: 8px;
}
.thf-list-li-margin {
    padding-top: 8px;
    padding-bottom: 8px;
}
.thf-list-more-text {
    font-family: NunitoSans;
    font-size: 14px!important;
    line-height: 1.71;
    text-align: left;
    color: #1d9abc;
    padding-left: 16px;
}
.thf-list-more-text:hover {
    color: #c44944;
}
.dropdown-menu {
    left: 82%;
    top: auto;
}
.thf-list-more-base {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    border: none;
    left: auto;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3)!important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3)!important;
}
.thf-list-details {
    color: #1d9abc;
    cursor: pointer;
    font-family: NunitoSans-Bold;
    font-size: 14px!important;
    height: 12px;
    line-height: 1.71;
}
.thf-list-details-link {
    border-top: 1px solid #eceeee;
    margin-top: 42px;
    padding: 7px 0;
    text-align: center;
}
.thf-list-detail-container {
    padding-left: 27px;
    text-align: left;
}
.thf-list-show-more {
    text-align: center;
}
.thf-loading {
    padding: 24px;
}
.thf-loading-icon {
    font-family: TotvsIcon!important;
    display: block;
    text-align: center;
}
.thf-loading-icon:before {
    content: url(../images/totvs-loading-icon.svg);
}
.thf-loading-label {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
    color: #4a5c60;
    display: block;
    margin-top: 16px;
    text-align: center;
}
.thf-menu {
    background-color: #2c3739;
    display: inline-block;
    height: auto;
    overflow: visible;
    vertical-align: top;
}
.thf-menu-container {
    display: inline-block;
    height: 100px;
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    min-height: -webkit-calc(100vh - 50px);
    min-height: calc(100vh - 50px);
    overflow: auto;
    width: 256px;
}
.thf-menu-header-filter~.thf-menu-container {
    max-height: -webkit-calc(100vh - 98px);
    max-height: calc(100vh - 98px);
    min-height: -webkit-calc(100vh - 98px);
    min-height: calc(100vh - 98px);
}
.thf-menu-outer {
    height: 100%;
    overflow: hidden;
    padding-right: 0;
    position: relative;
}
.thf-menu-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
    width: 110%}
.thf-menu-header-container {
    display: fixed;
}
.thf-menu-logo {
    background: url(../images/totvs-logo-white.webp) no-repeat 10% 50%;
    height: 50px;
}
.thf-menu-mobile {
    display: none;
}
.thf-menu-item {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    border-left: 3px solid transparent;
    border-top: 1px solid rgba(74, 92, 96, .45);
    color: #0c9abe;
    max-width: 256px;
    padding: 12px 16px;
    position: relative;
    white-space: normal;
}
.thf-menu-item:hover {
    background-color: rgba(0, 0, 0, .15);
}
.thf-menu-item-link, .thf-menu-item-link:hover {
    text-decoration: none!important;
}
.thf-menu-item-selected, .thf-menu-item-selected:hover {
    background-color: rgba(0, 0, 0, .3);
    border-left: 3px solid #29b6c5!important;
    color: #fff;
    -webkit-transition: border-left .2s ease-in-out;
    -o-transition: border-left .2s ease-in-out;
    transition: border-left .2s ease-in-out;
}
.thf-menu .thf-menu-group-icon {
    font-size: 16px;
    left: 88%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.thf-menu-item-grouper-up, .thf-menu-item-grouper-up:hover {
    background-color: rgba(0, 0, 0, .15);
    border-top: 1px solid rgba(74, 92, 96, .45);
    color: #fff;
}
.thf-menu-sub-items {
    background-color: rgba(0, 0, 0, .15);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .2s ease-in;
    -o-transition: max-height .2s ease-in;
    transition: max-height .2s ease-in;
}
.thf-menu-sub-items .thf-menu-item-level-two {
    padding-left: 24px!important;
}
.thf-menu-sub-items .thf-menu-item-level-three {
    padding-left: 30px!important;
}
.thf-menu-sub-items .thf-menu-item-level-four {
    padding-left: 38px!important;
}
.thf-menu-sub-item-selected {
    background-color: rgba(0, 0, 0, .3)!important;
    border-left: 3px solid #29b6c5!important;
    color: #fff;
}
.thf-menu-responsive {
    display: none;
}
@media screen and (max-width:1200px) {
    .thf-menu {
    margin-left: -256px;
    position: fixed;
    -webkit-transition: margin-left .2s ease-in-out;
    -o-transition: margin-left .2s ease-in-out;
    transition: margin-left .2s ease-in-out;
    z-index: 9999;
}
.thf-menu-animation {
    margin-left: 0;
}
.thf-menu-mobile {
    background-color: #fbfbfb;
    color: #0c9abe;
    display: block;
    font-size: 28px;
    height: 48px;
    padding: 8px;
    position: fixed;
    width: 50px;
}
.thf-menu-overlay {
    background-color: rgba(5, 45, 62, .7);
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    opacity: .7;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
}.thf-menu-icon-container {
    padding: 12px 8px;
}
.thf-menu-icon-item {
    font-size: 20px;
    left: 8px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.thf-menu-icon-label {
    margin-left: 29px;
    max-width: 85%}
.thf-menu-icon-container:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.thf-menu-filter-container {
    height: 48px;
}
.thf-menu-filter-icon {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    color: #0c9abe;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.thf-menu-filter-search-icon-container {
    margin-left: 10px;
    margin-top: 10px;
    position: absolute;
}
.thf-menu-filter {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background-color: rgba(0, 0, 0, .3);
    -webkit-border-radius: 18px;
    border-radius: 18px;
    border: 1px solid rgba(74, 92, 96, .45);
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    color: #fff;
    height: 36px;
    margin: 4px 0 0 8px;
    padding: 0 34px;
    position: absolute;
    width: 240px;
}
.thf-menu-filter::-ms-clear, .thf-menu-filter::-ms-reveal {
    display: none;
}
.thf-menu-filter:focus {
    border: 1px solid #4a5c60;
    outline: none;
}
.thf-menu-filter-close-icon-container {
    margin-left: 214px;
    margin-top: 6px;
    position: absolute;
}
.thf-menu-filter-close-icon-container .thf-field-icon {
    font-size: 16px;
}
.thf-menu-panel {
    background-color: #2c3739;
    display: inline-block;
    height: auto;
    vertical-align: top;
}
.thf-menu-panel-container {
    display: inline-block;
    height: 100px;
    max-height: -webkit-calc(100vh - 50px);
    max-height: calc(100vh - 50px);
    min-height: -webkit-calc(100vh - 50px);
    min-height: calc(100vh - 50px);
    width: 56px;
}
.thf-menu-panel-inner {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 100%;
    width: 100%}
.thf-menu-panel-logo {
    background: url(../images/totvs-logo-menu-panel.svg) no-repeat 50% 50%;
    height: 50px;
}
.thf-menu-panel-item {
    border-top: 1px solid rgba(74, 92, 96, .45);
    color: #0c9abe;
    font-size: 24px;
    padding: 8px 16px 4px;
}
.thf-menu-panel-item:hover {
    background-color: rgba(0, 0, 0, .15);
}
.thf-menu-panel-item-selected, .thf-menu-panel-item-selected:hover {
    background-color: rgba(0, 0, 0, .3);
    color: #fff;
}
.thf-modal {
    position: relative;
    z-index: 50;
}
.thf-modal-overlay:before {
    background-color: rgba(5, 45, 62, .7);
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.thf-modal-sm {
    width: 40%}
.thf-modal-md {
    width: 50%}
.thf-modal-lg {
    width: 60%}
.thf-modal-xl {
    width: 70%}
.thf-modal-auto {
    width: auto;
}
.thf-modal-header {
    border: 0;
    padding: 21px 8px;
}
.thf-modal-content {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .3);
    left: 50%;
    max-width: 768px;
    padding: 0 8px;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.thf-modal-title {
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 32px;
    color: #4a5c60;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thf-modal-header-close-button {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    color: #0c9abe;
    cursor: pointer;
    float: right;
    text-align: right;
    text-decoration: none;
}
.thf-modal-body {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    color: #1d2426;
    /* margin: 8px; */
    /* max-height: -webkit-calc(100vh - 210px); */
    /* max-height: calc(100vh - 210px); */
    overflow-y: auto;
    text-align: left;
}
.thf-modal-body::-webkit-scrollbar {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    opacity: .5;
    width: 4px;
}
.thf-modal-body::-webkit-scrollbar-thumb {
    background-color: #0c9abe;
}
.thf-modal-footer {
    background-color: #fff;
    float: right;
    overflow: auto;
    padding: 24px 8px;
    text-align: right;
    width: 100%}
.thf-modal-footer .thf-button {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 12px;
    width: auto;
}
@media screen and (max-width:480px) {
    .thf-modal-content {
    width: 90%}
.thf-modal-footer {
    /* padding: 16px 0; */
    text-align: center;
}
.thf-modal-footer .thf-button {
    display: inline-block;
    margin: 0 6px;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    width: -webkit-calc(50% - 16px);
    width: calc(50% - 16px);
}
.thf-modal-footer .thf-button-modal-first-action:only-child .thf-button {
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px);
}
.thf-modal-header {
    padding: 8px;
}
.thf-modal-auto {
    width: 90%}
}@media screen and (min-width:481px) and (max-width:960px) {
    .thf-modal-content {
    width: 80%}
.thf-modal-footer {
    float: right;
}
.thf-modal-auto {
    width: auto;
}
}.thf-page {
    height: 100%;
    width: 100%;
    background-color: #fbfbfb;
}
.thf-page-bottom-container {
    position: absolute;
    width: inherit;
    bottom: 0;
    background-color: #fbfbfb;
    padding: 16px 8px;
}
.thf-page-bottom-actions .thf-button {
    margin-right: 8px;
    margin-left: 8px;
    line-height: 1.2!important;
}
.thf-page-bottom-actions {
    float: right;
}
@media (max-width:480px) {
    .thf-page-bottom-container {
    padding: 16px 4px;
}
.thf-page-bottom-actions .thf-button {
    width: 28%;
    min-width: 94px;
    margin-right: 4px;
    margin-left: 4px;
}
.thf-page-bottom-actions {
    float: none;
    text-align: center;
    width: inherit;
}
}.thf-page-bottom-actions .thf-button {
    width: auto;
}
@media (max-width:359px) {
    .thf-page-bottom-actions .thf-button {
    width: 91%;
    margin-top: 4px;
}
}.thf-page-content {
    max-height: 100%;
    overflow-y: auto;
    padding: 16px;
    position: absolute;
    top: 0;
    width: 100%}
.thf-page-default-actions {
    margin-top: -45px;
}
.thf-page-default-actions .thf-button {
    float: left;
}
@media (min-width:768px) {
    .thf-page-default-actions {
    float: right;
}
}@media (max-width:767px) {
    .thf-page-default-actions {
    margin-top: 16px;
}
}@media (min-width:480px) {
    .thf-page-default-actions .thf-button {
    margin-right: 16px;
}
}@media (max-width:479px) {
    .thf-page-default-actions .dropdown, .thf-page-default-actions .thf-button {
    width: 48%!important;
}
.thf-page-default-actions .thf-button:first-child {
    margin-right: 4px;
}
.thf-page-default-actions .dropdown:first-child, .thf-page-default-actions .thf-button:nth-child(2) {
    float: right;
    margin-left: 4px;
}
}.thf-page-header {
    padding: 16px;
    width: 100%}
.thf-page-header-title {
    font-family: NunitoSans-ExtraLight;
    font-size: 34px;
    line-height: 48px;
    color: #4a5c60;
    text-align: left;
}
.thf-page-header-row:before {
    content: " ";
    display: table;
}
.thf-page-header-row:after {
    clear: both;
    content: " ";
    display: table;
}
.thf-page-header-breadcrumb {
    margin-bottom: 16px;
}
.thf-page-list-actions {
    float: none;
    margin-top: 20px;
    z-index: 1;
}
.thf-page-list-actions .thf-button {
    float: left;
}
.thf-page-list-filter-content {
    height: 60px;
    margin-top: -60px;
    width: 100%}
.thf-page-list-filter-wrapper {
    float: right;
    margin-top: 20px;
}
.thf-page-list-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float: left;
}
.thf-page-list-filter .thf-input {
    padding-left: 40px;
    width: auto;
}
.thf-page-list-filter-search {
    float: left;
    height: 45px;
    padding-top: 10px;
}
.thf-page-list-filter-search-link {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #0c9abe;
    cursor: pointer;
    padding-left: 10px;
    text-decoration: none;
}
.thf-page-list-icon-search {
    color: #0c9abe;
    cursor: pointer;
    font-size: 25px;
    left: 10px;
    position: relative;
    text-decoration: none;
    top: 7px;
    width: 0;
}
.thf-page-list-disclaimer-group {
    display: block;
    margin-top: 16px;
}
@media (max-width:767px) {
    .thf-page-list-actions {
    margin-bottom: 24px;
    margin-top: 16px;
}
.thf-page-list-filter-content {
    margin-top: -20px;
    width: 100%}
}@media (min-width:491px) {
    .thf-page-list-actions .thf-button {
    margin-right: 16px;
}
}@media (max-width:490px) {
    .thf-page-list-actions .dropdown, .thf-page-list-actions .thf-button {
    width: auto;
}
.thf-page-list-actions .thf-button:first-child {
    margin-right: 3px;
}
.thf-page-list-actions .dropdown:first-child, .thf-page-list-actions .thf-button:nth-child(2) {
    float: right;
    margin-left: 4px;
}
.thf-page-list-filter-content {
    height: auto;
}
.thf-page-list-filter-wrapper {
    width: 100%;
    margin-top: 10px;
}
.thf-page-list-filter {
    width: auto;
}
.thf-page-list-filter-search {
    text-align: center;
    width: auto;
}
}@media (max-width:410px) {
    .thf-page-list-filter .thf-input {
    width: 150px;
}
}.thf-page-login-container {
    background-color: #fbfbfb;
    display: table;
    height: 100%;
    width: 100%}
.thf-page-login-panel {
    display: table-cell;
    margin: 0 auto;
    padding-bottom: 32px;
    padding-top: 32px;
    position: relative;
    vertical-align: middle;
    width: 50%}
.thf-page-login-body {
    margin: 0 auto;
    max-width: 500px;
}
.thf-page-login-panel-content {
    padding: 84px 0;
}
.thf-page-login-main-logo {
    left: 0;
    position: absolute;
    right: 0;
    top: 32px;
}
.thf-page-login-main-logo, .thf-page-login-secondary-logo {
    bottom: 32px;
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}
.thf-page-login-secondary-logo {
    height: auto;
    max-width: 80px;
}
.thf-page-login-main-logo {
    height: auto;
    width: 160px;
}
.thf-page-login-panel .thf-page-login-header {
    font-family: NunitoSans-ExtraLight;
    font-size: 34px;
    line-height: 48px;
    padding-bottom: 16px;
    text-align: center;
}
.thf-page-login-recovery-link, .thf-page-login-register-link {
    margin-top: 30px;
    text-align: center;
    width: 100%}
.thf-page-login-recovery-link a, .thf-page-login-register-link a {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #0c9abe;
    cursor: pointer;
    text-decoration: none;
}
.thf-page-login-recovery-link a:focus, .thf-page-login-recovery-link a:hover, .thf-page-login-register-link a:focus, .thf-page-login-register-link a:hover {
    color: #097b98;
    text-decoration: underline;
}
.thf-page-login-form {
    padding-top: 16px;
}
.thf-page-login-highlight-image {
    background-color: #eceeee;
    background-position: 100%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
}
.thf-page-login-highlight-text {
    display: table;
}
.thf-page-login-highlight-text .thf-font-display {
    font-family: NunitoSans-ExtraLight;
    font-size: 50px;
    line-height: 64px;
    color: #fff;
    display: table-cell;
    max-width: 472px;
    padding-left: 36px;
    vertical-align: middle;
    word-wrap: break-word;
}
@media (max-width:768px) {
    .thf-page-login-highlight-image, .thf-page-login-highlight-image-off, .thf-page-login-highlight-text {
    display: none;
}
}@media (max-width:540px) {
    .thf-page-login-panel .thf-page-login-header {
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 0;
    height: 32px;
    overflow: hidden;
}
.thf-page-login-header-greeting {
    display: none;
}
.thf-page-login-main-logo {
    top: 8px;
}
.thf-page-login-secondary-logo {
    bottom: 16px;
}
.thf-page-login-panel-content {
    padding: 32px 0 16px;
}
.thf-page-login-form {
    padding-top: 8px;
}
.thf-page-login-recovery-link, .thf-page-login-register-link {
    margin-top: 16px;
}
}@media (max-width:320px) {
    .thf-page-login-panel {
    padding-bottom: 0;
    padding-top: 0;
}
.thf-page-login-main-logo {
    width: 120px;
}
.thf-page-login-secondary-logo {
    max-width: 40px;
}
.thf-page-login-main-logo, .thf-page-login-secondary-logo {
    bottom: 8px;
}
.thf-page-login-panel .thf-page-login-header {
    padding-bottom: 0;
    height: 32px;
    overflow: hidden;
}
.thf-page-login-form {
    padding-top: 0;
}
.thf-page-login-recovery-link, .thf-page-login-register-link {
    margin-top: 8px;
    text-align: center;
    width: 50%}
.thf-page-login-recovery-link {
    text-align: left;
    padding-left: 8px;
}
.thf-page-login-register-link {
    text-align: right;
    padding-right: 8px;
}
}.thf-popover {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3);
    max-height: 800px;
    max-width: 800px;
    min-height: 172px;
    min-width: 240px;
    position: fixed;
    z-index: 1000;
}
.thf-popover-arrow {
    background-color: #fff;
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, .1);
}
.thf-popover-content {
    padding: 16px;
    width: 100%;
    max-height: 768px;
    overflow: auto;
}
.thf-popover-content::-webkit-scrollbar {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    opacity: .5;
    width: 4px;
}
.thf-popover-content::-webkit-scrollbar-thumb {
    background-color: #0c9abe;
}
.thf-popover-title {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #4a5c60;
    display: block;
    line-height: 14px;
    margin-bottom: 8px;
}
.thf-popup {
    background-color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    left: 0;
    max-width: 300px;
    position: fixed;
    width: auto;
    z-index: 3;
}
.thf-popup-arrow {
    background-color: #fff;
    -webkit-box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: -1px -1px 1px 0 rgba(0, 0, 0, .1);
    z-index: -1;
}
.thf-popup-icon-item {
    padding-right: 4px;
}
.thf-popup-item-danger, .thf-popup-item-default {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: normal;
    padding: 10px 16px;
    cursor: pointer;
}
.thf-popup-item-danger:hover, .thf-popup-item-default:hover {
    background-color: #f3fafc;
}
.thf-popup-item-danger {
    color: #c64840;
}
.thf-popup-item-default {
    color: #0c9abe;
}
.thf-popup-item-disabled {
    color: #dadedf;
    cursor: default!important;
}
.thf-popup-item-separator {
    border-top: 1px solid #eceeee;
}
.thf-stepper-card-content {
    padding: 0;
}
.thf-stepper {
    display: table;
    table-layout: fixed;
}
.thf-stepper-horizontal {
    margin: 0 auto;
    width: 100%}
.thf-stepper-horizontal .thf-stepper-step {
    color: #b6bdbf;
    cursor: pointer;
    display: table-cell;
    padding-bottom: 1.6em;
    padding-top: 1em;
    position: relative;
}
.thf-stepper-vertical .thf-stepper-step {
    color: #b6bdbf;
    cursor: pointer;
    display: table;
    height: 5.5em;
    min-height: 5.5em;
    padding-left: 1em;
    position: relative;
}
.thf-stepper-horizontal .thf-stepper-circle, .thf-stepper-vertical .thf-stepper-circle .thf-stepper-one-digit {
    padding: 0 .5em;
}
.thf-stepper-horizontal .thf-stepper-circle, .thf-stepper-vertical .thf-stepper-circle .thf-stepper-two-digits {
    padding: 0 .24em;
}
.thf-stepper-horizontal .thf-stepper-step:first-child .thf-stepper-bar-left, .thf-stepper-horizontal .thf-stepper-step:last-child .thf-stepper-bar-right, .thf-stepper-vertical .thf-stepper-step:first-child .thf-stepper-bar-top, .thf-stepper-vertical .thf-stepper-step:last-child .thf-stepper-bar-bottom {
    display: none;
}
.thf-stepper-horizontal .thf-stepper-step .thf-stepper-circle, .thf-stepper-vertical .thf-stepper-step .thf-stepper-circle {
    font-family: NunitoSans-Bold;
    font-size: 12px;
    line-height: 16px;
    border: 2px solid #b6bdbf;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: table;
    height: 2em;
    padding-top: .1em;
    text-align: center;
    vertical-align: middle;
    width: 2em;
}
.thf-stepper-horizontal .thf-stepper-step .thf-stepper-circle {
    margin: 0 auto;
}
.thf-stepper-vertical .thf-stepper-step .thf-stepper-circle {
    bottom: 0;
    display: table-cell;
    margin: auto;
    position: absolute;
    top: 0;
}
.thf-stepper .thf-stepper-step .thf-stepper-circle span {
    margin: 0 auto;
    vertical-align: middle;
    width: 100%}
.thf-stepper-horizontal .thf-stepper-step.thf-stepper-step-active .thf-stepper-circle, .thf-stepper-horizontal .thf-stepper-step.thf-stepper-step-active .thf-stepper-title, .thf-stepper-vertical .thf-stepper-step.thf-stepper-step-active .thf-stepper-circle, .thf-stepper-vertical .thf-stepper-step.thf-stepper-step-active .thf-stepper-title {
    border-color: #0c9abe;
    color: #0c9abe;
}
.thf-stepper-horizontal .thf-stepper-step.thf-stepper-step-done .thf-stepper-circle, .thf-stepper-horizontal .thf-stepper-step.thf-stepper-step-done .thf-stepper-title, .thf-stepper-vertical .thf-stepper-step.thf-stepper-step-done .thf-stepper-circle, .thf-stepper-vertical .thf-stepper-step.thf-stepper-step-done .thf-stepper-title {
    border-color: #00b28e;
    color: #00b28e;
}
.thf-stepper-step .thf-stepper-title {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
}
.thf-stepper-horizontal .thf-stepper-step .thf-stepper-title {
    margin-top: .7em;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center;
}
.thf-stepper-vertical .thf-stepper-step .thf-stepper-title {
    display: table-cell;
    margin-left: 2.7em;
    padding-left: 2.9em;
    vertical-align: middle;
}
.thf-stepper-horizontal .thf-stepper-step .thf-stepper-bar-left, .thf-stepper-horizontal .thf-stepper-step .thf-stepper-bar-right {
    border-top: 2px solid #dadedf;
    height: 1px;
    position: absolute;
    top: 1.7em;
}
.thf-stepper-vertical .thf-stepper-step .thf-stepper-bar-bottom, .thf-stepper-vertical .thf-stepper-step .thf-stepper-bar-top {
    border-left: 2px solid #dadedf;
    position: absolute;
    width: 1px;
}
.thf-stepper-horizontal .thf-stepper-step .thf-stepper-bar-right {
    left: 50%;
    margin-left: .75em;
    right: 0;
}
.thf-stepper-horizontal .thf-stepper-step .thf-stepper-bar-left {
    left: 0;
    margin-right: .75em;
    right: 50%}
.thf-stepper-vertical .thf-stepper-step .thf-stepper-bar-bottom {
    bottom: 0;
    left: 1.7em;
    margin-top: .75em;
    top: 50%}
.thf-stepper-vertical .thf-stepper-step .thf-stepper-bar-top {
    bottom: 50%;
    left: 1.7em;
    margin-bottom: .75em;
    top: 0;
}
.thf-table-wrapper, .thf-table-wrapper-ellipsis {
    margin-bottom: 16px;
    width: 100%}
.thf-table-wrapper {
    display: inline-block;
}
.thf-table-wrapper-ellipsis {
    display: table;
}
.thf-table-layout-fixed {
    table-layout: fixed;
}
.thf-table {
    font-family: NunitoSans;
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    width: 100%}
.thf-table, .thf-table-no-data {
    font-size: 14px;
    line-height: 24px;
}
.thf-table-no-data {
    font-family: NunitoSans-Bold;
    padding: 16px 0;
}
.thf-table-container-relative {
    position: relative;
}
.thf-table-overlay {
    background-color: rgba(5, 45, 62, .7);
    bottom: 0;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}
.thf-table-overlay, .thf-table-overlay-content {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
}
.thf-table-overlay-content {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    display: table;
    height: 80%;
    left: 50%;
    max-height: 104px;
    max-width: 200px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%}
.thf-table-overlay-content .thf-loading {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}
.thf-table .thf-table-header {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 2px solid #ceeaf2;
    color: #0c9abe;
    height: 44px;
    text-align: left;
}
.thf-table-header-fixed-inner {
    padding-right: 8px;
}
.thf-table-header-fixed-columns-pixels {
    width: auto;
}
.thf-table-container {
    padding-top: 44px;
    position: relative;
    word-break: break-all;
}
.thf-table-container-fixed-inner {
    height: 100%;
    overflow-y: scroll;
}
.thf-table-header-fixed {
    border-bottom: 2px solid #ceeaf2;
    height: 44px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.thf-table-header-fixed-inner {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #0c9abe;
    margin-top: 8px;
    position: absolute;
    top: 0;
}
.thf-table .thf-table-row {
    height: 44px;
}
.thf-table-striped .thf-table-group-row:nth-child(odd) {
    background-color: #fbfbfb;
}
.thf-table .thf-table-row-active {
    background-color: #f3fafc!important;
}
.thf-table-column-detail {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #eceeee;
}
.thf-table-link, .thf-table-link:link, .thf-table-link:visited {
    color: #0c9abe;
    text-decoration: none;
}
.thf-table-link:hover {
    color: #097b98;
    cursor: pointer;
    text-decoration: underline;
}
.thf-table-link:active {
    color: #075c72;
}
.thf-table-row-template-container {
    padding: 8px 8px 8px 35px;
}
.thf-table-master-detail-label {
    padding: 0 4px;
}
.thf-table .thf-table-column {
    border-bottom: 1px solid #eceeee;
    color: #1d2426;
    padding: 0 8px;
    text-align: left;
}
.thf-table .thf-table-column-icons .thf-icon.thf-column-text-danger, .thf-table .thf-table-column.thf-column-text-danger {
    color: #c64840;
}
.thf-table .thf-table-column-icons .thf-icon.thf-column-text-success, .thf-table .thf-table-column.thf-column-text-success {
    color: #00b28e;
}
.thf-table .thf-table-column-icons .thf-icon.thf-column-text-warning, .thf-table .thf-table-column.thf-column-text-warning {
    color: #ea9b3e;
}
.thf-table .thf-table-column-right {
    text-align: right;
}
.thf-table .thf-table-column-center {
    text-align: center;
}
.thf-table-header-action {
    max-width: 50px;
    min-width: 50px;
    width: 50px;
}
.thf-table-header-single-action {
    max-width: 120px;
    min-width: 120px;
    width: 120px;
}
.thf-table .thf-table-column-single-action {
    text-align: center;
    word-break: break-all;
}
.thf-table .thf-table-single-action {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    color: #0c9abe;
    padding: 0;
}
.thf-table .thf-table-single-action:hover {
    color: #097b98;
}
.thf-table .thf-table-action-disabled {
    color: #dadedf;
}
.thf-table .thf-table-action-disabled:hover {
    color: #dadedf;
    cursor: default;
}
.thf-table-column-actions {
    font-family: NunitoSans;
    font-size: 16px;
    line-height: 24px;
    cursor: default;
    max-width: 50px;
    position: relative;
    text-align: center;
}
.thf-table-column-actions, .thf-table-column-icons {
    border-bottom: 1px solid #eceeee;
    color: #0c9abe;
    min-width: 50px;
    width: 50px;
}
.thf-table-column-icons {
    font-size: 24px;
    padding: 8px 16px;
    text-align: left;
    white-space: nowrap;
}
.thf-table-footer {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
}
.thf-table-footer-show-more {
    padding-top: 16px;
}
.thf-table-column-subtitle {
    text-align: center;
}
.thf-table-column-label, .thf-table-subtitle-circle {
    font-family: NunitoSans-Bold;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    color: #fff;
    height: 20px;
    line-height: 21px;
}
.thf-table-subtitle-circle {
    display: inline-block;
    text-align: center;
    width: 20px;
}
.thf-table-column-label {
    text-align: left;
    width: auto;
    min-width: 20px;
    padding: 0 7px;
    float: left;
}
.thf-table-subtitle-text {
    padding-left: 4px;
}
.thf-table-header-subtitle {
    max-width: 80px;
    min-width: 80px;
    text-align: center;
    width: 80px;
}
.thf-table-subtitle-footer {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
    margin-top: 14px;
    padding: 0 16px;
}
.thf-table-icon-header {
    -webkit-background-size: 16px 16px;
    background-size: 16px 16px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}
.thf-table-body-ellipsis, .thf-table-header-ellipsis, .thf-table-icon-header {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thf-table-body-ellipsis {
    max-width: 100%}
.thf-table-header-ellipsis, .thf-table-header>.thf-table-header-column {
    padding: 0 4px;
}
.thf-table-header-block {
    display: block;
}
.thf-table-header-icon-ascending:after {
    content: url(../images/order-ascending.svg);
    float: right;
    vertical-align: sub;
    white-space: nowrap;
}
.thf-table-header-icon-descending:after {
    content: url(../images/order-descending.svg);
    float: right;
    vertical-align: sub;
    white-space: nowrap;
}
.thf-table-header-icon-unselected:after {
    content: url(../images/order-unselected.svg);
    float: right;
    vertical-align: sub;
    white-space: nowrap;
}
.thf-table .thf-table-column-checkbox {
    padding: 0 8px;
    min-width: 36px;
    max-width: 36px;
    text-align: center;
    width: 36px;
}
.thf-table .thf-table-checkbox {
    border: 1px solid #b6bdbf;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 8px 0 rgba(0, 0, 0, .1);
    display: none;
    height: 20px;
    position: absolute;
    width: 20px;
}
.thf-table-column-checkbox .thf-table-checkbox+.thf-table-checkbox-label:before {
    border: 1px solid #b6bdbf;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 2px 8px 0 rgba(0, 0, 0, .15);
    content: " ";
    display: inline-block;
    height: 20px;
    margin-top: -2px;
    margin-right: 8px;
    vertical-align: middle;
    width: 20px;
}
.thf-table-checkbox-indeterminate+.thf-table-checkbox-label:before, .thf-table-column-checkbox .thf-table-checkbox-checked+.thf-table-checkbox-label:before {
    background-color: #0c9abe;
    border: 1px solid #0c9abe!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-family: TotvsIcon!important;
    line-height: 18px;
    padding-left: 3px;
}
.thf-table-column-checkbox .thf-table-checkbox-checked+.thf-table-checkbox-label:before {
    content: "\e937"}
.thf-table-checkbox-indeterminate+.thf-table-checkbox-label:before {
    content: "\e928"!important;
}
.thf-table-master-detail {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    border-spacing: inherit;
    width: 100%}
.thf-table-detail-row {
    color: #9da7a9;
    height: 44px;
}
.thf-table-striped .thf-table-master-detail .thf-table-detail-row:nth-child(2n) {
    background-color: #fbfbfb;
}
.thf-table-master-detail .thf-table-detail-row:last-child .thf-table-column-master-detail, .thf-table-master-detail .thf-table-detail-row:last-child .thf-table-column-master-detail-space {
    border-bottom: none;
}
.thf-table-column-master-detail-space, .thf-table-column-master-detail-space-checkbox {
    border-bottom: 1px solid #eceeee;
}
.thf-table-column-master-detail-space {
    width: 70px;
}
.thf-table-column-master-detail-space-checkbox {
    width: 35px;
}
.thf-table-column-detail-toggle {
    text-align: center;
}
.thf-table-column-detail-toggle, .thf-table-header-master-detail {
    max-width: 35px;
    min-width: 35px;
    width: 35px;
    border-bottom: 1px solid #eceeee;
}
.thf-table-column-master-detail {
    border-bottom: 1px solid #eceeee;
}
.thf-table-column-detail-toggle .thf-icon-arrow-down, .thf-table-column-detail-toggle .thf-icon-arrow-up {
    font-family: NunitoSans;
    font-size: 24px;
    line-height: 32px;
    color: #0c9abe;
}
.thf-table-container-fixed-inner::-webkit-scrollbar {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 4px;
    opacity: .5;
    width: 4px;
}
.thf-table-container-fixed-inner::-webkit-scrollbar-thumb {
    background-color: #0c9abe;
}
@media screen and (max-width:960px) {
    .thf-table .thf-table-column {
    padding: 0 4px;
}
.thf-table-header-fixed-inner {
    padding-right: 4px;
}
.thf-table-header-fixed-inner .thf-table-header-ellipsis {
    padding-left: 0;
}
.thf-table-header-ellipsis, .thf-table-header>.thf-table-header-column {
    padding: 0 4px;
}
.thf-table-column-checkbox {
    padding: 0 4px!important;
}
}.thf-tabs-parent {
    display: table;
    width: 100%}
.thf-tabs-container {
    padding-top: 5px;
}
thf-tab-button {
    -webkit-box-shadow: inset 0 -1px 0 0 #eceeee;
    box-shadow: inset 0 -1px 0 0 #eceeee;
    color: #0c9abe;
    cursor: pointer;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
thf-tab-button .thf-tab-size1 {
    font-size: 16px;
    height: 44px;
}
thf-tab-button .thf-tab-size1, thf-tab-button .thf-tab-size2 {
    font-family: NunitoSans-Bold;
    line-height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
}
thf-tab-button .thf-tab-size2 {
    font-size: 14px;
    height: 32px;
}
thf-tab-button .thf-tab-hidden {
    display: none;
}
.thf-tab-disabled {
    color: #b6bdbf;
    cursor: auto;
}
.thf-tab-active {
    -webkit-box-shadow: inset 0 -3px 0 0 #29b6c5;
    box-shadow: inset 0 -3px 0 0 #29b6c5;
}
.thf-toolbar {
    background-color: #fbfbfb;
    display: table;
    height: 48px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}
.thf-toolbar-title {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #29b6c5;
    display: table-cell;
    height: 24px;
    padding-left: 16px;
    text-align: left;
    vertical-align: middle;
}
.thf-toolbar-group-icon {
    float: right;
    line-height: 30px;
    padding: 7px 0;
}
.thf-toolbar-icon {
    color: #0c9abe;
    font-size: 24px;
    vertical-align: middle;
}
.thf-toolbar-notification-badge {
    font-family: NunitoSans-Bold;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    background-color: #c64840;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    width: 15px;
}
.thf-toolbar-notification, .thf-toolbar-profile {
    display: table-cell;
}
.thf-toolbar-notification {
    padding-right: 8px;
}
.thf-toolbar-profile {
    float: right;
    margin-right: 24px;
}
.thf-toolbar-profile-item-header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eceeee;
    cursor: default;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 56px;
    padding: 10px 16px;
    width: 100%}
.thf-toolbar-profile-item-avatar {
    margin: 0;
}
.thf-toolbar-profile-item-header-subtitle, .thf-toolbar-profile-item-header-title {
    color: #0c9abe;
    max-width: 230px;
    overflow: hidden;
    padding-left: 16px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.thf-toolbar-profile-item-header-title {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
}
.thf-toolbar-profile-item-header-subtitle {
    font-family: NunitoSans;
    font-size: 12px;
    line-height: 16px;
}
.thf-tooltip {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    max-width: 246px;
    padding: 8px 16px;
    position: fixed;
    z-index: 1000;
}
.thf-tooltip, .thf-tooltip-arrow {
    background-color: #4a5c60;
}
.thf-tooltip-content {
    font-family: NunitoSans;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}
.thf-upload {
    position: relative;
}
.thf-upload-button {
    font-family: NunitoSans-Bold;
    font-size: 16px;
    line-height: 24px;
    max-width: 40%;
    padding: 10px 16px;
    margin-right: 10px;
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #0c9abe;
    color: #0c9abe;
    text-align: center;
    cursor: pointer;
}
.thf-upload-button.thf-upload-button-disabled, .thf-upload-button.thf-upload-button-disabled:hover {
    background-color: #fff;
    border: 1px solid #b6bdbf;
    color: #b6bdbf;
}
.thf-upload-button:hover {
    background-color: #fff;
    border: 1px solid #097b98;
    color: #097b98;
}
.thf-upload-button:active {
    background-color: #fff;
    border: 1px solid #075c72;
    color: #075c72;
}
.thf-upload-input {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    margin-top: 10px;
    pointer-events: none;
    opacity: .01;
}
.thf-upload-progress {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    min-height: 21px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px 16px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #eaf7f9;
    color: #29b6c5;
}
.thf-upload-progress-success {
    background-color: #00b28e;
    color: #fff;
}
.thf-upload-progress-error {
    background-color: #c64840;
    color: #fff;
}
.thf-upload-progress-status {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background-color: #29b6c5;
}
.thf-upload-filename {
    color: #4a5c60;
    float: left;
}
.thf-upload-filename-loading {
    color: #fff;
}
.thf-upload-filename-loading>.thf-icon {
    font-weight: 700;
    padding-top: 4px;
    padding-right: 8px;
}
.thf-upload-filename .thf-icon-info {
    color: #29b6c5;
    font-weight: 700;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 12px;
}
.thf-upload-filename-foreground {
    position: relative;
    z-index: 10;
}
.thf-upload-group-actions {
    float: right;
}
.thf-upload-action {
    cursor: pointer;
    display: inline-block;
    float: right;
    margin-left: 16px;
}
.thf-widget {
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
}
.thf-widget-no-shadow {
    border: 1px solid #eceeee;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.thf-widget-sm {
    width: 25%}
.thf-widget-md {
    width: 50%}
.thf-widget-lg {
    width: 75%}
.thf-widget-xl {
    width: 100%}
.thf-widget-header-title {
    font-family: NunitoSans-Bold;
    height: auto;
    padding: 13px 16px;
}
.thf-widget-body, .thf-widget-header-title {
    font-size: 14px;
    line-height: 24px;
    color: #4a5c60;
    text-align: left;
}
.thf-widget-body {
    font-family: NunitoSans;
    padding: 16px;
}
.thf-widget-footer {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    border-top: 1px solid #eceeee;
    height: auto;
    padding-top: 13px;
    padding-bottom: 13px;
    width: 100%}
.thf-widget-action-container, .thf-widget-footer {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
}
.thf-widget-action {
    color: #0c9abe;
    text-align: center;
    text-decoration: none;
}
.thf-widget-action:hover {
    color: #097b98;
    cursor: pointer;
}
.thf-widget-action:active {
    color: #097b98;
}
.thf-toaster-success {
    background-color: #00b28e;
}
.thf-toaster-info {
    background-color: #4a5c60;
}
.thf-toaster-warning {
    background-color: #ea9b3e;
}
.thf-toaster-error {
    background-color: #c64840;
}
.thf-toaster {
    font-family: NunitoSans-Bold;
    font-size: 14px;
    line-height: 24px;
    -webkit-box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .15);
    color: #fff;
    min-height: 24px;
    overflow: auto;
    padding: 12px 16px 8px;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 1050;
}
.thf-toaster-bottom {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
}
.thf-toaster-message {
    float: left;
    text-align: left;
}
.thf-toaster-message>.thf-icon {
    font-size: 16px;
    font-weight: 700;
    padding-right: 10px;
}
.thf-toaster-action {
    cursor: pointer;
    float: right;
    text-align: right;
}