@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
em,
img,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
label,
input,
textarea,
select,
button,
table,
caption,
thead,
tbody,
tfoot,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0; }

a:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: 0; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%; }

article,
aside,
figure,
footer,
header,
hgroup,
nav,
main,
section {
  display: block; }

img,
object,
embed {
  max-width: 100%; }

img {
  border-color: transparent;
  border-style: none;
  border-width: 0; }

ol,
ul {
  list-style: none; }

del {
  text-decoration: line-through; }

input,
textarea,
select,
button,
th {
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0; }

table {
  font-size: inherit; }

button {
  cursor: pointer;
  margin: 0;
  overflow: visible;
  width: auto; }

::-moz-focus-inner {
  border: 0;
  padding: 0; }

html {
  font-size: 62.5%; }
  html body {
    background-color: #f0f0f0;
    color: #1a1a1a;
    font-family: Helvetica, Arial;
    font-size: 1rem;
    height: 100%;
    -webkit-overflow-scrolling: touch; }
  html[lang='ar-EG'] body {
    font-family: "Helvetica", "Arial", "Tahoma", "DejaVu"; }
  html[lang='ar-SA'] body {
    font-family: "Helvetica", "Arial", "Tahoma", "DejaVu"; }
  html[lang='ja-JP'] body {
    font-family: "Helvetica", "Arial", "MS PGothic"; }
  html[lang='ko-KR'] body {
    font-family: "Helvetica", "Arial", "Batang", "Gulim"; }
  html[lang='zh-CN'] body {
    font-family: "Helvetica", "Arial", "Microsoft YaHei New", "微软雅黑", "宋体", "SimSun", "STXihei", "�文细黑"; }
  html[lang='zh-tw'] body {
    font-family: "Helvetica", "Arial", "MingLiU"; }

h1,
h2,
h3,
h4,
label,
p,
small,
span,
ul,
ol {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  line-height: normal; }

h1 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px;
  line-height: 2.5rem;
  color: #1a1a1a; }
  h1 + p {
    margin: 20px 0; }

h2 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
  line-height: 2rem;
  color: #1a1a1a; }
  h2 + p {
    margin: 20px 0; }

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
  line-height: 2rem;
  color: #1a1a1a; }

h4 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
  line-height: 2rem;
  color: #1a1a1a; }

p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  line-height: 2rem; }
  p + h1,
  p + h2,
  p + h3,
  p + h4 {
    margin-top: 32px;
    margin-top: 2rem; }
  p + p {
    margin-top: 24px;
    margin-top: 1.5rem; }

.text-default {
  color: #1a1a1a; }

.text-descriptive {
  color: #5c5c5c; }

.text-link {
  color: #368ac0; }

.text-muted {
  color: #999999; }

.text-emphasis {
  font-style: italic !important; }

.text-strong {
  font-weight: bold !important; }

.text-alert {
  color: #e84f4f; }

.text-primary,
a.text-primary {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 40px;
  line-height: 2.5rem; }

.text-secondary,
a.text-secondary {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
  line-height: 2rem; }

.text-base,
a.text-base {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 1.5rem; }

.text-small,
a.text-small {
  font-size: 12px;
  font-size: 1.2rem; }

label,
.label {
  font-size: 12px;
  font-size: 1.2rem;
  color: #5c5c5c;
  display: block;
  line-height: 13px;
  margin-bottom: 10px;
  min-height: 13px; }

.is-disabled.label,
.is-disabled .label,
label.is-disabled,
.is-disabled label {
  color: #999999; }

.data-description {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  margin-left: 6px; }

label.side,
.label.side {
  font-size: 14px;
  font-size: 1.4rem;
  color: #5c5c5c;
  display: inline-block;
  height: 100%;
  line-height: 1.5;
  min-width: 120px; }

.widget-title,
.card-title {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 35.2px;
  line-height: 2.2rem;
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #1a1a1a;
  margin-top: 2px;
  max-width: calc(100% - 45px); }

.list-title {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 32px;
  line-height: 2rem;
  color: #383838; }

small,
.micro-text {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #1a1a1a; }

.alert-text {
  font-size: 11px;
  font-size: 1.1rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  line-height: 32px;
  line-height: 2rem;
  color: #999999;
  font-weight: bold; }

.error-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #e84f4f;
  font-weight: bold; }

.warning-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #ff9426;
  font-weight: bold; }

.good-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #80ce4d;
  font-weight: bold; }

.info-text {
  font-size: 11px;
  font-size: 1.1rem;
  color: #2578a9;
  font-weight: bold; }

.small-thin-text {
  font-size: 10px;
  font-size: 1rem;
  color: #5c5c5c;
  font-weight: bold; }
  .small-thin-text + .small-thin-text {
    margin-top: 0; }

.larger-heavy-text {
  font-size: 14px;
  font-size: 1.4rem;
  color: #383838;
  font-weight: bold; }

.align-text-left {
  text-align: left; }

.align-text-right {
  text-align: right; }

.center-text {
  text-align: center; }

.alert-text {
  color: #e84f4f;
  padding-left: 15px; }
  .alert-text::before {
    background-color: #e84f4f;
    border-radius: 50%;
    content: '';
    height: 8px;
    margin-left: -14px;
    margin-top: 4px;
    position: absolute;
    width: 8px; }

html[dir='rtl'] .alert-text {
  padding-left: inherit;
  padding-right: 15px; }
  html[dir='rtl'] .alert-text::before {
    margin-left: inherit;
    margin-right: -14px; }

.l-pull-right {
  float: right; }

.l-pull-left {
  float: left; }

.l-center-text {
  text-align: center; }

.l-right-text {
  text-align: right; }

.l-vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: top; }

.page-contents {
  margin-top: 30px; }

.header.is-sticky + .single-column {
  margin-top: 100px; }

.single-column {
  height: calc(100% - 120px);
  margin: 20px 20px 30px;
  width: calc(100% - 40px); }
  .single-column .content {
    background-color: #ffffff;
    border: 1px solid #d8d8d8; }

.no-scroll {
  overflow: hidden !important; }

body.no-scroll {
  height: 100%; }

.two-column {
  font-size: 0; }
  .two-column .main,
  .two-column .sidebar {
    background-color: #ffffff;
    display: inline-block; }
    .two-column .main.scrollable,
    .two-column .sidebar.scrollable {
      height: 100%;
      width: 100%; }
    .two-column .main.scrollable-y,
    .two-column .sidebar.scrollable-y {
      height: 100%; }
    .two-column .main .fieldset,
    .two-column .sidebar .fieldset {
      margin: 20px; }
  .two-column .main {
    border-right: 1px solid #bdbdbd;
    height: 100%;
    width: calc(75%); }
    .two-column .main + .sidebar {
      border-right: 0;
      margin-right: 0 !important; }
  .two-column .sidebar {
    background-color: #f0f0f0;
    border-right: 1px solid #bdbdbd;
    height: 100%;
    width: calc(25%); }
    .two-column .sidebar + .main {
      border-right: 0; }
    .two-column .sidebar .listview {
      background-color: #f0f0f0;
      height: calc(100% - 70px); }
      .two-column .sidebar .listview.paginated {
        height: calc(100% - 108px); }
    .two-column .sidebar .listview-search + .listview {
      height: calc(100% - 90px); }
      .two-column .sidebar .listview-search + .listview.paginated {
        height: calc(100% - 140px); }
  .two-column.fixed .sidebar {
    width: 250px; }
  .two-column.fixed .main {
    min-height: 100%;
    vertical-align: top;
    width: calc(100% - 250px); }
  .two-column.fixed-md .sidebar {
    width: 350px; }
  .two-column.fixed-md .main {
    min-height: 100%;
    vertical-align: top;
    width: calc(100% - 350px); }
  .two-column.fixed-lg .sidebar {
    width: 450px; }
  .two-column.fixed-lg .main {
    min-height: 100%;
    vertical-align: top;
    width: calc(100% - 450px); }
  .two-column .content {
    height: 100%; }

.page-container .two-column,
.page-container .three-column {
  height: 100%; }

.three-column .main,
.three-column .sidebar {
  background-color: #ffffff;
  display: inline-block;
  vertical-align: top; }
  .three-column .main.scrollable,
  .three-column .sidebar.scrollable {
    height: calc(100% - 3px);
    width: 100%; }
  .three-column .main.scrollable-x,
  .three-column .sidebar.scrollable-x {
    width: 100%; }
  .three-column .main.scrollable-y,
  .three-column .sidebar.scrollable-y {
    height: calc(100% - 3px); }

.three-column .main {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  width: calc(60% - 3px); }
  .three-column .main.scrollable, .three-column .main.scrollable-y {
    border-left: 0;
    border-right: 0; }
  .three-column .main + .sidebar {
    float: right; }

.three-column .sidebar {
  background-color: #f0f0f0;
  width: 20%; }

.three-column.fixed.left .main, .three-column.fixed.right .main {
  width: calc(80% - 254px); }

.three-column.fixed.left .sidebar:first-child {
  width: 250px; }

.three-column.fixed.left .sidebar:last-child {
  width: 20%; }

.three-column.fixed.right .sidebar {
  width: 20%; }

.three-column.fixed.right .main + .sidebar {
  width: 250px; }

.three-column.fixed.both .main {
  width: calc(100% - 504px); }

.three-column.fixed.both .sidebar {
  width: 250px; }

.modal-body .two-column,
.modal-body .three-column {
  margin: -20px -20px -24px; }

@media (max-width: 766px) {
  .two-column .main,
  .two-column .sidebar {
    display: block;
    width: 100%; }
    .two-column .main.scrollable, .two-column .main.scrollable-y,
    .two-column .sidebar.scrollable,
    .two-column .sidebar.scrollable-y {
      height: auto;
      overflow: visible; }
  .two-column .main {
    border: 0;
    border-bottom: 1px solid #d8d8d8; }
  .two-column .sidebar + .main {
    border-bottom: 0;
    border-top: 1px solid #d8d8d8; }
  .two-column.fixed .main,
  .two-column.fixed .sidebar, .two-column.fixed-md .main,
  .two-column.fixed-md .sidebar, .two-column.fixed-lg .main,
  .two-column.fixed-lg .sidebar {
    display: block;
    width: 100% !important; }
  .two-column.builder .main.scrollable, .two-column.builder .main.scrollable-y,
  .two-column.builder .sidebar.scrollable,
  .two-column.builder .sidebar.scrollable-y {
    height: 100%;
    overflow: auto; } }

@media (max-width: 766px) {
  .three-column .main,
  .three-column .sidebar,
  .three-column.fixed .main,
  .three-column.fixed .sidebar {
    display: block;
    vertical-align: initial;
    width: 100%; }
    .three-column .main.scrollable, .three-column .main.scrollable-y,
    .three-column .sidebar.scrollable,
    .three-column .sidebar.scrollable-y,
    .three-column.fixed .main.scrollable,
    .three-column.fixed .main.scrollable-y,
    .three-column.fixed .sidebar.scrollable,
    .three-column.fixed .sidebar.scrollable-y {
      height: auto;
      overflow: visible; }
  .three-column.left .main,
  .three-column.left .sidebar, .three-column.right .main,
  .three-column.right .sidebar,
  .three-column.fixed.left .main,
  .three-column.fixed.left .sidebar,
  .three-column.fixed.right .main,
  .three-column.fixed.right .sidebar {
    display: block;
    width: 100%; }
    .three-column.left .main:first-child, .three-column.left .main:last-child,
    .three-column.left .sidebar:first-child,
    .three-column.left .sidebar:last-child, .three-column.right .main:first-child, .three-column.right .main:last-child,
    .three-column.right .sidebar:first-child,
    .three-column.right .sidebar:last-child,
    .three-column.fixed.left .main:first-child,
    .three-column.fixed.left .main:last-child,
    .three-column.fixed.left .sidebar:first-child,
    .three-column.fixed.left .sidebar:last-child,
    .three-column.fixed.right .main:first-child,
    .three-column.fixed.right .main:last-child,
    .three-column.fixed.right .sidebar:first-child,
    .three-column.fixed.right .sidebar:last-child {
      width: 100%; }
  .three-column .main,
  .three-column.fixed .main {
    border-bottom: 1px solid #d8d8d8;
    border-left: 0;
    border-right: 0; }
  .three-column .sidebar + .main,
  .three-column.fixed .sidebar + .main {
    border-top: 1px solid #d8d8d8; } }

.scrollable {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.scrollable-x {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden; }

.scrollable-y {
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto; }

.page-container {
  -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  bottom: 0;
  font-size: 0;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  width: 100%; }
  .page-container.top-padding {
    padding-top: 20px; }
  .page-container > .row:first-child {
    padding-top: 20px; }
  .page-container > .row:last-child {
    padding-bottom: 20px; }
  .page-container .svg-patterns + .row {
    padding-top: 20px; }

.page-content-container {
  height: calc(100% - 60px); }

.header + .container,
.header + .site-content,
.header + .site-hero,
.header + .application-menu + .site-hero,
.header + .svg-icons + .container {
  margin-top: 60px; }

.header + .page-container,
.header + .application-menu + .page-container {
  -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  height: calc(100% - 60px);
  margin-top: 60px; }

.header + .subheader + .page-container,
.header + .subheader + .application-menu + .page-container {
  height: calc(100% - 120px);
  margin-top: 120px; }

.header.has-tabs, .header.has-alternate-tabs {
  height: 100px; }
  .header.has-tabs > .toolbar, .header.has-alternate-tabs > .toolbar {
    height: 60px;
    margin-bottom: 0; }
  .header.has-tabs + .page-container,
  .header.has-tabs + .application-menu + .page-container, .header.has-alternate-tabs + .page-container,
  .header.has-alternate-tabs + .application-menu + .page-container {
    height: calc(100% - 100px);
    margin-top: 100px; }

.header.has-tabs-only {
  height: 60px; }
  .header.has-tabs-only > .toolbar {
    height: 0;
    margin-bottom: 0; }
  .header.has-tabs-only + .page-container,
  .header.has-tabs-only + .application-menu + .page-container {
    height: calc(100% - 60px);
    margin-top: 60px; }
  .header.has-tabs-only + .subheader + .page-container,
  .header.has-tabs-only + .subheader + .application-menu + .page-container {
    height: calc(100% - 120px);
    margin-top: 120px; }

.header.has-breadcrumb {
  height: 105px; }
  .header.has-breadcrumb > .toolbar {
    margin-bottom: 0; }
  .header.has-breadcrumb + .page-container,
  .header.has-breadcrumb + .application-menu + .page-container {
    height: calc(100% - 105px);
    margin-top: 105px; }

.header.has-alternate-breadcrumb {
  height: 120px; }
  .header.has-alternate-breadcrumb + .page-container,
  .header.has-alternate-breadcrumb + .application-menu + .page-container {
    height: calc(100% - 120px);
    margin-top: 120px; }

.header.has-wizard {
  height: 144px; }
  .header.has-wizard + .page-container,
  .header.has-wizard + .application-menu + .page-container {
    height: calc(100% - 144px);
    margin-top: 144px; }

.header ~ .masthead + .page-container {
  height: calc(100% - 98px);
  margin-top: 98px; }

.content-container-header {
  -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  height: calc(100% - 60px);
  margin: 30px; }

.panel-header {
  background-color: #d8d8d8;
  border-bottom: 1px solid #bdbdbd;
  height: 40px; }
  .panel-header .title {
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 20px; }
  .panel-header + .splitter {
    height: 100%;
    top: 0; }

.masthead + .header.is-sticky + .site-content,
.masthead + .header.is-sticky + .site-hero,
.masthead + .header.is-sticky + .application-nav + .site-hero,
.masthead + .header.is-sticky + .svg-icons + .page-container {
  margin-top: 135px; }

.masthead + .header.is-sticky + .page-container,
.masthead + .header.is-sticky + .application-menu + .page-container {
  height: calc(100% - 95px); }

.masthead + .header.is-sticky.has-breadcrumb + .page-container,
.masthead + .header.is-sticky.has-breadcrumb + .application-menu + .page-container, .masthead + .header.is-sticky.has-tabs + .page-container,
.masthead + .header.is-sticky.has-tabs + .application-menu + .page-container {
  height: calc(100% - 133px);
  margin-top: 133px; }

.masthead + .header.is-sticky.has-wizard {
  height: 179px; }
  .masthead + .header.is-sticky.has-wizard + .page-container,
  .masthead + .header.is-sticky.has-wizard + .application-menu + .page-container {
    height: calc(100% - 179px);
    margin-top: 179px; }

.masthead + .page-container,
.masthead + .application-menu + .page-container {
  height: calc(100% - 38px);
  margin-top: 38px; }

.masthead + .header + .page-container,
.masthead + .header + .application-menu + .page-container {
  height: calc(100% - 98px);
  margin-top: 98px; }

.masthead + .module-tabs + .page-container,
.masthead + .module-tabs + .application-menu + .page-container {
  height: calc(100% - 74px);
  margin-top: 74px; }

.module-tabs + .page-container,
.module-tabs + .application-menu + .page-container {
  height: calc(100% - 36px);
  margin-top: 36px; }

.no-transform {
  transform: none !important; }

.editorial {
  background-color: #ffffff; }
  .editorial .main {
    height: auto;
    margin: 0 auto;
    max-width: 1080px;
    width: 100%; }
    .editorial .main > .content {
      display: inline-block;
      margin-top: 48px;
      max-width: calc(100% - 240px);
      padding: 0 30px; }
      .editorial .main > .content > h3,
      .editorial .main > .content > h2 {
        margin-bottom: 10px;
        padding-bottom: 10px;
        width: 68%; }
    .editorial .main > p {
      margin-bottom: 25px; }
  .editorial .tag-list .tag {
    clear: both;
    display: block;
    float: left;
    margin: 5px 0;
    width: auto; }
    .editorial .tag-list .tag:last-child {
      margin-bottom: 30px; }
  .editorial .is-sticky .content {
    position: fixed;
    top: 60px; }
  .editorial .hero {
    background-color: #f0f0f0;
    border-bottom: 1px solid #d8d8d8;
    height: 350px; }
  .editorial .section-tracker {
    margin-bottom: 20px; }
    .editorial .section-tracker a {
      border-bottom: medium none;
      border-left: 3px solid transparent;
      color: #737373;
      height: auto;
      line-height: 25px;
      padding: 5px 10px; }
      .editorial .section-tracker a:hover, .editorial .section-tracker a:active, .editorial .section-tracker a:focus, .editorial .section-tracker a.is-active {
        border-bottom: 0;
        border-left: 3px solid #368ac0;
        color: #368ac0;
        outline: none; }

@media (max-width: 766px) {
  .editorial .main .content {
    min-width: 100%; }
  .editorial .sidebar-nav {
    display: none; } }

.img-responsive {
  border: 0 none;
  display: block;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  width: 100%; }

.page-container .banner-detail {
  margin-top: -40px; }

.banner-detail .banner {
  background-color: #ffffff;
  border-bottom: 1px solid #bdbdbd;
  height: auto;
  padding: 40px 0; }

.banner-detail .detail {
  background-color: #f0f0f0;
  height: auto; }
  .banner-detail .detail .tab-container.alternate {
    position: relative;
    top: -40px; }
    .banner-detail .detail .tab-container.alternate + .tab-panel.alternate {
      position: relative;
      top: -40px; }
    .banner-detail .detail .tab-container.alternate .tab-list-container {
      overflow-y: hidden; }

.content-area {
  background-color: #ffffff;
  border: 1px solid #bdbdbd; }
  .content-area h2 {
    color: #5c5c5c; }

.scrollable.canvas,
.scrollable-x.canvas,
.scrollable-y.canvas {
  min-height: calc(100% - 60px);
  min-width: 100%;
  -webkit-overflow-scrolling: touch; }

.has-sticky-footer {
  bottom: 60px;
  height: calc(100% - 60px); }

.sticky-footer {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #f0f0f0;
  bottom: 0;
  left: 50%;
  max-width: 1280px;
  padding: 20px;
  position: fixed;
  transform: translateX(-50%);
  width: 100%; }
  .sticky-footer .footer-list {
    margin: 0;
    padding: 0; }
    .sticky-footer .footer-list::after {
      clear: both;
      content: '';
      display: block; }
    .sticky-footer .footer-list li {
      display: inline-block;
      margin-left: 20px; }
      .sticky-footer .footer-list li:first-child {
        margin-left: 0; }

@media (max-width: 766px) {
  .builder .main,
  .builder .sidebar {
    -webkit-transition: -webkit-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: -moz-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: -o-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: -ms-transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    position: absolute; }
  .builder .main {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .builder .sidebar {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .builder.show-detail .main {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .builder.show-detail .sidebar {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%); }
  .has-sticky-footer {
    bottom: 150px;
    height: calc(100% - 150px); }
  .sticky-footer .footer-list.l-pull-left, .sticky-footer .footer-list.l-pull-right {
    float: none; }
  .sticky-footer .footer-list:not(:last-child) {
    margin-bottom: 10px; }
  .sticky-footer .footer-list li {
    display: block;
    margin-left: 0; } }

html[dir='rtl'] .two-column .sidebar {
  border-left: 1px solid #bdbdbd;
  border-right: 0 solid #bdbdbd; }

html[dir='rtl'] .l-pull-right {
  float: left; }

html[dir='rtl'] .l-pull-left {
  float: right; }

html[dir='rtl'] .l-right-text {
  text-align: left; }

html[dir='rtl'] .sticky-footer .footer-list li {
  margin-left: inherit;
  margin-right: 20px; }
  html[dir='rtl'] .sticky-footer .footer-list li:first-child {
    margin-left: inherit;
    margin-right: 0; }

.show {
  display: block !important; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.collapsed {
  visibility: collapse; }

.invisible {
  visibility: hidden; }

.sr-only,
.audible {
  clip: rect(0, 0, 0, 0);
  height: 0;
  line-height: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.no-animation {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important; }
  .no-animation::before {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }
  .no-animation::after {
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important; }

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }
  .no-transition::before {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }
  .no-transition::after {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important; }

[class*="visible-sm-"],
[class*="visible-md-"],
[class*="visible-lg-"],
[class*="visible-xl-"],
[class*="visible-print-"] {
  display: none !important; }

@media (max-width: 766px) {
  .visible-sm-block {
    display: block !important; }
  .visible-sm-inline {
    display: inline !important; }
  .visible-sm-inline-block {
    display: inline-block !important; }
  .hidden-sm {
    display: none !important; } }

@media (min-width: 767px) and (max-width: 1279px) {
  .visible-md-block {
    display: block !important; }
  .visible-md-inline {
    display: inline !important; }
  .visible-md-inline-block {
    display: inline-block !important; }
  .hidden-md {
    display: none !important; } }

@media (min-width: 1280px) and (max-width: 1599px) {
  .visible-lg-block {
    display: block !important; }
  .visible-lg-inline {
    display: inline !important; }
  .visible-lg-inline-block {
    display: inline-block !important; }
  .hidden-lg {
    display: none !important; } }

@media (min-width: 1600px) {
  .visible-xl-block {
    display: block !important; }
  .visible-xl-inline {
    display: inline !important; }
  .visible-xl-inline-block {
    display: inline-block !important; }
  .hidden-xl {
    display: none !important; } }

@media print {
  .visible-print-block {
    display: block !important; }
  .visible-print-inline {
    display: inline !important; }
  .visible-print-inline-block {
    display: inline-block !important; }
  .hidden-print {
    display: none !important; } }

.row {
  font-size: 12px;
  font-size: 1.2rem;
  clear: both;
  margin: 0 auto;
  max-width: 1280px;
  width: 100%; }
  .row.full-width {
    margin-top: 20px;
    max-width: 100%; }
  .row:last-child {
    margin-bottom: 30px; }
  .row.offset-two {
    max-width: 1160px;
    padding-left: 40px; }
  .row.align-to-title {
    padding: 0 1rem; }
  .row.top-padding {
    padding-top: 30px; }
  .row.bottom-padding {
    padding-bottom: 20px; }
  .row.bottom-space {
    padding-bottom: 10px !important; }
  .row.full-height {
    height: 100%;
    margin: 0 auto; }

.row::after {
  clear: both;
  content: '';
  display: table; }

.homepage .row {
  clear: none; }

.header + .svg-icons + div {
  margin-top: 10px; }

.column,
.columns {
  float: left;
  padding: 0 20px;
  width: 100%; }
  .column.l-center .field,
  .columns.l-center .field {
    text-align: center; }
    .column.l-center .field label,
    .columns.l-center .field label {
      text-align: left; }
  .column.full-height,
  .columns.full-height {
    height: 100%;
    margin: 0; }
    .column.full-height .datagrid-body,
    .columns.full-height .datagrid-body {
      height: calc(100% - 85px); }
    .column.full-height .has-toolbar .datagrid-body,
    .columns.full-height .has-toolbar .datagrid-body {
      height: calc(100% - 40px); }

@media (min-width: 0) and (max-width: 967px) {
  .one-half-mobile {
    margin-left: 0;
    width: 50%; }
    .one-half-mobile + .one-half-mobile {
      padding-left: 0; } }

@media (min-width: 767px) {
  .row {
    padding-right: 20px; }
  .column,
  .columns {
    padding: 0; }
  .one.column,
  .one.columns {
    margin-left: 20px;
    width: calc(8.33333333333% - 20px); }
  .two.columns {
    margin-left: 20px;
    width: calc(16.6666666666% - 20px); }
  .three.columns {
    margin-left: 20px;
    width: calc(25% - 20px); }
  .four.columns {
    margin-left: 20px;
    width: calc(33.3333333333% - 20px); }
  .five.columns {
    margin-left: 20px;
    width: calc(41.6666666666% - 20px); }
  .six.columns {
    margin-left: 20px;
    width: calc(50% - 20px); }
  .seven.columns {
    margin-left: 20px;
    width: calc(58.3333333333% - 20px); }
  .eight.columns {
    margin-left: 20px;
    width: calc(66.6666666666% - 20px); }
  .nine.columns {
    margin-left: 20px;
    width: calc(75% - 20px); }
  .ten.columns {
    margin-left: 20px;
    width: calc(83.3333333333% - 20px); }
  .eleven.columns {
    margin-left: 20px;
    width: calc(91.6666666666% - 20px); }
  .twelve.columns,
  .full.column {
    margin-left: 20px;
    width: calc(100% - 20px); }
    .twelve.columns.center,
    .full.column.center {
      display: block;
      min-width: 300px;
      text-align: center; }
  .one-fifth.column {
    margin-left: 20px;
    width: calc(20% - 20px); }
  .one-fourth.column {
    margin-left: 20px;
    width: calc(25% - 20px); }
  .one-third.column {
    margin-left: 20px;
    width: calc(33.3333333% - 20px); }
  .two-thirds.column {
    margin-left: 20px;
    width: calc(66.6666666666% - 20px); }
  .one-half.column {
    margin-left: 20px;
    width: calc(50% - 20px); } }

html[dir='rtl'] .column,
html[dir='rtl'] .columns {
  float: right; }
  html[dir='rtl'] .column.l-center .field label,
  html[dir='rtl'] .columns.l-center .field label {
    text-align: right; }

@media (min-width: 767px) {
  html[dir='rtl'] .row {
    padding-left: 20px;
    padding-right: inherit; }
  html[dir='rtl'] .one.column,
  html[dir='rtl'] .one.columns,
  html[dir='rtl'] .two.columns,
  html[dir='rtl'] .three.columns,
  html[dir='rtl'] .four.columns,
  html[dir='rtl'] .five.columns,
  html[dir='rtl'] .six.columns,
  html[dir='rtl'] .seven.columns,
  html[dir='rtl'] .eight.columns,
  html[dir='rtl'] .nine.columns,
  html[dir='rtl'] .ten.columns,
  html[dir='rtl'] .eleven.columns,
  html[dir='rtl'] .twelve.columns,
  html[dir='rtl'] .full.column,
  html[dir='rtl'] .one-third.column,
  html[dir='rtl'] .two-thirds.column,
  html[dir='rtl'] .one-half.column {
    margin-left: inherit;
    margin-right: 20px; } }

button {
  background-color: transparent;
  margin-right: 5px; }
  button:last-child {
    margin-right: 0; }

[class^="btn"] {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94), background-color 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: inherit;
  font-weight: 700;
  height: 34px;
  line-height: normal;
  min-width: 100px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: auto; }
  [class^="btn"] > * {
    vertical-align: middle; }
  [class^="btn"] > svg {
    pointer-events: none; }
  [class^="btn"] > .icon {
    fill: inherit;
    margin-top: -3px;
    position: static;
    width: 18px; }
    [class^="btn"] > .icon + span:not(.audible):not(:empty) {
      padding-left: 5px; }
    [class^="btn"] > .icon + * + span {
      padding-left: 0; }
    [class^="btn"] > .icon + .icon {
      margin-left: 0; }
  [class^="btn"] .icon {
    -webkit-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: fill 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); }
  [class^="btn"] span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit; }
    [class^="btn"] span.audible + .icon, [class^="btn"] span:empty + .icon {
      margin-left: 0; }
    [class^="btn"] span:empty:not(.icon):not(.one):not(.two):not(.three):not(.four) :not(.five):not(.six):not(.seven):not(.eight):not(.nine) {
      display: none; }
  [class^="btn"].stackable {
    margin-bottom: 10px;
    width: 100%; }
    [class^="btn"].stackable:last-child {
      margin-bottom: 0; }
  [class^="btn"].no-padding {
    padding-left: 0;
    padding-right: 0; }

.btn-primary,
.btn-secondary {
  border-radius: 2px;
  padding: 0 30px; }

.btn-primary {
  background-color: #368ac0;
  border: 1px solid #368ac0;
  color: #ffffff; }
  .btn-primary .icon {
    fill: #ffffff; }
  .btn-primary:hover {
    background-color: #2578a9;
    border: 1px solid #2578a9; }
  .btn-primary:active {
    background-color: #2578a9;
    border: 1px solid #2578a9;
    box-shadow: none; }
  .btn-primary:focus {
    border: 1px solid transparent; }
    .btn-primary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #368ac0; }
    .btn-primary:focus:active {
      background-color: #2578a9;
      box-shadow: none; }
  .btn-primary[disabled], .btn-primary[disabled]:hover {
    background-color: #368ac0;
    border-color: #368ac0;
    box-shadow: none;
    color: #ffffff;
    cursor: default;
    opacity: 0.5; }
    .btn-primary[disabled] .icon, .btn-primary[disabled]:hover .icon {
      fill: #ffffff; }
  .btn-primary .ripple-effect {
    background-color: #ffffff;
    opacity: .7;
    pointer-events: none; }
  .btn-primary.btn-menu {
    color: #ffffff; }
    .btn-primary.btn-menu .icon {
      fill: #ffffff; }
    .btn-primary.btn-menu:hover, .btn-primary.btn-menu.is-open {
      color: #ffffff; }
      .btn-primary.btn-menu:hover .icon, .btn-primary.btn-menu.is-open .icon {
        fill: #ffffff; }

a.btn,
a.btn-icon,
a.btn-primary,
a.btn-secondary,
a.btn-tertiary,
a.btn-menu {
  display: inline-block;
  line-height: 31px;
  margin-bottom: -2px;
  min-width: auto;
  text-decoration: none;
  width: auto; }
  a.btn:not(:root:root),
  a.btn-icon:not(:root:root),
  a.btn-primary:not(:root:root),
  a.btn-secondary:not(:root:root),
  a.btn-tertiary:not(:root:root),
  a.btn-menu:not(:root:root) {
    margin-bottom: auto; }
  a.btn.btn-icon,
  a.btn-icon.btn-icon,
  a.btn-primary.btn-icon,
  a.btn-secondary.btn-icon,
  a.btn-tertiary.btn-icon,
  a.btn-menu.btn-icon {
    line-height: 32px;
    padding: 0 6px; }

.btn-split-menu {
  min-width: auto; }
  .btn-split-menu + .separator {
    margin: 3px 3px 0 -10px !important; }
    .btn-split-menu + .separator + .btn-split-menu {
      margin-left: -3px;
      min-width: 20px;
      width: 20px; }
      .btn-split-menu + .separator + .btn-split-menu .icon {
        margin-left: -7px; }
  .btn-split-menu:focus + .separator {
    opacity: 0; }
  .btn-split-menu.btn {
    margin-right: -8px; }

@-moz-document url-prefix() {
  a.btn,
  a.btn-primary,
  a.btn-secondary,
  a.btn-tertiary,
  a.btn-menu {
    line-height: 32px;
    margin-bottom: -3px; } }

.btn-secondary {
  background-color: #bdbdbd;
  border: 1px solid #bdbdbd;
  color: #383838; }
  .btn-secondary .icon {
    fill: #383838; }
  .btn-secondary:hover {
    background-color: #999999;
    border: 1px solid #999999; }
  .btn-secondary:active {
    background-color: #999999;
    border: 1px solid #999999; }
  .btn-secondary:focus {
    border: 1px solid transparent; }
    .btn-secondary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #368ac0; }
    .btn-secondary:focus:active {
      background-color: #999999;
      box-shadow: none; }
  .btn-secondary[disabled], .btn-secondary[disabled]:hover {
    background-color: #999999;
    border: 1px solid #bdbdbd;
    box-shadow: none;
    color: #383838;
    cursor: default;
    opacity: 0.5; }
  .btn-secondary .ripple-effect {
    background: #d8d8d8; }
  .btn-secondary.btn-menu {
    color: #383838; }
    .btn-secondary.btn-menu .icon {
      fill: #383838; }
    .btn-secondary.btn-menu:hover, .btn-secondary.btn-menu.is-open {
      color: #383838; }
      .btn-secondary.btn-menu:hover .icon, .btn-secondary.btn-menu.is-open .icon {
        fill: #383838; }

.btn,
.btn-tertiary,
.btn-icon,
.btn-actions,
.btn-menu {
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: none;
  color: #5c5c5c;
  overflow: hidden; }
  .btn:hover,
  .btn-tertiary:hover,
  .btn-icon:hover,
  .btn-actions:hover,
  .btn-menu:hover {
    color: #1a1a1a; }
    .btn:hover .icon,
    .btn-tertiary:hover .icon,
    .btn-icon:hover .icon,
    .btn-actions:hover .icon,
    .btn-menu:hover .icon {
      fill: #1a1a1a; }
  .btn:active,
  .btn-tertiary:active,
  .btn-icon:active,
  .btn-actions:active,
  .btn-menu:active {
    color: #1a1a1a; }
  .btn:focus:not(.hide-focus),
  .btn-tertiary:focus:not(.hide-focus),
  .btn-icon:focus:not(.hide-focus),
  .btn-actions:focus:not(.hide-focus),
  .btn-menu:focus:not(.hide-focus) {
    box-shadow: 0 0 0 2px transparent, 0 0 0 1px #368ac0; }
    .btn:focus:not(.hide-focus):active,
    .btn-tertiary:focus:not(.hide-focus):active,
    .btn-icon:focus:not(.hide-focus):active,
    .btn-actions:focus:not(.hide-focus):active,
    .btn-menu:focus:not(.hide-focus):active {
      box-shadow: none; }
  .btn[disabled], .btn[disabled]:hover,
  .btn-tertiary[disabled],
  .btn-tertiary[disabled]:hover,
  .btn-icon[disabled],
  .btn-icon[disabled]:hover,
  .btn-actions[disabled],
  .btn-actions[disabled]:hover,
  .btn-menu[disabled],
  .btn-menu[disabled]:hover {
    color: #5c5c5c;
    cursor: default;
    opacity: 0.5; }
    .btn[disabled] .icon, .btn[disabled]:hover .icon,
    .btn-tertiary[disabled] .icon,
    .btn-tertiary[disabled]:hover .icon,
    .btn-icon[disabled] .icon,
    .btn-icon[disabled]:hover .icon,
    .btn-actions[disabled] .icon,
    .btn-actions[disabled]:hover .icon,
    .btn-menu[disabled] .icon,
    .btn-menu[disabled]:hover .icon {
      fill: #5c5c5c; }
  .btn span,
  .btn-tertiary span,
  .btn-icon span,
  .btn-actions span,
  .btn-menu span {
    color: inherit; }
  .btn .icon,
  .btn-tertiary .icon,
  .btn-icon .icon,
  .btn-actions .icon,
  .btn-menu .icon {
    fill: #5c5c5c; }
  .btn .ripple-effect,
  .btn-tertiary .ripple-effect,
  .btn-icon .ripple-effect,
  .btn-actions .ripple-effect,
  .btn-menu .ripple-effect {
    background-color: #8dc9e6; }

.btn-menu.is-open,
.btn-actions.is-open {
  color: #368ac0; }
  .btn-menu.is-open .icon,
  .btn-actions.is-open .icon {
    fill: #368ac0; }

.btn {
  padding: 0 15px; }

.btn-tertiary,
.btn-menu {
  padding: 0 10px; }

.btn-icon,
.btn-actions,
.btn-close {
  border-radius: 18px;
  height: 36px;
  margin-top: 0;
  min-height: 36px;
  min-width: 36px;
  padding: 0;
  width: 36px; }
  .btn-icon > .icon,
  .btn-actions > .icon,
  .btn-close > .icon {
    padding-right: 0; }
  .btn-icon > span,
  .btn-actions > span,
  .btn-close > span {
    display: inline-block;
    pointer-events: none;
    position: absolute;
    width: 0; }
  .btn-icon:hover > span,
  .btn-actions:hover > span,
  .btn-close:hover > span {
    color: transparent; }

.btn-icon > span:not(.icon) {
  visibility: hidden; }

.btn-icon .icon.app-header {
  left: 0;
  margin-left: 0;
  position: relative;
  top: 2px; }

.btn-icon.has-content .icon {
  fill: #368ac0; }

.btn-icon.has-content:hover .icon {
  fill: #1d5f8a; }

.ripple-effect {
  border-radius: 50%;
  height: 2px;
  opacity: 0;
  position: absolute;
  width: 2px; }
  .ripple-effect.is-animation {
    -webkit-animation: ripple-animation 1s;
    -moz-animation: ripple-animation 1s;
    -o-animation: ripple-animation 1s;
    -ms-animation: ripple-animation 1s;
    animation: ripple-animation 1s; }
  .ripple-effect .ripple-circle {
    fill: rgba(255, 255, 255, 0); }

.btn-expander {
  background-color: transparent !important;
  border-color: transparent;
  color: #383838;
  height: 38px;
  margin: 0 3px;
  min-width: 0;
  padding: 0 10px;
  width: 40px; }
  .btn-expander > * {
    pointer-events: none; }
  .btn-expander + a {
    width: calc(100% - 57px); }
  .btn-expander .icon {
    padding-left: 0;
    padding-right: 1px;
    position: relative; }
    .btn-expander .icon:not(.plus-minus) {
      top: -1px; }
    .btn-expander .icon.plus-minus {
      position: static; }
      .btn-expander .icon.plus-minus::before, .btn-expander .icon.plus-minus::after {
        background-color: #5c5c5c;
        left: 13px;
        top: 17px;
        width: 12px; }
    .btn-expander .icon.chevron {
      -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      transform: rotateX(0deg);
      -webkit-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: transform 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      height: 28px;
      padding-right: 0;
      top: 0;
      width: 28px; }
      .btn-expander .icon.chevron.active {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        transform: rotateX(180deg); }
  .btn-expander:focus {
    box-shadow: none; }
    .btn-expander:focus:not(.hide-focus) {
      border-color: #368ac0; }
    .btn-expander:focus:active {
      background-color: #368ac0; }
  .btn-expander:active .icon {
    fill: #1a1a1a; }
  .btn-expander:active .plus-minus::before, .btn-expander:active .plus-minus::after {
    background-color: #1a1a1a; }

.btn-toggle.is-pressed {
  color: #368ac0 !important; }
  .btn-toggle.is-pressed svg {
    fill: #368ac0 !important; }

@-webkit-keyframes ripple-animation {
  0% {
    opacity: .5; }
  100% {
    -webkit-transform: scale(50);
    -moz-transform: scale(50);
    -o-transform: scale(50);
    -ms-transform: scale(50);
    transform: scale(50);
    opacity: 0; } }

@-moz-keyframes ripple-animation {
  0% {
    opacity: .5; }
  100% {
    -webkit-transform: scale(50);
    -moz-transform: scale(50);
    -o-transform: scale(50);
    -ms-transform: scale(50);
    transform: scale(50);
    opacity: 0; } }

@keyframes ripple-animation {
  0% {
    opacity: .5; }
  100% {
    -webkit-transform: scale(50);
    -moz-transform: scale(50);
    -o-transform: scale(50);
    -ms-transform: scale(50);
    transform: scale(50);
    opacity: 0; } }

@media (max-width: 766px) {
  .toolbar .btn,
  .toolbar .btn-teritary {
    padding: 0 10px; }
    .toolbar .btn .icon + span,
    .toolbar .btn-teritary .icon + span {
      position: absolute; } }

.field-short [class*="btn"] {
  height: 25px;
  margin-bottom: 10px;
  min-width: 0; }
  .field-short [class*="btn"] > .icon:not(.icon-dropdown) {
    height: 14px; }
    .field-short [class*="btn"] > .icon:not(.icon-dropdown) + span:not(.audible) {
      display: inline-block;
      padding: 1px 4px 0 0; }

.field-short .btn,
.field-short .btn-primary,
.field-short .btn-secondary,
.field-short .btn-tertiary,
.field-short .btn-menu,
.field-short .btn-icon,
.field-short .btn-actions,
.field-short .btn-close {
  padding: 0 5px; }

.field-short .btn-icon,
.field-short .btn-actions,
.field-short .btn-close {
  border-radius: 12px; }

html[dir='rtl'] button {
  margin-left: 5px;
  margin-right: 0; }
  html[dir='rtl'] button:last-child {
    margin-left: 0;
    margin-right: 0; }

html[dir='rtl'] [class^="btn"] > .icon + span:not(.audible) {
  padding-right: 10px; }

html[dir='rtl'] [class^="btn"] > .icon + * + span {
  padding-right: 0; }

html[dir='rtl'] [class^="btn"] span + .icon {
  margin-right: 5px; }

html[dir='rtl'] [class^="btn"] span + * + .icon {
  margin-right: 5px; }

html[dir='rtl'] [class^="btn"] span.audible + .icon {
  margin-right: 0; }

html[lang^='fr-'] [class^="btn"] {
  text-transform: none; }

.btn-secondary-border {
  -webkit-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: all 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  border: 1px solid #999999;
  border-radius: 2px;
  color: #5c5c5c; }
  .btn-secondary-border span {
    padding: 0 26px; }
  .btn-secondary-border:hover:not(:disabled) {
    border-color: #1a1a1a;
    color: #1a1a1a; }
  .btn-secondary-border:focus {
    box-shadow: 0 0 0 1px #f0f0f0, 0 0 0 2px #368ac0; }
  .btn-secondary-border:disabled {
    cursor: default;
    opacity: .5; }
  .btn-secondary-border .ripple-effect {
    background-color: #8dc9e6; }

.btn-filter {
  min-width: 45px;
  width: 45px; }

.is-firefox [class^="btn"] {
  line-height: 34px; }

.hyperlink {
  font-size: 12px;
  font-size: 1.2rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #368ac0;
  cursor: pointer;
  line-height: 1.5rem;
  position: relative;
  text-decoration: underline; }
  .hyperlink::after {
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    height: calc(100% + 4px);
    width: calc(100% + 4px);
    left: -3px;
    top: -3px;
    -webkit-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    border: 1px solid transparent;
    border-radius: 2px; }
  .hyperlink:hover:not([disabled]) {
    color: #2578a9; }
  .hyperlink.object-count {
    display: inline-block;
    margin: 60px 20px 40px;
    text-align: center;
    text-decoration: none; }
  .hyperlink .xl-text {
    font-size: 50px;
    font-size: 5rem; }
  .hyperlink.show-visited:visited, .hyperlink.force-visited {
    color: #9279a6; }
    .hyperlink.show-visited:visited:focus:not(.hide-focus), .hyperlink.show-visited:visited:active, .hyperlink.force-visited:focus:not(.hide-focus), .hyperlink.force-visited:active {
      outline: none; }
  .hyperlink:focus:not(.hide-focus), .hyperlink:active {
    outline: none; }
    .hyperlink:focus:not(.hide-focus)::after, .hyperlink:active::after {
      border-color: #368ac0; }
  .hyperlink[disabled] {
    color: #999999; }
    .hyperlink[disabled]:hover {
      cursor: default; }
    .hyperlink[disabled]:focus:not(.hide-focus) {
      outline: none; }
      .hyperlink[disabled]:focus:not(.hide-focus)::after {
        border-color: #999999; }
  .hyperlink.back, .hyperlink.directional {
    font-size: 12px;
    font-size: 1.2rem;
    color: #368ac0; }
    .hyperlink.back::after, .hyperlink.directional::after {
      display: none; }
    .hyperlink.back span::after, .hyperlink.directional span::after {
      content: '';
      display: block;
      pointer-events: none;
      position: absolute;
      height: calc(100% + 4px);
      width: calc(100% + 4px);
      left: -3px;
      top: -3px;
      -webkit-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -moz-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -o-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      -ms-transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      transition: border-color 100ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
      border: 1px solid transparent;
      border-radius: 2px; }
    .hyperlink.back .icon, .hyperlink.directional .icon {
      display: inline;
      fill: #368ac0;
      height: 20px;
      position: relative;
      top: -1px;
      vertical-align: middle;
      width: 20px; }
    .hyperlink.back:focus:not(.hide-focus) span::after, .hyperlink.directional:focus:not(.hide-focus) span::after {
      border-color: #368ac0; }
  .hyperlink.back .icon {
    left: -6px;
    margin-right: -12px; }
  .hyperlink.back span::after {
    margin-left: -2px;
    width: calc(100% + 4px); }
  .hyperlink.directional .icon {
    left: -5px;
    margin-right: -7px; }
  .hyperlink.directional span::after {
    left: -5px;
    width: calc(100% - 1px); }

p .hyperlink {
  font-size: 14px;
  font-size: 1.4rem;
  white-space: nowrap; }

.link-list {
  margin-bottom: 40px; }
  .link-list li {
    line-height: 25px; }
    .link-list li svg {
      fill: #368ac0;
      height: 16px;
      left: 6px;
      margin-right: 2px;
      top: 4px;
      width: 16px; }
    .link-list li a span {
      border: 1px solid transparent;
      padding-left: 7px;
      position: relative;
      text-transform: capitalize;
      top: 2px; }
  .link-list div {
    margin-bottom: 10px;
    padding-bottom: 5px; }
    .link-list div:last-child {
      border: 0; }
  .link-list .timestamp {
    color: #999999;
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    position: static; }

.is-firefox .hyperlink:not(.directional) {
  padding-top: 2px; }

.is-firefox .hyperlink.directional span {
  padding-top: 2px; }

html[dir='rtl'] .hyperlink.back .icon {
  left: auto;
  margin-left: -10px;
  margin-right: auto;
  right: -8px; }

html[dir='rtl'] .hyperlink.back span::after {
  margin-left: 0; }

html[dir='rtl'] .hyperlink.directional span::after {
  margin-left: 18px; }

.field .checkbox-label,
.field .checkbox > label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  display: inline-block;
  margin-top: 1px;
  margin-bottom: 0; }

.field > input,
.field > textarea {
  margin-bottom: 0; }

.compound-field > .field,
.compound-field > .field-short {
  clear: both;
  display: inline-block;
  margin-right: 15px;
  vertical-align: top; }
  .compound-field > .field input[type="checkbox"] + label,
  .compound-field > .field-short input[type="checkbox"] + label {
    margin-top: 32px; }
    .compound-field > .field input[type="checkbox"] + label::after,
    .compound-field > .field-short input[type="checkbox"] + label::after {
      top: 6px; }
    .compound-field > .field input[type="checkbox"] + label::before,
    .compound-field > .field-short input[type="checkbox"] + label::before {
      margin-top: -3px; }

.compound-field > .field-short {
  margin-right: 10px; }

.attach-up {
  margin-top: -10px; }

.field {
  margin-bottom: 20px;
  position: relative; }
  .field:last-child:not(:only-child) {
    margin-bottom: 0; }
  .field textarea + .btn-actions {
    margin-left: 4px;
    position: absolute;
    top: calc(50% - 14px); }
  .field .btn-actions {
    border-radius: 50%;
    height: 30px;
    min-height: 30px;
    min-width: 30px;
    position: relative;
    top: 0;
    width: 30px; }
    .field .btn-actions .icon {
      height: 16px;
      margin-left: 0;
      width: 16px; }
  .field > .textarea-wordcount {
    color: #999999;
    margin-bottom: 14px; }
  .field.field-radio {
    margin-bottom: 10px; }
  .field.field-checkbox {
    margin-bottom: 12px; }
    .field.field-checkbox .inline-checkbox .label-text {
      margin-bottom: 1px !important; }
  .field:not(.field-checkbox) + .field.field-checkbox {
    margin-bottom: 18px; }
  .field.l-pull-left {
    margin-right: 20px; }
  .field.percent::before, .field.percent::after, .field.currency::before, .field.currency::after {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    position: absolute;
    top: 32px; }
  .field.currency::before {
    content: attr(data-currency-symbol);
    left: 10px; }
  .field.percent::before {
    content: attr(data-currency-symbol);
    left: 10px; }
  .field.top-padding {
    margin-top: 3rem; }

.icon.close {
  cursor: pointer;
  fill: #5c5c5c;
  height: 14px;
  right: 29px;
  top: 3px; }
  .icon.close:hover {
    fill: #1a1a1a; }
  .icon.close.is-empty {
    display: none; }

.is-disabled .icon.close {
  cursor: default;
  opacity: .5; }

input,
textarea {
  -webkit-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -moz-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -o-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -ms-transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  transition: border 300ms ease 0s, box-shadow 300ms ease 0s;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #999999;
  border-collapse: separate;
  border-radius: 2px;
  color: #1a1a1a;
  display: inline-block;
  max-width: 100%;
  padding: 8px 10px;
  resize: none;
  text-align: left;
  width: 300px; }
  input:hover,
  textarea:hover {
    border-color: #383838; }
  input[disabled],
  textarea[disabled] {
    background-color: transparent;
    border: solid 1px #bdbdbd;
    color: #999999;
    -webkit-text-fill-color: #999999; }
  input[readonly],
  textarea[readonly] {
    background-color: #d8d8d8;
    border-color: #999999;
    color: #1a1a1a;
    -webkit-text-fill-color: #1a1a1a; }
  input.is-placeholder,
  textarea.is-placeholder {
    color: #999999; }
    input.is-placeholder.error,
    textarea.is-placeholder.error {
      color: #e84f4f; }
  input:focus,
  textarea:focus {
    border: solid 1px #368ac0;
    outline: none;
    outline-color: transparent; }
  input.error,
  textarea.error {
    border-color: #e84f4f; }
    input.error:focus,
    textarea.error:focus {
      border-color: #e84f4f !important;
      color: #1a1a1a !important; }

textarea {
  line-height: 32px;
  line-height: 2rem;
  min-height: 90px;
  overflow: auto;
  padding: 10px;
  width: 362px; }
  textarea.resizable {
    resize: vertical; }
  textarea .almost-empty {
    border-color: #e84f4f; }
  textarea.error {
    padding: 10px 25px 10px 10px; }
  textarea[readonly] + .textarea-wordcount, textarea[disabled] + .textarea-wordcount {
    display: none; }

.textarea-wordcount {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 32px;
  line-height: 2rem;
  display: block;
  min-height: auto;
  width: 362px; }
  .textarea-wordcount.almost-empty {
    color: #e84f4f; }

.textarea-print {
  display: none;
  white-space: pre-line; }

@media print {
  textarea,
  .textarea-wordcount {
    display: none !important; }
  .textarea-print {
    display: inline-block !important;
    height: auto;
    width: 362px; } }

.inline.inline-busy .label-text {
  margin-bottom: 8px; }

.inline.inline-colorpicker .label-text {
  margin-bottom: 8px; }

.inline.inline-datepicker .label-text {
  margin-bottom: 8px; }

.inline.inline-switch .label-text {
  margin-bottom: 8px; }

.inline.inline-lookup .label-text {
  margin-bottom: 8px; }

.inline.inline-searchfield .label-text {
  margin-bottom: 8px; }

.inline.inline-timepicker .label-text, .inline radio .label-text {
  margin-bottom: 8px; }

.inline input:not(.busy):not(.colorpicker):not(.datepicker):not(.switch):not(.lookup):not(.searchfield):not(.timepicker, radio) {
  margin: 5px 0 15px; }

.inline textarea:not(.busy):not(.colorpicker):not(.datepicker):not(.switch):not(.lookup):not(.searchfield):not(.timepicker, radio) {
  margin: 5px 0 12px; }

.inline .label-text {
  display: block; }

.inline.inline-switch .label-text::before, .inline.inline-switch .label-text::after {
  margin-left: -40px; }

label.required:not(.inline)::after,
.label.required:not(.inline)::after {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e84f4f;
  content: '*';
  display: inline-block;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 2px; }

label.required .label-text::after,
.label.required .label-text::after {
  font-size: 18px;
  font-size: 1.8rem;
  color: #e84f4f;
  content: '*';
  display: inline-block;
  left: 3px;
  line-height: 0;
  position: relative;
  top: 2px; }

::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #999999;
  font-weight: normal;
  line-height: 16px;
  opacity: 1; }

::-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #999999;
  font-weight: normal;
  line-height: 16px;
  opacity: 1; }

:-ms-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
  color: #999999;
  font-weight: normal;
  line-height: 16px;
  opacity: 1; }

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

.error,
.error-message,
.error-message p {
  color: #e84f4f; }

.error::-webkit-input-placeholder {
  color: #e84f4f;
  opacity: 1; }

.error::-moz-placeholder {
  color: #e84f4f;
  opacity: 1; }

.error:-ms-input-placeholder {
  color: #e84f4f;
  opacity: 1; }

::selection {
  background: #368ac0;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff; }

::-moz-selection {
  background: #368ac0;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff; }

.is-number-mask {
  text-align: right; }

.field-short {
  font-size: 0;
  margin-bottom: 10px;
  position: relative; }
  .field-short:last-child:not(:only-child) {
    margin-bottom: 0; }
  .field-short input {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 0;
    padding: 5px;
    resize: none;
    text-align: left;
    width: 150px; }
    .field-short input::-webkit-input-placeholder {
      font-size: 12px;
      font-size: 1.2rem; }
    .field-short input::-moz-placeholder {
      font-size: 12px;
      font-size: 1.2rem; }
    .field-short input:-ms-input-placeholder {
      font-size: 12px;
      font-size: 1.2rem; }
  .field-short label {
    display: inline-block;
    padding-right: 10px;
    padding-top: 5px;
    text-align: right;
    vertical-align: top;
    width: 150px; }
    .field-short label ~ .error-message .message-text,
    .field-short label ~ .error-message .icon {
      left: 150px; }
  .field-short .icon-error,
  .field-short .icon-confirm {
    height: 14px;
    margin-left: -27px;
    margin-top: 6px;
    top: auto;
    width: 18px; }

.input-lg,
.field-short .input-lg {
  width: 400px; }

.input-md,
.input-md.datepicker,
.field-short .input-md {
  width: 300px; }

.input-sm,
.field-short .input-sm {
  width: 150px; }

.input-xs,
.field-short .input-xs {
  width: 75px; }

.input-full {
  width: 100%; }

.field-info {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  line-height: 1.2rem;
  margin-bottom: 12px;
  margin-top: -8px;
  max-width: 300px;
  min-height: 35px;
  position: relative; }
  .field-info .icon {
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 15px; }
  .field-info .icon-info-field {
    position: static; }
  .field-info .message-text {
    font-size: inherit;
    line-height: 14px;
    margin-bottom: 16px;
    margin-top: -2px;
    max-width: 267px;
    padding-left: 20px; }

.error-message {
  font-size: 12px;
  font-size: 1.2rem;
  color: #e84f4f;
  display: block;
  line-height: 1.2rem;
  margin-top: 7px;
  max-width: 300px;
  position: relative; }
  .error-message .icon {
    height: 14px;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: 0;
    width: 14px; }
  .error-message .message-text {
    font-size: inherit;
    line-height: 15px;
    max-width: 280px;
    padding-left: 19px; }

.dropdown-wrapper .icon + .error-message,
.lookup-wrapper .icon + .error-message {
  margin-bottom: -10px;
  margin-top: 4px; }
  .dropdown-wrapper .icon + .error-message .icon-error,
  .lookup-wrapper .icon + .error-message .icon-error {
    position: relative;
    right: initial; }

.column input.has-actions:not(.datepicker),
.column textarea.has-actions,
.columns input.has-actions:not(.datepicker),
.columns textarea.has-actions {
  max-width: 300px;
  width: calc(100% - 40px); }
  .column input.has-actions:not(.datepicker).textarea,
  .column textarea.has-actions.textarea,
  .columns input.has-actions:not(.datepicker).textarea,
  .columns textarea.has-actions.textarea {
    max-width: 362px; }
    .column input.has-actions:not(.datepicker).textarea ~ .btn-tertiary,
    .column textarea.has-actions.textarea ~ .btn-tertiary,
    .columns input.has-actions:not(.datepicker).textarea ~ .btn-tertiary,
    .columns textarea.has-actions.textarea ~ .btn-tertiary {
      margin-left: 2px;
      position: absolute;
      top: calc(50% - 14px); }
  .column input.has-actions:not(.datepicker).input-xs,
  .column textarea.has-actions.input-xs,
  .columns input.has-actions:not(.datepicker).input-xs,
  .columns textarea.has-actions.input-xs {
    max-width: 75px; }
  .column input.has-actions:not(.datepicker).input-sm,
  .column textarea.has-actions.input-sm,
  .columns input.has-actions:not(.datepicker).input-sm,
  .columns textarea.has-actions.input-sm {
    max-width: 150px; }
  .column input.has-actions:not(.datepicker).input-lg,
  .column textarea.has-actions.input-lg,
  .columns input.has-actions:not(.datepicker).input-lg,
  .columns textarea.has-actions.input-lg {
    max-width: 400px; }
  .column input.has-actions:not(.datepicker).input-full,
  .column textarea.has-actions.input-full,
  .columns input.has-actions:not(.datepicker).input-full,
  .columns textarea.has-actions.input-full {
    max-width: calc(100% - 40px); }
  .column input.has-actions:not(.datepicker) ~ .btn-tertiary,
  .column textarea.has-actions ~ .btn-tertiary,
  .columns input.has-actions:not(.datepicker) ~ .btn-tertiary,
  .columns textarea.has-actions ~ .btn-tertiary {
    min-width: 30px;
    width: 30px; }
  .column input.has-actions:not(.datepicker) ~ a.btn-tertiary,
  .column textarea.has-actions ~ a.btn-tertiary,
  .columns input.has-actions:not(.datepicker) ~ a.btn-tertiary,
  .columns textarea.has-actions ~ a.btn-tertiary {
    display: inline;
    padding: 0 5px; }

.column input.has-actions.datepicker.input-xs,
.columns input.has-actions.datepicker.input-xs {
  max-width: 75px;
  width: calc(100% - 40px); }

.column input.has-actions.datepicker.input-sm,
.columns input.has-actions.datepicker.input-sm {
  max-width: 150px;
  width: calc(100% - 40px); }

.column input.has-actions.datepicker.input-md,
.columns input.has-actions.datepicker.input-md {
  max-width: 300px;
  width: calc(100% - 40px); }

.column input.has-actions.datepicker.input-lg,
.columns input.has-actions.datepicker.input-lg {
  max-width: 400px;
  width: calc(100% - 40px); }

.column input.has-actions.datepicker.input-full,
.columns input.has-actions.datepicker.input-full {
  max-width: calc(100% - 40px);
  width: calc(100% - 40px); }

.column input.has-actions.datepicker ~ a.btn-tertiary,
.columns input.has-actions.datepicker ~ a.btn-tertiary {
  display: inline;
  padding: 0 5px; }

.has-actions-wrapper {
  margin-right: -40px;
  width: 340px; }
  .has-actions-wrapper.xs {
    width: 115px; }
  .has-actions-wrapper.sm {
    width: 190px; }
  .has-actions-wrapper.lg {
    width: 440px; }
  .has-actions-wrapper ~ a.btn-tertiary {
    display: inline;
    padding: 0 5px; }

html[dir='rtl'] .field-info .icon,
html[dir='rtl'] .error-message .icon {
  left: auto; }

html[dir='rtl'] .field-info .message-text,
html[dir='rtl'] .error-message .message-text {
  padding-left: inherit;
  padding-right: 19px; }

html[dir='rtl'] .field .checkbox-label,
html[dir='rtl'] .field .checkbox > label {
  margin-left: inherit;
  margin-right: -5px; }

html[dir='rtl'] input,
html[dir='rtl'] textarea {
  text-align: right; }
  html[dir='rtl'] input.error,
  html[dir='rtl'] textarea.error {
    padding-right: 10px; }

html[dir='rtl'] label.required::after,
html[dir='rtl'] .label.required::after {
  left: auto;
  right: 3px; }

html[dir='rtl'] .is-number-mask {
  text-align: left; }

html[dir='rtl'] [data-mask-mode="number"].spinbox {
  text-align: center; }

html[dir='rtl'] .field-short .icon-error,
html[dir='rtl'] .field-short .icon-confirm {
  height: 14px;
  margin-left: inherit;
  right: 0;
  top: auto;
  width: 18px; }

html[dir='rtl'] .field-short label {
  padding-left: 10px;
  padding-right: inherit;
  text-align: left; }
  html[dir='rtl'] .field-short label ~ .error-message .icon,
  html[dir='rtl'] .field-short label ~ .error-message .message-text {
    left: auto;
    right: 150px; }

html[dir='rtl'] .inline.inline-switch .label-text::before, html[dir='rtl'] .inline.inline-switch .label-text::after {
  margin-left: inherit;
  margin-right: -40px; }

@media (max-width: 766px) {
  .input-lg,
  .field-short .input-lg {
    width: 300px; } }

input.checkbox,
span.checkbox > input {
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 16px; }

label.inline .checkbox ~ .label-text,
input.checkbox + label,
input.checkbox + input[type="hidden"] + label,
span.checkbox > label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  cursor: pointer;
  display: inline-block;
  padding-left: 26px;
  position: relative; }

label.inline .checkbox ~ .label-text::before,
input.checkbox + label::before,
input.checkbox + input[type="hidden"] + label::before,
span.checkbox > label::before {
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 2px;
  content: '';
  height: 14px;
  margin-left: -25px;
  margin-top: 4px;
  position: absolute;
  width: 14px;
  margin-top: 0; }

label.inline .checkbox:checked ~ .label-text::before,
input.checkbox:checked + label::before,
input.checkbox:checked + input[type="hidden"] + label::before,
span.checkbox > input:checked + label::before {
  background-color: #368ac0;
  border-color: #368ac0; }

label.inline .checkbox:checked ~ .label-text::after,
input.checkbox:checked + label::after,
input.checkbox:checked + input[type="hidden"] + label::after,
span.checkbox > input:checked + label::after {
  -webkit-transform: scaleX(-1) rotate(135deg);
  -moz-transform: scaleX(-1) rotate(135deg);
  -o-transform: scaleX(-1) rotate(135deg);
  -ms-transform: scaleX(-1) rotate(135deg);
  transform: scaleX(-1) rotate(135deg);
  border-color: #ffffff #ffffff #ffffff transparent;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  height: 10px;
  left: 3px;
  position: absolute;
  top: 13px;
  width: 4px;
  top: 9px; }

span.checkbox > input + label {
  line-height: 20px; }

.ie9 input.checkbox:checked + label::after,
.ie9 input.checkbox:checked + input[type="hidden"] + label::after,
.ie9 span.checkbox > input:checked + label::after {
  left: 6px;
  margin-top: -8px; }

label.inline .checkbox.partial:checked ~ .label-text::after,
input.checkbox.partial:checked + label::after,
input.checkbox.partial:checked + input[type="hidden"] + label::after,
span.checkbox.partial > input:checked + label::after {
  border-width: 0 0 2px;
  margin-left: 1px;
  top: 1px;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  width: 10px;
  top: -3px; }

.ie9 input.checkbox.partial:checked + label::after,
.ie9 input.checkbox.partial:checked + input[type="hidden"] + label::after,
.ie9 span.checkbox.partial > input:checked + label::after {
  left: 3px;
  margin-top: 0; }

label.inline .checkbox:disabled ~ .label-text,
input.checkbox:disabled + label,
input.checkbox:disabled + input[type="hidden"] + label,
span.checkbox > input:disabled + label {
  color: #999999;
  cursor: default; }

label.inline .checkbox:disabled:not(:checked) ~ .label-text::before,
input.checkbox:disabled:not(:checked) + label::before,
input.checkbox:disabled:not(:checked) + input[type="hidden"] + label::before,
span.checkbox > input:disabled:not(:checked) + label::before {
  background-color: transparent;
  border-color: #bdbdbd; }

label.inline .checkbox:disabled:checked ~ .label-text::before,
input.checkbox:disabled:checked + label::before,
input.checkbox:disabled:checked + input[type="hidden"] + label::before,
span.checkbox > input:disabled:checked + label::before {
  background-color: #bdbdbd;
  border-color: #bdbdbd; }

label.inline .checkbox:disabled:checked ~ .label-text::after,
input.checkbox:disabled:checked + label::after,
input.checkbox:disabled:checked + input[type="hidden"] + label::after,
span.checkbox > input:disabled:checked + label::after {
  border-color: #f4f4f4 #f4f4f4 #f4f4f4 transparent; }

label.inline .checkbox:focus:not(.hide-focus) ~ .label-text::before,
input.checkbox:focus:not(.hide-focus) + label::before,
input.checkbox:focus:not(.hide-focus) + input[type="hidden"] + label::before,
span.checkbox > input:focus:not(.hide-focus) + label::before {
  box-shadow: 0 0 0 1px #f0f0f0, 0 0 0 2px #368ac0; }

label.inline .checkbox:not(:checked):not(:disabled):hover ~ .label-text::before,
input.checkbox:not(:checked):not(:disabled):hover + label::before,
input.checkbox:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before,
span.checkbox > input:not(:checked):not(:disabled):hover + label::before {
  -webkit-transition: border-color 300ms ease;
  -moz-transition: border-color 300ms ease;
  -o-transition: border-color 300ms ease;
  -ms-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
  border-color: #383838; }

label.inline .checkbox ~ .label-text,
.checkbox-label {
  display: inline-block;
  line-height: 17px;
  margin-bottom: 13px; }

.is-firefox label.inline .checkbox ~ .label-text,
.is-firefox .checkbox-label {
  display: inline-block;
  line-height: 19px; }

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 4px; }
  100% {
    height: 10px;
    width: 4px; } }

@-moz-keyframes check {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 4px; }
  100% {
    height: 10px;
    width: 4px; } }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  50% {
    height: 0;
    width: 4px; }
  100% {
    height: 10px;
    width: 4px; } }

label.inline .checkbox ~ .label-text::after,
span.checkbox > input:checked + label::after,
.checkbox ~ label::after {
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0; }

label.inline .checkbox:not(.partial):checked ~ .label-text::after,
span.checkbox > input:checked + label::after,
.checkbox:not(.partial):checked ~ label::after {
  -webkit-animation: check 0.15s;
  -moz-animation: check 0.15s;
  -o-animation: check 0.15s;
  -ms-animation: check 0.15s;
  animation: check 0.15s; }

.checkbox-group-label {
  font-size: 12px;
  font-size: 1.2rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  margin-bottom: 12px; }
  .checkbox-group-label ~ .field {
    margin-bottom: 12px; }
  .checkbox-group-label ~ .field-short {
    margin-bottom: 0; }

@media print {
  label.inline .checkbox ~ .label-text,
  .checkbox + label::before {
    content: none; }
  input.checkbox,
  span.checkbox > input {
    left: unset;
    position: unset;
    width: unset; }
  label.inline .checkbox ~ .label-text,
  input.checkbox + label,
  input.checkbox + input[type="hidden"] + label,
  span.checkbox > label {
    padding-left: 8px; }
  label.inline .checkbox ~ .label-text::before,
  input.checkbox + label::before,
  input.checkbox + input[type="hidden"] + label::before,
  span.checkbox > label::before {
    content: none;
    margin-left: 0; } }

label.inline:not(.checkbox-label) .checkbox ~ .label-text {
  margin: 0 auto 3px -5px; }

.ie9 label.inline .checkbox ~ .label-text::after {
  left: 6px;
  top: 1px; }

.ie9 label.inline .partial:checked ~ .label-text::after {
  left: 3px;
  top: -3px; }

html[dir='rtl'] label.inline .checkbox:checked ~ .label-text::after,
html[dir='rtl'] input.checkbox:checked + label::after,
html[dir='rtl'] input.checkbox:checked + input[type="hidden"] + label::after,
html[dir='rtl'] span.checkbox > input:checked + label::after {
  left: auto;
  right: 14px; }

html[dir='rtl'] label.inline .checkbox ~ .label-text,
html[dir='rtl'] input.checkbox + label,
html[dir='rtl'] input.checkbox + input[type="hidden"] + label,
html[dir='rtl'] span.checkbox > label {
  padding-left: inherit;
  padding-right: 32px; }

html[dir='rtl'] label.inline .checkbox ~ .label-text::before,
html[dir='rtl'] input.checkbox + label::before,
html[dir='rtl'] input.checkbox + input[type="hidden"] + label::before,
html[dir='rtl'] span.checkbox > label::before {
  margin-left: inherit;
  margin-right: -27px; }

html[dir='rtl'] label.inline .checkbox.partial:checked ~ .label-text::after,
html[dir='rtl'] input.checkbox.partial:checked + label::after,
html[dir='rtl'] input.checkbox.partial:checked + input[type="hidden"] + label::after,
html[dir='rtl'] span.checkbox.partial > input:checked + label::after {
  right: 8px; }

html[dir='rtl'] .dirty-checkbox {
  right: 8px; }

html[dir='rtl'] .field-short .dirty-checkbox {
  right: 12px; }

.field-short input.checkbox {
  padding: 0; }

.field-short label.inline .checkbox ~ .label-text,
.field-short .checkbox-label,
.field-short input.checkbox + label,
.field-short input.checkbox + input[type="hidden"] + label,
.field-short span.checkbox > label {
  padding-top: 0;
  width: auto; }

.field-short .icon-dirty.dirty-checkbox {
  left: auto; }

.ie10 input.checkbox,
.ie10 span.checkbox > input {
  left: -25px; }

.radio {
  left: 0;
  opacity: 0;
  position: absolute;
  width: 0; }

.inline-radio {
  margin-bottom: 0; }

.inline .radio ~ .label-text,
.radio + label {
  font-size: 14px;
  font-size: 1.4rem;
  color: #1a1a1a;
  cursor: pointer;
  line-height: 24px;
  margin-bottom: 6px;
  outline: none;
  padding-left: 26px;
  position: relative; }

.inline .radio ~ .label-text::before,
.radio + label::before {
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 50%;
  content: '';
  height: 14px;
  margin-left: -25px;
  margin-top: 4px;
  position: absolute;
  width: 14px; }

.inline .radio ~ .label-text::before {
  margin-top: 2px; }

.inline .radio:hover ~ .label-text::before,
.radio:hover + label::before {
  -webkit-transition: border-color 300ms ease;
  -moz-transition: border-color 300ms ease;
  -o-transition: border-color 300ms ease;
  -ms-transition: border-color 300ms ease;
  transition: border-color 300ms ease;
  border-color: #383838; }

.inline .radio ~ .label-text,
.radio-label {
  display: inline-block;
  line-height: 20px; }
  .inline .radio ~ .label-text.radio-label:first-of-type,
  .radio-label.radio-label:first-of-type {
    margin-top: 4px; }
  .inline .radio ~ .label-text:last-of-type,
  .radio-label:last-of-type {
    margin-bottom: 0; }

.inline .radio ~ .label-text::after,
.radio + label::after {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  content: '';
  height: 4px;
  left: 5px;
  position: absolute;
  top: 8px;
  transition: all .2s ease 0s;
  width: 4px; }

.inline .radio ~ .label-text::after {
  top: 6px; }

.inline .radio:checked ~ .label-text::before,
.radio:checked + label::before {
  background-color: #368ac0;
  border: 1px solid #368ac0; }

.inline .radio:not(:checked) ~ .label-text::after,
.radio:not(:checked) + label::after {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: scale(0); }

.inline .radio:checked ~ .label-text::after,
.radio:checked + label::after {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1); }

.inline .radio:disabled ~ .label-text::before,
.radio:disabled + label::before {
  background-color: #f0f0f0;
  border-color: #bdbdbd;
  cursor: default; }

.inline .radio:disabled:checked ~ .label-text::before,
.radio:disabled:checked + label::before {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  cursor: default; }

.inline .radio:disabled:checked ~ .label-text::before,
.radio:disabled:checked + label::after {
  background-color: #f0f0f0;
  border: 2px solid #f0f0f0; }

.inline .radio:disabled ~ .label-text,
.radio:disabled + label {
  color: #999999;
  cursor: default; }

.inline .radio:not(.hide-focus):focus ~ .label-text::before,
.radio:not(.hide-focus):focus + label::before {
  box-shadow: 0 0 0 2px #f0f0f0, 0 0 0 3px #368ac0; }

@media print {
  .inline .radio ~ .label-text::before,
  .radio + label::before {
    content: none; }
  .radio {
    left: unset;
    position: unset;
    width: unset; }
  .inline .radio ~ .label-text,
  .radio + label {
    padding-left: 9px; }
  .inline .radio ~ .label-text::after,
  .radio + label::after {
    border: 0; } }

.radio-group {
  margin-bottom: 10px;
  margin-top: 0; }
  .radio-group legend {
    font-size: 12px;
    font-size: 1.2rem;
    color: #5c5c5c;
    padding-bottom: 5px; }
  .radio-group.is-disabled legend, .radio-group[disabled] legend {
    color: #999999; }
  .radio-group .field,
  .radio-group .field-short {
    margin-bottom: 0; }
  .radio-group + .field {
    margin-top: 20px; }
  .radio-group + .field-short {
    margin-top: 10px; }

.radio-section {
  margin-top: 30px; }
  .radio-section .option {
    padding-left: 0; }
    .radio-section .option .btn-primary {
      margin-top: inherit;
      padding: inherit; }
      .radio-section .option .btn-primary[disabled] {
        border: 0; }
    .radio-section .option .large-txt {
      font-size: 14px;
      font-size: 1.4rem; }
    .radio-section .option .line-through {
      text-decoration: line-through; }
    .radio-section .option .radio-label {
      margin-bottom: 2.3em; }
      .radio-section .option .radio-label .in-label {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25px;
        margin-top: -10px; }
      .radio-section .option .radio-label span {
        display: block; }
    .radio-section .option:first-child {
      margin-bottom: 30px;
      margin-left: 0;
      position: relative; }
      .radio-section .option:first-child::after {
        border-right: 1px solid #bdbdbd;
        bottom: 15px;
        content: ' ';
        position: absolute;
        right: 0;
        top: 15px; }

.info .radiosection .option {
  margin-left: inherit; }
  .info .radiosection .option:first-child {
    margin-right: 10px; }

.info .row:last-child {
  margin-bottom: 0; }

@media (max-width: 1279px) {
  .radio-section .option {
    margin-left: 0;
    text-align: left;
    width: 95%; }
    .radio-section .option .row:last-child {
      margin-bottom: 0; }
    .radio-section .option:first-child {
      margin-right: inherit;
      position: static; }
      .radio-section .option:first-child::after {
        display: none; }
    .radio-section .option:not(:first-child) {
      border-top: 1px solid #bdbdbd;
      padding-top: 15px; } }

html[dir='rtl'] .radio {
  margin-left: inherit;
  margin-right: 7px; }

html[dir='rtl'] .inline .radio ~ .label-text,
html[dir='rtl'] .radio + label {
  padding-left: inherit;
  padding-right: 36px; }

html[dir='rtl'] .inline .radio ~ .label-text::before,
html[dir='rtl'] .radio + label::before {
  margin-left: inherit;
  margin-right: -33px; }

html[dir='rtl'] .inline .radio ~ .label-text::after,
html[dir='rtl'] .radio + label::after {
  left: auto;
  right: .53em; }

html[dir='rtl'] .radio-section .option {
  padding-left: inherit;
  padding-right: 0; }
  html[dir='rtl'] .radio-section .option:first-child {
    margin-left: inherit;
    margin-right: 0; }
    html[dir='rtl'] .radio-section .option:first-child::after {
      left: 0;
      right: auto; }

html[dir='rtl'] .info .radiosection .option {
  margin-right: inherit; }
  html[dir='rtl'] .info .radiosection .option:first-child {
    margin-left: inherit;
    margin-right: 10px; }

@media (max-width: 1279px) {
  html[dir='rtl'] .radio-section .option {
    margin-left: inherit;
    margin-right: 0;
    text-align: right; }
    html[dir='rtl'] .radio-section .option:first-child {
      margin-left: inherit; } }

.field-short .inline .radio ~ .label-text,
.field-short .radio + label {
  margin-bottom: 0;
  margin-top: 0; }

.field-short .radio-label {
  width: auto; }

.field-short .inline .radio ~ .label-text::after,
.field-short .radio + label::after {
  top: 13px; }

.inline .radio.error ~ .label-text,
.radio.error + label {
  color: #e84f4f; }
  .inline .radio.error ~ .label-text::before,
  .radio.error + label::before {
    border-color: #e84f4f; }

.inline .radio.error:disabled ~ .label-text,
.radio.error:disabled + label {
  color: rgba(232, 79, 79, 0.4); }
  .inline .radio.error:disabled ~ .label-text::before,
  .radio.error:disabled + label::before {
    border-color: rgba(232, 79, 79, 0.4); }

.radio-group-error {
  margin-left: 2px;
  margin-top: 5px; }

.header {
  -webkit-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #2578a9;
  display: block;
  height: 60px;
  overflow: hidden;
  width: 100%; }
  .header .searchfield {
    border: 1px solid transparent; }
  .header .row {
    max-width: 100% !important;
    width: 100%; }
  .header > * {
    vertical-align: middle; }
  .header h1 {
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -moz-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -o-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    -ms-transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition: transform 150ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    text-overflow: ellipsis;
    width: calc(100% - 30px); }
    .header h1 span {
      display: block;
      height: inherit;
      overflow: hidden;
      text-overflow: ellipsis; }
  .header [class^="btn"] > h1 {
    width: auto; }
  .header [class^="btn"] .icon.icon-dropdown {
    margin-left: 5px; }
  .header .btn-primary {
    background-color: #54a1d3;
    border: 1px solid #54a1d3; }
    .header .btn-primary:hover, .header .btn-primary:focus {
      background-color: #368ac0;
      border: 1px solid #368ac0; }
    .header .btn-primary:focus:not(.hide-focus) {
      box-shadow: 0 0 0 2px #2578a9, 0 0 0 3px #ffffff; }
      .header .btn-primary:focus:not(.hide-focus):active {
        box-shadow: none; }
  .header .page-title {
    font-size: 18px;
    font-size: 1.8rem;
    color: #ffffff;
    display: block;
    margin-top: 3px; }
    .header .page-title .alert .icon {
      line-height: inherit;
      margin-left: 7px;
      position: absolute;
      top: -3px; }
  .header .section-title {
    font-size: 14px;
    font-size: 1.4rem;
    color: #ffffff;
    display: block;
    margin-top: 2px;
    padding: 0;
    text-transform: capitalize; }
  .header .separator {
    font-size: 22px;
    font-size: 2.2rem;
    color: #ffffff;
    padding: 0 4px 0 5px;
    position: relative;
    top: 1px; }
  .header .tooltip-description {
    color: #ffffff; }
  .header .header-search {
    margin-left: -3px; }
  .header .header-right {
    float: right;
    position: relative;
    top: -7px; }
  .header .toolbar {
    height: 60px;
    padding: 0 1rem; }
    .header .toolbar .title {
      color: #ffffff;
      height: 60px;
      left: 8px;
      overflow: visible;
      position: absolute;
      text-overflow: clip; }
      .header .toolbar .title .btn-menu {
        text-transform: none; }
    .header .toolbar .panel-title {
      font-size: 20px;
      font-size: 2rem;
      line-height: 1.2; }
    .header .toolbar .panel-subhead {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1; }
    .header .toolbar.has-title-button + .breadcrumb {
      padding-left: 65px; }
    .header .toolbar.do-resize .title {
      left: 8px; }
    .header .toolbar.do-resize.has-more-button .title {
      left: 8px; }
  .header.is-sticky {
    z-index: 9000; }
  .header.subheader {
    background-color: #1d5f8a; }

.subheader {
  -webkit-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -moz-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -o-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  -ms-transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: background-color 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  background-color: #1d5f8a;
  display: block;
  height: 60px;
  overflow: hidden;
  width: 100%; }
  .subheader .searchfield-wrapper {
    height: inherit;
    margin-bottom: 0; }
  .subheader .full-searchfield-container {
    margin: 0 auto;
    max-width: 1280px;
    padding: 1.4rem 4rem 0;
    vertical-align: middle; }

.header .toolbar [class^="btn"],
.subheader .toolbar [class^="btn"] {
  background-color: transparent;
  border: 1px solid transparent;
  color: rgba(255, 255, 255, 0.7); }
  .header .toolbar [class^="btn"] .icon,
  .subheader .toolbar [class^="btn"] .icon {
    fill: rgba(255, 255, 255, 0.7); }
  .header .toolbar [class^="btn"].is-open .icon,
  .header .toolbar [class^="btn"].btn-menu.is-open .icon,
  .subheader .toolbar [class^="btn"].is-open .icon,
  .subheader .toolbar [class^="btn"].btn-menu.is-open .icon {
    fill: white !important; }
  .header .toolbar [class^="btn"] .audible,
  .subheader .toolbar [class^="btn"] .audible {
    color: #ffffff; }
  .header .toolbar [class^="btn"]:hover:not([disabled]), .header .toolbar [class^="btn"]:active:not([disabled]), .header .toolbar [class^="btn"][aria-expanded="true"],
  .subheader .toolbar [class^="btn"]:hover:not([disabled]),
  .subheader .toolbar [class^="btn"]:active:not([disabled]),
  .subheader .toolbar [class^="btn"][aria-expanded="true"] {
    color: white; }
    .header .toolbar [class^="btn"]:hover:not([disabled]) .icon, .header .toolbar [class^="btn"]:active:not([disabled]) .icon, .header .toolbar [class^="btn"][aria-expanded="true"] .icon,
    .subheader .toolbar [class^="btn"]:hover:not([disabled]) .icon,
    .subheader .toolbar [class^="btn"]:active:not([disabled]) .icon,
    .subheader .toolbar [class^="btn"][aria-expanded="true"] .icon {
      fill: white; }
  .header .toolbar [class^="btn"]:focus,
  .subheader .toolbar [class^="btn"]:focus {
    color: white; }
    .header .toolbar [class^="btn"]:focus .icon,
    .subheader .toolbar [class^="btn"]:focus .icon {
      fill: white; }
  .header .toolbar [class^="btn"]:focus:not(.hide-focus),
  .subheader .toolbar [class^="btn"]:focus:not(.hide-focus) {
    box-shadow: 0 0 0 2px transparent, 0 0 0 1px white;
    color: white; }
    .header .toolbar [class^="btn"]:focus:not(.hide-focus) .icon,
    .subheader .toolbar [class^="btn"]:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"].is-selected:focus:not(.hide-focus),
  .subheader .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) {
    color: white; }
    .header .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon,
    .subheader .toolbar [class^="btn"].is-selected:focus:not(.hide-focus) .icon {
      fill: white; }
  .header .toolbar [class^="btn"][disabled],
  .subheader .toolbar [class^="btn"][disabled] {
    color: rgba(255, 255, 255, 0.3) !important; }
    .header .toolbar [class^="btn"][disabled] .icon,
    .subheader .toolbar [class^="btn"][disabled] .icon {
      fill: rgba(255, 255, 255, 0.3) !important; }
    .header .toolbar [class^="btn"][disabled]:hover,
    .subheader .toolbar [class^="btn"][disabled]:hover {
      background-color: transparent;
      border-color: transparent; }
  .header .toolbar [class^="btn"] .ripple-effect,
  .subheader .toolbar [class^="btn"] .ripple-effect {
    background-color: #ffffff; }

.header .app-header,
.subheader .app-header {
  height: 32px;
  width: 32px; }
  .header .app-header.icon > span,
  .subheader .app-header.icon > span {
    background-color: rgba(255, 255, 255, 0.7); }

.header .btn-icon:hover span:not(.icon),
.subheader .btn-icon:hover span:not(.icon) {
  color: #ffffff; }

.header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary),
.subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) {
  color: rgba(255, 255, 255, 0.7); }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon,
  .subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .icon {
    fill: rgba(255, 255, 255, 0.7); }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus),
  .subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary):focus:not(.hide-focus) {
    box-shadow: none;
    color: white; }
  .header .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect,
  .subheader .btn-menu:not(.btn):not(.btn-primary):not(.btn-secondary):not(.btn-tertiary) .ripple-effect {
    background-color: rgba(255, 255, 255, 0.7); }

.header .breadcrumb,
.subheader .breadcrumb {
  display: block;
  padding: 1px 20px 0; }
  .header .breadcrumb ol,
  .subheader .breadcrumb ol {
    padding: 0; }
  .header .breadcrumb .hyperlink,
  .subheader .breadcrumb .hyperlink {
    color: #ffffff; }
    .header .breadcrumb .hyperlink:active:not([disabled]), .header .breadcrumb .hyperlink:hover:not([disabled]), .header .breadcrumb .hyperlink:focus:not([disabled]),
    .subheader .breadcrumb .hyperlink:active:not([disabled]),
    .subheader .breadcrumb .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .hyperlink:focus:not([disabled]) {
      color: #ffffff; }
    .header .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus),
    .subheader .breadcrumb .hyperlink:focus:not([disabled]):not(.hide-focus) {
      outline: 1px solid #ffffff; }
    .header .breadcrumb .hyperlink:hover:not([disabled]),
    .subheader .breadcrumb .hyperlink:hover:not([disabled]) {
      border-bottom: 1px solid #ffffff; }
  .header .breadcrumb li,
  .subheader .breadcrumb li {
    color: #ffffff; }
    .header .breadcrumb li::after,
    .subheader .breadcrumb li::after {
      color: #ffffff; }
  .header .breadcrumb.alternate,
  .subheader .breadcrumb.alternate {
    background-color: #ffffff;
    border-bottom: 1px solid #383838; }
    .header .breadcrumb.alternate:hidden,
    .subheader .breadcrumb.alternate:hidden {
      border-bottom: 0; }
    .header .breadcrumb.alternate ol,
    .subheader .breadcrumb.alternate ol {
      padding: 15px 0; }
    .header .breadcrumb.alternate .hyperlink,
    .subheader .breadcrumb.alternate .hyperlink {
      color: #383838; }
      .header .breadcrumb.alternate .hyperlink:active:not([disabled]), .header .breadcrumb.alternate .hyperlink:hover:not([disabled]), .header .breadcrumb.alternate .hyperlink:focus:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:active:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]) {
        color: #383838; }
      .header .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus),
      .subheader .breadcrumb.alternate .hyperlink:focus:not([disabled]):not(.hide-focus) {
        outline: 1px solid #383838; }
      .header .breadcrumb.alternate .hyperlink:hover:not([disabled]),
      .subheader .breadcrumb.alternate .hyperlink:hover:not([disabled]) {
        border-bottom: 1px solid #383838; }
    .header .breadcrumb.alternate li,
    .subheader .breadcrumb.alternate li {
      color: #383838; }
      .header .breadcrumb.alternate li::after,
      .subheader .breadcrumb.alternate li::after {
        color: #383838; }

.header .toolbar [class^="btn"] .app-header.icon > span,
.header .toolbar [class^="btn"] .app-drawer.icon > span,
.subheader .toolbar [class^="btn"] .app-header.icon > span,
.subheader .toolbar [class^="btn"] .app-drawer.icon > span,
.masthead .toolbar [class^="btn"] .app-header.icon > span,
.masthead .toolbar [class^="btn"] .app-drawer.icon > span {
  background-color: rgba(255, 255, 255, 0.7); }

.header .toolbar [class^="btn"]:hover:not([disabled]) .app-drawer.icon > span,
.header .toolbar [class^="btn"]:hover:not([disabled]) .app-header.icon > span, .header .toolbar [class^="btn"]:active:not([disabled]) .app-drawer.icon > span,
.header .toolbar [class^="btn"]:active:not([disabled]) .app-header.icon > span,
.subheader .toolbar [class^="btn"]:hover:not([disabled]) .app-drawer.icon > span,
.subheader .toolbar [class^="btn"]:hover:not([disabled]) .app-header.icon > span,
.subheader .toolbar [class^="btn"]:active:not([disabled]) .app-drawer.icon > span,
.subheader .toolbar [class^="btn"]:active:not([disabled]) .app-header.icon > span,
.masthead .toolbar [class^="btn"]:hover:not([disabled]) .app-drawer.icon > span,
.masthead .toolbar [class^="btn"]:hover:not([disabled]) .app-header.icon > span,
.masthead .toolbar [class^="btn"]:active:not([disabled]) .app-drawer.icon > span,
.masthead .toolbar [class^="btn"]:active:not([disabled]) .app-header.icon > span {
  background-color: white; }

.header .toolbar [class^="btn"]:focus .app-drawer.icon > span,
.header .toolbar [class^="btn"]:focus .app-header.icon > span,
.subheader .toolbar [class^="btn"]:focus .app-drawer.icon > span,
.subheader .toolbar [class^="btn"]:focus .app-header.icon > span,
.masthead .toolbar [class^="btn"]:focus .app-drawer.icon > span,
.masthead .toolbar [class^="btn"]:focus .app-header.icon > span {
  background-color: white; }

.is-firefox .header h1 {
  margin-top: 3px; }

html[dir='rtl'] .header .toolbar .title {
  left: auto;
  right: 8px; }

html[dir='rtl'] .header .toolbar.do-resize .title {
  left: auto;
  right: 8px; }

@media (max-width: 766px) {
  .header h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; } }

@media print {
  body {
    background-color: transparent;
    width: 100%; }
  header.header,
  .masthead {
    background-color: transparent !important; }
  header.header .title {
    color: #454545 !important; }
  svg {
    fill: #454545 !important; } }

/*# sourceMappingURL=css-only.css.map */