kc-sdk
Version:
Knowledge Components SDK
2,254 lines (2,199 loc) • 37.9 kB
CSS
/**
* Copyright (c) Optum 2015 - All Rights Reserved.
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
}
html,
body {
height: 100%;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
font-size: 75%;
}
body {
background-color: white;
}
body,
input,
select,
textarea {
color: #282a2e;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0;
}
input[type=text],
input[type=tel],
input[type=password],
input[type=checkbox],
input[type=email],
input[type=radio],
textarea,
select {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
outline: none;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=checkbox]:focus,
input[type=email]:focus,
input[type=radio]:focus,
textarea:focus,
select:focus {
box-shadow: 0 0 3px 1px #248C95;
border-color: #248C95 ;
}
a,
a:link,
a:visited,
a:hover {
color: #005187;
text-decoration: none;
}
p a,
p a:link,
.oui-type-like-p a,
.oui-type-like-p a:link,
a:hover {
text-decoration: underline;
}
a:active,
span[tabindex]:focus,
a:focus {
outline: dotted thin;
text-decoration: underline;
}
p,
h6,
ul,
.oui-type-like-p {
line-height: 120%;
}
p {
margin-bottom: .917rem;
}
h1,
.oui-type-like-h1 {
color: #63666a;
font-size: 2em;
margin-bottom: 1.5rem;
font-weight: normal;
}
h1:focus {
outline: none;
}
h2,
.oui-type-like-h2 {
color: #c25608;
font-size: 1.667em;
font-weight: bold;
margin-bottom: .833rem;
line-height: 120%;
}
h3,
.oui-type-like-h3 {
color: #282a2e;
font-size: 1.5em;
font-weight: bold;
margin-bottom: .833rem;
line-height: 120%;
}
h4,
.oui-type-like-h4 {
color: #63666a;
font-weight: bold;
font-size: 1.333em;
margin-bottom: .833rem;
line-height: 120%;
}
h5,
.oui-type-like-h5 {
color: #282a2e;
font-weight: bold;
font-size: 1.167em;
line-height: 120%;
margin-bottom: .833rem;
}
h6,
.oui-type-like-h6 {
color: #c25608;
font-size: 1.167em;
font-weight: bold;
line-height: 120%;
margin-bottom: .833rem;
}
h2,
h3,
h4,
h5,
h6,
.oui-type-like-h2,
.oui-type-like-h3,
.oui-type-like-h4,
.oui-type-like-h5,
.oui-type-like-h6 {
margin-top: 1.667rem;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.oui-type-like-h2:first-child,
.oui-type-like-h3:first-child,
.oui-type-like-h4:first-child,
.oui-type-like-h5:first-child,
.oui-type-like-h6:first-child,
.oui-a11y-hidden:first-child + h2,
.oui-a11y-hidden:first-child + h3,
.oui-a11y-hidden:first-child + h4,
.oui-a11y-hidden:first-child + h5,
.oui-a11y-hidden:first-child + h6 {
margin-top: 0;
}
.oui-list-standard,
.oui-list-standard ul {
list-style: square inside;
line-height: 120%;
}
.oui-list-standard ul {
margin-left: 1.083rem;
}
.oui-pattern-demo {
margin: 1.08333333rem;
}
.oui-a11y-hidden {
clip: rect(1px, 1px, 1px, 1px);
position: absolute ;
height: 1px;
width: 1px;
overflow: hidden;
}
.oui-grid-12,
.oui-grid-12-12,
.oui-grid-12-full,
.oui-grid-12-1,
.oui-grid-12-2,
.oui-grid-12-3,
.oui-grid-12-4,
.oui-grid-12-5,
.oui-grid-12-6,
.oui-grid-12-7,
.oui-grid-12-8,
.oui-grid-12-9,
.oui-grid-12-10,
.oui-grid-12-11 {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
}
.oui-grid-12,
.oui-grid-12-12,
.oui-grid-12-full {
width: 100%;
}
.oui-grid-12-1 {
width: 8.3333333333333%;
}
.oui-grid-12-2 {
width: 16.6666666666667%;
}
.oui-grid-12-3 {
width: 25%;
}
.oui-grid-12-4 {
width: 33.3333333333333%;
}
.oui-grid-12-5 {
width: 41.6666666666667%;
}
.oui-grid-12-6 {
width: 50%;
}
.oui-grid-12-7 {
width: 58.3333333333333%;
}
.oui-grid-12-8 {
width: 66.6666666666667%;
}
.oui-grid-12-9 {
width: 75%;
}
.oui-grid-12-10 {
width: 83.3333333333333%;
}
.oui-grid-12-11 {
width: 91.6666666666667%;
}
.oui-util-truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.oui-util-scroll-vertical {
overflow-x: hidden;
overflow-y: auto;
}
.oui-util-non-selectable-text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.oui-util-clear {
clear: both;
}
.oui-margin-none {
margin: 0 ;
}
.oui-margin-top-1t {
margin-top: 1.08333333rem ;
}
.oui-margin-top-2t {
margin-top: 2.167rem ;
}
.oui-margin-top-3t {
margin-top: 3.25rem ;
}
.oui-margin-top-4t {
margin-top: 4.333rem ;
}
.oui-margin-top-5t {
margin-top: 5.417rem ;
}
.oui-margin-top-6t {
margin-top: 6.5rem ;
}
.oui-margin-top-7t {
margin-top: 7.583rem ;
}
.oui-margin-top-8t {
margin-top: 8.667rem ;
}
.oui-margin-bottom-none {
margin-bottom: 0 ;
}
.oui-margin-bottom-1t {
margin-bottom: 1.08333333rem ;
}
.oui-margin-bottom-2t {
margin-bottom: 2.167rem ;
}
.oui-margin-bottom-3t {
margin-bottom: 3.25rem ;
}
.oui-margin-bottom-4t {
margin-bottom: 4.333rem ;
}
.oui-margin-bottom-5t {
margin-bottom: 5.417rem ;
}
.oui-margin-bottom-6t {
margin-bottom: 6.5rem ;
}
.oui-margin-bottom-7t {
margin-bottom: 7.583rem ;
}
.oui-margin-bottom-8t {
margin-bottom: 8.667rem ;
}
.oui-width-1t {
width: 1.083rem ;
}
.oui-width-2t {
width: 2.167rem ;
}
.oui-width-3t {
width: 3.250rem ;
}
.oui-width-4t {
width: 4.333rem ;
}
.oui-width-5t {
width: 5.417rem ;
}
.oui-width-6t {
width: 6.500rem ;
}
.oui-width-7t {
width: 7.583rem ;
}
.oui-width-8t {
width: 8.667rem ;
}
.oui-width-9t {
width: 9.750rem ;
}
.oui-width-10t {
width: 10.833rem ;
}
.oui-width-11t {
width: 11.917rem ;
}
.oui-width-12t {
width: 13rem ;
}
.oui-width-13t {
width: 14.083rem ;
}
.oui-width-14t {
width: 15.167rem ;
}
.oui-width-15t {
width: 16.250rem ;
}
.oui-width-16t {
width: 17.333rem ;
}
.oui-width-17t {
width: 18.417rem ;
}
.oui-width-18t {
width: 19.5rem ;
}
.oui-width-19t {
width: 20.583rem ;
}
.oui-width-20t {
width: 21.667rem ;
}
::-ms-clear {
display: none;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
display: none ;
}
.tk-tabl-form,
.tk-tabl-form-sip,
.tk-tabl-form-vertical-labels,
.tk-tabl-form-multicol,
.tk-tabl-data,
.tk-tabl-data-touch,
.tk-tabl-form caption,
.tk-tabl-form-sip caption,
.tk-tabl-form-vertical-labels caption,
.tk-tabl-form-multicol caption,
.tk-tabl-data caption,
.tk-tabl-data-touch caption,
.tk-tabl-form tbody,
.tk-tabl-form-sip tbody,
.tk-tabl-form-vertical-labels tbody,
.tk-tabl-form-multicol tbody,
.tk-tabl-data tbody,
.tk-tabl-data-touch tbody,
.tk-tabl-form tfoot,
.tk-tabl-form-sip tfoot,
.tk-tabl-form-vertical-labels tfoot,
.tk-tabl-form-multicol tfoot,
.tk-tabl-data tfoot,
.tk-tabl-data-touch tfoot,
.tk-tabl-form thead,
.tk-tabl-form-sip thead,
.tk-tabl-form-vertical-labels thead,
.tk-tabl-form-multicol thead,
.tk-tabl-data thead,
.tk-tabl-data-touch thead,
.tk-tabl-form tr,
.tk-tabl-form-sip tr,
.tk-tabl-form-vertical-labels tr,
.tk-tabl-form-multicol tr,
.tk-tabl-data tr,
.tk-tabl-data-touch tr,
.tk-tabl-form td,
.tk-tabl-form-sip td,
.tk-tabl-form-vertical-labels td,
.tk-tabl-form-multicol td,
.tk-tabl-data td,
.tk-tabl-data-touch td,
.tk-tabl-form th,
.tk-tabl-form-sip th,
.tk-tabl-form-vertical-labels th,
.tk-tabl-form-multicol th,
.tk-tabl-data th,
.tk-tabl-data-touch th {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
h1,
.tk-type-like-h1 {
color: #63666a;
font-size: 2em;
margin-bottom: 1.083rem;
}
.tk-type-like-h2 {
color: #793605;
font-size: 1.333em;
font-weight: bold;
margin-bottom: 1.083rem;
line-height: 120%;
}
.tk-type-like-h3 {
color: #282a2e;
font-size: 1.167em;
font-weight: bold;
line-height: 120%;
}
.tk-type-like-h4 {
color: #282a2e;
font-weight: bold;
font-size: 1.167em;
}
code {
font-family: "Courier New", Courier, monospace;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.tk-tabl-form,
.tk-tabl-form-sip,
.tk-tabl-form-vertical-labels,
.tk-tabl-form-multicol,
.tk-tabl-data,
.tk-tabl-data-touch,
.tk-ntfy,
.tk-date,
.tk-phdr-header table {
border-collapse: collapse;
border-spacing: 0;
}
.tk-tabl-form-sip h1 {
margin-bottom: 0.583rem;
}
.tk-tabl-form-sip .tk-form-required .icon-asterisk {
padding-left: 0;
}
.tk-tabl-form-sip .validation-error-panel {
width: 36rem;
}
.tk-tabl-form-sip .tk-msg-error-inline {
width: 23.833rem;
line-height: 1.333rem;
position: absolute;
}
.tk-tabl-form-vertical-labels .tk-msg-error-inline {
display: block;
margin: 0 0 0.333rem 0;
}
.tk-tabl-form-sip input[type="text"],
.tk-tabl-form-sip input[type="password"] {
width: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-box-sizing: border-box;
}
.tk-tabl-form > tbody > tr > td:first-child,
.tk-tabl-form-multicol label,
.tk-tabl-form-sip label,
.tk-tabl-form-vertical-labels label {
font-weight: bold;
color: #282a2e;
white-space: nowrap;
}
.tk-tabl-form-sip label {
margin-right: 0.583rem;
}
.tk-tabl-form-vertical-labels label {
display: block;
margin-bottom: 0.333rem;
}
td.tk-tabl-form-top-align,
th.tk-tabl-form-top-align {
vertical-align: top;
padding-top: .5rem;
}
xmp {
font-size: 1.333em;
}
main {
display: block;
padding-top: 2.167rem;
margin-left: 1.083rem;
margin-right: 1.083rem;
}
.uitk-vertical-nav.tk-width-15t ~ main {
margin-left: 18.417rem;
}
.tk-content {
margin: 2.16rem;
}
.tk-a11y-hidden {
clip: rect(1px, 1px, 1px, 1px);
position: absolute ;
height: 1px;
width: 1px;
overflow: hidden;
}
label {
color: #282a2e;
font-weight: bold;
}
input[type="radio"],
input[type="checkbox"],
input[type="radio"] + label,
input[type="checkbox"] + label {
vertical-align: middle;
}
td input[type="radio"],
td input[type="radio"] + label,
td input[type="checkbox"] + label {
position: relative;
top: -0.083rem;
margin-left: 0.167rem;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
margin-left: 0.333rem;
}
input[type="radio"],
input[type="checkbox"] {
margin: 0;
padding: 0;
}
select {
border: 1px solid #c0c0c0;
box-sizing: border-box;
height: 1.667rem;
color: #282a2e;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-appearance: menulist;
-moz-appearance: menulist;
}
select[disabled="disabled"] {
border: 1px solid #c0c0c0;
color: #b1b2b3;
background-color: white;
}
input[type="text"],
input[type="password"],
input[type="email"] {
padding-left: 0.583rem;
padding-right: 0.583rem;
border: 1px solid #c0c0c0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.tk-tabl-form-sip input[type="text"],
.tk-tabl-form-sip input[type="password"] {
width: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-box-sizing: border-box;
}
.tk-form-required,
.tk-form-required .cux-icon-asterisk {
color: #E32315;
}
.tk-labl-required {
color: #E32315;
font-size: 1.083em;
font-weight: bold;
}
.tk-tabl-form > tbody > tr > td:first-child,
.tk-tabl-form-multicol label,
.tk-tabl-form-sip label,
.tk-tabl-form-vertical-labels label {
font-weight: bold;
color: #282a2e;
white-space: nowrap;
}
.tk-tabl-form-sip label {
margin-right: 0.583rem;
}
.tk-tabl-form-vertical-labels label {
display: block;
margin-bottom: 0.333rem;
}
.tk-form-input-tip {
color: #63666a;
}
.tk-form-field-error,
input[type="text"].tk-form-field-error,
input[type="password"].tk-form-field-error {
border: 0.083rem solid #E32315;
}
.tk-tabl-form-sip-message {
margin-bottom: 0.750rem;
}
.tk-tabl-form-sip td {
padding-bottom: 1.167rem;
}
textarea {
border: 1px solid #c0c0c0;
}
.tk-textarea-tip {
color: #63666a;
margin-top: 0.333rem;
}
.tk-tabl-form,
.tk-tabl-form-multicol {
margin: 2.167rem 0 0 0;
width: auto;
display: table;
}
.tk-tabl-form-sip {
margin: 5.167rem auto 2.167rem auto;
min-width: 25.833rem;
max-width: 36.833rem;
}
.tk-tabl-form-vertical-labels td {
padding-right: 2.167rem;
}
.tk-tabl-form-vertical-labels tr:first-child td {
padding-top: 0;
}
.tk-tabl-form > tbody > tr > td:first-child,
.tk-tabl-form-multicol td {
padding-right: 1.083rem;
white-space: nowrap;
}
.tk-tabl-form-sip td + td {
white-space: normal;
width: 99%;
}
.tk-tabl-form > tbody > tr > td,
.tk-tabl-form-multicol td,
.tk-tabl-form-vertical-labels td {
padding-bottom: 1.083rem;
vertical-align: top;
}
.tk-tabl-form td:first-child label {
display: inline-block;
margin-top: 0.333em;
}
.tk-tabl-form td .tk-btn-default-action,
.tk-tabl-form td .tk-btn,
.tk-tabl-form td .tk-btn-disabled {
margin: 1.083rem 1.083rem 0 0;
}
.tk-tabl-form-multicol td:first-child,
.tk-tabl-form-multicol td:first-child + td + td,
.tk-tabl-form-multicol td:first-child + td + td + td + td,
.tk-tabl-form-multicol td:first-child + td + td + td + td + td + td,
.tk-tabl-form-multicol td:first-child + td + td + td + td + td + td + td + td,
.tk-tabl-form-multicol td:first-child + td + td + td + td + td + td + td + td + td + td {
padding-right: 1.083rem;
}
.tk-tabl-form-multicol.tk-tabl-form-vertical-labels td {
padding-right: 2.167rem;
}
.tk-tabl-form-sip .tk-btn-default-action {
margin-bottom: 1.083rem;
}
.tk-panl {
border: 0.083rem solid #dcdcd9;
box-shadow: 0 0.25rem 0.5rem #b3b3b3;
box-shadow: 0 0.25rem 0.5rem rgba(179, 179, 179, 0.35);
margin-bottom: 1.583rem;
display: table;
width: 100%;
box-sizing: border-box;
}
.tk-panl .tk-panl {
border: 0;
box-shadow: none;
margin: 0;
}
.tk-panl-header {
height: 3.250rem;
padding-left: 1.083rem;
padding-right: 1.083rem;
}
.tk-panl-header h2,
.tk-panl-header h3 {
margin: 0;
height: 3.25rem;
display: table-cell;
vertical-align: middle;
}
.tk-panl-with-underline {
border-bottom: 0.083rem solid #dcdcd9;
}
.tk-panl-closed > .tk-panl-with-underline {
border-bottom-width: 0;
}
.tk-panl-open > .tk-panl-header {
padding-left: 2.5rem;
cursor: pointer;
}
.tk-panl-closed > .tk-panl-header {
padding-left: 2.5rem;
cursor: pointer;
}
.tk-panl-closed > .tk-panl-content {
display: none;
}
.tk-panl-content {
padding: 1.083rem;
}
.tk-panl .tk-panl-header a.tk-panl-helper {
float: left;
width: 1.667rem;
overflow: hidden;
margin-left: -1.75rem;
text-decoration: none;
}
.tk-list-guidelines,
.tk-list-bulleted-text,
.tk-list-content-ul,
.tk-list-content-ol,
.tk-list-content-dl,
.tk-list-horizontal {
line-height: 135%;
}
.tk-list-guidelines {
list-style: outside disc;
}
.tk-list-guidelines li {
margin-bottom: 1.083rem;
margin-left: 1.083rem;
}
.tk-list-bulleted-text {
list-style: inside square;
}
.tk-list-content-ul {
list-style: disc outside;
margin-left: 1em;
}
.tk-list-content-ol {
list-style: inside decimal;
}
.tk-list-content-dl dt {
font-weight: bold;
}
.tk-list-horizontal {
list-style: none;
}
.tk-list-horizontal > li {
display: inline-block;
margin-right: 1.083rem;
}
.icon-exclamationbox {
color: #E32315;
font-size: 1.667em;
}
.tk-rfrm {
display: table;
width: 100%;
}
.tk-rfrm-group {
display: table-row;
}
.tk-rfrm-label-container {
display: table-cell;
padding: 0.167rem 0.9167rem 1.083rem 0;
vertical-align: top;
white-space: nowrap;
}
.tk-rfrm-field-validation-container {
display: table-cell;
padding-bottom: 1.083rem;
width: 100%;
}
.tk-rfrm-columnar-container {
display: table;
width: 100%;
}
.tk-rfrm-error-container {
white-space: nowrap;
display: table-row;
}
.tk-rfrm-has-error .tk-rfrm-error-container {
color: #63666a;
background-color: #faeaea;
}
.tk-rfrm-has-error .tk-rfrm-label-container {
padding-top: 0.583rem;
}
.tk-rfrm-field-container {
display: table-cell;
width: 1%;
white-space: nowrap;
}
.tk-rfrm-has-error .tk-rfrm-field-container {
margin-right: 1.83rem;
display: inline-block;
}
.tk-rfrm-validation {
display: table-cell;
width: 99%;
vertical-align: middle;
}
.tk-rfrm-has-error .tk-rfrm-validation {
padding: 0.417rem 0.917rem 0.417rem 0rem;
}
.tk-rfrm-tip {
display: block;
margin-top: 0.333rem;
color: #63666a;
}
.tk-colr-red {
color: #c2383d;
}
.tk-colr-orange {
color: #e87722;
}
.tk-colr-gray-0 {
color: #efefee;
}
.tk-colr-gray-1 {
color: #dcdcd9;
}
.tk-colr-gray-2 {
color: #d0d0ce;
}
.tk-colr-gray-3 {
color: #c0c0c0;
}
.tk-colr-gray-4 {
color: #b1b2b3;
}
.tk-colr-gray-5 {
color: #888b8d;
}
.tk-colr-gray-6 {
color: #63666a;
}
.tk-colr-gray-7 {
color: #434448;
}
.tk-colr-gray-8 {
color: #282a2e;
}
.tk-colr-gray-9 {
color: #1d1f23;
}
.tk-colr-orange-0 {
color: #fdf8df;
}
.tk-colr-orange-1 {
color: #f8dcb4;
}
.tk-colr-orange-2 {
color: #f6ce9e;
}
.tk-colr-orange-3 {
color: #f1b273;
}
.tk-colr-orange-4 {
color: #ea8636;
}
.tk-colr-orange-5 {
color: #e87722;
}
.tk-colr-orange-6 {
color: #c25608;
}
.tk-colr-orange-7 {
color: #793605;
}
.tk-colr-orange-8 {
color: #612b04;
}
.tk-colr-orange-9 {
color: #492003;
}
.tk-colr-yellow-0 {
color: #fbf8e7;
}
.tk-colr-yellow-1 {
color: #f9e9b8;
}
.tk-colr-yellow-2 {
color: #f8e1a0;
}
.tk-colr-yellow-3 {
color: #f6d270;
}
.tk-colr-yellow-4 {
color: #f3bc29;
}
.tk-colr-yellow-5 {
color: #f2b411;
}
.tk-colr-yellow-6 {
color: #c6900e;
}
.tk-colr-yellow-7 {
color: #855a09;
}
.tk-colr-yellow-8 {
color: #5a3605;
}
.tk-colr-yellow-9 {
color: #442403;
}
.tk-colr-green-0 {
color: #f3f8ec;
}
.tk-colr-green-1 {
color: #dae9c6;
}
.tk-colr-green-2 {
color: #cee1b3;
}
.tk-colr-green-3 {
color: #b5d28c;
}
.tk-colr-green-4 {
color: #a9cb79;
}
.tk-colr-green-5 {
color: #90bc53;
}
.tk-colr-green-6 {
color: #6e8d3a;
}
.tk-colr-green-7 {
color: #627d32;
}
.tk-colr-green-8 {
color: #465924;
}
.tk-colr-green-9 {
color: #2a3615;
}
.tk-colr-turquoise-0 {
color: #edf7f5;
}
.tk-colr-turquoise-1 {
color: #c9e8e2;
}
.tk-colr-turquoise-2 {
color: #b7e0d8;
}
.tk-colr-turquoise-3 {
color: #93d1c5;
}
.tk-colr-turquoise-4 {
color: #6fc1b1;
}
.tk-colr-turquoise-5 {
color: #5ab5a5;
}
.tk-colr-turquoise-6 {
color: #1c9182;
}
.tk-colr-turquoise-7 {
color: #078576;
}
.tk-colr-turquoise-8 {
color: #055f54;
}
.tk-colr-turquoise-9 {
color: #033933;
}
.tk-colr-blue-0 {
color: #ecf2f9;
}
.tk-colr-blue-1 {
color: #c7d7ed;
}
.tk-colr-blue-2 {
color: #b4c9e7;
}
.tk-colr-blue-3 {
color: #8faedc;
}
.tk-colr-blue-4 {
color: #5686ca;
}
.tk-colr-blue-5 {
color: #005187;
}
.tk-colr-blue-6 {
color: #1965ae;
}
.tk-colr-blue-7 {
color: #005187;
}
.tk-colr-blue-8 {
color: #004370;
}
.tk-colr-blue-9 {
color: #002843;
}
.tk-colr-purple-0 {
color: #f1edf8;
}
.tk-colr-purple-1 {
color: #d5cae9;
}
.tk-colr-purple-2 {
color: #c7b9e1;
}
.tk-colr-purple-3 {
color: #aa96d2;
}
.tk-colr-purple-4 {
color: #8061bc;
}
.tk-colr-purple-5 {
color: #6147a2;
}
.tk-colr-purple-6 {
color: #523995;
}
.tk-colr-purple-7 {
color: #422c88;
}
.tk-colr-purple-8 {
color: #2f1f61;
}
.tk-colr-purple-9 {
color: #1c133a;
}
.tk-colr-red-0 {
color: #faeaea;
}
.tk-colr-red-1 {
color: #ebaaac;
}
.tk-colr-red-2 {
color: #e07f82;
}
.tk-colr-red-3 {
color: #d13f44;
}
.tk-colr-red-4 {
color: #c2383d;
}
.tk-colr-red-5 {
color: #b23135;
}
.tk-colr-red-6 {
color: #a32a2e;
}
.tk-colr-red-7 {
color: #8f2528;
}
.tk-colr-red-8 {
color: #661a1d;
}
.tk-colr-red-9 {
color: #3d1011;
}
.tk-colr-bg-gray-0 {
background-color: #efefee;
}
.tk-colr-bg-gray-1 {
background-color: #dcdcd9;
}
.tk-colr-bg-gray-2 {
background-color: #d0d0ce;
}
.tk-colr-bg-gray-3 {
background-color: #c0c0c0;
}
.tk-colr-bg-gray-4 {
background-color: #b1b2b3;
}
.tk-colr-bg-gray-5 {
background-color: #888b8d;
}
.tk-colr-bg-gray-6 {
background-color: #63666a;
}
.tk-colr-bg-gray-7 {
background-color: #434448;
}
.tk-colr-bg-gray-8 {
background-color: #282a2e;
}
.tk-colr-bg-gray-9 {
background-color: #1d1f23;
}
.tk-colr-bg-orange-0 {
background-color: #fdf8df;
}
.tk-colr-bg-orange-1 {
background-color: #f8dcb4;
}
.tk-colr-bg-orange-2 {
background-color: #f6ce9e;
}
.tk-colr-bg-orange-3 {
background-color: #f1b273;
}
.tk-colr-bg-orange-4 {
background-color: #ea8636;
}
.tk-colr-bg-orange-5 {
background-color: #e87722;
}
.tk-colr-bg-orange-6 {
background-color: #c25608;
}
.tk-colr-bg-orange-7 {
background-color: #793605;
}
.tk-colr-bg-orange-8 {
background-color: #612b04;
}
.tk-colr-bg-orange-9 {
background-color: #492003;
}
.tk-colr-bg-yellow-0 {
background-color: #fbf8e7;
}
.tk-colr-bg-yellow-1 {
background-color: #f9e9b8;
}
.tk-colr-bg-yellow-2 {
background-color: #f8e1a0;
}
.tk-colr-bg-yellow-3 {
background-color: #f6d270;
}
.tk-colr-bg-yellow-4 {
background-color: #f3bc29;
}
.tk-colr-bg-yellow-5 {
background-color: #f2b411;
}
.tk-colr-bg-yellow-6 {
background-color: #c6900e;
}
.tk-colr-bg-yellow-7 {
background-color: #855a09;
}
.tk-colr-bg-yellow-8 {
background-color: #5a3605;
}
.tk-colr-bg-yellow-9 {
background-color: #442403;
}
.tk-colr-bg-green-0 {
background-color: #f3f8ec;
}
.tk-colr-bg-green-1 {
background-color: #dae9c6;
}
.tk-colr-bg-green-2 {
background-color: #cee1b3;
}
.tk-colr-bg-green-3 {
background-color: #b5d28c;
}
.tk-colr-bg-green-4 {
background-color: #a9cb79;
}
.tk-colr-bg-green-5 {
background-color: #90bc53;
}
.tk-colr-bg-green-6 {
background-color: #6e8d3a;
}
.tk-colr-bg-green-7 {
background-color: #627d32;
}
.tk-colr-bg-green-8 {
background-color: #465924;
}
.tk-colr-bg-green-9 {
background-color: #2a3615;
}
.tk-colr-bg-turquoise-0 {
background-color: #edf7f5;
}
.tk-colr-bg-turquoise-1 {
background-color: #c9e8e2;
}
.tk-colr-bg-turquoise-2 {
background-color: #b7e0d8;
}
.tk-colr-bg-turquoise-3 {
background-color: #93d1c5;
}
.tk-colr-bg-turquoise-4 {
background-color: #6fc1b1;
}
.tk-colr-bg-turquoise-5 {
background-color: #5ab5a5;
}
.tk-colr-bg-turquoise-6 {
background-color: #1c9182;
}
.tk-colr-bg-turquoise-7 {
background-color: #078576;
}
.tk-colr-bg-turquoise-8 {
background-color: #055f54;
}
.tk-colr-bg-turquoise-9 {
background-color: #033933;
}
.tk-colr-bg-blue-0 {
background-color: #ecf2f9;
}
.tk-colr-bg-blue-1 {
background-color: #c7d7ed;
}
.tk-colr-bg-blue-2 {
background-color: #b4c9e7;
}
.tk-colr-bg-blue-3 {
background-color: #8faedc;
}
.tk-colr-bg-blue-4 {
background-color: #5686ca;
}
.tk-colr-bg-blue-5 {
background-color: #316bb3;
}
.tk-colr-bg-blue-6 {
background-color: #1965ae;
}
.tk-colr-bg-blue-6-5 {
background-color: #005187;
}
.tk-colr-bg-blue-7 {
background-color: #005187;
}
.tk-colr-bg-blue-8 {
background-color: #004370;
}
.tk-colr-bg-blue-9 {
background-color: #002843;
}
.tk-colr-bg-purple-0 {
background-color: #f1edf8;
}
.tk-colr-bg-purple-1 {
background-color: #d5cae9;
}
.tk-colr-bg-purple-2 {
background-color: #c7b9e1;
}
.tk-colr-bg-purple-3 {
background-color: #aa96d2;
}
.tk-colr-bg-purple-4 {
background-color: #8061bc;
}
.tk-colr-bg-purple-5 {
background-color: #6147a2;
}
.tk-colr-bg-purple-6 {
background-color: #523995;
}
.tk-colr-bg-purple-7 {
background-color: #422c88;
}
.tk-colr-bg-purple-8 {
background-color: #2f1f61;
}
.tk-colr-bg-purple-9 {
background-color: #1c133a;
}
.tk-colr-bg-red-0 {
background-color: #faeaea;
}
.tk-colr-bg-red-1 {
background-color: #ebaaac;
}
.tk-colr-bg-red-2 {
background-color: #e07f82;
}
.tk-colr-bg-red-3 {
background-color: #d13f44;
}
.tk-colr-bg-red-4 {
background-color: #c2383d;
}
.tk-colr-bg-red-5 {
background-color: #b23135;
}
.tk-colr-bg-red-6 {
background-color: #a32a2e;
}
.tk-colr-bg-red-7 {
background-color: #8f2528;
}
.tk-colr-bg-red-8 {
background-color: #661a1d;
}
.tk-colr-bg-red-9 {
background-color: #3d1011;
}
.tk-grid-12,
.tk-grid-12-12,
.tk-grid-12-full,
.tk-grid-12-1,
.tk-grid-12-2,
.tk-grid-12-3,
.tk-grid-12-4,
.tk-grid-12-5,
.tk-grid-12-6,
.tk-grid-12-7,
.tk-grid-12-8,
.tk-grid-12-9,
.tk-grid-12-10,
.tk-grid-12-11 {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
float: left;
}
.tk-grid-12,
.tk-grid-12-12,
.tk-grid-12-full {
width: 100%;
}
.tk-grid-12-1 {
width: 8.3333333333333%;
}
.tk-grid-12-2 {
width: 16.6666666666667%;
}
.tk-grid-12-3 {
width: 25%;
}
.tk-grid-12-4 {
width: 33.3333333333333%;
}
.tk-grid-12-5 {
width: 41.6666666666667%;
}
.tk-grid-12-6 {
width: 50%;
}
.tk-grid-12-7 {
width: 58.3333333333333%;
}
.tk-grid-12-8 {
width: 66.6666666666667%;
}
.tk-grid-12-9 {
width: 75%;
}
.tk-grid-12-10 {
width: 83.3333333333333%;
}
.tk-grid-12-11 {
width: 91.6666666666667%;
}
.tk-brdr-gray-0 {
border: 1px solid #dcdcd9;
}
.tk-clear {
clear: both;
}
.tk-centered-block {
margin-left: auto;
margin-right: auto;
display: block;
width: 50%;
}
.tk-scrollable {
overflow: auto;
}
.tk-type-truncation {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tk-text-align-right {
text-align: right;
}
.tk-text-align-left {
text-align: left;
}
.tk-text-align-center {
text-align: center;
}
.tk-text-align-justify {
text-align: justify;
}
.tk-text-align-inherit {
text-align: inherit;
}
.tk-float-left {
float: left;
}
.tk-float-right {
float: right;
}
.tk-float-none {
float: none;
}
.tk-util-hidden {
display: none;
}
.tk-util-visible {
display: inherit;
}
.tk-valign-top {
vertical-align: top;
}
.tk-valign-middle {
vertical-align: middle;
}
.tk-valign-bottom {
vertical-align: bottom;
}
.tk-width-full-inclusive {
width: 100%;
box-sizing: border-box;
}
.tk-width-1t {
width: 1.083rem ;
}
.tk-width-2t {
width: 2.167rem ;
}
.tk-width-3t {
width: 3.250rem ;
}
.tk-width-4t {
width: 4.333rem ;
}
.tk-width-5t {
width: 5.417rem ;
}
.tk-width-6t {
width: 6.500rem ;
}
.tk-width-7t {
width: 7.583rem ;
}
.tk-width-8t {
width: 8.667rem ;
}
.tk-width-9t {
width: 9.750rem ;
}
.tk-width-10t {
width: 10.833rem ;
}
.tk-width-11t {
width: 11.917rem ;
}
.tk-width-12t {
width: 13rem ;
}
.tk-width-13t {
width: 14.083rem ;
}
.tk-width-14t {
width: 15.167rem ;
}
.tk-width-15t {
width: 16.250rem ;
}
.tk-width-16t {
width: 17.333rem ;
}
.tk-width-17t {
width: 18.417rem ;
}
.tk-width-18t {
width: 19.5rem ;
}
.tk-width-19t {
width: 20.583rem ;
}
.tk-width-20t {
width: 21.667rem ;
}
.tk-width-21t {
width: 22.75rem ;
}
.tk-width-22t {
width: 23.833rem ;
}
.tk-width-23t {
width: 24.917rem ;
}
.tk-width-24t {
width: 26rem ;
}
.tk-width-25t {
width: 27.083rem ;
}
.tk-width-26t {
width: 28.167rem ;
}
.tk-width-27t {
width: 29.25rem ;
}
.tk-width-28t {
width: 30.333rem ;
}
.tk-width-29t {
width: 31.417rem ;
}
.tk-width-30t {
width: 32.5rem ;
}
.tk-width-31t {
width: 33.583rem ;
}
.tk-width-32t {
width: 34.667rem ;
}
.tk-width-33t {
width: 35.750rem ;
}
.tk-width-34t {
width: 36.833rem ;
}
.tk-width-35t {
width: 37.917rem ;
}
.tk-width-36t {
width: 39rem ;
}
.tk-width-37t {
width: 40.083rem ;
}
.tk-width-38t {
width: 41.167rem ;
}
.tk-width-39t {
width: 42.250rem ;
}
.tk-width-40t {
width: 43.333rem ;
}
.tk-width-41t {
width: 44.417rem ;
}
.tk-width-42t {
width: 45.5rem ;
}
.tk-width-43t {
width: 46.583rem ;
}
.tk-width-44t {
width: 47.667rem ;
}
.tk-width-45t {
width: 48.75rem ;
}
.tk-width-46t {
width: 49.833rem ;
}
.tk-width-47t {
width: 50.917rem ;
}
.tk-width-48t {
width: 52rem ;
}
.tk-width-49t {
width: 53.083rem ;
}
.tk-width-50t {
width: 54.167rem ;
}
.tk-width-51t {
width: 55.250rem ;
}
.tk-width-52t {
width: 56.333rem ;
}
.tk-width-53t {
width: 57.417rem ;
}
.tk-width-54t {
width: 58.5rem ;
}
.tk-width-55t {
width: 59.583rem ;
}
.tk-width-56t {
width: 60.667rem ;
}
.tk-width-57t {
width: 61.75rem ;
}
.tk-width-58t {
width: 62.833rem ;
}
.tk-width-59t {
width: 63.917rem ;
}
.tk-width-60t {
width: 65rem ;
}
.tk-height-1t {
height: 1.083rem ;
}
.tk-height-2t {
height: 2.167rem ;
}
.tk-height-3t {
height: 3.250rem ;
}
.tk-height-4t {
height: 4.333rem ;
}
.tk-height-5t {
height: 5.417rem ;
}
.tk-height-6t {
height: 6.500rem ;
}
.tk-height-7t {
height: 7.583rem ;
}
.tk-height-8t {
height: 8.667rem ;
}
.tk-height-9t {
height: 9.750rem ;
}
.tk-height-10t {
height: 10.833rem ;
}
.tk-height-11t {
height: 11.917rem ;
}
.tk-height-12t {
height: 13rem ;
}
.tk-height-13t {
height: 14.083rem ;
}
.tk-height-14t {
height: 15.167rem ;
}
.tk-height-15t {
height: 16.250rem ;
}
.tk-height-16t {
height: 17.333rem ;
}
.tk-height-17t {
height: 18.417rem ;
}
.tk-height-18t {
height: 19.5rem ;
}
.tk-height-19t {
height: 20.583rem ;
}
.tk-height-20t {
height: 21.667rem ;
}
.tk-height-21t {
height: 22.75rem ;
}
.tk-height-22t {
height: 23.833rem ;
}
.tk-height-23t {
height: 24.917rem ;
}
.tk-height-24t {
height: 26rem ;
}
.tk-height-25t {
height: 27.083rem ;
}
.tk-height-26t {
height: 28.167rem ;
}
.tk-height-27t {
height: 29.25rem ;
}
.tk-height-28t {
height: 30.333rem ;
}
.tk-height-29t {
height: 31.417rem ;
}
.tk-height-30t {
height: 32.5rem ;
}
.tk-height-31t {
height: 33.583rem ;
}
.tk-height-32t {
height: 34.667rem ;
}
.tk-height-33t {
height: 35.750rem ;
}
.tk-height-34t {
height: 36.833rem ;
}
.tk-height-35t {
height: 37.917rem ;
}
.tk-height-36t {
height: 39rem ;
}
.tk-height-37t {
height: 40.083rem ;
}
.tk-height-38t {
height: 41.167rem ;
}
.tk-height-39t {
height: 42.250rem ;
}
.tk-height-40t {
height: 43.333rem ;
}
.tk-height-41t {
height: 44.417rem ;
}
.tk-height-42t {
height: 45.5rem ;
}
.tk-height-43t {
height: 46.583rem ;
}
.tk-height-44t {
height: 47.667rem ;
}
.tk-height-45t {
height: 48.75rem ;
}
.tk-height-46t {
height: 49.833rem ;
}
.tk-height-47t {
height: 50.917rem ;
}
.tk-height-48t {
height: 52rem ;
}
.tk-height-49t {
height: 53.083rem ;
}
.tk-height-50t {
height: 54.167rem ;
}
.tk-height-51t {
height: 55.250rem ;
}
.tk-margin-none {
margin: 0 ;
}
.tk-margin-min {
margin: 0.333rem ;
}
.tk-margin-halft {
margin: 0.583rem ;
}
.tk-margin-1t {
margin: 1.083rem ;
}
.tk-margin-2t {
margin: 2.167rem ;
}
.tk-margin-3t {
margin: 3.250rem ;
}
.tk-margin-4t {
margin: 4.333rem ;
}
.tk-margin-5t {
margin: 5.417rem ;
}
.tk-margin-left-none {
margin-left: 0 ;
}
.tk-margin-left-min {
margin-left: 0.333rem ;
}
.tk-margin-left-halft {
margin-left: 0.583rem ;
}
.tk-margin-left-1t {
margin-left: 1.083rem ;
}
.tk-margin-left-2t {
margin-left: 2.167rem ;
}
.tk-margin-left-3t {
margin-left: 3.250rem ;
}
.tk-margin-left-4t {
margin-left: 4.333rem ;
}
.tk-margin-left-5t {
margin-left: 5.417rem ;
}
.tk-margin-left-6t {
margin-left: 6.500rem ;
}
.tk-margin-left-7t {
margin-left: 7.583rem ;
}
.tk-margin-left-8t {
margin-left: 8.667rem ;
}
.tk-margin-left-9t {
margin-left: 9.750rem ;
}
.tk-margin-left-10t {
margin-left: 10.833rem ;
}
.tk-margin-left-11t {
margin-left: 11.917rem ;
}
.tk-margin-left-12t {
margin-left: 13rem ;
}
.tk-margin-left-13t {
margin-left: 14.083rem ;
}
.tk-margin-left-14t {
margin-left: 15.167rem ;
}
.tk-margin-left-15t {
margin-left: 16.250rem ;
}
.tk-margin-left-16t {
margin-left: 17.333rem ;
}
.tk-margin-left-17t {
margin-left: 18.417rem ;
}
.tk-margin-left-18t {
margin-left: 19.5rem ;
}
.tk-margin-left-19t {
margin-left: 20.583rem ;
}
.tk-margin-left-20t {
margin-left: 21.667rem ;
}
.tk-margin-right-none {
margin-right: 0 ;
}
.tk-margin-right-min {
margin-right: 0.333rem ;
}
.tk-margin-right-halft {
margin-right: 0.583rem ;
}
.tk-margin-right-1t {
margin-right: 1.083rem ;
}
.tk-margin-right-2t {
margin-right: 2.167rem ;
}
.tk-margin-right-3t {
margin-right: 3.250rem ;
}
.tk-margin-right-4t {
margin-right: 4.333rem ;
}
.tk-margin-right-5t {
margin-right: 5.417rem ;
}
.tk-margin-top-none {
margin-top: 0 ;
}
.tk-margin-top-min {
margin-top: 0.333rem ;
}
.tk-margin-top-halft {
margin-top: 0.583rem ;
}
.tk-margin-top-1t {
margin-top: 1.083rem ;
}
.tk-margin-top-2t {
margin-top: 2.167rem ;
}
.tk-margin-top-3t {
margin-top: 3.250rem ;
}
.tk-margin-top-4t {
margin-top: 4.333rem ;
}
.tk-margin-top-5t {
margin-top: 5.417rem ;
}
.tk-margin-bottom-none {
margin-bottom: 0 ;
}
.tk-margin-bottom-min {
margin-bottom: 0.333rem ;
}
.tk-margin-bottom-halft {
margin-bottom: 0.583rem ;
}
.tk-margin-bottom-1t {
margin-bottom: 1.083rem ;
}
.tk-margin-bottom-2t {
margin-bottom: 2.167rem ;
}
.tk-margin-bottom-3t {
margin-bottom: 3.250rem ;
}
.tk-margin-bottom-4t {
margin-bottom: 4.333rem ;
}
.tk-margin-bottom-5t {
margin-bottom: 5.417rem ;
}
.tk-margin-bottom-6t {
margin-bottom: 6.500rem ;
}
.tk-margin-bottom-7t {
margin-bottom: 7.583rem ;
}
.tk-margin-bottom-8t {
margin-bottom: 8.667rem ;
}
.tk-margin-bottom-9t {
margin-bottom: 9.750rem ;
}
.tk-padding-none {
padding: 0 ;
}
.tk-padding-min {
padding: 0.333rem ;
}
.tk-padding-halft {
padding: 0.583rem ;
}
.tk-padding-1t {
padding: 1.083rem ;
}
.tk-padding-2t {
padding: 2.167rem ;
}
.tk-padding-3t {
padding: 3.250rem ;
}
.tk-padding-4t {
padding: 4.333rem ;
}
.tk-padding-5t {
padding: 5.417rem ;
}
.tk-padding-left-none {
padding-left: 0 ;
}
.tk-padding-left-min {
padding-left: 0.333rem ;
}
.tk-padding-left-halft {
padding-left: 0.583rem ;
}
.tk-padding-left-1t {
padding-left: 1.083rem ;
}
.tk-padding-left-2t {
padding-left: 2.167rem ;
}
.tk-padding-left-3t {
padding-left: 3.250rem ;
}
.tk-padding-left-4t {
padding-left: 4.333rem ;
}
.tk-padding-left-5t {
padding-left: 5.417rem ;
}
.tk-padding-right-none {
padding-right: 0 ;
}
.tk-padding-right-min {
padding-right: 0.333rem ;
}
.tk-padding-right-halft {
padding-right: 0.583rem ;
}
.tk-padding-right-1t {
padding-right: 1.083rem ;
}
.tk-padding-right-2t {
padding-right: 2.167rem ;
}
.tk-padding-right-3t {
padding-right: 3.250rem ;
}
.tk-padding-right-4t {
padding-right: 4.333rem ;
}
.tk-padding-right-5t {
padding-right: 5.417rem ;
}
.tk-padding-top-none {
padding-top: 0 ;
}
.tk-padding-top-min {
padding-top: 0.333rem ;
}
.tk-padding-top-halft {
padding-top: 0.583rem ;
}
.tk-padding-top-1t {
padding-top: 1.083rem ;
}
.tk-padding-top-2t {
padding-top: 2.167rem ;
}
.tk-padding-top-3t {
padding-top: 3.250rem ;
}
.tk-padding-top-4t {
padding-top: 4.333rem ;
}
.tk-padding-top-5t {
padding-top: 5.417rem ;
}
.tk-padding-bottom-none {
padding-bottom: 0 ;
}
.tk-padding-bottom-min {
padding-bottom: 0.333rem ;
}
.tk-padding-bottom-halft {
padding-bottom: 0.583rem ;
}
.tk-padding-bottom-1t {
padding-bottom: 1.083rem ;
}
.tk-padding-bottom-2t {
padding-bottom: 2.167rem ;
}
.tk-padding-bottom-3t {
padding-bottom: 3.250rem ;
}
.tk-padding-bottom-4t {
padding-bottom: 4.333rem ;
}
.tk-padding-bottom-5t {
padding-bottom: 5.417rem ;
}