/* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
*/
/* For much easier scanning a document, fallbacks */
/* stylelint-disable selector-list-comma-newline-after, declaration-block-no-duplicate-properties */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
hr {
  box-sizing: content-box;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: inherit;
  display: inline-block;
  position: relative;
}
blockquote:before,
q:before {
  content: "“";
}
blockquote:after,
q:after {
  content: "”";
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  margin: 0;
  display: inline-block;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #333;
  box-sizing: border-box;
  outline: none;
}
input[type="text"]::-ms-clear,
input[type="search"]::-ms-clear {
  display: none;
}
select {
  padding: 4px 6px;
  height: 24px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  padding: 0 6px;
}
a {
  /* This is an experimental technology */
  /* stylelint-disable property-no-vendor-prefix */
  -webkit-text-decoration-skip: objects;
  /* stylelint-enable property-no-vendor-prefix */
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
}
b,
strong {
  font-weight: bold;
}
code,
kbd,
samp {
  font-family: "Consolas", monospace;
  font-size: 13px;
}
dfn {
  font-style: italic;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  /* This is an experimental technology */
  /* stylelint-disable property-no-vendor-prefix, no-unsupported-browser-features */
  -webkit-appearance: button;
  -moz-appearance: button;
  /* stylelint-enable property-no-vendor-prefix, no-unsupported-browser-features */
}
/* stylelint-enable selector-list-comma-newline-after, declaration-block-no-duplicate-properties */
/* This is a file for setting vendor prefixes for properties and values */
/* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix, declaration-block-no-duplicate-properties, no-unsupported-browser-features */
/* stylelint-enable property-no-vendor-prefix, value-no-vendor-prefix, declaration-block-no-duplicate-properties, no-unsupported-browser-features */
/* It's necessary property for all elements */
/* stylelint-disable selector-no-universal */
html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
/* stylelint-enable selector-no-universal */
body {
  background: #fff;
  font-size: 12px;
  font-family: "Tahoma", "Arial", sans-serif;
  color: #333;
  line-height: 18px;
  height: 100%;
  margin: 0;
  overflow: auto;
  width: 100%;
}
p {
  line-height: 16px;
  margin: 0 0 8px;
}
a {
  color: #008ac7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
select {
  width: 236px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 24px;
}
@font-face {
  font-family: "DINOTCondensedMedium";
  src: url("../content/font/dinot-condmedium-webfont.eot");
  src: url("../content/font/dinot-condmedium-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/dinot-condmedium-webfont.woff") format("woff"), url("../content/font/dinot-condmedium-webfont.ttf") format("truetype"), url("../content/font/dinot-condmedium-webfont.svg#DINOTCondensedMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINOTRegular";
  src: url("../content/font/dinot-webfont.eot");
  src: url("../content/font/dinot-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/dinot-webfont.woff") format("woff"), url("../content/font/dinot-webfont.ttf") format("truetype"), url("../content/font/dinot-webfont.svg#DINOTRegular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINOTMedium";
  src: url("../content/font/dinot-medium-webfont.eot");
  src: url("../content/font/dinot-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/dinot-medium-webfont.woff") format("woff"), url("../content/font/dinot-medium-webfont.ttf") format("truetype"), url("../content/font/dinot-medium-webfont.svg#DINOTMedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINOTBold";
  src: url("../content/font/dinot-bold-webfont.eot");
  src: url("../content/font/dinot-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/dinot-bold-webfont.woff") format("woff"), url("../content/font/dinot-bold-webfont.ttf") format("truetype"), url("../content/font/dinot-bold-webfont.svg#") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("../content/font/opensans-regular-webfont.eot");
  src: url("../content/font/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/opensans-regular-webfont.woff") format("woff"), url("../content/font/opensans-regular-webfont.ttf") format("truetype"), url("../content/font/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("../content/font/opensans-bold-webfont.eot");
  src: url("../content/font/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/opensans-bold-webfont.woff") format("woff"), url("../content/font/opensans-bold-webfont.ttf") format("truetype"), url("../content/font/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Semibold";
  src: url("../content/font/opensans-semibold-webfont.eot");
  src: url("../content/font/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../content/font/opensans-semibold-webfont.woff") format("woff"), url("../content/font/opensans-semibold-webfont.ttf") format("truetype"), url("../content/font/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* There are atomic classes, so !important is necessary */
/* stylelint-disable declaration-no-important */
.dinot-regular {
  font-family: "DINOTRegular", "Trebuchet MS", sans-serif !important;
  font-size: 13px  !important;
}
.dinot-regular strong,
.dinot-regular b {
  font-weight: normal  !important;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif !important;
}
.dinot-medium {
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif !important;
  font-size: 13px  !important;
}
.dinot-bold {
  font-family: "DINOTBold", "Trebuchet MS", sans-serif !important;
}
.open-sans {
  font-family: "Open Sans", "Helvetica-Neue", "Helvetica", sans-serif !important;
  font-size: 13px  !important;
}
/* stylelint-enable declaration-no-important */
h1 {
  color: #000;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 30px;
  line-height: 36px;
}
h2 {
  color: #000;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 20px;
  line-height: 24px;
}
h3 {
  color: #000;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 18px;
  line-height: 22px;
}
h4 {
  color: #000;
  font-family: "DINOTBold", "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 22px;
}
h4.m-thin {
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
}
h5 {
  color: #000;
  font-family: "DINOTBold", "Trebuchet MS", sans-serif;
  font-size: 12px;
}
h6 {
  color: #000;
  font-family: "DINOTRegular", "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 8px;
}
/* For much easier scanning a document; this is atomic classes, so !important is needed */
/* stylelint-disable selector-list-comma-newline-after, declaration-no-important */
h1.m-primary,
h2.m-primary,
h3.m-primary,
h4.m-primary,
h5.m-primary,
h6.m-primary,
strong.m-primary {
  color: #0098db !important;
}
h1.m-orange,
h2.m-orange,
h3.m-orange,
h4.m-orange,
h5.m-orange,
h6.m-orange,
strong.m-orange {
  color: #ed941e !important;
}
h1.m-black,
h2.m-black,
h3.m-black,
h4.m-black,
h5.m-black,
h6.m-black,
strong.m-black {
  color: #000 !important;
}
h1.m-white,
h2.m-white,
h3.m-white,
h4.m-white,
h5.m-white,
h6.m-white,
strong.m-white {
  color: #fff !important;
}
/* stylelint-enable selector-list-comma-newline-after, declaration-no-important */
code.command {
  display: block;
  white-space: pre;
  width: 100%;
  background: #eee;
  color: #333;
  padding: 12px 10px;
  margin-bottom: 16px;
}
code.command.m-dark {
  color: #333;
  background: #eee;
}
.first-line-quote:before {
  margin-left: -5px;
  position: absolute;
}
/* This is file for setting atomic styles, so !important is necessary */
/* stylelint-disable declaration-no-important */
.mb0 {
  margin-bottom: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.m0 {
  margin: 0px !important;
}
.p0 {
  padding: 0px !important;
}
.mt0 {
  margin-top: 0px !important;
}
.pt0 {
  padding-top: 0px !important;
}
.m0 {
  margin: 0px !important;
}
.p0 {
  padding: 0px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.pr0 {
  padding-right: 0px !important;
}
.m0 {
  margin: 0px !important;
}
.p0 {
  padding: 0px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.pl0 {
  padding-left: 0px !important;
}
.m0 {
  margin: 0px !important;
}
.p0 {
  padding: 0px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.m2 {
  margin: 2px !important;
}
.p2 {
  padding: 2px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.m2 {
  margin: 2px !important;
}
.p2 {
  padding: 2px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.m2 {
  margin: 2px !important;
}
.p2 {
  padding: 2px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.m2 {
  margin: 2px !important;
}
.p2 {
  padding: 2px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.m4 {
  margin: 4px !important;
}
.p4 {
  padding: 4px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.m4 {
  margin: 4px !important;
}
.p4 {
  padding: 4px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.m4 {
  margin: 4px !important;
}
.p4 {
  padding: 4px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.m4 {
  margin: 4px !important;
}
.p4 {
  padding: 4px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.m6 {
  margin: 6px !important;
}
.p6 {
  padding: 6px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.m6 {
  margin: 6px !important;
}
.p6 {
  padding: 6px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.m6 {
  margin: 6px !important;
}
.p6 {
  padding: 6px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.m6 {
  margin: 6px !important;
}
.p6 {
  padding: 6px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.m8 {
  margin: 8px !important;
}
.p8 {
  padding: 8px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.m8 {
  margin: 8px !important;
}
.p8 {
  padding: 8px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.m8 {
  margin: 8px !important;
}
.p8 {
  padding: 8px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.m8 {
  margin: 8px !important;
}
.p8 {
  padding: 8px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.m10 {
  margin: 10px !important;
}
.p10 {
  padding: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.m10 {
  margin: 10px !important;
}
.p10 {
  padding: 10px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.m10 {
  margin: 10px !important;
}
.p10 {
  padding: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.m10 {
  margin: 10px !important;
}
.p10 {
  padding: 10px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.m12 {
  margin: 12px !important;
}
.p12 {
  padding: 12px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.pt12 {
  padding-top: 12px !important;
}
.m12 {
  margin: 12px !important;
}
.p12 {
  padding: 12px !important;
}
.mr12 {
  margin-right: 12px !important;
}
.pr12 {
  padding-right: 12px !important;
}
.m12 {
  margin: 12px !important;
}
.p12 {
  padding: 12px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.pl12 {
  padding-left: 12px !important;
}
.m12 {
  margin: 12px !important;
}
.p12 {
  padding: 12px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.pb14 {
  padding-bottom: 14px !important;
}
.m14 {
  margin: 14px !important;
}
.p14 {
  padding: 14px !important;
}
.mt14 {
  margin-top: 14px !important;
}
.pt14 {
  padding-top: 14px !important;
}
.m14 {
  margin: 14px !important;
}
.p14 {
  padding: 14px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.pr14 {
  padding-right: 14px !important;
}
.m14 {
  margin: 14px !important;
}
.p14 {
  padding: 14px !important;
}
.ml14 {
  margin-left: 14px !important;
}
.pl14 {
  padding-left: 14px !important;
}
.m14 {
  margin: 14px !important;
}
.p14 {
  padding: 14px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.m16 {
  margin: 16px !important;
}
.p16 {
  padding: 16px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.pt16 {
  padding-top: 16px !important;
}
.m16 {
  margin: 16px !important;
}
.p16 {
  padding: 16px !important;
}
.mr16 {
  margin-right: 16px !important;
}
.pr16 {
  padding-right: 16px !important;
}
.m16 {
  margin: 16px !important;
}
.p16 {
  padding: 16px !important;
}
.ml16 {
  margin-left: 16px !important;
}
.pl16 {
  padding-left: 16px !important;
}
.m16 {
  margin: 16px !important;
}
.p16 {
  padding: 16px !important;
}
.mb18 {
  margin-bottom: 18px !important;
}
.pb18 {
  padding-bottom: 18px !important;
}
.m18 {
  margin: 18px !important;
}
.p18 {
  padding: 18px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.pt18 {
  padding-top: 18px !important;
}
.m18 {
  margin: 18px !important;
}
.p18 {
  padding: 18px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.pr18 {
  padding-right: 18px !important;
}
.m18 {
  margin: 18px !important;
}
.p18 {
  padding: 18px !important;
}
.ml18 {
  margin-left: 18px !important;
}
.pl18 {
  padding-left: 18px !important;
}
.m18 {
  margin: 18px !important;
}
.p18 {
  padding: 18px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.m20 {
  margin: 20px !important;
}
.p20 {
  padding: 20px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.m20 {
  margin: 20px !important;
}
.p20 {
  padding: 20px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.m20 {
  margin: 20px !important;
}
.p20 {
  padding: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.m20 {
  margin: 20px !important;
}
.p20 {
  padding: 20px !important;
}
.mb22 {
  margin-bottom: 22px !important;
}
.pb22 {
  padding-bottom: 22px !important;
}
.m22 {
  margin: 22px !important;
}
.p22 {
  padding: 22px !important;
}
.mt22 {
  margin-top: 22px !important;
}
.pt22 {
  padding-top: 22px !important;
}
.m22 {
  margin: 22px !important;
}
.p22 {
  padding: 22px !important;
}
.mr22 {
  margin-right: 22px !important;
}
.pr22 {
  padding-right: 22px !important;
}
.m22 {
  margin: 22px !important;
}
.p22 {
  padding: 22px !important;
}
.ml22 {
  margin-left: 22px !important;
}
.pl22 {
  padding-left: 22px !important;
}
.m22 {
  margin: 22px !important;
}
.p22 {
  padding: 22px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.m24 {
  margin: 24px !important;
}
.p24 {
  padding: 24px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.m24 {
  margin: 24px !important;
}
.p24 {
  padding: 24px !important;
}
.mr24 {
  margin-right: 24px !important;
}
.pr24 {
  padding-right: 24px !important;
}
.m24 {
  margin: 24px !important;
}
.p24 {
  padding: 24px !important;
}
.ml24 {
  margin-left: 24px !important;
}
.pl24 {
  padding-left: 24px !important;
}
.m24 {
  margin: 24px !important;
}
.p24 {
  padding: 24px !important;
}
.mb26 {
  margin-bottom: 26px !important;
}
.pb26 {
  padding-bottom: 26px !important;
}
.m26 {
  margin: 26px !important;
}
.p26 {
  padding: 26px !important;
}
.mt26 {
  margin-top: 26px !important;
}
.pt26 {
  padding-top: 26px !important;
}
.m26 {
  margin: 26px !important;
}
.p26 {
  padding: 26px !important;
}
.mr26 {
  margin-right: 26px !important;
}
.pr26 {
  padding-right: 26px !important;
}
.m26 {
  margin: 26px !important;
}
.p26 {
  padding: 26px !important;
}
.ml26 {
  margin-left: 26px !important;
}
.pl26 {
  padding-left: 26px !important;
}
.m26 {
  margin: 26px !important;
}
.p26 {
  padding: 26px !important;
}
.mb28 {
  margin-bottom: 28px !important;
}
.pb28 {
  padding-bottom: 28px !important;
}
.m28 {
  margin: 28px !important;
}
.p28 {
  padding: 28px !important;
}
.mt28 {
  margin-top: 28px !important;
}
.pt28 {
  padding-top: 28px !important;
}
.m28 {
  margin: 28px !important;
}
.p28 {
  padding: 28px !important;
}
.mr28 {
  margin-right: 28px !important;
}
.pr28 {
  padding-right: 28px !important;
}
.m28 {
  margin: 28px !important;
}
.p28 {
  padding: 28px !important;
}
.ml28 {
  margin-left: 28px !important;
}
.pl28 {
  padding-left: 28px !important;
}
.m28 {
  margin: 28px !important;
}
.p28 {
  padding: 28px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.m30 {
  margin: 30px !important;
}
.p30 {
  padding: 30px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.m30 {
  margin: 30px !important;
}
.p30 {
  padding: 30px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.m30 {
  margin: 30px !important;
}
.p30 {
  padding: 30px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.m30 {
  margin: 30px !important;
}
.p30 {
  padding: 30px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.pb32 {
  padding-bottom: 32px !important;
}
.m32 {
  margin: 32px !important;
}
.p32 {
  padding: 32px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.m32 {
  margin: 32px !important;
}
.p32 {
  padding: 32px !important;
}
.mr32 {
  margin-right: 32px !important;
}
.pr32 {
  padding-right: 32px !important;
}
.m32 {
  margin: 32px !important;
}
.p32 {
  padding: 32px !important;
}
.ml32 {
  margin-left: 32px !important;
}
.pl32 {
  padding-left: 32px !important;
}
.m32 {
  margin: 32px !important;
}
.p32 {
  padding: 32px !important;
}
.mb-2 {
  margin-bottom: -2px !important;
}
.pb-2 {
  padding-bottom: -2px !important;
}
.m-2 {
  margin: -2px !important;
}
.p-2 {
  padding: -2px !important;
}
.mt-2 {
  margin-top: -2px !important;
}
.pt-2 {
  padding-top: -2px !important;
}
.m-2 {
  margin: -2px !important;
}
.p-2 {
  padding: -2px !important;
}
.mr-2 {
  margin-right: -2px !important;
}
.pr-2 {
  padding-right: -2px !important;
}
.m-2 {
  margin: -2px !important;
}
.p-2 {
  padding: -2px !important;
}
.ml-2 {
  margin-left: -2px !important;
}
.pl-2 {
  padding-left: -2px !important;
}
.m-2 {
  margin: -2px !important;
}
.p-2 {
  padding: -2px !important;
}
.mb-4 {
  margin-bottom: -4px !important;
}
.pb-4 {
  padding-bottom: -4px !important;
}
.m-4 {
  margin: -4px !important;
}
.p-4 {
  padding: -4px !important;
}
.mt-4 {
  margin-top: -4px !important;
}
.pt-4 {
  padding-top: -4px !important;
}
.m-4 {
  margin: -4px !important;
}
.p-4 {
  padding: -4px !important;
}
.mr-4 {
  margin-right: -4px !important;
}
.pr-4 {
  padding-right: -4px !important;
}
.m-4 {
  margin: -4px !important;
}
.p-4 {
  padding: -4px !important;
}
.ml-4 {
  margin-left: -4px !important;
}
.pl-4 {
  padding-left: -4px !important;
}
.m-4 {
  margin: -4px !important;
}
.p-4 {
  padding: -4px !important;
}
.mb-8 {
  margin-bottom: -8px !important;
}
.pb-8 {
  padding-bottom: -8px !important;
}
.m-8 {
  margin: -8px !important;
}
.p-8 {
  padding: -8px !important;
}
.mt-8 {
  margin-top: -8px !important;
}
.pt-8 {
  padding-top: -8px !important;
}
.m-8 {
  margin: -8px !important;
}
.p-8 {
  padding: -8px !important;
}
.mr-8 {
  margin-right: -8px !important;
}
.pr-8 {
  padding-right: -8px !important;
}
.m-8 {
  margin: -8px !important;
}
.p-8 {
  padding: -8px !important;
}
.ml-8 {
  margin-left: -8px !important;
}
.pl-8 {
  padding-left: -8px !important;
}
.m-8 {
  margin: -8px !important;
}
.p-8 {
  padding: -8px !important;
}
.ma {
  margin: auto !important;
}
.mla {
  margin-left: auto !important;
}
.mra {
  margin-right: auto !important;
}
.pr {
  position: relative !important;
}
.pa {
  position: absolute !important;
}
.lh16 {
  line-height: 16px !important;
}
.lh18 {
  line-height: 18px !important;
}
.lh24 {
  line-height: 24px !important;
}
.lh32 {
  line-height: 32px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.width-stretch {
  width: 100% !important;
}
.height-stretch {
  height: 100% !important;
}
.wa {
  width: auto !important;
}
.ha {
  height: auto !important;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.fn {
  float: none !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.vam {
  vertical-align: middle !important;
}
.vat {
  vertical-align: top !important;
}
.vab {
  vertical-align: bottom !important;
}
.img-16-in-text-a {
  position: absolute;
  top: 0;
}
.dt {
  display: table !important;
}
.dtc {
  display: table-cell !important;
}
.dib {
  display: inline-block !important;
}
.db {
  display: block !important;
}
.hidden {
  display: none !important;
}
.df {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.muted {
  color: #999 !important;
}
.highlighted {
  background: yellow !important;
}
.m-bold {
  font-weight: bold !important;
}
.underlined {
  border-bottom: 1px solid lightgrey !important;
}
.m-no-border {
  border: none !important;
}
.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.m-caps {
  text-transform: uppercase !important;
}
.m-low {
  text-transform: lowercase !important;
}
.m-capitalize {
  text-transform: capitalize !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break-all {
  word-break: break-all !important;
}
.text-break-word {
  word-break: break-word !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-default {
  cursor: default !important;
}
/* stylelint-enable declaration-no-important */
.f-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.f-row {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
}
.f-col {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.f-col .no-wrap {
  flex-wrap: initial;
}
/* There are atomic classes, so !important is necessary */
/* stylelint-disable declaration-no-important */
.f-shrink {
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.f-stretch {
  -webkit-flex: 1 0 auto !important;
  -moz-flex: 1 0 auto !important;
  -ms-flex: 1 0 auto !important;
  flex: 1 0 auto !important;
}
.f-space-between {
  justify-content: space-between !important;
}
/* stylelint-enable declaration-no-important */
.f-col-1 {
  min-width: 60px;
  width: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-1 {
  margin-left: 90px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-2 {
  min-width: 140px;
  width: 140px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-2 {
  margin-left: 170px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-3 {
  min-width: 220px;
  width: 220px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-3 {
  margin-left: 250px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-4 {
  min-width: 300px;
  width: 300px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-4 {
  margin-left: 330px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-5 {
  min-width: 380px;
  width: 380px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-5 {
  margin-left: 410px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-6 {
  min-width: 460px;
  width: 460px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-6 {
  margin-left: 490px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-7 {
  min-width: 540px;
  width: 540px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-7 {
  margin-left: 570px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-8 {
  min-width: 620px;
  width: 620px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-8 {
  margin-left: 650px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-9 {
  min-width: 700px;
  width: 700px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-9 {
  margin-left: 730px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-10 {
  min-width: 780px;
  width: 780px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-10 {
  margin-left: 810px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-11 {
  min-width: 860px;
  width: 860px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-11 {
  margin-left: 890px !important;
}
/* stylelint-enable declaration-no-important */
.f-col-12 {
  min-width: 940px;
  width: 940px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* This is atomic class for indentation */
/* stylelint-disable declaration-no-important */
.f-offset-12 {
  margin-left: 970px !important;
}
/* stylelint-enable declaration-no-important */
[class*="f-col-"] {
  margin-left: 10px;
  margin-right: 10px;
}
[class*="f-col-"]:first-child {
  margin-left: 0;
}
[class*="f-col-"]:last-child {
  margin-right: 0;
}
.demo-border {
  box-sizing: border-box;
  padding: 5px;
}
.demo-border[class*="f-col-"] {
  background: #b1b4ad;
}
.demo-border.f-row {
  background: rgba(38, 39, 227, 0.3);
}
.demo-border.f-box {
  background: rgba(227, 155, 30, 0.3);
}
.f-header {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: #0098db;
  box-shadow: none;
  z-index: 1000;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.header-page-title {
  padding: 1px 12px;
}
.header-page-title h2 {
  color: #fff;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 18px;
  line-height: 31px;
  margin: 0;
}
.f-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #474747;
  box-shadow: none;
  font-family: "DINOTRegular", "Trebuchet MS", sans-serif;
  font-size: 14px;
  min-width: 120px;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.f-menu-item {
  display: block;
  position: relative;
  color: #dbdbdb;
  border-top: 1px solid #575757;
  padding: 10px 16px 13px 12px;
}
.f-menu-item:hover {
  background: #333;
  position: relative;
  text-decoration: none;
  color: #fff;
  border-top: 1px solid #333;
}
.f-menu-item.m-active {
  background: #0e6ea8;
  color: #fff;
  position: relative;
  border-top: 1px solid #0e6ea8;
}
.f-submenu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #eee;
  min-width: 120px;
  font-size: 14px;
}
.f-submenu-item {
  color: #333;
  display: block;
  position: relative;
  padding: 10px 16px 13px 12px;
}
.f-submenu-item:hover {
  background: #d6d6d6;
  text-decoration: none;
}
.f-submenu-item.active {
  background: #fff;
}
.f-container {
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  max-height: 100%;
}
.f-container .m-flex-stretch {
  -webkit-flex: 1 1 100%;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.f-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  overflow: auto;
}
.f-content.m-content-padding {
  padding: 12px 12px 0;
}
.f-header + .f-container {
  max-height: calc(100% - 33px);
}
.vertical-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
}
.vertical-tabs .vertical-tabs-titles {
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 100%;
  box-shadow: none;
  bottom: 0;
  font-family: "DINOTRegular", "Trebuchet MS", sans-serif;
  font-size: 14px;
}
.vertical-tabs .vertical-tabs-titles.m-no-first-level {
  background: transparent;
}
.vertical-tabs.m-secondary .vertical-tabs-titles {
  top: 77px;
}
.vertical-tabs.m-secondary .vertical-tabs-titles.m-t107 {
  top: 107px;
}
.vertical-tabs.m-secondary .vertical-tabs-panes {
  margin-top: 46px;
}
.vertical-tabs.m-t64 {
  position: relative;
  top: 32px;
}
.vertical-tabs.m-t64 .vertical-tabs-titles {
  top: 64px;
}
.vertical-tabs .vertical-tabs-titles-item {
  display: block;
  position: relative;
  text-decoration: none;
  color: #dbdbdb;
  border-top: 1px solid #575757;
  padding: 10px 16px 13px 12px;
}
.vertical-tabs .vertical-tabs-titles-item:last-child {
  border-bottom: 1px solid #575757;
}
.vertical-tabs .vertical-tabs-titles-item.s-active,
.vertical-tabs .vertical-tabs-titles-item.s-active:hover {
  background: #0e6ea8;
  color: #fff;
  position: relative;
  border-top: 1px solid #0e6ea8;
}
.vertical-tabs .vertical-tabs-titles-item.s-active + .vertical-tabs-titles-item,
.vertical-tabs .vertical-tabs-titles-item.s-active:hover + .vertical-tabs-titles-item {
  border-top: 1px solid #222;
}
.vertical-tabs .vertical-tabs-titles-item.s-active:after,
.vertical-tabs .vertical-tabs-titles-item.s-active:hover:after {
  display: none;
}
.vertical-tabs .vertical-tabs-titles-item.s-active:last-child,
.vertical-tabs .vertical-tabs-titles-item.s-active:hover:last-child {
  border-bottom: 1px solid #0e6ea8;
}
.vertical-tabs .vertical-tabs-titles-item:hover {
  background: #333;
  position: relative;
  text-decoration: none;
  color: #fff;
  border-top: 1px solid #333;
}
.vertical-tabs .vertical-tabs-titles-item:hover:after {
  display: none;
}
.vertical-tabs .vertical-tabs-titles-item:hover + .vertical-tabs-titles-item {
  border-top: 1px solid #474747;
}
.vertical-tabs .vertical-tabs-titles-item:hover + .vertical-tabs-titles-item.s-active {
  border-top: 1px solid #0e6ea8;
}
.vertical-tabs .vertical-tabs-titles-item:hover:last-child {
  border-bottom: 1px solid #333;
}
.vertical-tabs .vertical-tabs-titles-item:hover .vertical-tabs-icon[class*="icon-"]:before {
  color: #fff;
}
.vertical-tabs .vertical-tabs-titles-item.s-disabled {
  color: #555;
}
.vertical-tabs .vertical-tabs-titles-item .vertical-tabs-icon {
  float: right;
}
.vertical-tabs .vertical-tabs-panes {
  -webkit-flex: 0 1 100%;
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  height: 100%;
  background: #fff;
  padding: 12px 12px 0;
  position: relative;
}
.vertical-tabs .vertical-tabs-panes.m-inception {
  padding-top: 0;
}
.vertical-tabs .vertical-tabs-pane {
  background: #fff;
}
.vertical-tabs .vertical-tabs-activation-icon {
  text-align: left;
  background: #f7941e;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  border-radius: 100px;
  color: #fff;
  display: inline-block;
  float: right;
  font-weight: bold;
  height: 16px;
  line-height: 15px;
  margin: -1px 3px 0 0;
  padding: 0 0 0 5px;
  width: 11px;
}
.icon.m-size-16 {
  width: 16px;
  height: 16px;
}
.icon.m-size-24 {
  width: 24px;
  height: 24px;
}
.icon.m-white {
  fill: #fff;
  color: #fff;
}
.icon.m-blue {
  fill: #0098db;
  color: #0098db;
}
.icon.m-red {
  fill: #ef4e4e;
  color: #ef4e4e;
}
.icon.m-green {
  fill: #96bc33;
  color: #96bc33;
}
.icon.m-gray {
  fill: #999;
  color: #999;
}
.icon.m-orange {
  fill: #f89e32;
  color: #f89e32;
}
.icon.m-va-middle {
  vertical-align: middle;
}
.icon.m-va-text-top {
  vertical-align: text-top;
}
a svg {
  fill: #008ac7;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  height: 24px;
  background-color: #fff;
  border: 1px solid #d6d6d6;
  -webkit-transition: border linear .2s;
  -moz-transition: border linear .2s;
  -ms-transition: border linear .2s;
  -o-transition: border linear .2s;
  transition: border linear .2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #0098db;
  outline: 0;
}
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover {
  border-color: #62bde3;
}
input[disabled],
select[disabled],
textarea[disabled],
input[disabled]:hover,
select[disabled]:hover,
textarea[disabled]:hover {
  cursor: not-allowed;
  border-color: #d6d6d6;
  background-color: #eee;
  color: #999;
}
input[type="checkbox"].changeable-item.changed {
  outline: 3px solid #f6b634;
  outline-offset: -2px;
}
/* line 1048, D:\WebstormTFS\Design.Dev\ui-lib\styles\base\forms.less */
input[type="radio"]:checked.changeable-item.changed {
  outline: 2px solid #f6b634;
  outline-offset: 1px;
}
/* line 1053, D:\WebstormTFS\Design.Dev\ui-lib\styles\base\forms.less */
input[type="number"].changeable-item.changed:not(.ng-invalid),
input[type="text"].changeable-item.changed:not(.ng-invalid),
input[type="email"].changeable-item.changed:not(.ng-invalid) {
  border: 1px solid #f6b634;
  outline: 1px solid #f6b634;
  outline-offset: 0;
}
.zen-form {
  line-height: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /*https://codepen.io/terkel/pen/ywEth prefix and suffix selectors*/
}
.zen-form .size-1 {
  min-width: 60px;
  width: 60px;
}
.zen-form .size-2 {
  min-width: 140px;
  width: 140px;
}
.zen-form .size-3 {
  min-width: 220px;
  width: 220px;
}
.zen-form .size-4 {
  min-width: 300px;
  width: 300px;
}
.zen-form .size-5 {
  min-width: 380px;
  width: 380px;
}
.zen-form .size-6 {
  min-width: 460px;
  width: 460px;
}
.zen-form .size-7 {
  min-width: 540px;
  width: 540px;
}
.zen-form .size-8 {
  min-width: 620px;
  width: 620px;
}
.zen-form .size-9 {
  min-width: 700px;
  width: 700px;
}
.zen-form .size-10 {
  min-width: 780px;
  width: 780px;
}
.zen-form .size-11 {
  min-width: 860px;
  width: 860px;
}
.zen-form .size-12 {
  min-width: 940px;
  width: 940px;
}
.zen-form [class^="size-"],
.zen-form [class*=" size-"] {
  margin-left: 10px;
  margin-right: 10px;
}
.zen-form [class^="size-"]:first-child,
.zen-form [class*=" size-"]:first-child {
  margin-left: 0;
}
.zen-form [class^="size-"]:last-child,
.zen-form [class*=" size-"]:last-child {
  margin-right: 0;
}
.zen-form .control-group {
  min-height: 24px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  -webkit-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.zen-form .control-group .control-label {
  padding-top: 4px;
  display: block;
}
.zen-form .control-group .control-label input[type="checkbox"],
.zen-form .control-group .control-label input[type="radio"] {
  margin: 2px 8px 0 0;
  vertical-align: top;
}
.zen-form .control-group .controls {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.zen-form .control-group .comment {
  margin-top: 4px;
  color: #999;
}
.zen-form .control-group .sub-group {
  flex-basis: 100%;
  margin-left: 20px;
  margin-top: 16px;
}
.zen-form .submit-group {
  margin-bottom: 24px;
  margin-top: 16px;
}
.zen-form input[type="checkbox"],
.zen-form input[type="radio"] {
  margin: 6px 8px 0 0;
}
.zen-form .validation-input {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form-input-wrap {
  position: relative;
}
.form-input-wrap .form-input-clear {
  position: absolute;
  right: 6px;
  top: 4px;
  cursor: pointer;
  background: #fff;
}
ul.tick li {
  list-style: none;
}
ul.tick li:before {
  font-family: "Intermedia-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  content: "\2713";
  padding-right: 10px;
  font-size: 16px;
}
ul.m-circled-tick li {
  font-size: 14px;
  list-style: none;
}
ul.m-circled-tick li:before {
  float: left;
  background: #0098db;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  padding: 1px 0;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
  width: 20px;
  display: block;
  box-sizing: border-box;
  content: "\2713";
  box-shadow: 0 0 0 4px #3fb2e5;
}
ul.grid li {
  width: auto;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
}
ul.list {
  margin: 0 0 16px 18px;
}
ul.list.s-small {
  margin-left: 16px;
}
ul.list.s-small li:before {
  margin: 6px 0 0 -16px;
}
ul.list.s-tiny {
  margin-left: 14px;
}
ul.list.s-tiny li:before {
  margin: 7px 0 0 -14px;
  border-radius: 2px;
  width: 4px;
  height: 4px;
}
ul.list > li {
  list-style: none;
  margin: 0 0 8px;
}
ul.list > li:last-child {
  margin: 0;
}
ul.list > li:before {
  content: " ";
  float: left;
  margin: 6px 0 0 -18px;
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background: #000;
}
ul.list > li.m-loading:before {
  background: url("../content/images/icons/48/progress_new_48.gif") 0 0 no-repeat;
  background-size: 16px 16px;
  height: 16px;
  margin: 2px 0 0 -22px;
  width: 16px;
}
ul.list > li.ok:before {
  background: url("../content/images/icons/16/ok_dark_16.png") 0 0 no-repeat;
  height: 16px;
  margin: 2px 0 0 -22px;
  width: 16px;
}
ul.list > li.pdf:before {
  background: url("../content/images/icons/16/pdf_logo_16.gif") 0 0 no-repeat;
  content: "";
  margin: 1px 0 0 -22px;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
}
ul.list.m-primary > li:before,
ul.list.m-list-blue > li:before {
  background: #0098db;
}
ul.list.m-muted li:before {
  background: #999;
}
ul.level-1,
ul.level-2 {
  margin: 10px 20px;
}
ol.list {
  margin-bottom: 16px;
  margin-left: 22px;
  counter-reset: list;
}
ol.list.s-small {
  margin-left: 16px;
}
ol.list.s-small li:before {
  margin: 0 0 0 -16px;
}
ol.list > li {
  list-style: none;
  margin: 0 0 8px;
}
ol.list > li:before {
  counter-increment: list;
  content: counter(list) ".";
  float: left;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 14px;
  margin: 0 0 0 -18px;
}
ol.list > li ul.list {
  margin-left: 0;
}
ol.list > li ul.list li {
  list-style-type: disc;
  margin-left: 20px;
}
ol.list > li ul.list li:before {
  background: none;
}
ol.list > li:last-child {
  margin: 0;
}
ol.list.m-primary li:before {
  color: #0098db;
}
ol.list.m-orange li:before {
  color: #ed941e;
}
ol.list.m-circled {
  counter-reset: item;
  list-style-type: none;
}
ol.list.m-circled li {
  font-size: 20px;
  padding-left: 0;
}
ol.list.m-circled li:before {
  background: #0098db;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  padding: 1px 0;
  margin-right: 10px;
  text-align: center;
  width: 20px;
  display: block;
  box-sizing: border-box;
  content: counter(item) "  ";
  counter-increment: item;
  box-shadow: 0 0 0 4px #3fb2e5;
}
ol.list.m-circled li p {
  margin: 0 8px 16px 12px;
  display: block;
  font-size: 12px;
}
hr {
  border: none;
  border-top: 1px solid #d6d6d6;
  height: 0;
}
hr.m-dotted {
  border-top: none;
  background: url("data:image/svg+xml, <svg width='5' height='2' xmlns='http://www.w3.org/2000/svg'><rect height='2' width='5' y='0' x='0' fill='#FFF' /><circle r='1' cy='1' cx='1' fill='#0e6ea8' /></svg>") repeat-x bottom;
  height: 2px;
}
hr.m-gray {
  background: url("data:image/svg+xml, <svg width='5' height='2' xmlns='http://www.w3.org/2000/svg'><rect height='2' width='5' y='0' x='0' fill='#FFF' /><circle r='1' cy='1' cx='1' fill='#d6d6d6' /></svg>") repeat-x bottom;
}
.alert {
  background-color: #eee;
  padding: 8px;
  position: relative;
  border: 1px solid #eee;
  /* This class isn't used in Zenith */
}
.alert h4 {
  color: #008ac7;
  margin: 0;
}
.alert a {
  color: #008ac7;
}
.alert.m-confirmation {
  padding: 3px 3px 3px 10px;
}
.alert.m-inline {
  display: inline-block;
}
.alert.m-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert.m-block > p {
  margin-bottom: 0;
}
.alert.m-block > ul {
  margin-bottom: 0;
}
.alert.m-block p + p {
  margin-top: 5px;
}
.alert.m-warning {
  background-color: #fef2e4;
  border-color: #fddfbc;
}
.alert.m-warning h4 {
  color: #e1871b;
}
.alert.m-warning .alert-arrow {
  background: #fef2e4;
  border-color: #fddfbc;
}
.alert.m-warning:hover {
  background: #fef2e4;
}
.alert.m-important-warning {
  background-color: #fddfbc;
  border-color: #fddfbc;
  font-size: 14px;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
}
.alert.m-important-warning h4 {
  color: #e1871b;
}
.alert.m-important-warning:hover {
  background: #fddfbc;
}
.alert.m-success {
  background-color: #f6faee;
  border-color: #f6faee;
}
.alert.m-success.m-bordered {
  border-color: #ecf3dc;
}
.alert.m-success h4 {
  color: #88ab2e;
}
.alert.m-error {
  background-color: #fdeced;
  border-color: #fcdadc;
}
.alert.m-error h4 {
  color: #d81921;
}
.alert.m-clear {
  padding: 0;
  border: none;
  background: none;
}
.alert.m-clear .sign.m-left {
  left: 0;
}
.alert.m-info {
  background-color: #eaf6fb;
  border-color: #d6ecf7;
}
.alert.m-info h4 {
  color: #008ac7;
}
.alert.m-top-fixed {
  position: fixed;
  top: 32px;
  width: 100%;
  z-index: 10;
}
.alert .sign {
  position: absolute;
}
.alert .sign.m-left {
  left: 10px;
}
.alert .close {
  position: absolute;
  top: 3px;
  right: 3px;
  line-height: 16px;
}
.alert .alert-label {
  min-height: 28px;
  padding-left: 28px;
  margin-left: -14px;
  background: #fff;
  padding-right: 0;
  width: 100%;
  line-height: 28px;
  margin-bottom: -7px;
}
.alert .alert-label input[type="checkbox"] {
  float: left;
  margin-left: -14px;
  margin-top: 8px;
  margin-right: 10px;
}
.alert .alert-label.m-transparent {
  background-color: transparent;
}
.alert .alert-arrow {
  background: #fff;
  border-color: #0098db;
  border-style: solid;
  height: 7px;
  position: absolute;
  width: 7px;
}
.alert .alert-arrow.m-top {
  left: 50%;
  margin: 0 0 0 -4px;
  top: -5px;
  border-width: 1px 0 0 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bg {
  background-color: #999;
  border: 1px solid #eee;
  padding: 7px 14px;
  position: relative;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.bg.m-orange {
  background-color: #fef2e4;
  border-color: #fddfbc;
}
.bg.m-green {
  background-color: #f6faee;
  border-color: #ecf3dc;
}
.bg.m-red {
  background-color: #fdeced;
  border-color: #fcdadc;
}
.bg.m-blue {
  background-color: #eaf6fb;
  border-color: #d6ecf7;
}
.btn {
  background: #d8d8d8;
  border: none;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 14px;
  line-height: 24px;
  outline: none;
  padding: 0 16px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.btn[disabled]:active,
.btn[disabled].active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn:not(.m-link).disabled,
.btn:not(.m-link)[disabled],
.btn:not(.m-link)[disabled]:hover {
  cursor: default;
  background-image: none;
  background-color: #e5e5e5;
  color: #aaa;
}
.btn:hover,
.btn:focus {
  background: #c9c9c9;
  color: #333;
  text-decoration: none;
}
.btn:active {
  background: #d6d6d6;
}
.btn.m-blue {
  color: #fff;
  background: #0098db;
}
.btn.m-blue:hover,
.btn.m-blue:focus {
  background: #008ac7;
}
.btn.m-blue:active {
  background: #0e6ea8;
}
.btn.m-green {
  color: #fff;
  background: #96bc33;
}
.btn.m-green:hover,
.btn.m-green:focus {
  background: #88ab2e;
}
.btn.m-green:active {
  background: #729f40;
}
.btn.m-red {
  color: #fff;
  background: #ef4e4e;
}
.btn.m-red:hover,
.btn.m-red:focus {
  background: #ff1d25;
}
.btn.m-red:active {
  background: #dd1928;
}
.btn.m-orange {
  color: #fff;
  background: #ed941e;
}
.btn.m-orange:hover,
.btn.m-orange:focus {
  background: #e1871b;
}
.btn.m-orange:active {
  background: #e27727;
}
.btn.filter-link {
  background: none;
  color: #008ac7;
  fill: #008ac7;
  font-family: "Tahoma", "Arial", sans-serif;
  font-size: 12px;
  padding: 4px 16px;
  line-height: 16px;
  height: auto;
}
.btn.filter-link:hover,
.btn.filter-link:focus {
  text-decoration: underline;
  background: none;
}
.btn.filter-link:active,
.btn.filter-link.active {
  background: #cceaf8;
  box-shadow: none;
  color: #008ac7;
  text-decoration: none;
}
.btn.filter-link:active,
.btn.filter-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.filter-link[disabled] {
  text-decoration: none;
  color: #999;
  fill: #999;
  cursor: default;
}
.btn.filter-link[disabled]:hover {
  text-decoration: none;
}
.btn.m-link {
  background: none;
  color: #008ac7;
  fill: #008ac7;
  font-family: "Tahoma", "Arial", sans-serif;
  font-size: 12px;
  padding: 0;
  line-height: 16px;
  height: auto;
}
.btn.m-link.m-with-padding {
  padding: 4px 16px;
}
.btn.m-link:hover,
.btn.m-link:focus {
  text-decoration: underline;
  background: none;
}
.btn.m-link:active,
.btn.m-link.active {
  background: #cceaf8;
  box-shadow: none;
  color: #008ac7;
  text-decoration: none;
}
.btn.m-link:active,
.btn.m-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.m-link[disabled] {
  text-decoration: none;
  color: #999;
  fill: #999;
  cursor: default;
}
.btn.m-link[disabled]:hover {
  text-decoration: none;
}
.btn.m-hint {
  margin-left: -25px;
  position: absolute;
  top: 4px;
  right: 1px;
  background: #ffffff;
}
.btn.m-icon {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #0098db;
  box-shadow: none;
}
.btn.m-icon span {
  text-align: left;
  display: table-cell;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
  font-size: 13px;
}
.btn.m-icon:active {
  box-shadow: none;
}
.m-h32 {
  height: 32px;
  line-height: 32px;
  padding: 0 22px;
}
.m-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.m-large {
  padding: 7px 28px 9px 25px;
  font-size: 20px;
  font-family: "DINOTMedium", "Trebuchet MS", sans-serif;
}
.menu {
  background: #474747;
  box-sizing: border-box;
  float: left;
  height: 100%;
}
.menu-item {
  border-top: 1px solid #575757;
  color: #dbdbdb;
  display: block;
  font-family: "DINOTRegular", "Trebuchet MS", sans-serif;
  font-size: 14px;
  padding: 10px 16px 13px 12px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.menu-item.m-active,
.menu-item.m-active:hover {
  background: #0e6ea8;
  color: #fff;
  border-top: 1px solid #0e6ea8;
}
.menu-item:hover {
  background: #333;
  text-decoration: none;
  color: #fff;
  border-top: 1px solid #333;
}
.menu-item.m-active + .menu-item,
.menu-item.m-active:hover + .menu-item {
  border-top: 1px solid #474747;
}
.menu-item:hover:last-child {
  border-bottom: 1px solid #333;
}
.scrollbar-dynamic > .scroll-element.scroll-y {
  right: 0;
}
.table {
  border-collapse: collapse;
}
.table.m-no-border,
thead.m-no-border,
tbody.m-no-border,
.m-no-border th,
.m-no-border td {
  border: none;
}
tbody tr.m-no-border-bottom td {
  border-bottom: none;
}
.table-head {
  background: #eee;
  border: 1px solid #ccc;
}
.table-head > tr > th {
  min-height: 16px;
  padding: 10px 20px;
  text-align: left;
  vertical-align: top;
}
.table-body {
  border: 1px solid #ccc;
}
.table-body > tr > td {
  border-bottom: 1px solid #ccc;
  padding: 10px 20px;
  text-align: left;
}
.table-footer > tr > td {
  vertical-align: middle;
}
.table-control {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  background: #fff;
}
.table-no-result td {
  padding: 16px 0;
  border: 1px solid #ccc;
  border-top: none;
}
.table-filters {
  margin-bottom: 16px;
}
.table-filters:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.table-filters:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.table-pagination {
  float: right;
}
.table-sort-wrapper {
  white-space: nowrap;
}
.table-sort {
  vertical-align: middle;
  margin: 0 5px 0 0;
}
.table-icons {
  vertical-align: middle;
  display: inline-block;
}
.no-result {
  padding: 16px 0;
  border: 1px solid #ccc;
  border-top: none;
}